@ntbjs/react-components 1.1.0-beta.36 → 1.1.0-beta.38

package/{AssetGallery-f89a7822.js → AssetGallery-4d256e9a.js}

@@ -7,11 +7,11 @@ 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-e8012dc2.js');
-require('./Button-0df54220.js');
+require('./AutocompleteSelect-8ebb82de.js');
+require('./Button-32e38cc9.js');
 require('./Checkbox-50f1f3c7.js');
 require('./CompactStarRating-f05e7414.js');
-require('./CompactTextInput-c6712379.js');
+require('./CompactTextInput-2988c661.js');
 require('./MultiSelect-873f707d.js');
 require('./Radio-0b46b2a8.js');
 require('./TextArea-efe4fa88.js');
@@ -19,8 +19,8 @@ require('./Switch-aa384260.js');
 require('./Alert-fcc0bb50.js');
 require('./Badge-34ad2850.js');
 require('./Popover-de874e41.js');
-require('./Tab-fc380f0b.js');
-require('./Tabs-0aa159fa.js');
+require('./Tab-075c8c0a.js');
+require('./Tabs-6584e003.js');
 var Tooltip = require('./Tooltip-e7f59097.js');
 var styled = require('styled-components');
 var polished = require('polished');

package/{AutocompleteSelect-e8012dc2.js → AutocompleteSelect-8ebb82de.js}

@@ -52,7 +52,7 @@ var Control = styled__default['default'](Select.components.Control).attrs(defaul
 }, function (props) {
   return props.error && !props.isFocused && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
 });
-var Option$1 = styled__default['default'](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    min-height: 22px;\n    height: 22px;\n    display: flex;\n    align-items: center;\n    padding: 6px;\n    cursor: pointer;\n    ", "\n    ", "\n    ", "\n      ", "\n  }\n"])), function (props) {
+var Option$1 = styled__default['default'](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    min-height: 22px;\n    height: 22px;\n    display: flex;\n    align-items: center;\n    padding: 6px;\n    cursor: pointer;\n    ", "\n    ", "\n    ", "\n      ", "\n  }\n  svg {\n    width: 15px;\n    margin: 0 9px 0 0;\n  }\n  a {\n    display: flex;\n    text-decoration: none;\n    color: inherit;\n  }\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
 }, function (props) {
   return props.isFocused && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n        ", "\n      "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
@@ -326,9 +326,11 @@ AutocompleteSelect.defaultProps = {
 };
 
 var Option = function Option(props) {
-  return React__default['default'].createElement(Option$1, defaultTheme._extends({
+  return !props.data.link ? React__default['default'].createElement(Option$1, defaultTheme._extends({
     className: "menu-item"
-  }, props));
+  }, props)) : React__default['default'].createElement(Option$1, props, React__default['default'].createElement("a", {
+    href: props.data.link
+  }, props.data.icon, props.label));
 };
 
 var SingleValue = function SingleValue(props) {
@@ -337,6 +339,14 @@ var SingleValue = function SingleValue(props) {
   }, props));
 };
 
