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

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

@@ -7,10 +7,10 @@ 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('./AutocompleteSelect-8ebb82de.js');
 require('./Button-0df54220.js');
 require('./Checkbox-50f1f3c7.js');
-require('./CompactStarRating-ce291ac7.js');
+require('./CompactStarRating-f05e7414.js');
 require('./CompactTextInput-c6712379.js');
 require('./MultiSelect-873f707d.js');
 require('./Radio-0b46b2a8.js');

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/{CompactStarRating-ce291ac7.js → CompactStarRating-f05e7414.js}

@@ -211,7 +211,6 @@ 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, {
@@ -222,6 +221,7 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
       key: key
     }, React__default['default'].createElement("input", {
       type: "number",
+      name: name,
       ref: inputRef
     }), starIconRender(key));
   })));

package/{Instructions-8606ca15.js → Instructions-efb61574.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');
 

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/CompactStarRating/index.js

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

package/inputs/index.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var ActionButton = require('../ActionButton-90485300.js');
-var AutocompleteSelect = require('../AutocompleteSelect-e8012dc2.js');
+var AutocompleteSelect = require('../AutocompleteSelect-8ebb82de.js');
 var Button = require('../Button-0df54220.js');
 var Checkbox = require('../Checkbox-50f1f3c7.js');
-var CompactStarRating = require('../CompactStarRating-ce291ac7.js');
+var CompactStarRating = require('../CompactStarRating-f05e7414.js');
 var CompactTextInput = require('../CompactTextInput-c6712379.js');
 var MultiSelect = require('../MultiSelect-873f707d.js');
 var Radio = require('../Radio-0b46b2a8.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.1.0-beta.35",
+  "version": "1.1.0-beta.37",
   "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-29ca0afd.js');
+var AssetGallery = require('../../AssetGallery-d5a5b131.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-e8012dc2.js');
+require('../../AutocompleteSelect-8ebb82de.js');
 require('react-select');
 require('../../react-select-creatable.esm-eb462367.js');
 require('react-dom');
@@ -25,7 +25,7 @@ require('@tippyjs/react');
 require('../../shift-away-subtle-0bdd3b0d.js');
 require('../../ContextMenu-ccb7a26a.js');
 require('../../Checkbox-50f1f3c7.js');
-require('../../CompactStarRating-ce291ac7.js');
+require('../../CompactStarRating-f05e7414.js');
 require('../../CompactTextInput-c6712379.js');
 require('../../Alert-fcc0bb50.js');
 require('../../Badge-34ad2850.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/Instructions/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Instructions = require('../../Instructions-8606ca15.js');
+var Instructions = require('../../Instructions-efb61574.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-29ca0afd.js');
+var AssetGallery = require('../AssetGallery-d5a5b131.js');
 var ContextMenu = require('../ContextMenu-ccb7a26a.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-020a6f96.js');
-var Instructions = require('../Instructions-8606ca15.js');
+var Instructions = require('../Instructions-efb61574.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-e8012dc2.js');
+require('../AutocompleteSelect-8ebb82de.js');
 require('react-select');
 require('../react-select-creatable.esm-eb462367.js');
 require('react-dom');
@@ -29,7 +29,7 @@ require('polished');
 require('@tippyjs/react');
 require('../shift-away-subtle-0bdd3b0d.js');
 require('../Checkbox-50f1f3c7.js');
-require('../CompactStarRating-ce291ac7.js');
+require('../CompactStarRating-f05e7414.js');
 require('../CompactTextInput-c6712379.js');
 require('../Alert-fcc0bb50.js');
 require('../Badge-34ad2850.js');