@ntbjs/react-components 1.2.0-rc.90 → 1.2.0-rc.91

package/{AssetGallery-7871c106.js → AssetGallery-a42ee6a3.js}

@@ -19,7 +19,7 @@ require('./VerificationStatusIcon-3bae6e2f.js');
 var ActionButton = require('./ActionButton-a9316775.js');
 require('./Button-39607724.js');
 require('./Checkbox-ad9c9e54.js');
-require('./CompactAutocompleteSelect-00d39020.js');
+require('./CompactAutocompleteSelect-6c0d52e2.js');
 require('./CompactStarRating-bbe8800b.js');
 require('./CompactTextInput-72224756.js');
 require('./MultiSelect-149a817b.js');

package/{CompactAutocompleteSelect-00d39020.js → CompactAutocompleteSelect-6c0d52e2.js}

@@ -1,16 +1,8 @@
 'use strict';
 
 var defaultTheme = require('./defaultTheme-cd01e6c2.js');
-var lodash = require('lodash');
 var nanoid = require('nanoid');
 var React = require('react');
-require('./Alert-d69a3f95.js');
-require('./Badge-cbbff6b8.js');
-require('./Popover-c5e425a7.js');
-require('./Tab-e43241f0.js');
-require('./Tabs-21e0079f.js');
-var Tooltip = require('./Tooltip-a68a7e49.js');
-require('./VerificationStatusIcon-3bae6e2f.js');
 var styled = require('styled-components');
 var Select = require('react-select');
 var reactSelectAsyncPaginate = require('react-select-async-paginate');
@@ -43,25 +35,25 @@ var sharedStyle = styled.css(_templateObject5 || (_templateObject5 = defaultThem
 }, function (props) {
   return props.$hasLabel ? '66.66%' : '100%';
 });
-var CompactAutocompleteSelect$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  height: 24px;\n  font-family: ", ";\n  ", "\n"])), function (props) {
+styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  height: 24px;\n  font-family: ", ";\n  ", "\n"])), function (props) {
   return props.theme.primaryFontFamily;
 }, function (props) {
   return props.disabled && styled.css(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n      cursor: not-allowed;\n    "])));
 });
-var Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n  ", ";\n  flex-basis: 33.33%;\n  font-size: 0.875rem;\n  line-height: 1rem;\n  height: 19px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: 2px;\n  ", "\n"])), function (props) {
+styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n  ", ";\n  flex-basis: 33.33%;\n  font-size: 0.875rem;\n  line-height: 1rem;\n  height: 19px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: 2px;\n  ", "\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
 }, function (props) {
   return props.disabled && styled.css(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n      cursor: not-allowed;\n    "])));
 });
-var InputContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  height: 19px;\n"])));
-var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 1;\n  pointer-events: none;\n  display: flex;\n  opacity: ", ";\n  animation: ", " 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n  margin-right: 5px;\n  ", "\n  > svg {\n    width: 13px;\n  }\n"])), function (props) {
+styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  height: 19px;\n"])));
+styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 1;\n  pointer-events: none;\n  display: flex;\n  opacity: ", ";\n  animation: ", " 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n  margin-right: 5px;\n  ", "\n  > svg {\n    width: 13px;\n  }\n"])), function (props) {
   return props.fadeIn ? 0 : 1;
 }, function (props) {
   return props.fadeIn ? fadeOutCheck : fadeInCheck;
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
 });
-var AsyncCreatableAutocompleteSelect = styled__default["default"](AsyncCreatableSelectPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n  ", "\n    &&:hover:not(:focus) {\n    ", "\n  }\n"])), sharedStyle, function (props) {
+styled__default["default"](AsyncCreatableSelectPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n  ", "\n    &&:hover:not(:focus) {\n    ", "\n  }\n"])), sharedStyle, function (props) {
   return props.disabled && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n      cursor: not-allowed;\n    "])));
 }, function (props) {
   return props.disabled && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n        background: none !important;\n        cursor: not-allowed;\n      "])));
@@ -71,12 +63,12 @@ var AsyncAutocompleteSelect = styled__default["default"](reactSelectAsyncPaginat
 }, function (props) {
   return props.disabled && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n        background: none !important;\n        cursor: not-allowed;\n      "])));
 });
-var AutocompletSelect = styled__default["default"](Select__default["default"]).attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n  ", "\n    &&:hover:not(:focus) {\n    ", "\n  }\n"])), sharedStyle, function (props) {
+styled__default["default"](Select__default["default"]).attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n  ", "\n    &&:hover:not(:focus) {\n    ", "\n  }\n"])), sharedStyle, function (props) {
   return props.disabled && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n    "])));
 }, function (props) {
   return props.disabled && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n        background: none !important;\n        cursor: not-allowed;\n      "])));
 });