+Option.propTypes = process.env.NODE_ENV !== "production" ? {
+  data: defaultTheme.PropTypes.shape({
+    icon: defaultTheme.PropTypes.node,
+    link: defaultTheme.PropTypes.string
+  }),
+  label: defaultTheme.PropTypes.string
+} : {};
+
 var DropdownIndicator = function DropdownIndicator(props) {
   return React__default['default'].createElement(DropdownIndicator$1, defaultTheme._extends({
     className: "dropdown-indicator"

package/{Button-0df54220.js → Button-32e38cc9.js}

@@ -4,7 +4,7 @@ var defaultTheme = require('./defaultTheme-870f7df1.js');
 var React = require('react');
 var styled = require('styled-components');
 var Popover = require('./Popover-de874e41.js');
-var ContextMenu = require('./ContextMenu-ccb7a26a.js');
+var ContextMenu = require('./ContextMenu-59c2a64f.js');
 var expandMore = require('./expand-more-94585605.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{CompactTextInput-c6712379.js → CompactTextInput-2988c661.js}

@@ -9,8 +9,8 @@ var editNote = require('./edit-note-c47d292e.js');
 require('./Alert-fcc0bb50.js');
 require('./Badge-34ad2850.js');
 var Popover = require('./Popover-de874e41.js');
-require('./Tab-fc380f0b.js');
-require('./Tabs-0aa159fa.js');
+require('./Tab-075c8c0a.js');
+require('./Tabs-6584e003.js');
 var Tooltip = require('./Tooltip-e7f59097.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{ContextMenu-ccb7a26a.js → ContextMenu-59c2a64f.js}

@@ -25,7 +25,7 @@ var ContextMenu = React__default['default'].forwardRef(function ContextMenu(_ref
   }), children);
 });
 ContextMenu.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: defaultTheme.PropTypes.array
+  children: defaultTheme.PropTypes.any
 } : {};
 ContextMenu.defaultProps = {};
 

package/{Instructions-8606ca15.js → Instructions-e13b0a85.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-e8012dc2.js');
+var AutocompleteSelect = require('./AutocompleteSelect-8ebb82de.js');
 var warningCircle = require('./warning-circle-24522402.js');
 var lodash = require('lodash');
 
@@ -218,7 +218,7 @@ Instructions.defaultProps = {
 };
 Instructions.propTypes = process.env.NODE_ENV !== "production" ? {
   name: defaultTheme.PropTypes.string,
-  selectedOption: defaultTheme.PropTypes.object,
+  selectedOption: defaultTheme.PropTypes.any,
   clickToAdd: defaultTheme.PropTypes.bool,
   customAddMessage: defaultTheme.PropTypes.string,
   autoSelect: defaultTheme.PropTypes.bool,

package/{Tab-fc380f0b.js → Tab-075c8c0a.js}

@@ -23,7 +23,7 @@ var Tab = React__default['default'].forwardRef(function Tab(_ref, forwardedRef)
   }, props), children);
 });
 Tab.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: defaultTheme.PropTypes.string
+  children: defaultTheme.PropTypes.any
 } : {};
 Tab.defaultProps = {};
 

package/{Tabs-0aa159fa.js → Tabs-6584e003.js}

@@ -3,7 +3,7 @@
 var defaultTheme = require('./defaultTheme-870f7df1.js');
 var React = require('react');
 var styled = require('styled-components');
-var Tab = require('./Tab-fc380f0b.js');
+var Tab = require('./Tab-075c8c0a.js');
 var lodash = require('lodash');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/data/Tab/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tab = require('../../Tab-fc380f0b.js');
+var Tab = require('../../Tab-075c8c0a.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');

