@ntbjs/react-components 1.1.0-beta.33 → 1.1.0-beta.35

package/{AssetGallery-a1b96fb9.js → AssetGallery-29ca0afd.js}

@@ -7,12 +7,12 @@ var TextInput = require('./TextInput-e4c6d536.js');
 var ResizeObserver = require('resize-observer-polyfill');
 var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
 var ActionButton = require('./ActionButton-90485300.js');
-require('./AutocompleteSelect-e82bd937.js');
+require('./AutocompleteSelect-e8012dc2.js');
 require('./Button-0df54220.js');
 require('./Checkbox-50f1f3c7.js');
-require('./CompactStarRating-dafceb01.js');
+require('./CompactStarRating-ce291ac7.js');
 require('./CompactTextInput-c6712379.js');
-require('./MultiSelect-3eca3c3e.js');
+require('./MultiSelect-873f707d.js');
 require('./Radio-0b46b2a8.js');
 require('./TextArea-efe4fa88.js');
 require('./Switch-aa384260.js');

package/{AutocompleteSelect-e82bd937.js → AutocompleteSelect-e8012dc2.js}

@@ -226,7 +226,7 @@ var AutocompleteSelect = React__default['default'].forwardRef(function Autocompl
       switch (actionMeta.action) {
         case 'create-option':
           if (onUpdateCallback) {
-            onUpdateCallback(actionMeta.action, actionMeta.option);
+            onUpdateCallback(actionMeta.action, selected.value);
           }
 
           if (loadOptions) {
@@ -238,7 +238,7 @@ var AutocompleteSelect = React__default['default'].forwardRef(function Autocompl
 
         case 'select-option':
           if (onUpdateCallback) {
-            onUpdateCallback(actionMeta.action, actionMeta.option);
+            onUpdateCallback(actionMeta.action, selected.value);
           }
 
           setSelected(selected);
@@ -246,7 +246,7 @@ var AutocompleteSelect = React__default['default'].forwardRef(function Autocompl
 
         case 'remove-value':
           if (onUpdateCallback) {
-            onUpdateCallback(actionMeta.action, actionMeta.removedValue);
+            onUpdateCallback(actionMeta.action, selected.value);
           }
 
           setSelected(selected);
@@ -254,7 +254,7 @@ var AutocompleteSelect = React__default['default'].forwardRef(function Autocompl
 
         case 'pop-value':
           if (onUpdateCallback) {
-            onUpdateCallback(actionMeta.action, actionMeta.removedValue);
+            onUpdateCallback(actionMeta.action, selected.value);
           }
 
           setSelected(selected);
@@ -262,7 +262,7 @@ var AutocompleteSelect = React__default['default'].forwardRef(function Autocompl
 
         case 'deselect-option':
           if (onUpdateCallback) {
-            onUpdateCallback(actionMeta.action, actionMeta.option);
+            onUpdateCallback(actionMeta.action, selected.value);
           }
 
           setSelected(selected);
@@ -274,7 +274,7 @@ var AutocompleteSelect = React__default['default'].forwardRef(function Autocompl
 
         default:
           if (onUpdateCallback) {
-            onUpdateCallback(actionMeta.action, actionMeta.option);
+            onUpdateCallback(actionMeta.action, selected.value);
           }
 
           setSelected(selected);
@@ -298,7 +298,7 @@ AutocompleteSelect.propTypes = process.env.NODE_ENV !== "production" ? {
   label: defaultTheme.PropTypes.string,
   placeholder: defaultTheme.PropTypes.string,
   availableOptions: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.object),
-  selectedOption: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.object),
+  selectedOption: defaultTheme.PropTypes.object,
   loadOptions: defaultTheme.PropTypes.func,
   loadingMessageFunc: defaultTheme.PropTypes.func,
   createNewOptionMessageFunc: defaultTheme.PropTypes.func,

package/{CompactStarRating-dafceb01.js → CompactStarRating-ce291ac7.js}

@@ -101,6 +101,7 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
       max = _ref.max,
       defaultValue = _ref.defaultValue,
       value = _ref.value,
+      name = _ref.name,
       viewEmpty = _ref.viewEmpty,
       onChange = _ref.onChange,
       onBlur = _ref.onBlur,
@@ -108,7 +109,7 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
       warning = _ref.warning,
       readOnly = _ref.readOnly,
       getRatingProp = _ref.getRating,
-      props = defaultTheme._objectWithoutProperties(_ref, ["label", "icon", "iconFill", "max", "defaultValue", "value", "viewEmpty", "onChange", "onBlur", "error", "warning", "readOnly", "getRating"]);
+      props = defaultTheme._objectWithoutProperties(_ref, ["label", "icon", "iconFill", "max", "defaultValue", "value", "name", "viewEmpty", "onChange", "onBlur", "error", "warning", "readOnly", "getRating"]);
 
   var stars = Array.from(Array(max).keys());
 
@@ -210,6 +211,7 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
 
   return React__default['default'].createElement(CompactStarRating$1, defaultTheme._extends({
     ref: forwardedRef,
+    name: name,
     onChange: onChange,
     onBlur: onBlur
   }, props), React__default['default'].createElement(labelWidth, null, label), React__default['default'].createElement(starsWidth, {
@@ -220,9 +222,7 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
       key: key
     }, React__default['default'].createElement("input", {
       type: "number",
-      ref: inputRef,
-      onChange: onChange,
-      onBlur: onBlur
+      ref: inputRef
     }), starIconRender(key));
   })));
 });
@@ -239,6 +239,7 @@ CompactStarRating.propTypes = process.env.NODE_ENV !== "production" ? {
   value: defaultTheme.PropTypes.number,
   defaultValue: defaultTheme.PropTypes.number,
   label: defaultTheme.PropTypes.string,
+  name: defaultTheme.PropTypes.string,
   icon: defaultTheme.PropTypes.element,
   iconFill: defaultTheme.PropTypes.element,
   max: defaultTheme.PropTypes.number,

package/{Instructions-3daec8f9.js → Instructions-8606ca15.js}

@@ -4,7 +4,7 @@ var defaultTheme = require('./defaultTheme-870f7df1.js');
 var React = require('react');
 var styled = require('styled-components');
 var TextArea = require('./TextArea-efe4fa88.js');
-var AutocompleteSelect = require('./AutocompleteSelect-e82bd937.js');
+var AutocompleteSelect = require('./AutocompleteSelect-e8012dc2.js');
 var warningCircle = require('./warning-circle-24522402.js');
 var lodash = require('lodash');
 
@@ -32,6 +32,7 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
       customAddMessage = _ref.customAddMessage,
       selectedOption = _ref.selectedOption,
       readOnly = _ref.readOnly,
+      name = _ref.name,
       lightBackground = _ref.lightBackground,
       options = _ref.options,
       autoSelect = _ref.autoSelect,
@@ -39,7 +40,8 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
       onChangeProp = _ref.onChange,
       onFocusProp = _ref.onFocus,
       onBlurProp = _ref.onBlur,
-      props = defaultTheme._objectWithoutProperties(_ref, ["clickToAdd", "customAddMessage", "selectedOption", "readOnly", "lightBackground", "options", "autoSelect", "subscribeCurrentValue", "onChange", "onFocus", "onBlur"]);
+      onUpdateCallback = _ref.onUpdateCallback,
+      props = defaultTheme._objectWithoutProperties(_ref, ["clickToAdd", "customAddMessage", "selectedOption", "readOnly", "name", "lightBackground", "options", "autoSelect", "subscribeCurrentValue", "onChange", "onFocus", "onBlur", "onUpdateCallback"]);
 
   var _useState = React.useState(false),
       _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -159,6 +161,7 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
       setAddInstructions(false);
       setBackground(false);
       setInitialHover(false);
+      onUpdateCallback(selected);
     }
   };
 
@@ -200,6 +203,7 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
     lightBackground: background,
     readOnly: readOnly,
     warningAlert: true,
+    name: name,
     value: currentValue,
     onFocus: onFocus,
     onChange: onChange,
@@ -213,6 +217,7 @@ Instructions.defaultProps = {
   autoSelect: true
 };
 Instructions.propTypes = process.env.NODE_ENV !== "production" ? {
+  name: defaultTheme.PropTypes.string,
   selectedOption: defaultTheme.PropTypes.object,
   clickToAdd: defaultTheme.PropTypes.bool,
   customAddMessage: defaultTheme.PropTypes.string,
@@ -223,7 +228,8 @@ Instructions.propTypes = process.env.NODE_ENV !== "production" ? {
   subscribeCurrentValue: defaultTheme.PropTypes.func,
   onChange: defaultTheme.PropTypes.func,
   onFocus: defaultTheme.PropTypes.func,
-  onBlur: defaultTheme.PropTypes.func
+  onBlur: defaultTheme.PropTypes.func,
+  onUpdateCallback: defaultTheme.PropTypes.func
 } : {};
 
 exports.Instructions = Instructions;

package/{MultiSelect-3eca3c3e.js → MultiSelect-873f707d.js}

@@ -36,7 +36,7 @@ var ValueContainer = styled__default['default'](Select.components.ValueContainer
   });
 });
 var MultiValueWrapper = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    border-radius: 3px;\n    margin: 0;\n  }\n"])));