-var AutocompletCreatableSelect = styled__default["default"](reactSelectCreatable_esm.CreatableSelect$1).attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n  ", "\n"])), sharedStyle, function (props) {
+styled__default["default"](reactSelectCreatable_esm.CreatableSelect$1).attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n  ", "\n"])), sharedStyle, function (props) {
   return props.disabled && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n    "])));
 });
 var Control = styled__default["default"](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    ", ";\n    ", ";\n\n    height: 22px;\n    min-height: 22px;\n    box-shadow: none;\n    box-sizing: border-box;\n    padding: 1px 3px 0 8.7px;\n    cursor: pointer;\n    border: 1px solid transparent;\n    background-color: transparent;\n    ", "\n\n    ", ";\n\n    ", ";\n\n    ", ";\n\n    ", ";\n\n    ", "\n    ", "\n        ", "\n  }\n\n  & .dropdown-indicator {\n    display: none;\n  }\n\n  &:hover .dropdown-indicator {\n    display: flex;\n  }\n\n  &&:hover {\n    border-color: transparent;\n    ", ";\n\n    ", ";\n\n    ", ";\n\n    ", ";\n  }\n"])), function (props) {
@@ -154,10 +146,9 @@ var IndicatorSeparator = styled__default["default"](Select.components.IndicatorS
   return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
 });
 