package/data/Tabs/index.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var Tabs = require('../../Tabs-0aa159fa.js');
+var Tabs = require('../../Tabs-6584e003.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
-require('../../Tab-fc380f0b.js');
+require('../../Tab-075c8c0a.js');
 require('lodash');
 
 

package/data/index.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var Alert = require('../Alert-fcc0bb50.js');
 var Badge = require('../Badge-34ad2850.js');
 var Popover = require('../Popover-de874e41.js');
-var Tab = require('../Tab-fc380f0b.js');
-var Tabs = require('../Tabs-0aa159fa.js');
+var Tab = require('../Tab-075c8c0a.js');
+var Tabs = require('../Tabs-6584e003.js');
 var Tooltip = require('../Tooltip-e7f59097.js');
 require('../defaultTheme-870f7df1.js');
 require('styled-components');

package/inputs/AutocompleteSelect/index.js

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

package/inputs/Button/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Button = require('../../Button-0df54220.js');
+var Button = require('../../Button-32e38cc9.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
@@ -9,7 +9,7 @@ require('lodash');
 require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-0bdd3b0d.js');
-require('../../ContextMenu-ccb7a26a.js');
+require('../../ContextMenu-59c2a64f.js');
 require('../../expand-more-94585605.js');
 
 

package/inputs/CompactTextInput/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactTextInput = require('../../CompactTextInput-c6712379.js');
+var CompactTextInput = require('../../CompactTextInput-2988c661.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
@@ -13,8 +13,8 @@ require('../../Popover-de874e41.js');
 require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-0bdd3b0d.js');
-require('../../Tab-fc380f0b.js');
-require('../../Tabs-0aa159fa.js');
+require('../../Tab-075c8c0a.js');
+require('../../Tabs-6584e003.js');
 require('../../Tooltip-e7f59097.js');
 
 

package/inputs/index.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var ActionButton = require('../ActionButton-90485300.js');
-var AutocompleteSelect = require('../AutocompleteSelect-e8012dc2.js');
-var Button = require('../Button-0df54220.js');
+var AutocompleteSelect = require('../AutocompleteSelect-8ebb82de.js');
+var Button = require('../Button-32e38cc9.js');
 var Checkbox = require('../Checkbox-50f1f3c7.js');
 var CompactStarRating = require('../CompactStarRating-f05e7414.js');
-var CompactTextInput = require('../CompactTextInput-c6712379.js');
+var CompactTextInput = require('../CompactTextInput-2988c661.js');
 var MultiSelect = require('../MultiSelect-873f707d.js');
 var Radio = require('../Radio-0b46b2a8.js');
 var TextArea = require('../TextArea-efe4fa88.js');
@@ -28,12 +28,12 @@ require('../Popover-de874e41.js');
 require('polished');
 require('@tippyjs/react');
 require('../shift-away-subtle-0bdd3b0d.js');
-require('../ContextMenu-ccb7a26a.js');
+require('../ContextMenu-59c2a64f.js');
 require('../edit-note-c47d292e.js');
 require('../Alert-fcc0bb50.js');
 require('../Badge-34ad2850.js');
-require('../Tab-fc380f0b.js');
-require('../Tabs-0aa159fa.js');
+require('../Tab-075c8c0a.js');
+require('../Tabs-6584e003.js');
 require('../Tooltip-e7f59097.js');
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.1.0-beta.36",
+  "version": "1.1.0-beta.38",
   "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-f89a7822.js');
+var AssetGallery = require('../../AssetGallery-4d256e9a.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
@@ -11,26 +11,26 @@ require('../../edit-note-c47d292e.js');
 require('resize-observer-polyfill');
 require('react-lazy-load-image-component');
 require('../../ActionButton-90485300.js');
-require('../../AutocompleteSelect-e8012dc2.js');
+require('../../AutocompleteSelect-8ebb82de.js');
 require('react-select');
 require('../../react-select-creatable.esm-eb462367.js');
 require('react-dom');
 require('react-select-async-paginate');
 require('../../close-ebf2f3cf.js');
 require('../../expand-more-94585605.js');
-require('../../Button-0df54220.js');
+require('../../Button-32e38cc9.js');
 require('../../Popover-de874e41.js');
 require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-0bdd3b0d.js');
-require('../../ContextMenu-ccb7a26a.js');
+require('../../ContextMenu-59c2a64f.js');
 require('../../Checkbox-50f1f3c7.js');
 require('../../CompactStarRating-f05e7414.js');
-require('../../CompactTextInput-c6712379.js');
+require('../../CompactTextInput-2988c661.js');
 require('../../Alert-fcc0bb50.js');
 require('../../Badge-34ad2850.js');
-require('../../Tab-fc380f0b.js');
-require('../../Tabs-0aa159fa.js');
+require('../../Tab-075c8c0a.js');
+require('../../Tabs-6584e003.js');
 require('../../Tooltip-e7f59097.js');
 require('../../MultiSelect-873f707d.js');
 require('../../Radio-0b46b2a8.js');

package/widgets/ContextMenu/ContextMenuItem/index.js

@@ -31,12 +31,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-var ContextMenuItem$1 = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  font-family: ", ";\n  font-size: 0.875rem;\n  font-weight: normal;\n  height: 31px;\n  min-width: 160px;\n  padding: ", ";\n  width: ", ";\n\n  color: ", "\n\n  ", "\n\n  ", "\n\n  :not(:last-of-type) {\n    border-bottom: 1px solid;\n\n    ", "\n  }\n\n  :last-of-type {\n    height: 32px;\n  }\n\n  &:hover {\n    cursor: pointer;\n\n    ", "\n  }\n\n  ", "\n\n  ", "    \n"])), function (props) {
+var ContextMenuItem$1 = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  font-family: ", ";\n  font-size: 0.875rem;\n  font-weight: normal;\n  height: 31px;\n  min-width: 160px;\n  padding: ", ";\n\n  color: ", "\n\n  ", "\n\n  ", "\n\n  :not(:last-of-type) {\n    border-bottom: 1px solid;\n\n    ", "\n  }\n\n  :last-of-type {\n    height: 32px;\n  }\n\n  &:hover {\n    cursor: pointer;\n\n    ", "\n  }\n\n  ", "\n\n  ", "    \n"])), function (props) {
   return props.theme.primaryFontFamily;
 }, function (props) {
   return props.opensSublevel ? '0 8px' : '0 28px 0 8px';
-}, function (props) {
-  return props.opensSublevel ? 'calc(100% - 16px)' : 'calc(100% - 36px)';
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-700'), props.theme.getColor('gray-700'));
 }, function (props) {

package/widgets/ContextMenu/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var ContextMenu = require('../../ContextMenu-ccb7a26a.js');
+var ContextMenu = require('../../ContextMenu-59c2a64f.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');

package/widgets/Instructions/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Instructions = require('../../Instructions-8606ca15.js');
+var Instructions = require('../../Instructions-e13b0a85.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-e8012dc2.js');
+require('../../AutocompleteSelect-8ebb82de.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-f89a7822.js');
-var ContextMenu = require('../ContextMenu-ccb7a26a.js');
+var AssetGallery = require('../AssetGallery-4d256e9a.js');
+var ContextMenu = require('../ContextMenu-59c2a64f.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-020a6f96.js');
-var Instructions = require('../Instructions-8606ca15.js');
+var Instructions = require('../Instructions-e13b0a85.js');
 require('../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
@@ -16,25 +16,25 @@ require('../edit-note-c47d292e.js');
 require('resize-observer-polyfill');
 require('react-lazy-load-image-component');
 require('../ActionButton-90485300.js');
-require('../AutocompleteSelect-e8012dc2.js');
+require('../AutocompleteSelect-8ebb82de.js');
 require('react-select');
 require('../react-select-creatable.esm-eb462367.js');
 require('react-dom');
 require('react-select-async-paginate');
 require('../close-ebf2f3cf.js');
 require('../expand-more-94585605.js');
-require('../Button-0df54220.js');
+require('../Button-32e38cc9.js');
 require('../Popover-de874e41.js');
 require('polished');
 require('@tippyjs/react');
 require('../shift-away-subtle-0bdd3b0d.js');
 require('../Checkbox-50f1f3c7.js');
 require('../CompactStarRating-f05e7414.js');
-require('../CompactTextInput-c6712379.js');
+require('../CompactTextInput-2988c661.js');
 require('../Alert-fcc0bb50.js');
 require('../Badge-34ad2850.js');
-require('../Tab-fc380f0b.js');
-require('../Tabs-0aa159fa.js');
+require('../Tab-075c8c0a.js');
+require('../Tabs-6584e003.js');
 require('../Tooltip-e7f59097.js');
 require('../MultiSelect-873f707d.js');
 require('../Radio-0b46b2a8.js');