chore(Ref): use component from Stardust UI (#3774)

* chore(Ref): use component from Stardust

* chore(Ref): use component from Stardust

* fix UT

Author: layershifter

docs/src/examples/addons/Ref/Types/RefExampleRef.js

@@ -1,3 +1,7 @@
+// Third party
+
+export { Ref, RefProps } from '@stardust-ui/react-component-ref'
+
 // Addons
 
 export {
@@ -27,17 +31,6 @@ export {
   StrictPortalInnerProps,
 } from './dist/commonjs/addons/Portal/PortalInner'
 export { default as Radio, RadioProps, StrictRadioProps } from './dist/commonjs/addons/Radio'
-export { default as Ref, RefProps, StrictRefProps } from './dist/commonjs/addons/Ref'
-export {
-  default as RefFindNode,
-  RefFindNodeProps,
-  StrictRefFindNodeProps,
-} from './dist/commonjs/addons/Ref/RefFindNode'
-export {
-  default as RefForward,
-  RefForwardProps,
-  StrictRefForwardProps,
-} from './dist/commonjs/addons/Ref/RefForward'
 export {
   default as Responsive,
   ResponsiveProps,

docs/src/examples/addons/Ref/Types/RefForwardingExample.js

@@ -79,12 +79,13 @@
   "dependencies": {
     "@babel/runtime": "^7.1.2",
     "@semantic-ui-react/event-stack": "^3.1.0",
+    "@stardust-ui/react-component-ref": "~0.38.0",
     "classnames": "^2.2.6",
     "keyboard-key": "^1.0.4",
     "lodash": "^4.17.15",
     "prop-types": "^15.7.2",
     "react-is": "^16.8.6",
-    "react-popper": "^1.3.3",
+    "react-popper": "^1.3.4",
     "shallowequal": "^1.1.0"
   },
   "devDependencies": {
@@ -102,7 +103,7 @@
     "@babel/standalone": "^7.4.5",
     "@mdx-js/loader": "^0.20.3",
     "@stardust-ui/docs-components": "^0.34.1",
-    "@types/react": "^16.4.14",
+    "@types/react": "^16.8.25",
     "anchor-js": "^4.2.0",
     "babel-eslint": "^10.0.2",
     "babel-loader": "^8.0.6",

docs/src/examples/addons/Ref/Types/index.js

@@ -1,7 +1,7 @@
+import { isRefObject, toRefObject } from '@stardust-ui/react-component-ref'
 import _ from 'lodash'
-import { isBrowser, isRefObject } from '../../../lib'
 
-const toRef = _.memoize((node) => ({ current: node }))
+import { isBrowser } from '../../../lib'
 
 /**
  * Given `this.props`, return a `node` value or undefined.
@@ -14,7 +14,7 @@ const getNodeRefFromProps = (props) => {
 
   if (isBrowser()) {
     if (isRefObject(node)) return node
-    return _.isNil(node) ? toRef(document.body) : toRef(node)
+    return _.isNil(node) ? toRefObject(document.body) : toRefObject(node)
   }
 }
 

docs/src/examples/addons/Ref/index.js

@@ -1,4 +1,5 @@
 import EventStack from '@semantic-ui-react/event-stack'
+import { handleRef, Ref } from '@stardust-ui/react-component-ref'
 import keyboardKey from 'keyboard-key'
 import _ from 'lodash'
 import PropTypes from 'prop-types'
@@ -8,10 +9,8 @@ import {
   AutoControlledComponent as Component,
   customPropTypes,
   doesNodeContainClick,
-  handleRef,
   makeDebugger,
 } from '../../lib'
-import Ref from '../Ref'
 import PortalInner from './PortalInner'
 
 const debug = makeDebugger('portal')

index.d.ts

@@ -1,10 +1,10 @@
+import { handleRef, Ref } from '@stardust-ui/react-component-ref'
 import _ from 'lodash'
 import PropTypes from 'prop-types'
 import React, { Component } from 'react'
 import { createPortal } from 'react-dom'
 
-import { customPropTypes, handleRef, isBrowser, makeDebugger } from '../../lib'
-import Ref from '../Ref'
+import { customPropTypes, isBrowser, makeDebugger } from '../../lib'
 
 const debug = makeDebugger('portalInner')