-var _excluded = ["label", "availableOptions", "placeholder", "selectedOption", "loadOptions", "noOptionsMessageFunc", "createNewOptionMessageFunc", "onUpdateCallback", "loadingMessageFunc", "creatable", "readOnly", "edit", "disabled", "hidden", "type", "descriptionToolTip", "loadingIcon", "successIcon"];
+var _excluded = ["availableOptions", "placeholder", "selectedOption", "loadOptions", "noOptionsMessageFunc", "createNewOptionMessageFunc", "onUpdateCallback", "loadingMessageFunc", "readOnly", "edit", "disabled", "hidden", "type"];
 var CompactAutocompleteSelect = React__default["default"].forwardRef(function CompactAutocompleteSelect(_ref, forwardedRef) {
-  var label = _ref.label,
-    availableOptions = _ref.availableOptions,
+  var availableOptions = _ref.availableOptions,
     placeholder = _ref.placeholder,
     selectedOption = _ref.selectedOption,
     loadOptions = _ref.loadOptions,
@@ -165,15 +156,11 @@ var CompactAutocompleteSelect = React__default["default"].forwardRef(function Co
     createNewOptionMessageFunc = _ref.createNewOptionMessageFunc,
     onUpdateCallback = _ref.onUpdateCallback,
     loadingMessageFunc = _ref.loadingMessageFunc,
-    creatable = _ref.creatable,
     readOnly = _ref.readOnly,
     edit = _ref.edit,
     disabled = _ref.disabled,
     hidden = _ref.hidden,
     type = _ref.type,
-    descriptionToolTip = _ref.descriptionToolTip,
-    loadingIcon = _ref.loadingIcon,
-    successIcon = _ref.successIcon,
     props = defaultTheme._objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState(nanoid.nanoid()),
     _useState2 = defaultTheme._slicedToArray(_useState, 1),
@@ -190,9 +177,6 @@ var CompactAutocompleteSelect = React__default["default"].forwardRef(function Co
     _useState8 = defaultTheme._slicedToArray(_useState7, 2),
     cacheUnique = _useState8[0],
     setCacheUnique = _useState8[1];
-  var memoizedDescriptionToolTip = React.useMemo(function () {
-    return descriptionToolTip;
-  }, [descriptionToolTip]);
   var Control$1 = function Control$1(props) {
     return React__default["default"].createElement(Control, defaultTheme._extends({
       className: "select-control",
@@ -352,28 +336,9 @@ var CompactAutocompleteSelect = React__default["default"].forwardRef(function Co
   };
   if (hidden) return null;
   var input = function input() {
-    return React__default["default"].createElement(CompactAutocompleteSelect$1, {
-      disabled: disabled
-    }, React__default["default"].createElement(InputContainer, null, label && React__default["default"].createElement(Label, {
-      htmlFor: uniqueId,
-      disabled: disabled
-    }, label, React__default["default"].createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), loadOptions ? creatable ? React__default["default"].createElement(AsyncCreatableAutocompleteSelect, defaultTheme._extends({
-      $hasLabel: !lodash.isEmpty(label)
-    }, sharedSelectProps, props)) : React__default["default"].createElement(AsyncAutocompleteSelect, defaultTheme._extends({
-      $hasLabel: !lodash.isEmpty(label)
-    }, props, sharedSelectProps)) : creatable ? React__default["default"].createElement(AutocompletCreatableSelect, defaultTheme._extends({
-      $hasLabel: !lodash.isEmpty(label)
-    }, sharedSelectProps, props)) : React__default["default"].createElement(AutocompletSelect, defaultTheme._extends({
-      $hasLabel: !lodash.isEmpty(label)
-    }, sharedSelectProps, props))));
+    return React__default["default"].createElement(AsyncAutocompleteSelect, defaultTheme._extends({}, props, sharedSelectProps));
   };
-  return React__default["default"].createElement(React__default["default"].Fragment, null, !memoizedDescriptionToolTip && input(), memoizedDescriptionToolTip && React__default["default"].createElement("div", null, React__default["default"].createElement(Tooltip.Tooltip, {
-    content: memoizedDescriptionToolTip,
-    key: "tooltipTextArea1",
-    placement: "bottom-end",
-    trigger: 'mouseenter',
-    zIndex: 999999
-  }, input())));
+  return input();
 });
 CompactAutocompleteSelect.propTypes = process.env.NODE_ENV !== "production" ? {
   label: defaultTheme.PropTypes.string,

package/{Instructions-474a4220.js → Instructions-2cd6daae.js}

@@ -4,7 +4,7 @@ var defaultTheme = require('./defaultTheme-cd01e6c2.js');
 var lodash = require('lodash');
 var React = require('react');
 var warningCircle = require('./warning-circle-478e65cc.js');
-var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-00d39020.js');
+var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-6c0d52e2.js');
 var TextArea = require('./TextArea-c2620d92.js');
 var styled = require('styled-components');
 

package/inputs/CompactAutocompleteSelect/index.js

@@ -1,22 +1,10 @@
 'use strict';
 
-var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-00d39020.js');
+var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-6c0d52e2.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
-require('lodash');
 require('nanoid');
 require('react');
-require('../../Alert-d69a3f95.js');
-require('../../Badge-cbbff6b8.js');
-require('../../Popover-c5e425a7.js');
-require('polished');
-require('@tippyjs/react');
-require('../../shift-away-subtle-631cd794.js');
-require('popper-max-size-modifier');
-require('../../Tab-e43241f0.js');
-require('../../Tabs-21e0079f.js');
-require('../../Tooltip-a68a7e49.js');
-require('../../VerificationStatusIcon-3bae6e2f.js');
 require('react-select');
 require('react-select-async-paginate');
 require('../../react-select-creatable.esm-66ca61dc.js');

package/inputs/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var ActionButton = require('../ActionButton-a9316775.js');
 var Button = require('../Button-39607724.js');
 var Checkbox = require('../Checkbox-ad9c9e54.js');
-var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-00d39020.js');
+var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-6c0d52e2.js');
 var CompactStarRating = require('../CompactStarRating-bbe8800b.js');
 var CompactTextInput = require('../CompactTextInput-72224756.js');
 var MultiSelect = require('../MultiSelect-149a817b.js');
@@ -26,17 +26,17 @@ require('popper-max-size-modifier');
 require('../ContextMenu-4eb8fdc5.js');
 require('../expand-more-d74e2bd2.js');
 require('nanoid');
+require('react-select');
+require('react-select-async-paginate');
+require('../react-select-creatable.esm-66ca61dc.js');
+require('react-dom');
+require('../close-1751121a.js');
 require('../Alert-d69a3f95.js');
 require('../Badge-cbbff6b8.js');
 require('../Tab-e43241f0.js');
 require('../Tabs-21e0079f.js');
 require('../Tooltip-a68a7e49.js');
 require('../VerificationStatusIcon-3bae6e2f.js');
-require('react-select');
-require('react-select-async-paginate');
-require('../react-select-creatable.esm-66ca61dc.js');
-require('react-dom');
-require('../close-1751121a.js');
 require('../edit-note-cefe2215.js');
 require('../useMergedRefs-b6d2f8fc.js');
 require('../InputGroup-a89a0ea3.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.2.0-rc.90",
+  "version": "1.2.0-rc.91",
   "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-7871c106.js');
+var AssetGallery = require('../../AssetGallery-a42ee6a3.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('lodash');
@@ -32,7 +32,7 @@ require('../../ActionButton-a9316775.js');
 require('../../Button-39607724.js');
 require('../../ContextMenu-4eb8fdc5.js');
 require('../../expand-more-d74e2bd2.js');
-require('../../CompactAutocompleteSelect-00d39020.js');
+require('../../CompactAutocompleteSelect-6c0d52e2.js');
 require('react-select');
 require('react-select-async-paginate');
 require('../../react-select-creatable.esm-66ca61dc.js');

package/widgets/Instructions/index.js

@@ -1,13 +1,21 @@
 'use strict';
 
-var Instructions = require('../../Instructions-474a4220.js');
+var Instructions = require('../../Instructions-2cd6daae.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('lodash');
 require('react');
 require('../../warning-circle-478e65cc.js');
-require('../../CompactAutocompleteSelect-00d39020.js');
+require('../../CompactAutocompleteSelect-6c0d52e2.js');
 require('nanoid');
+require('react-select');
+require('react-select-async-paginate');
+require('../../react-select-creatable.esm-66ca61dc.js');
+require('react-dom');
+require('../../close-1751121a.js');
+require('../../expand-more-d74e2bd2.js');
+require('../../TextArea-c2620d92.js');
+require('../../useMergedRefs-b6d2f8fc.js');
 require('../../Alert-d69a3f95.js');
 require('../../Badge-cbbff6b8.js');
 require('../../Popover-c5e425a7.js');
@@ -19,14 +27,6 @@ require('../../Tab-e43241f0.js');
 require('../../Tabs-21e0079f.js');
 require('../../Tooltip-a68a7e49.js');
 require('../../VerificationStatusIcon-3bae6e2f.js');
-require('react-select');
-require('react-select-async-paginate');
-require('../../react-select-creatable.esm-66ca61dc.js');
-require('react-dom');
-require('../../close-1751121a.js');
-require('../../expand-more-d74e2bd2.js');
-require('../../TextArea-c2620d92.js');
-require('../../useMergedRefs-b6d2f8fc.js');
 require('../../edit-note-cefe2215.js');
 
 

package/widgets/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-7871c106.js');
+var AssetGallery = require('../AssetGallery-a42ee6a3.js');
 var ContextMenu = require('../ContextMenu-4eb8fdc5.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-c9e45035.js');
-var Instructions = require('../Instructions-474a4220.js');
+var Instructions = require('../Instructions-2cd6daae.js');
 require('../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('lodash');
@@ -36,7 +36,7 @@ require('../warning-circle-478e65cc.js');
 require('../ActionButton-a9316775.js');
 require('../Button-39607724.js');
 require('../expand-more-d74e2bd2.js');
-require('../CompactAutocompleteSelect-00d39020.js');
+require('../CompactAutocompleteSelect-6c0d52e2.js');
 require('react-select');
 require('react-select-async-paginate');
 require('../react-select-creatable.esm-66ca61dc.js');