@ntbjs/react-components 1.3.0-rc.35 → 1.3.0-rc.37

package/{AssetAction-2acf7b52.js → AssetAction-65eebe9b.js}

@@ -5,13 +5,13 @@ var lodash = require('lodash');
 var React = require('react');
 var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
 var ResizeObserver = require('resize-observer-polyfill');
-var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-3fa37f40.js');
+var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-6be69491.js');
 var styled = require('styled-components');
 var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
-var Instructions = require('./Instructions-52e8f6dd.js');
+var Instructions = require('./Instructions-c8502398.js');
 var Alert = require('./Alert-d69a3f95.js');
 var Badge = require('./Badge-e984e6f5.js');
-var Popover = require('./Popover-85ce744d.js');
+var Popover = require('./Popover-c5e425a7.js');
 require('./Tab-e43241f0.js');
 require('./Tabs-cfc08c6b.js');
 var Tooltip = require('./Tooltip-a68a7e49.js');
@@ -19,16 +19,16 @@ require('./VerificationStatusIcon-7b0e23fe.js');
 var react = require('@floating-ui/react');
 var polished = require('polished');
 var ContextMenu = require('./ContextMenu-4eb8fdc5.js');
-require('./AssetPreviewTopBar-f800a63a.js');
+require('./AssetPreviewTopBar-b1fe3188.js');
 var ActionButton = require('./ActionButton-b2345555.js');
-require('./Button-17bb2db1.js');
+require('./Button-39607724.js');
 require('./Checkbox-ad9c9e54.js');
-require('./CompactAutocompleteSelect-76b297c1.js');
-require('./CompactStarRating-158381c8.js');
-require('./CompactTextInput-90c41fe2.js');
-require('./MultiSelect-32e3ed90.js');
+require('./CompactAutocompleteSelect-7d05d707.js');
+require('./CompactStarRating-d4cfae17.js');
+require('./CompactTextInput-f89988be.js');
+require('./MultiSelect-81e7016c.js');
 require('./Radio-55db4781.js');
-require('./TextArea-77fd5efd.js');
+require('./TextArea-6e15b44f.js');
 require('./TextInput-9a995449.js');
 require('./Switch-04ecd8d0.js');
 var ContextMenuItem = require('./ContextMenuItem-c536b460.js');
@@ -487,10 +487,14 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
     }),
     isMounted = _useTransitionStyles.isMounted,
     styles = _useTransitionStyles.styles;
-  var hover = react.useHover(context);
+  var hover = react.useHover(context, {
+    restMs: 100
+  });
   var dismiss = react.useDismiss(context, {
     referencePress: true,
-    ancestorScroll: true
+    ancestorScroll: true,
+    windowScroll: true,
+    windowBlur: true
   });
   var _useInteractions = react.useInteractions([dismiss, hover]),
     getReferenceProps = _useInteractions.getReferenceProps,
