@ntbjs/react-components 1.3.0-rc.39 → 1.3.0-rc.40

package/{AssetAction-163f4042.js → AssetAction-b7926b8e.js}

@@ -8,7 +8,7 @@ var ResizeObserver = require('resize-observer-polyfill');
 var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-d8e6ab4c.js');
 var styled = require('styled-components');
 var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
-var Instructions = require('./Instructions-5d777a4d.js');
+var Instructions = require('./Instructions-2a452d51.js');
 var Alert = require('./Alert-28de48e1.js');
 var Badge = require('./Badge-2e008fe7.js');
 var Popover = require('./Popover-8e025dcb.js');
@@ -21,12 +21,12 @@ var polished = require('polished');
 var ContextMenu = require('./ContextMenu-265b13dc.js');
 require('./AssetPreviewTopBar-5636a6e9.js');
 var ActionButton = require('./ActionButton-df714c16.js');
-require('./Button-700afca4.js');
+require('./Button-0a19dec5.js');
 require('./Checkbox-89fb44b0.js');
-require('./CompactAutocompleteSelect-394a96f2.js');
+require('./CompactAutocompleteSelect-8edde787.js');
 require('./CompactStarRating-c02080fd.js');
 require('./CompactTextInput-1a216516.js');
-require('./MultiSelect-f9fbcdff.js');
+require('./MultiSelect-36f99f25.js');
 require('./Radio-ecf4226c.js');
 require('./TextArea-40baf21d.js');
 require('./TextInput-c1bb5c8c.js');
@@ -767,6 +767,23 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
     if (!(asset !== null && asset !== void 0 && asset.verifications)) return null;
     return asset === null || asset === void 0 ? void 0 : asset.verifications;
   }, [asset]);