-var MultiValue = styled__default['default'](Select.components.MultiValue).attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    border-radius: 3px;\n    margin: 0;\n\n    ", "\n\n    ", "\n\n    > div {\n      align-items: center;\n      display: flex;\n      font-size: 12px;\n      min-height: 26px;\n\n      :first-child {\n        padding: ", ";\n      }\n\n      :last-child:not(:only-child) {\n        padding: 0 8px 0 5px;\n        height: 100%;\n        width: fit-content;\n      }\n\n      :last-child:not(:only-child):hover {\n        background-color: ", ";\n        border-bottom-left-radius: 0;\n        border-top-left-radius: 0;\n        cursor: pointer;\n      }\n\n      svg {\n        stroke: white;\n        stroke-width: 2px;\n        width: 8px;\n      }\n\n    :hover {\n      cursor: pointer;\n    }\n  }\n"])), function (props) {
+var MultiValue = styled__default['default'](Select.components.MultiValue).attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    border-radius: 3px;\n    margin: 0;\n\n    ", "\n\n    ", "\n\n    > div {\n      align-items: center;\n      display: flex;\n      font-size: 12px;\n      min-height: 26px;\n\n      :first-of-type {\n        padding: ", ";\n      }\n\n      :last-child:not(:only-child) {\n        padding: 0 8px 0 5px;\n        height: 100%;\n        width: fit-content;\n      }\n\n      :last-child:not(:only-child):hover {\n        background-color: ", ";\n        border-bottom-left-radius: 0;\n        border-top-left-radius: 0;\n        cursor: pointer;\n      }\n\n      svg {\n        stroke: white;\n        stroke-width: 2px;\n        width: 8px;\n      }\n\n    :hover {\n      cursor: pointer;\n    }\n  }\n"])), function (props) {
   return props.theme.themeProp('background-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-800'));
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-100'));

