fix(Provider|Ref): add displayName property (#836)

* fix(Provider|Ref): add `displayName` property * add changelog entry * changelog
microsoft · Feb 5, 2019 · c086719 · c086719
1 parent aefc1fa
commit c086719
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -21,7 +21,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 - Generalize size values for `Avatar` and `Status` components @kuzhelov ([#828](https://github.com/stardust-ui/react/pull/828))
 - Remove `AvatarPropsWithDefaults` and `StatusPropsWithDefaults` from public API @kuzhelov ([#828](https://github.com/stardust-ui/react/pull/828))
 - Rename `combobox` to `root` in `dropdownSearchInputStyles` @layershifter ([#816](https://github.com/stardust-ui/react/pull/816))
-- Renamed class names for the slots inside the `ItemLayout` component @mnajdova ([#827](https://github.com/stardust-ui/react/pull/827)) 
+- Renamed class names for the slots inside the `ItemLayout` component @mnajdova ([#827](https://github.com/stardust-ui/react/pull/827))
 
 ### Features
 - Accessibility for menu divider @jurokapsiar ([#822](https://github.com/stardust-ui/react/pull/822))
@@ -32,6 +32,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 ### Fixes
 - Fix `Dropdown` component styles regression @Bugaa92 ([#824](https://github.com/stardust-ui/react/pull/824))
 - Update vulnerable version of `lodash` dependency  @kuzhelov ([#840](https://github.com/stardust-ui/react/pull/840))
+- Add `displayName` property to `Ref` and `Provider` components @layershifter ([#836](https://github.com/stardust-ui/react/pull/836))
 
 <!--------------------------------[ v0.19.2 ]------------------------------- -->
 ## [v0.19.2](https://github.com/stardust-ui/react/tree/v0.19.2) (2019-02-01)

diff --git a/packages/react/src/components/Provider/Provider.tsx b/packages/react/src/components/Provider/Provider.tsx
@@ -28,6 +28,8 @@ export interface ProviderProps {
 class Provider extends React.Component<ProviderProps> {
   staticStylesRendered: boolean = false
 
+  static displayName = 'Provider'
+
   static propTypes = {
     theme: PropTypes.shape({
       siteVariables: PropTypes.object,

diff --git a/packages/react/src/components/Provider/ProviderConsumer.tsx b/packages/react/src/components/Provider/ProviderConsumer.tsx
@@ -20,6 +20,7 @@ const ProviderConsumer: React.SFC<ProviderConsumerProps> = ({ render }) => (
   <FelaTheme>{render}</FelaTheme>
 )
 
+ProviderConsumer.displayName = 'ProviderConsumer'
 ProviderConsumer.propTypes = {
   render: PropTypes.func.isRequired,
 }

diff --git a/packages/react/src/components/Ref/Ref.tsx b/packages/react/src/components/Ref/Ref.tsx
@@ -25,6 +25,7 @@ const Ref: React.SFC<ReactPropsStrict<RefProps>> = props => {
   return <ElementType innerRef={innerRef}>{child}</ElementType>
 }
 
+Ref.displayName = 'Ref'
 Ref.propTypes = {
   children: PropTypes.element.isRequired,
   innerRef: customPropTypes.ref as PropTypes.Requireable<any>,

diff --git a/packages/react/src/components/Ref/RefFindNode.tsx b/packages/react/src/components/Ref/RefFindNode.tsx
@@ -14,6 +14,8 @@ export interface RefFindNodeProps extends ChildrenComponentProps<React.ReactElem
 }
 
 export default class RefFindNode extends React.Component<RefFindNodeProps> {
+  static displayName = 'RefFindNode'
+
   static propTypes = {
     children: PropTypes.element.isRequired,
     innerRef: customPropTypes.ref,

diff --git a/packages/react/src/components/Ref/RefForward.tsx b/packages/react/src/components/Ref/RefForward.tsx
@@ -14,6 +14,8 @@ export interface RefForwardProps
 }
 
 export default class RefForward extends React.Component<RefForwardProps> {
+  static displayName = 'RefForward'
+
   static propTypes = {
     children: PropTypes.element.isRequired,
     innerRef: customPropTypes.ref,