+  var renderdynamicBadge = React.useCallback(function () {
+    if (asset !== null && asset !== void 0 && asset.verifications) return renderVerificationBadge();
+    if (asset !== null && asset !== void 0 && asset.versions) return renderVersionsBadge();
+    return null;
+  });
+  var renderBadge = function renderBadge() {
+    switch (displayIcon) {
+      case 'versions':
+        return renderVersionsBadge();
+      case 'verifications':
+        return renderVerificationBadge();
+      case 'dynamic':
+        return renderdynamicBadge();
+      default:
+        return null;
+    }
+  };
   var renderMediaBadge = React.useCallback(function () {
     var badgeIcon = null;
     var badgeContent = null;
@@ -843,7 +860,7 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
     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, {
     collapseExtraInfo: collapseExtraInfo
-  }, displayIcon === 'versions' && renderVersionsBadge() || displayIcon === 'verifications' && renderVerificationBadge()), (asset === null || asset === void 0 ? void 0 : (_asset$note = asset.note) === null || _asset$note === void 0 ? void 0 : _asset$note.title) && React__default["default"].createElement(OverlayInfoTopWarning$1, {
+  }, renderBadge()), (asset === null || asset === void 0 ? void 0 : (_asset$note = asset.note) === null || _asset$note === void 0 ? void 0 : _asset$note.title) && React__default["default"].createElement(OverlayInfoTopWarning$1, {
     type: asset === null || asset === void 0 ? void 0 : (_asset$note2 = asset.note) === null || _asset$note2 === void 0 ? void 0 : _asset$note2.type
   }, React__default["default"].createElement(Instructions.SvgWarningCircle, null))), React__default["default"].createElement(OverlayInfoBottom$1, null, selectable && React__default["default"].createElement(OverlayInfoBottomSelectButton$1, {
     selected: selected

package/{Button-700afca4.js → Button-0a19dec5.js}

@@ -12,10 +12,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
+var MainContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "Buttonstyled__MainContainer",
+  componentId: "sc-skp8g4-0"
+})(["width:150px;"]);
 var Button$1 = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme).withConfig({
   displayName: "Buttonstyled__Button",
-  componentId: "sc-skp8g4-0"
-})(["position:relative;border-radius:3px;font-family:inherit;font-size:0.875rem;font-weight:400;padding:12px 16px;cursor:pointer;background:", ";border:2px solid ", ";transition:all 250ms,opacity 200ms;&:hover,&.dropdown-is-active{background:#296c58;border-color:#296c58;}", " &&{", ";}&&{", ";}&&{", ";}&&{", ";}", ";", ";", ";", ";", ";", ";"], function (props) {
+  componentId: "sc-skp8g4-1"
+})(["width:100%;transition:width 0.3s ease;position:relative;border-radius:3px;font-family:inherit;font-size:0.875rem;font-weight:400;padding:12px 16px;cursor:pointer;background:", ";border:2px solid ", ";transition:all 250ms,opacity 200ms;&:hover,&.dropdown-is-active{background:#296c58;border-color:#296c58;}", " &&{", ";}&&{", ";}&&{", ";}&&{", ";}", ";", ";", ";", ";", ";", ";"], function (props) {
   return props.theme.getColor('emerald-500');
 }, function (props) {
   return props.theme.getColor('emerald-500');
@@ -52,8 +56,8 @@ var Button$1 = styled__default["default"].button.attrs(defaultTheme.applyDefault
 });
 var ButtonContent = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
   displayName: "Buttonstyled__ButtonContent",
-  componentId: "sc-skp8g4-1"
-})(["display:flex;justify-content:center;align-items:center;transform:scale(1);opacity:1;transition:all 200ms;> svg{width:100%;max-width:16px;max-height:16px;margin-right:8px;", ";", ";}", " ", ";"], function (props) {
+  componentId: "sc-skp8g4-2"
+})(["display:flex;justify-content:center;transition:width 0.3s ease;align-items:center;transform:scale(1);opacity:1;transition:all 200ms;> svg{width:100%;max-width:16px;max-height:16px;margin-right:8px;", ";", ";}", " ", ";"], function (props) {
   return props.size === 'small' && styled.css(["max-width:13px;max-height:13px;"]);
 }, function (props) {
   return props.size === 'x-small' && styled.css(["max-width:11px;max-height:11px;"]);
@@ -64,41 +68,43 @@ var ButtonContent = styled__default["default"].div.attrs(defaultTheme.applyDefau
 });
 var LoadingIndicator = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
   displayName: "Buttonstyled__LoadingIndicator",
-  componentId: "sc-skp8g4-2"
+  componentId: "sc-skp8g4-3"
 })(["position:absolute;height:100%;width:100%;top:0;left:0;padding:4px;background:inherit;opacity:0;transition:opacity 200ms;box-sizing:border-box;", ""], function (props) {
   return props.$loading && styled.css(["opacity:1;"]);
 });
 var LoadingIndicatorSvg = styled__default["default"].svg.attrs(defaultTheme.applyDefaultTheme).withConfig({
   displayName: "Buttonstyled__LoadingIndicatorSvg",
-  componentId: "sc-skp8g4-3"
+  componentId: "sc-skp8g4-4"
 })(["height:100%;color:inherit;transform:rotate(-88deg);"]);
 var LoadingIndicatorSvgCircle = styled__default["default"].circle.attrs(defaultTheme.applyDefaultTheme).withConfig({
   displayName: "Buttonstyled__LoadingIndicatorSvgCircle",
-  componentId: "sc-skp8g4-4"
+  componentId: "sc-skp8g4-5"
 })(["transition:stroke-dashoffset 300ms linear;stroke-dasharray:113;"]);
 var ButtonWrapper = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme).withConfig({
   displayName: "Buttonstyled__ButtonWrapper",
-  componentId: "sc-skp8g4-5"
+  componentId: "sc-skp8g4-6"
 })(["white-space:nowrap;"]);
 var MainButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
   displayName: "Buttonstyled__MainButtonContainer",
-  componentId: "sc-skp8g4-6"
-})(["display:inline-block;button{", ";", ";}"], function (props) {
+  componentId: "sc-skp8g4-7"
+})(["display:inline-block;width:", ";transition:width 0.3s ease;button{", ";", ";}"], function (props) {
+  return !props.dropdownItems ? '100%' : '69.2%';
+}, function (props) {
   return props.dropdownItems && styled.css(["border-bottom-right-radius:0;border-top-right-radius:0;"]);
 }, function (props) {
   return props.dropdownItems && props.outlined && styled.css(["border-right:none;"]);
 });
 var MainButtonContainerSingle = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
   displayName: "Buttonstyled__MainButtonContainerSingle",
-  componentId: "sc-skp8g4-7"
-})(["display:inline-block;", ";button{", ";}"], function (props) {
+  componentId: "sc-skp8g4-8"
+})(["display:inline-block;width:100%;", ";button{", ";}"], function (props) {
   return props.singleAction && styled.css(["display:flex;align-items:center;border-radius:3px !important;transition:all 250ms,opacity 200ms;"]);
 }, function (props) {
   return props.dropdownItems && styled.css(["border-bottom-right-radius:0;border-top-right-radius:0;"]);
 });
 var DropdownButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
   displayName: "Buttonstyled__DropdownButtonContainer",
