@ntbjs/react-components 1.1.0-beta.60 → 1.1.0-beta.61

package/{AssetGallery-edf42a11.js → AssetGallery-c80b2a20.js}

@@ -7,7 +7,7 @@ var TextInput = require('./TextInput-a1083be3.js');
 var ResizeObserver = require('resize-observer-polyfill');
 var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
 var ActionButton = require('./ActionButton-c3f5ed94.js');
-require('./AutocompleteSelect-45be3cb4.js');
+require('./AutocompleteSelect-57a324e3.js');
 require('./Button-dd271c4b.js');
 require('./Checkbox-012bbd3f.js');
 require('./CompactStarRating-942afff1.js');

package/{AssetPreviewTopBar-159b9885.js → AssetPreviewTopBar-449e6019.js}

@@ -39,7 +39,9 @@ var AssetPreviewTopBar$1 = styled__default['default'].div.attrs(defaultTheme.app
 }, function (props) {
   return props.shadow && props.theme.themeProp('box-shadow', '0 -2px 12px #505050', '0 -3px 12px #b0b6b9');
 });
-var BackButtonContainer = styled__default['default'].a.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n  font-size: 1.125rem;\n  color: inherit;\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  > svg {\n    height: 24px;\n    margin-right: 16px;\n    width: 24px;\n  }\n"])));
+var BackButtonContainer = styled__default['default'].a.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n  font-size: 1.125rem;\n  ", ";\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  > svg {\n    height: 24px;\n    margin-right: 16px;\n    width: 24px;\n  }\n"])), function (props) {
+  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
+});
 var LeftText = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  font-size: 1.125rem;\n  margin-left: 16px;\n\n  ", ";\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'));
 });

package/{AutocompleteSelect-45be3cb4.js → AutocompleteSelect-57a324e3.js}

@@ -110,8 +110,9 @@ var AutocompleteSelect = React__default['default'].forwardRef(function Autocompl
       readOnly = _ref.readOnly,
       disabled = _ref.disabled,
       error = _ref.error,
+      hidden = _ref.hidden,
       warning = _ref.warning,
-      props = defaultTheme._objectWithoutProperties(_ref, ["label", "availableOptions", "placeholder", "selectedOption", "loadOptions", "noOptionsMessageFunc", "createNewOptionMessageFunc", "onUpdateCallback", "loadingMessageFunc", "creatable", "readOnly", "disabled", "error", "warning"]);
+      props = defaultTheme._objectWithoutProperties(_ref, ["label", "availableOptions", "placeholder", "selectedOption", "loadOptions", "noOptionsMessageFunc", "createNewOptionMessageFunc", "onUpdateCallback", "loadingMessageFunc", "creatable", "readOnly", "disabled", "error", "hidden", "warning"]);
 
   var _useState = React.useState(nanoid.nanoid()),
       _useState2 = defaultTheme._slicedToArray(_useState, 1),
@@ -282,6 +283,7 @@ var AutocompleteSelect = React__default['default'].forwardRef(function Autocompl
       }
     }
   };
+  if (hidden) return null;
   return React__default['default'].createElement(AutocompleteSelect$1, null, React__default['default'].createElement(InputContainer, null, label && React__default['default'].createElement(Label, {
     htmlFor: uniqueId
   }, label), loadOptions ? creatable ? React__default['default'].createElement(AsyncCreatableAutocompleteSelect, defaultTheme._extends({
@@ -304,6 +306,7 @@ AutocompleteSelect.propTypes = process.env.NODE_ENV !== "production" ? {
   createNewOptionMessageFunc: defaultTheme.PropTypes.func,
   noOptionsMessageFunc: defaultTheme.PropTypes.func,
   readOnly: defaultTheme.PropTypes.bool,
+  hidden: defaultTheme.PropTypes.bool,
   error: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
   warning: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
   onUpdateCallback: defaultTheme.PropTypes.func,
@@ -365,4 +368,8 @@ var IndicatorSeparator = function IndicatorSeparator(props) {
   }, props));
 };
 
+AutocompleteSelect.defaultProps = {
+  hidden: false
+};
+
 exports.AutocompleteSelect = AutocompleteSelect;

package/{Instructions-504093f2.js → Instructions-e96905c7.js}

@@ -4,7 +4,7 @@ var defaultTheme = require('./defaultTheme-50f2b88f.js');
 var React = require('react');
 var styled = require('styled-components');
 var TextArea = require('./TextArea-6dad1bbe.js');
-var AutocompleteSelect = require('./AutocompleteSelect-45be3cb4.js');
+var AutocompleteSelect = require('./AutocompleteSelect-57a324e3.js');
 var warningCircle = require('./warning-circle-24522402.js');
 var lodash = require('lodash');
 

package/inputs/AutocompleteSelect/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var AutocompleteSelect = require('../../AutocompleteSelect-45be3cb4.js');
+var AutocompleteSelect = require('../../AutocompleteSelect-57a324e3.js');
 require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');

package/inputs/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var ActionButton = require('../ActionButton-c3f5ed94.js');
-var AutocompleteSelect = require('../AutocompleteSelect-45be3cb4.js');
+var AutocompleteSelect = require('../AutocompleteSelect-57a324e3.js');
 var Button = require('../Button-dd271c4b.js');
 var Checkbox = require('../Checkbox-012bbd3f.js');
 var CompactStarRating = require('../CompactStarRating-942afff1.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.1.0-beta.60",
+  "version": "1.1.0-beta.61",
   "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-edf42a11.js');
+var AssetGallery = require('../../AssetGallery-c80b2a20.js');
 require('../../defaultTheme-50f2b88f.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-c3f5ed94.js');
-require('../../AutocompleteSelect-45be3cb4.js');
+require('../../AutocompleteSelect-57a324e3.js');
 require('react-select');
 require('../../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');

package/widgets/AssetPreview/AssetPreviewTopBar/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-159b9885.js');
+var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-449e6019.js');
 require('../../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');

package/widgets/Instructions/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Instructions = require('../../Instructions-504093f2.js');
+var Instructions = require('../../Instructions-e96905c7.js');
 require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');
@@ -8,7 +8,7 @@ require('../../TextArea-6dad1bbe.js');
 require('nanoid');
 require('lodash');
 require('../../edit-note-c47d292e.js');
-require('../../AutocompleteSelect-45be3cb4.js');
+require('../../AutocompleteSelect-57a324e3.js');
 require('react-select');
 require('../../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');

package/widgets/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-edf42a11.js');
+var AssetGallery = require('../AssetGallery-c80b2a20.js');
 var ContextMenu = require('../ContextMenu-d088833b.js');
-var AssetPreviewTopBar = require('../AssetPreviewTopBar-159b9885.js');
-var Instructions = require('../Instructions-504093f2.js');
+var AssetPreviewTopBar = require('../AssetPreviewTopBar-449e6019.js');
+var Instructions = require('../Instructions-e96905c7.js');
 require('../defaultTheme-50f2b88f.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-c3f5ed94.js');
-require('../AutocompleteSelect-45be3cb4.js');
+require('../AutocompleteSelect-57a324e3.js');
 require('react-select');
 require('../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');