package/inputs/AutocompleteSelect/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var AutocompleteSelect = require('../../AutocompleteSelect-e82bd937.js');
+var AutocompleteSelect = require('../../AutocompleteSelect-e8012dc2.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');

package/inputs/CompactStarRating/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactStarRating = require('../../CompactStarRating-dafceb01.js');
+var CompactStarRating = require('../../CompactStarRating-ce291ac7.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');

package/inputs/MultiSelect/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var MultiSelect = require('../../MultiSelect-3eca3c3e.js');
+var MultiSelect = require('../../MultiSelect-873f707d.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');

package/inputs/index.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var ActionButton = require('../ActionButton-90485300.js');
-var AutocompleteSelect = require('../AutocompleteSelect-e82bd937.js');
+var AutocompleteSelect = require('../AutocompleteSelect-e8012dc2.js');
 var Button = require('../Button-0df54220.js');
 var Checkbox = require('../Checkbox-50f1f3c7.js');
-var CompactStarRating = require('../CompactStarRating-dafceb01.js');
+var CompactStarRating = require('../CompactStarRating-ce291ac7.js');
 var CompactTextInput = require('../CompactTextInput-c6712379.js');
-var MultiSelect = require('../MultiSelect-3eca3c3e.js');
+var MultiSelect = require('../MultiSelect-873f707d.js');
 var Radio = require('../Radio-0b46b2a8.js');
 var TextArea = require('../TextArea-efe4fa88.js');
 var TextInput = require('../TextInput-e4c6d536.js');

