@ntbjs/react-components 1.1.0-beta.42 → 1.1.0-beta.43

package/{Instructions-fc596e6a.js → Instructions-91831689.js}

@@ -41,8 +41,10 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
       onFocusProp = _ref.onFocus,
       onBlurProp = _ref.onBlur,
       onUpdateCallback = _ref.onUpdateCallback,
+      availableOptions = _ref.availableOptions,
       loadingMessageFunc = _ref.loadingMessageFunc,
-      props = defaultTheme._objectWithoutProperties(_ref, ["clickToAdd", "customAddMessage", "selectedOption", "loadOptions", "readOnly", "name", "lightBackground", "autoSelect", "subscribeCurrentValue", "onChange", "onFocus", "onBlur", "onUpdateCallback", "loadingMessageFunc"]);
+      placeholder = _ref.placeholder,
+      props = defaultTheme._objectWithoutProperties(_ref, ["clickToAdd", "customAddMessage", "selectedOption", "loadOptions", "readOnly", "name", "lightBackground", "autoSelect", "subscribeCurrentValue", "onChange", "onFocus", "onBlur", "onUpdateCallback", "availableOptions", "loadingMessageFunc", "placeholder"]);
 
   var _useState = React.useState(false),
       _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -155,6 +157,16 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
     }
   };
 
+  var sharedSelectProps = {
+    ref: forwardedRef,
+    options: loadOptions ? undefined : availableOptions,
+    loadOptions: loadOptions,
+    loadingMessage: loadingMessageFunc,
+    value: {
+      selectedOption: selectedOption
+    },
+    placeholder: placeholder
+  };
   return React__default['default'].createElement(Instructions$1, defaultTheme._extends({
     ref: forwardedRef,
     initialHover: initialHover,
@@ -163,14 +175,11 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
   }, props), React__default['default'].createElement(TopBarContainer, {
     initialHover: initialHover,
     className: isHovered && !readOnly && 'slide-in'
-  }, React__default['default'].createElement(SelectContainer, null, React__default['default'].createElement(AutocompleteSelect.AutocompleteSelect, {
+  }, React__default['default'].createElement(SelectContainer, null, React__default['default'].createElement(AutocompleteSelect.AutocompleteSelect, defaultTheme._extends({
     warning: true,
     creatable: false,
-    value: selectedOption,
-    loadOptions: loadOptions,
-    loadingMessageFunc: loadingMessageFunc,
     onChange: handleChange
-  }))), React__default['default'].createElement(InstructionsArea, null, React__default['default'].createElement(TextArea.TextArea, {
+  }, sharedSelectProps)))), React__default['default'].createElement(InstructionsArea, null, React__default['default'].createElement(TextArea.TextArea, {
     noBorder: true,
     lightBackground: background,
     readOnly: readOnly,
@@ -190,6 +199,7 @@ Instructions.defaultProps = {
 };
 Instructions.propTypes = process.env.NODE_ENV !== "production" ? {
   name: defaultTheme.PropTypes.string,
+  placeholder: defaultTheme.PropTypes.string,
   selectedOption: defaultTheme.PropTypes.any,
   loadOptions: defaultTheme.PropTypes.func,
   loadingMessageFunc: defaultTheme.PropTypes.func,
@@ -197,6 +207,7 @@ Instructions.propTypes = process.env.NODE_ENV !== "production" ? {
   customAddMessage: defaultTheme.PropTypes.string,
   autoSelect: defaultTheme.PropTypes.bool,
   readOnly: defaultTheme.PropTypes.bool,
+  availableOptions: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.object),
   lightBackground: defaultTheme.PropTypes.bool,
   options: defaultTheme.PropTypes.array,
   subscribeCurrentValue: defaultTheme.PropTypes.func,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.1.0-beta.42",
+  "version": "1.1.0-beta.43",
   "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-fc596e6a.js');
+var Instructions = require('../../Instructions-91831689.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-fc596e6a.js');
+var Instructions = require('../Instructions-91831689.js');
 require('../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');