-  componentId: "sc-skp8g4-8"
+  componentId: "sc-skp8g4-9"
 })(["display:inline-block;button{border-bottom-left-radius:0;border-top-left-radius:0;", ";}svg{color:inherit;height:7px;width:12px;", ";}"], function (props) {
   return !props.singleAction && 'border-left: none';
 }, function (props) {
@@ -169,7 +175,7 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
   var handleDropdownClose = function handleDropdownClose() {
     setDropdownIsActive(false);
   };
-  return React__default["default"].createElement(ButtonWrapper, null, !singleAction ? React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(MainButtonContainer, {
+  return React__default["default"].createElement(ButtonWrapper, null, !singleAction ? React__default["default"].createElement(MainContainer, null, React__default["default"].createElement(MainButtonContainer, {
     dropdownItems: dropdownItems,
     secondary: secondary,
     outlined: outlined

package/{CompactAutocompleteSelect-394a96f2.js → CompactAutocompleteSelect-8edde787.js}

@@ -14,7 +14,7 @@ require('./VerificationStatusIcon-b43db48d.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-a9d74549.js');
+var reactSelectCreatable_esm = require('./react-select-creatable.esm-ca527471.js');
 var close = require('./close-1751121a.js');
 var expandMore = require('./expand-more-d74e2bd2.js');
 

package/{Instructions-5d777a4d.js → Instructions-2a452d51.js}

@@ -3,7 +3,7 @@
 var defaultTheme = require('./defaultTheme-b6420d7d.js');
 var lodash = require('lodash');
 var React = require('react');
-var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-394a96f2.js');
+var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-8edde787.js');
 var TextArea = require('./TextArea-40baf21d.js');
 var styled = require('styled-components');
 

package/{MultiSelect-f9fbcdff.js → MultiSelect-36f99f25.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-a9d74549.js');
+var reactSelectCreatable_esm = require('./react-select-creatable.esm-ca527471.js');
 var reactSelectAsyncPaginate = require('react-select-async-paginate');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/inputs/Button/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Button = require('../../Button-700afca4.js');
+var Button = require('../../Button-0a19dec5.js');
 require('../../defaultTheme-b6420d7d.js');
 require('styled-components');
 require('react');

package/inputs/CompactAutocompleteSelect/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-394a96f2.js');
+var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-8edde787.js');
 require('../../defaultTheme-b6420d7d.js');
 require('styled-components');
 require('lodash');
@@ -19,7 +19,7 @@ require('../../Tooltip-dbd1bc99.js');
 require('../../VerificationStatusIcon-b43db48d.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../../react-select-creatable.esm-a9d74549.js');
+require('../../react-select-creatable.esm-ca527471.js');
 require('react-dom');
 require('../../close-1751121a.js');
 require('../../expand-more-d74e2bd2.js');

package/inputs/MultiSelect/index.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var MultiSelect = require('../../MultiSelect-f9fbcdff.js');
+var MultiSelect = require('../../MultiSelect-36f99f25.js');
 require('../../defaultTheme-b6420d7d.js');
 require('styled-components');
 require('react');
 require('nanoid');
 require('../../close-1751121a.js');
 require('react-select');
-require('../../react-select-creatable.esm-a9d74549.js');
+require('../../react-select-creatable.esm-ca527471.js');
 require('react-dom');
 require('react-select-async-paginate');
 

package/inputs/index.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var ActionButton = require('../ActionButton-df714c16.js');
-var Button = require('../Button-700afca4.js');
+var Button = require('../Button-0a19dec5.js');
 var Checkbox = require('../Checkbox-89fb44b0.js');
-var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-394a96f2.js');
+var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-8edde787.js');
 var CompactStarRating = require('../CompactStarRating-c02080fd.js');
 var CompactTextInput = require('../CompactTextInput-1a216516.js');
-var MultiSelect = require('../MultiSelect-f9fbcdff.js');
+var MultiSelect = require('../MultiSelect-36f99f25.js');
 var Radio = require('../Radio-ecf4226c.js');
 var TextArea = require('../TextArea-40baf21d.js');
 var TextInput = require('../TextInput-c1bb5c8c.js');
@@ -34,7 +34,7 @@ require('../Tooltip-dbd1bc99.js');
 require('../VerificationStatusIcon-b43db48d.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../react-select-creatable.esm-a9d74549.js');
+require('../react-select-creatable.esm-ca527471.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.39",
+  "version": "1.3.0-rc.40",
   "description": "NTBs common front-end design utilities and React components.",
   "scripts": {
     "build": "cross-env NODE_ENV=production rollup -c",

package/{react-select-creatable.esm-a9d74549.js → react-select-creatable.esm-ca527471.js}

@@ -5800,7 +5800,7 @@ var LOCK_STYLES = {
   height: '100%'
 };
 function preventTouchMove(e) {
-  e.preventDefault();
+  if (e.cancelable) e.preventDefault();
 }
 function allowTouchMove(e) {
   e.stopPropagation();

package/widgets/AssetGallery/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var AssetAction = require('../../AssetAction-163f4042.js');
+var AssetAction = require('../../AssetAction-b7926b8e.js');
 require('../../defaultTheme-b6420d7d.js');
 require('styled-components');
 require('lodash');
@@ -27,11 +27,11 @@ require('../../InputGroup-daac9ea0.js');
 require('../../SectionSeparator-e69cddfd.js');
 require('../../close-1751121a.js');
 require('react-lazy-load-image-component');
-require('../../Instructions-5d777a4d.js');
-require('../../CompactAutocompleteSelect-394a96f2.js');
+require('../../Instructions-2a452d51.js');
+require('../../CompactAutocompleteSelect-8edde787.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../../react-select-creatable.esm-a9d74549.js');
+require('../../react-select-creatable.esm-ca527471.js');
 require('react-dom');
 require('../../expand-more-d74e2bd2.js');
 require('../../TextArea-40baf21d.js');
@@ -39,10 +39,10 @@ require('@floating-ui/react');
 require('../../ContextMenu-265b13dc.js');
 require('../../AssetPreviewTopBar-5636a6e9.js');
 require('../../ActionButton-df714c16.js');
-require('../../Button-700afca4.js');
+require('../../Button-0a19dec5.js');
 require('../../CompactStarRating-c02080fd.js');
 require('../../CompactTextInput-1a216516.js');
-require('../../MultiSelect-f9fbcdff.js');
+require('../../MultiSelect-36f99f25.js');
 require('../../Radio-ecf4226c.js');
 require('../../Switch-76d7d568.js');
 require('../../ContextMenuItem-9008feb7.js');

package/widgets/Instructions/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var Instructions = require('../../Instructions-5d777a4d.js');
+var Instructions = require('../../Instructions-2a452d51.js');
 require('../../defaultTheme-b6420d7d.js');
 require('styled-components');
 require('lodash');
 require('react');
-require('../../CompactAutocompleteSelect-394a96f2.js');
+require('../../CompactAutocompleteSelect-8edde787.js');
 require('nanoid');
 require('../../Alert-28de48e1.js');
 require('../../Badge-2e008fe7.js');
@@ -20,7 +20,7 @@ require('../../Tooltip-dbd1bc99.js');
 require('../../VerificationStatusIcon-b43db48d.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../../react-select-creatable.esm-a9d74549.js');
+require('../../react-select-creatable.esm-ca527471.js');
 require('react-dom');
 require('../../close-1751121a.js');
 require('../../expand-more-d74e2bd2.js');

package/widgets/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetAction = require('../AssetAction-163f4042.js');
+var AssetAction = require('../AssetAction-b7926b8e.js');
 var ContextMenu = require('../ContextMenu-265b13dc.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-5636a6e9.js');
-var Instructions = require('../Instructions-5d777a4d.js');
+var Instructions = require('../Instructions-2a452d51.js');
 require('../defaultTheme-b6420d7d.js');
 require('styled-components');
 require('lodash');
@@ -34,16 +34,16 @@ require('../close-1751121a.js');
 require('react-lazy-load-image-component');
 require('@floating-ui/react');
 require('../ActionButton-df714c16.js');
-require('../Button-700afca4.js');
+require('../Button-0a19dec5.js');
 require('../expand-more-d74e2bd2.js');
-require('../CompactAutocompleteSelect-394a96f2.js');
+require('../CompactAutocompleteSelect-8edde787.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../react-select-creatable.esm-a9d74549.js');
+require('../react-select-creatable.esm-ca527471.js');
 require('react-dom');
 require('../CompactStarRating-c02080fd.js');
 require('../CompactTextInput-1a216516.js');
-require('../MultiSelect-f9fbcdff.js');
+require('../MultiSelect-36f99f25.js');
 require('../Radio-ecf4226c.js');
 require('../TextArea-40baf21d.js');
 require('../Switch-76d7d568.js');