@ntbjs/react-components 1.1.0-beta.40 → 1.1.0-beta.41

package/{Instructions-8fc0fc8c.js → Instructions-02b4209b.js}

@@ -36,12 +36,11 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
       lightBackground = _ref.lightBackground,
       options = _ref.options,
       autoSelect = _ref.autoSelect,
-      subscribeCurrentValueProp = _ref.subscribeCurrentValue,
       onChangeProp = _ref.onChange,
       onFocusProp = _ref.onFocus,
       onBlurProp = _ref.onBlur,
       onUpdateCallback = _ref.onUpdateCallback,
-      props = defaultTheme._objectWithoutProperties(_ref, ["clickToAdd", "customAddMessage", "selectedOption", "readOnly", "name", "lightBackground", "options", "autoSelect", "subscribeCurrentValue", "onChange", "onFocus", "onBlur", "onUpdateCallback"]);
+      props = defaultTheme._objectWithoutProperties(_ref, ["clickToAdd", "customAddMessage", "selectedOption", "readOnly", "name", "lightBackground", "options", "autoSelect", "onChange", "onFocus", "onBlur", "onUpdateCallback"]);
 
   var _useState = React.useState(false),
       _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -78,6 +77,20 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
       currentValue = _useState14[0],
       setCurrentValue = _useState14[1];
 
+  React.useEffect(function () {
+    handleChange(selected);
+  }, [selected]);
+  React.useEffect(function () {
+    if (selectedOption) {
+      setCurrentValue(selectedOption.value);
+    }
+  }, [selectedOption]);
+  React.useEffect(function () {
+    if (addInstructions) {
+      setCurrentValue(customMessage);
+      setInitialHover(true);
+    }
+  }, [addInstructions, handleOnFocus]);
   var onChange = React.useCallback(function (event) {
     setCurrentValue(event.target.value);
 
@@ -165,25 +178,6 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
     }
   };
 
-  React.useEffect(function () {
-    if (lodash.isFunction(subscribeCurrentValueProp)) {
-      subscribeCurrentValueProp(currentValue);
-    }
-  }, [currentValue]);
-  React.useEffect(function () {
-    handleChange(selected);
-  }, [selected]);
-  React.useEffect(function () {
-    if (selectedOption) {
-      setCurrentValue(selectedOption.value);
-    }
-  }, [selectedOption]);
-  React.useEffect(function () {
-    if (addInstructions) {
-      setCurrentValue(customMessage);
-      setInitialHover(true);
-    }
-  }, [addInstructions, handleOnFocus]);
   return React__default['default'].createElement(Instructions$1, defaultTheme._extends({
     ref: forwardedRef,
     initialHover: initialHover,
@@ -225,7 +219,6 @@ Instructions.propTypes = process.env.NODE_ENV !== "production" ? {
   readOnly: defaultTheme.PropTypes.bool,
   lightBackground: defaultTheme.PropTypes.bool,
   options: defaultTheme.PropTypes.array,
-  subscribeCurrentValue: defaultTheme.PropTypes.func,
   onChange: defaultTheme.PropTypes.func,
   onFocus: defaultTheme.PropTypes.func,
   onBlur: defaultTheme.PropTypes.func,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.1.0-beta.40",
+  "version": "1.1.0-beta.41",
   "description": "NTBs common front-end design utilities and React components.",
   "scripts": {
     "build": "cross-env NODE_ENV=production rollup -c",

package/widgets/Instructions/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Instructions = require('../../Instructions-8fc0fc8c.js');
+var Instructions = require('../../Instructions-02b4209b.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');

package/widgets/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var AssetGallery = require('../AssetGallery-f082c487.js');
 var ContextMenu = require('../ContextMenu-59c2a64f.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-020a6f96.js');
-var Instructions = require('../Instructions-8fc0fc8c.js');
+var Instructions = require('../Instructions-02b4209b.js');
 require('../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');