@@ -722,9 +726,9 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
   }, getReferenceProps()), React__default["default"].createElement(OverlayBackdrop$1, {
     softSelected: softSelected,
     selected: selected
-  }), React__default["default"].createElement(OverlayInfoTopActions$1, {
+  }), (asset === null || asset === void 0 ? void 0 : asset.actions) && React__default["default"].createElement(OverlayInfoTopActions$1, {
     isOverlayHovered: isOverlayHovered
-  }, (asset === null || asset === void 0 ? void 0 : asset.actions) && React__default["default"].createElement(AssetActionsBase, {
+  }, React__default["default"].createElement(AssetActionsBase, {
     actions: asset.actions,
     asset: asset
   })), React__default["default"].createElement(OverlayInfo$1, null, isOverlayHovered && React__default["default"].createElement("span", null, asset.title), React__default["default"].createElement(OverlayInfoTop$1, null, React__default["default"].createElement(OverlayInfoTopLeft, {
@@ -742,7 +746,7 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
   }), selectable && React__default["default"].createElement(OverlaySelected$1, {
     selected: selected,
     softSelected: softSelected
-  }), isOpen && isMounted && activeSummaryCard && !isAnySubActionsOpened && React__default["default"].createElement("div", defaultTheme._extends({
+  }), isOpen && isOverlayHovered && isMounted && activeSummaryCard && !isAnySubActionsOpened && React__default["default"].createElement("div", defaultTheme._extends({
     ref: refs.setFloating,
     style: floatingStyles
   }, getFloatingProps()), React__default["default"].createElement("div", {
@@ -768,10 +772,8 @@ AssetGalleryCompactCard.propTypes = process.env.NODE_ENV !== "production" ? {
   scrollPosition: defaultTheme.PropTypes.number,
   collapseExtraInfo: defaultTheme.PropTypes.bool,
   activeSummaryCard: defaultTheme.PropTypes.bool,
-  actionWidthHeight: defaultTheme.PropTypes.array,
   displayIcon: defaultTheme.PropTypes.oneOf(['versions', 'verifications', ''])
 } : {};
-AssetGalleryCompactCard.defaultProps = {};
 var AssetGalleryCompactCard$1 = reactLazyLoadImageComponent.trackWindowScroll(React__default["default"].memo(AssetGalleryCompactCard, function (prevProps, nextProps) {
   var reactiveProps = ['selectable', 'selected', 'extendedSelectMode', 'softSelected', 'asset.previewUrl', 'asset.overlay', 'hasHeightAndWidth', 'collapseExtraInfo'];
   return reactiveProps.every(function (propKey) {
@@ -1738,15 +1740,15 @@ var AssetAction$2 = styled__default["default"].div.attrs(defaultTheme.applyDefau
   return props.theme.primaryFontFamily;
 });
 var AssetActionButton = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  border-radius: 50%;\n  width: ", ";\n  height: ", ";\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);\n  ", ";\n  svg {\n    pointer-events: none;\n    width: ", ";\n    height: ", ";\n    ", ";\n  }\n"])), function (props) {
-  return "".concat(props.actionWidthHeight[0], "px");
+  return props.actionWidthHeight ? "".concat(props.actionWidthHeight[0], "px") : 'auto';
 }, function (props) {
-  return "".concat(props.actionWidthHeight[1], "px");
+  return props.actionWidthHeight ? "".concat(props.actionWidthHeight[1], "px") : 'auto';
 }, function (props) {
   return props.theme.themeProp('background-color', props.theme.getColor('gray-900'), props.theme.getColor('white'));
 }, function (props) {
-  return "".concat(props.actionWidthHeight[0] - 14, "px");
+  return props.actionWidthHeight ? "".concat(props.actionWidthHeight[0] - 14, "px") : 'auto';
 }, function (props) {
-  return "".concat(props.actionWidthHeight[1] - 14, "px");
+  return props.actionWidthHeight ? "".concat(props.actionWidthHeight[1] - 14, "px") : 'auto';
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('white'));
 });

package/{AssetPreviewTopBar-f800a63a.js → AssetPreviewTopBar-b1fe3188.js}

@@ -58,19 +58,17 @@ var BackButtonContainer = styled__default["default"].a.attrs(defaultTheme.applyD
 }, function (props) {
   return props.disabled && styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n      pointer-events: none;\n    "])));
 });
-var ButtonsHoverEffect = styled__default["default"].div(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n\n  > svg {\n    height: 24px;\n    margin-right: 16px;\n    width: 24px;\n    transition: transform 0.3s ease-in-out;\n  }\n\n  &:hover > svg {\n    transform: translateX(-2px) scaleX(1.1);\n  }\n"])));
+var BackHoverEffect = styled__default["default"].div(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n\n  > svg {\n    height: 24px;\n    margin-right: 16px;\n    width: 24px;\n    transition: transform 0.3s ease-in-out;\n  }\n\n  &:hover > svg {\n    transform: translateX(-2px);\n  }\n"])));
 var LeftText = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = 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'));
 });
 var ButtonsContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n  margin-left: auto;\n\n  > span {\n    margin-left: 16px;\n  }\n"])));
 
-var _excluded = ["onBackButtonClick", "backButtonText", "backButtonAsClose", "onBackButtonMouseEnter", "onBackButtonMouseLeave", "leftText", "buttons", "shadow", "border", "disabled"];
+var _excluded = ["onBackButtonClick", "backButtonText", "backButtonAsClose", "leftText", "buttons", "shadow", "border", "disabled"];
 var AssetPreviewTopBar = React__default["default"].forwardRef(function AssetPreviewTopBar(_ref, forwardedRef) {
   var onBackButtonClick = _ref.onBackButtonClick,
     backButtonText = _ref.backButtonText,
     backButtonAsClose = _ref.backButtonAsClose,
-    onBackButtonMouseEnter = _ref.onBackButtonMouseEnter,
-    onBackButtonMouseLeave = _ref.onBackButtonMouseLeave,
     leftText = _ref.leftText,
     buttons = _ref.buttons,
     shadow = _ref.shadow,
@@ -84,10 +82,8 @@ var AssetPreviewTopBar = React__default["default"].forwardRef(function AssetPrev
     disabled: disabled
   }, props), React__default["default"].createElement(BackButtonContainer, {
     onClick: onBackButtonClick,
-    onMouseEnter: onBackButtonMouseEnter,
-    onMouseLeave: onBackButtonMouseLeave,
     disabled: disabled
-  }, backButtonAsClose ? React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(close.SvgClose, null), backButtonText) : React__default["default"].createElement(ButtonsHoverEffect, null, React__default["default"].createElement(SvgArrowBack, null), backButtonText)), leftText && React__default["default"].createElement(LeftText, null, leftText), Array.isArray(buttons) && React__default["default"].createElement(ButtonsContainer, null, buttons.map(function (button, index) {
+  }, backButtonAsClose ? React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(close.SvgClose, null), backButtonText) : React__default["default"].createElement(BackHoverEffect, null, React__default["default"].createElement(SvgArrowBack, null), backButtonText)), leftText && React__default["default"].createElement(LeftText, null, leftText), Array.isArray(buttons) && React__default["default"].createElement(ButtonsContainer, null, buttons.map(function (button, index) {
     return React__default["default"].createElement("span", {
       key: 'topBarButton-' + index
     }, button);
@@ -95,8 +91,6 @@ var AssetPreviewTopBar = React__default["default"].forwardRef(function AssetPrev
 });
 AssetPreviewTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
   onBackButtonClick: defaultTheme.PropTypes.func.isRequired,
-  onBackButtonMouseEnter: defaultTheme.PropTypes.func,
-  onBackButtonMouseLeave: defaultTheme.PropTypes.func,
   backButtonText: defaultTheme.PropTypes.string.isRequired,
   disabled: defaultTheme.PropTypes.bool,
   backButtonAsClose: defaultTheme.PropTypes.bool,

package/{Button-17bb2db1.js → Button-39607724.js}

@@ -3,7 +3,7 @@
 var defaultTheme = require('./defaultTheme-cd01e6c2.js');
 var React = require('react');
 var styled = require('styled-components');
-var Popover = require('./Popover-85ce744d.js');
+var Popover = require('./Popover-c5e425a7.js');
 var ContextMenu = require('./ContextMenu-4eb8fdc5.js');
 var expandMore = require('./expand-more-d74e2bd2.js');
 

package/{CompactAutocompleteSelect-76b297c1.js → CompactAutocompleteSelect-7d05d707.js}

@@ -6,7 +6,7 @@ var nanoid = require('nanoid');
 var React = require('react');
 require('./Alert-d69a3f95.js');
 require('./Badge-e984e6f5.js');
-require('./Popover-85ce744d.js');
+require('./Popover-c5e425a7.js');
 require('./Tab-e43241f0.js');
 require('./Tabs-cfc08c6b.js');
 var Tooltip = require('./Tooltip-a68a7e49.js');
@@ -14,7 +14,7 @@ require('./VerificationStatusIcon-7b0e23fe.js');
 var styled = require('styled-components');
 var Select = require('react-select');
 var reactSelectAsyncPaginate = require('react-select-async-paginate');
-var reactSelectCreatable_esm = require('./react-select-creatable.esm-753a67f1.js');
+var reactSelectCreatable_esm = require('./react-select-creatable.esm-9745dc34.js');
 var close = require('./close-1751121a.js');
 var expandMore = require('./expand-more-d74e2bd2.js');
 

package/{CompactStarRating-158381c8.js → CompactStarRating-d4cfae17.js}

@@ -4,7 +4,7 @@ var defaultTheme = require('./defaultTheme-cd01e6c2.js');
 var React = require('react');
 require('./Alert-d69a3f95.js');
 require('./Badge-e984e6f5.js');
-require('./Popover-85ce744d.js');
+require('./Popover-c5e425a7.js');
 require('./Tab-e43241f0.js');
 require('./Tabs-cfc08c6b.js');
 var Tooltip = require('./Tooltip-a68a7e49.js');

package/{CompactTextInput-90c41fe2.js → CompactTextInput-f89988be.js}

@@ -7,7 +7,7 @@ var React = require('react');
 var editNote = require('./edit-note-cefe2215.js');
 require('./Alert-d69a3f95.js');
 require('./Badge-e984e6f5.js');
-var Popover = require('./Popover-85ce744d.js');
+var Popover = require('./Popover-c5e425a7.js');
 require('./Tab-e43241f0.js');
 require('./Tabs-cfc08c6b.js');
 var Tooltip = require('./Tooltip-a68a7e49.js');

package/{Instructions-52e8f6dd.js → Instructions-c8502398.js}

@@ -3,8 +3,8 @@
 var defaultTheme = require('./defaultTheme-cd01e6c2.js');
 var lodash = require('lodash');
 var React = require('react');
-var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-76b297c1.js');
-var TextArea = require('./TextArea-77fd5efd.js');
+var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-7d05d707.js');
+var TextArea = require('./TextArea-6e15b44f.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{MultiLevelCheckboxSelect-3fa37f40.js → MultiLevelCheckboxSelect-6be69491.js}

@@ -5,7 +5,7 @@ var React = require('react');
 var styled = require('styled-components');
 require('./Alert-d69a3f95.js');
 require('./Badge-e984e6f5.js');
-var Popover = require('./Popover-85ce744d.js');
+var Popover = require('./Popover-c5e425a7.js');
 require('./Tab-e43241f0.js');
 require('./Tabs-cfc08c6b.js');
 require('./Tooltip-a68a7e49.js');

package/{MultiSelect-32e3ed90.js → MultiSelect-81e7016c.js}

@@ -6,7 +6,7 @@ var nanoid = require('nanoid');
 var styled = require('styled-components');
 var close = require('./close-1751121a.js');
 var Select = require('react-select');
-var reactSelectCreatable_esm = require('./react-select-creatable.esm-753a67f1.js');
+var reactSelectCreatable_esm = require('./react-select-creatable.esm-9745dc34.js');
 var reactSelectAsyncPaginate = require('react-select-async-paginate');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{Popover-85ce744d.js → Popover-c5e425a7.js}

@@ -7,12 +7,14 @@ var styled = require('styled-components');
 var polished = require('polished');
 var TippyTooltip = require('@tippyjs/react');
 require('./shift-away-subtle-631cd794.js');
+var maxSize = require('popper-max-size-modifier');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var TippyTooltip__default = /*#__PURE__*/_interopDefaultLegacy(TippyTooltip);
+var maxSize__default = /*#__PURE__*/_interopDefaultLegacy(maxSize);
 
 var _templateObject, _templateObject2, _templateObject3;
 var Popover$1 = styled__default["default"](TippyTooltip__default["default"]).attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: 1rem;\n  font-weight: 400;\n  color: inherit;\n  border-radius: 0;\n  line-height: inherit;\n  max-height: inherit;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  .tippy-content {\n    padding: 0;\n    max-height: inherit;\n\n    > div {\n      max-height: inherit;\n    }\n  }\n\n  .tippy-arrow {\n    ", "\n  }\n\n  && > .tippy-arrow::before {\n    position: absolute;\n    border-color: transparent;\n    border-style: solid;\n  }\n\n  & > .tippy-arrow::after {\n    content: '';\n    position: absolute;\n    border-color: transparent;\n    border-style: solid;\n  }\n\n  &[data-placement^='top'] {\n    & > .tippy-arrow:before {\n      bottom: -16px;\n      left: -5px;\n      border-width: 15px 13px 0;\n      ", "\n    }\n\n    & > .tippy-arrow:after {\n      bottom: -15px;\n      left: -5px;\n      border-width: 15px 13px 0;\n      border-top-color: initial;\n      transform-origin: center top;\n    }\n  }\n\n  &[data-placement^='right'] {\n    & > .tippy-arrow:before {\n      bottom: -5px;\n      left: -16px;\n      border-width: 13px 15px 13px 0;\n      ", "\n    }\n\n    & > .tippy-arrow:after {\n      bottom: -5px;\n      left: -15px;\n      border-width: 13px 15px 13px 0;\n      border-right-color: initial;\n      transform-origin: center top;\n    }\n  }\n\n  &[data-placement^='bottom'] {\n    & > .tippy-arrow:before {\n      top: -16px;\n      left: -5px;\n      border-width: 0 13px 15px 13px;\n      ", "\n    }\n\n    & > .tippy-arrow:after {\n      top: -14.5px;\n      left: -5px;\n      border-width: 0 13px 15px 13px;\n      border-bottom-color: initial;\n      transform-origin: center top;\n    }\n  }\n\n  &[data-placement^='left'] {\n    & > .tippy-arrow::before {\n      bottom: -5px;\n      right: -16px;\n      border-width: 13px 0 13px 15px;\n      ", "\n    }\n\n    & > .tippy-arrow::after {\n      bottom: -5px;\n      right: -15px;\n      border-width: 13px 0 13px 15px;\n      border-left-color: initial;\n      transform-origin: center top;\n    }\n  }\n"])), function (props) {
@@ -43,33 +45,20 @@ var Popover$1 = styled__default["default"](TippyTooltip__default["default"]).att
   return props.theme.themeProp('border-left-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-300'), 1);
 });
 
-var _excluded = ["children", "content", "interactive", "placement", "duration", "trigger", "offset", "arrow", "visible", "contextMenu", "contextMenuSublevel", "maxWidth", "modifiers"];
+var _excluded = ["content", "interactive", "placement", "duration", "trigger", "offset", "arrow", "visible", "contextMenu", "contextMenuSublevel", "children", "modifiers"];
 var Popover = React__default["default"].forwardRef(function Popover(_ref, ref) {
-  var children = _ref.children,
-    _ref$content = _ref.content,
-    content = _ref$content === void 0 ? 'Tooltip' : _ref$content,
-    _ref$interactive = _ref.interactive,
-    interactive = _ref$interactive === void 0 ? true : _ref$interactive,
-    _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? 'bottom-end' : _ref$placement,
-    _ref$duration = _ref.duration,
-    duration = _ref$duration === void 0 ? [350, 305] : _ref$duration,
-    _ref$trigger = _ref.trigger,
-    trigger = _ref$trigger === void 0 ? '' : _ref$trigger,
-    _ref$offset = _ref.offset,
-    offset = _ref$offset === void 0 ? [0, 8] : _ref$offset,
-    _ref$arrow = _ref.arrow,
-    arrow = _ref$arrow === void 0 ? true : _ref$arrow,
-    _ref$visible = _ref.visible,
-    visible = _ref$visible === void 0 ? undefined : _ref$visible,
-    _ref$contextMenu = _ref.contextMenu,
-    contextMenu = _ref$contextMenu === void 0 ? false : _ref$contextMenu,
-    _ref$contextMenuSuble = _ref.contextMenuSublevel,
-    contextMenuSublevel = _ref$contextMenuSuble === void 0 ? false : _ref$contextMenuSuble,
-    _ref$maxWidth = _ref.maxWidth,
-    maxWidth = _ref$maxWidth === void 0 ? 'none' : _ref$maxWidth,
-    _ref$modifiers = _ref.modifiers,
-    modifiers = _ref$modifiers === void 0 ? [] : _ref$modifiers,
+  var content = _ref.content,
+    interactive = _ref.interactive,
+    placement = _ref.placement,
+    duration = _ref.duration,
+    trigger = _ref.trigger,
+    offset = _ref.offset,
+    arrow = _ref.arrow,
+    visible = _ref.visible,
+    contextMenu = _ref.contextMenu,
+    contextMenuSublevel = _ref.contextMenuSublevel,
+    children = _ref.children,
+    modifiers = _ref.modifiers,
     props = defaultTheme._objectWithoutProperties(_ref, _excluded);
   var errorOffset = React.useMemo(function () {
     return arrow ? 15 : 0;
@@ -90,25 +79,36 @@ var Popover = React__default["default"].forwardRef(function Popover(_ref, ref) {
   };
   return React__default["default"].createElement("div", null, React__default["default"].createElement(Popover$1, defaultTheme._extends({
     ref: ref,
-    maxWidth: maxWidth,
     content: content,
     interactive: interactive,
     placement: contextMenuSublevel ? 'right-start' : placement,
     duration: duration,
     animation: 'shift-away-subtle',
     trigger: isControlled ? undefined : contextMenuSublevel ? 'mouseenter click focus' : trigger,
+    offset: [offset[0], offset[1] + errorOffset],
+    arrow: contextMenu ? false : arrow,
+    visible: visible,
     popperOptions: {
-      modifiers: [{
-        name: 'preventOverflow',
+      modifiers: [defaultTheme._objectSpread2(defaultTheme._objectSpread2({}, maxSize__default["default"]), {}, {
         options: {
-          altAxis: true,
-          tether: false
+          boundary: 'viewport',
+          rootBoundary: 'viewport',
+          padding: 10
+        }
+      }), {
+        name: 'applyMaxSize',
+        enabled: true,
+        phase: 'beforeWrite',
+        requires: ['maxSize'],
+        fn: function fn(_ref2) {
+          var state = _ref2.state;
+          var height = state.modifiersData.maxSize.height;
+          state.styles.popper = defaultTheme._objectSpread2(defaultTheme._objectSpread2({}, state.styles.popper), {}, {
+            maxHeight: "".concat(height, "px")
+          });
         }
       }].concat(defaultTheme._toConsumableArray(modifiers))
     },
-    offset: [offset[0], offset[1] + errorOffset],
-    arrow: contextMenu ? false : arrow,
-    visible: visible,
     onShown: contextMenu ? handleContextMenuItemClick : undefined
   }, props), children));
 });
@@ -116,16 +116,29 @@ Popover.propTypes = process.env.NODE_ENV !== "production" ? {
   content: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.string, defaultTheme.PropTypes.element]).isRequired,
   interactive: defaultTheme.PropTypes.bool,
   placement: defaultTheme.PropTypes.oneOf(['top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'auto', 'auto-start', 'auto-end']),
-  duration: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.number),
+  duration: defaultTheme.PropTypes.number,
   trigger: defaultTheme.PropTypes.string,
   offset: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.number),
   arrow: defaultTheme.PropTypes.bool,
   visible: defaultTheme.PropTypes.bool,
-  maxWidth: defaultTheme.PropTypes.array,
   modifiers: defaultTheme.PropTypes.array,
   contextMenu: defaultTheme.PropTypes.bool,
   contextMenuSublevel: defaultTheme.PropTypes.bool,
   children: defaultTheme.PropTypes.node.isRequired
 } : {};
+Popover.defaultProps = {
+  content: 'Tooltip',
+  interactive: true,
+  placement: 'bottom-end',
+  duration: 350,
+  offset: [0, 8],
+  maxWidth: 'none',
+  trigger: 'click focus',
+  arrow: true,
+  visible: undefined,
+  contextMenu: false,
+  contextMenuSublevel: false,
+  modifiers: []
+};
 
 exports.Popover = Popover;

package/{TextArea-77fd5efd.js → TextArea-6e15b44f.js}

@@ -7,7 +7,7 @@ var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
 var nanoid = require('nanoid');
 require('./Alert-d69a3f95.js');
 require('./Badge-e984e6f5.js');
-require('./Popover-85ce744d.js');
+require('./Popover-c5e425a7.js');
 require('./Tab-e43241f0.js');
 require('./Tabs-cfc08c6b.js');
 var Tooltip = require('./Tooltip-a68a7e49.js');

package/data/Popover/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Popover = require('../../Popover-85ce744d.js');
+var Popover = require('../../Popover-c5e425a7.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('lodash');
@@ -8,6 +8,7 @@ require('react');
 require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-631cd794.js');
+require('popper-max-size-modifier');
 
 
 

package/data/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var Alert = require('../Alert-d69a3f95.js');
 var Badge = require('../Badge-e984e6f5.js');
-var Popover = require('../Popover-85ce744d.js');
+var Popover = require('../Popover-c5e425a7.js');
 var Tab = require('../Tab-e43241f0.js');
 var Tabs = require('../Tabs-cfc08c6b.js');
 var Tooltip = require('../Tooltip-a68a7e49.js');
@@ -16,6 +16,7 @@ require('lodash');
 require('polished');
 require('@tippyjs/react');
 require('../shift-away-subtle-631cd794.js');
+require('popper-max-size-modifier');
 
 
 

package/inputs/Button/index.js

@@ -1,14 +1,15 @@
 'use strict';
 
-var Button = require('../../Button-17bb2db1.js');
+var Button = require('../../Button-39607724.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');
-require('../../Popover-85ce744d.js');
+require('../../Popover-c5e425a7.js');
 require('lodash');
 require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-631cd794.js');
+require('popper-max-size-modifier');
 require('../../ContextMenu-4eb8fdc5.js');
 require('../../expand-more-d74e2bd2.js');
 

package/inputs/CompactAutocompleteSelect/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-76b297c1.js');
+var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-7d05d707.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('lodash');
@@ -8,17 +8,18 @@ require('nanoid');
 require('react');
 require('../../Alert-d69a3f95.js');
 require('../../Badge-e984e6f5.js');
-require('../../Popover-85ce744d.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-cfc08c6b.js');
 require('../../Tooltip-a68a7e49.js');
 require('../../VerificationStatusIcon-7b0e23fe.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../../react-select-creatable.esm-753a67f1.js');
+require('../../react-select-creatable.esm-9745dc34.js');
 require('react-dom');
 require('../../close-1751121a.js');
 require('../../expand-more-d74e2bd2.js');

package/inputs/CompactStarRating/index.js

@@ -1,16 +1,17 @@
 'use strict';
 
-var CompactStarRating = require('../../CompactStarRating-158381c8.js');
+var CompactStarRating = require('../../CompactStarRating-d4cfae17.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');
 require('../../Alert-d69a3f95.js');
 require('lodash');
 require('../../Badge-e984e6f5.js');
-require('../../Popover-85ce744d.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-cfc08c6b.js');
 require('../../Tooltip-a68a7e49.js');

package/inputs/CompactTextInput/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactTextInput = require('../../CompactTextInput-90c41fe2.js');
+var CompactTextInput = require('../../CompactTextInput-f89988be.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('lodash');
@@ -9,10 +9,11 @@ require('react');
 require('../../edit-note-cefe2215.js');
 require('../../Alert-d69a3f95.js');
 require('../../Badge-e984e6f5.js');
-require('../../Popover-85ce744d.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-cfc08c6b.js');
 require('../../Tooltip-a68a7e49.js');

package/inputs/MultiSelect/index.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var MultiSelect = require('../../MultiSelect-32e3ed90.js');
+var MultiSelect = require('../../MultiSelect-81e7016c.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');
 require('nanoid');
 require('../../close-1751121a.js');
 require('react-select');
-require('../../react-select-creatable.esm-753a67f1.js');
+require('../../react-select-creatable.esm-9745dc34.js');
 require('react-dom');
 require('react-select-async-paginate');
 

package/inputs/TextArea/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var TextArea = require('../../TextArea-77fd5efd.js');
+var TextArea = require('../../TextArea-6e15b44f.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');
@@ -9,10 +9,11 @@ require('../../useMergedRefs-b6d2f8fc.js');
 require('nanoid');
 require('../../Alert-d69a3f95.js');
 require('../../Badge-e984e6f5.js');
-require('../../Popover-85ce744d.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-cfc08c6b.js');
 require('../../Tooltip-a68a7e49.js');

package/inputs/index.js

@@ -3,25 +3,26 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var ActionButton = require('../ActionButton-b2345555.js');
-var Button = require('../Button-17bb2db1.js');
+var Button = require('../Button-39607724.js');
 var Checkbox = require('../Checkbox-ad9c9e54.js');
-var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-76b297c1.js');
-var CompactStarRating = require('../CompactStarRating-158381c8.js');
-var CompactTextInput = require('../CompactTextInput-90c41fe2.js');
-var MultiSelect = require('../MultiSelect-32e3ed90.js');
+var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-7d05d707.js');
+var CompactStarRating = require('../CompactStarRating-d4cfae17.js');
+var CompactTextInput = require('../CompactTextInput-f89988be.js');
+var MultiSelect = require('../MultiSelect-81e7016c.js');
 var Radio = require('../Radio-55db4781.js');
-var TextArea = require('../TextArea-77fd5efd.js');
+var TextArea = require('../TextArea-6e15b44f.js');
 var TextInput = require('../TextInput-9a995449.js');
 var Switch = require('../Switch-04ecd8d0.js');
-var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-3fa37f40.js');
+var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-6be69491.js');
 require('../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');
 require('polished');
-require('../Popover-85ce744d.js');
+require('../Popover-c5e425a7.js');
 require('lodash');
 require('@tippyjs/react');
 require('../shift-away-subtle-631cd794.js');
+require('popper-max-size-modifier');
 require('../ContextMenu-4eb8fdc5.js');
 require('../expand-more-d74e2bd2.js');
 require('nanoid');
@@ -33,7 +34,7 @@ require('../Tooltip-a68a7e49.js');
 require('../VerificationStatusIcon-7b0e23fe.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../react-select-creatable.esm-753a67f1.js');
+require('../react-select-creatable.esm-9745dc34.js');
 require('react-dom');
 require('../close-1751121a.js');
 require('../edit-note-cefe2215.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.3.0-rc.35",
+  "version": "1.3.0-rc.37",
   "description": "NTBs common front-end design utilities and React components.",
   "scripts": {
     "build": "cross-env NODE_ENV=production rollup -c",
@@ -71,7 +71,7 @@
     "url-loader": "^4.1.1"
   },
   "dependencies": {
-    "@floating-ui/react": "^0.26.23",
+    "@floating-ui/react": "^0.26.24",
     "@restart/hooks": "^0.3.26",
     "@storybook/addons": "^6.5.14",
     "@storybook/theming": "^6.5.14",

package/{react-select-creatable.esm-753a67f1.js → react-select-creatable.esm-9745dc34.js}

@@ -1532,7 +1532,7 @@ function getRegisteredStyles(registered, registeredStyles, classNames) {
   classNames.split(' ').forEach(function (className) {
     if (registered[className] !== undefined) {
       registeredStyles.push(registered[className] + ";");
-    } else {
+    } else if (className) {
       rawClassName += className + " ";
     }
   });
@@ -1863,7 +1863,7 @@ function createStringFromObject(mergedProps, registered, obj) {
   return string;
 }
 
-var labelPattern = /label:\s*([^\s;\n{]+)\s*(;|$)/g;
+var labelPattern = /label:\s*([^\s;{]+)\s*(;|$)/g;
 // keyframes are stored on the SerializedStyles object as a linked list
 
 
@@ -6422,10 +6422,12 @@ var Select = /*#__PURE__*/function (_Component) {
       var lastSelectedValue = selectValue[selectValue.length - 1];
       var newValueArray = selectValue.slice(0, selectValue.length - 1);
       var newValue = valueTernary(isMulti, newValueArray, newValueArray[0] || null);
-      _this.onChange(newValue, {
-        action: 'pop-value',
-        removedValue: lastSelectedValue
-      });
+      if (lastSelectedValue) {
+        _this.onChange(newValue, {
+          action: 'pop-value',
+          removedValue: lastSelectedValue
+        });
+      }
     };
     _this.getFocusedOptionId = function (focusedOption) {
       return getFocusedOptionId(_this.state.focusableOptionsWithIds, focusedOption);

package/widgets/AssetGallery/index.js

@@ -1,19 +1,20 @@
 'use strict';
 
-var AssetAction = require('../../AssetAction-2acf7b52.js');
+var AssetAction = require('../../AssetAction-65eebe9b.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('lodash');
 require('react');
 require('../../useMergedRefs-b6d2f8fc.js');
 require('resize-observer-polyfill');
-require('../../MultiLevelCheckboxSelect-3fa37f40.js');
+require('../../MultiLevelCheckboxSelect-6be69491.js');
 require('../../Alert-d69a3f95.js');
 require('../../Badge-e984e6f5.js');
-require('../../Popover-85ce744d.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-cfc08c6b.js');
 require('../../Tooltip-a68a7e49.js');
@@ -26,22 +27,22 @@ require('../../InputGroup-a89a0ea3.js');
 require('../../SectionSeparator-af8dc1ce.js');
 require('../../close-1751121a.js');
 require('react-lazy-load-image-component');
-require('../../Instructions-52e8f6dd.js');
-require('../../CompactAutocompleteSelect-76b297c1.js');
+require('../../Instructions-c8502398.js');
+require('../../CompactAutocompleteSelect-7d05d707.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../../react-select-creatable.esm-753a67f1.js');
+require('../../react-select-creatable.esm-9745dc34.js');
 require('react-dom');
 require('../../expand-more-d74e2bd2.js');
-require('../../TextArea-77fd5efd.js');
+require('../../TextArea-6e15b44f.js');
 require('@floating-ui/react');
 require('../../ContextMenu-4eb8fdc5.js');
-require('../../AssetPreviewTopBar-f800a63a.js');
+require('../../AssetPreviewTopBar-b1fe3188.js');
 require('../../ActionButton-b2345555.js');
-require('../../Button-17bb2db1.js');
-require('../../CompactStarRating-158381c8.js');
-require('../../CompactTextInput-90c41fe2.js');
-require('../../MultiSelect-32e3ed90.js');
+require('../../Button-39607724.js');
+require('../../CompactStarRating-d4cfae17.js');
+require('../../CompactTextInput-f89988be.js');
+require('../../MultiSelect-81e7016c.js');
 require('../../Radio-55db4781.js');
 require('../../Switch-04ecd8d0.js');
 require('../../ContextMenuItem-c536b460.js');

package/widgets/AssetPreview/AssetPreviewTopBar/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-f800a63a.js');
+var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-b1fe3188.js');
 require('../../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');

package/widgets/Instructions/index.js

@@ -1,29 +1,30 @@
 'use strict';
 
-var Instructions = require('../../Instructions-52e8f6dd.js');
+var Instructions = require('../../Instructions-c8502398.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('lodash');
 require('react');
-require('../../CompactAutocompleteSelect-76b297c1.js');
+require('../../CompactAutocompleteSelect-7d05d707.js');
 require('nanoid');
 require('../../Alert-d69a3f95.js');
 require('../../Badge-e984e6f5.js');
-require('../../Popover-85ce744d.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-cfc08c6b.js');
 require('../../Tooltip-a68a7e49.js');
 require('../../VerificationStatusIcon-7b0e23fe.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../../react-select-creatable.esm-753a67f1.js');
+require('../../react-select-creatable.esm-9745dc34.js');
 require('react-dom');
 require('../../close-1751121a.js');
 require('../../expand-more-d74e2bd2.js');
-require('../../TextArea-77fd5efd.js');
+require('../../TextArea-6e15b44f.js');
 require('../../useMergedRefs-b6d2f8fc.js');
 require('../../edit-note-cefe2215.js');
 

package/widgets/index.js

@@ -2,23 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetAction = require('../AssetAction-2acf7b52.js');
+var AssetAction = require('../AssetAction-65eebe9b.js');
 var ContextMenu = require('../ContextMenu-4eb8fdc5.js');
-var AssetPreviewTopBar = require('../AssetPreviewTopBar-f800a63a.js');
-var Instructions = require('../Instructions-52e8f6dd.js');
+var AssetPreviewTopBar = require('../AssetPreviewTopBar-b1fe3188.js');
+var Instructions = require('../Instructions-c8502398.js');
 require('../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('lodash');
 require('react');
 require('../useMergedRefs-b6d2f8fc.js');
 require('resize-observer-polyfill');
-require('../MultiLevelCheckboxSelect-3fa37f40.js');
+require('../MultiLevelCheckboxSelect-6be69491.js');
 require('../Alert-d69a3f95.js');
 require('../Badge-e984e6f5.js');
-require('../Popover-85ce744d.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-cfc08c6b.js');
 require('../Tooltip-a68a7e49.js');
@@ -33,18 +34,18 @@ require('../close-1751121a.js');
 require('react-lazy-load-image-component');
 require('@floating-ui/react');
 require('../ActionButton-b2345555.js');
-require('../Button-17bb2db1.js');
+require('../Button-39607724.js');
 require('../expand-more-d74e2bd2.js');
-require('../CompactAutocompleteSelect-76b297c1.js');
+require('../CompactAutocompleteSelect-7d05d707.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../react-select-creatable.esm-753a67f1.js');
+require('../react-select-creatable.esm-9745dc34.js');
 require('react-dom');
-require('../CompactStarRating-158381c8.js');
-require('../CompactTextInput-90c41fe2.js');
-require('../MultiSelect-32e3ed90.js');
+require('../CompactStarRating-d4cfae17.js');
+require('../CompactTextInput-f89988be.js');
+require('../MultiSelect-81e7016c.js');
 require('../Radio-55db4781.js');
-require('../TextArea-77fd5efd.js');
+require('../TextArea-6e15b44f.js');
 require('../Switch-04ecd8d0.js');
 require('../ContextMenuItem-c536b460.js');