package/package.json

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

package/widgets/AssetGallery/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var AssetGallery = require('../../AssetGallery-a1b96fb9.js');
+var AssetGallery = require('../../AssetGallery-29ca0afd.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
@@ -11,7 +11,7 @@ require('../../edit-note-c47d292e.js');
 require('resize-observer-polyfill');
 require('react-lazy-load-image-component');
 require('../../ActionButton-90485300.js');
-require('../../AutocompleteSelect-e82bd937.js');
+require('../../AutocompleteSelect-e8012dc2.js');
 require('react-select');
 require('../../react-select-creatable.esm-eb462367.js');
 require('react-dom');
@@ -25,14 +25,14 @@ require('@tippyjs/react');
 require('../../shift-away-subtle-0bdd3b0d.js');
 require('../../ContextMenu-ccb7a26a.js');
 require('../../Checkbox-50f1f3c7.js');
-require('../../CompactStarRating-dafceb01.js');
+require('../../CompactStarRating-ce291ac7.js');
 require('../../CompactTextInput-c6712379.js');
 require('../../Alert-fcc0bb50.js');
 require('../../Badge-34ad2850.js');
 require('../../Tab-fc380f0b.js');
 require('../../Tabs-0aa159fa.js');
 require('../../Tooltip-e7f59097.js');
-require('../../MultiSelect-3eca3c3e.js');
+require('../../MultiSelect-873f707d.js');
 require('../../Radio-0b46b2a8.js');
 require('../../TextArea-efe4fa88.js');
 require('../../Switch-aa384260.js');

package/widgets/Instructions/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Instructions = require('../../Instructions-3daec8f9.js');
+var Instructions = require('../../Instructions-8606ca15.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
@@ -8,7 +8,7 @@ require('../../TextArea-efe4fa88.js');
 require('nanoid');
 require('lodash');
 require('../../edit-note-c47d292e.js');
-require('../../AutocompleteSelect-e82bd937.js');
+require('../../AutocompleteSelect-e8012dc2.js');
 require('react-select');
 require('../../react-select-creatable.esm-eb462367.js');
 require('react-dom');

package/widgets/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-a1b96fb9.js');
+var AssetGallery = require('../AssetGallery-29ca0afd.js');
 var ContextMenu = require('../ContextMenu-ccb7a26a.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-020a6f96.js');
-var Instructions = require('../Instructions-3daec8f9.js');
+var Instructions = require('../Instructions-8606ca15.js');
 require('../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
@@ -16,7 +16,7 @@ require('../edit-note-c47d292e.js');
 require('resize-observer-polyfill');
 require('react-lazy-load-image-component');
 require('../ActionButton-90485300.js');
-require('../AutocompleteSelect-e82bd937.js');
+require('../AutocompleteSelect-e8012dc2.js');
 require('react-select');
 require('../react-select-creatable.esm-eb462367.js');
 require('react-dom');
@@ -29,14 +29,14 @@ require('polished');
 require('@tippyjs/react');
 require('../shift-away-subtle-0bdd3b0d.js');
 require('../Checkbox-50f1f3c7.js');
-require('../CompactStarRating-dafceb01.js');
+require('../CompactStarRating-ce291ac7.js');
 require('../CompactTextInput-c6712379.js');
 require('../Alert-fcc0bb50.js');
 require('../Badge-34ad2850.js');
 require('../Tab-fc380f0b.js');
 require('../Tabs-0aa159fa.js');
 require('../Tooltip-e7f59097.js');
-require('../MultiSelect-3eca3c3e.js');
+require('../MultiSelect-873f707d.js');
 require('../Radio-0b46b2a8.js');
 require('../TextArea-efe4fa88.js');
 require('../Switch-aa384260.js');