@ntbjs/react-components 1.3.0-rc.4 → 1.3.0-rc.41

package/{shift-away-subtle-0bed9a3c.js → shift-away-subtle-a9da38b8.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-ea44e34a.js');
+var defaultTheme = require('./defaultTheme-573a9150.js');
 
 var css_248z$1 = ".tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:\"\";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}";
 defaultTheme.styleInject(css_248z$1);

package/ssr/index.js

@@ -8,7 +8,5 @@ var styled = require('styled-components');
 
 Object.defineProperty(exports, 'ServerStyleSheet', {
 	enumerable: true,
-	get: function () {
-		return styled.ServerStyleSheet;
-	}
+	get: function () { return styled.ServerStyleSheet; }
 });

package/widgets/AssetGallery/index.js

@@ -1,50 +1,52 @@
 'use strict';
 
-var AssetGallery = require('../../AssetGallery-7d05ac94.js');
-require('../../defaultTheme-ea44e34a.js');
+var AssetAction = require('../../AssetAction-06d40708.js');
+require('../../defaultTheme-573a9150.js');
 require('styled-components');
 require('lodash');
 require('react');
 require('../../useMergedRefs-b6d2f8fc.js');
 require('resize-observer-polyfill');
-require('../../MultiLevelCheckboxSelect-b897d605.js');
-require('../../Alert-13b75102.js');
-require('../../Badge-757b0a39.js');
-require('../../Popover-569cd272.js');
+require('../../MultiLevelCheckboxSelect-7a036b16.js');
+require('../../Alert-b79a8fcc.js');
+require('../../Badge-a35c7018.js');
+require('../../Popover-0d9a689b.js');
 require('polished');
 require('@tippyjs/react');
-require('../../shift-away-subtle-0bed9a3c.js');
+require('../../shift-away-subtle-a9da38b8.js');
 require('popper-max-size-modifier');
-require('../../Tab-f499ecbc.js');
-require('../../Tabs-a8c77f71.js');
-require('../../Tooltip-66daf6e3.js');
-require('../../VerificationStatusIcon-d5bfb67a.js');
-require('../../Checkbox-68dc38a8.js');
+require('../../Tab-7c817d4d.js');
+require('../../Tabs-318feff9.js');
+require('../../Tooltip-478ec993.js');
+require('../../VerificationStatusIcon-ecec5f07.js');
+require('../../Checkbox-92d07052.js');
 require('nanoid');
-require('../../TextInput-0d109708.js');
-require('../../edit-note-c47d292e.js');
-require('../../InputGroup-49fbc423.js');
-require('../../SectionSeparator-259a22ed.js');
-require('../../close-ebf2f3cf.js');
+require('../../TextInput-91d6341d.js');
+require('../../edit-note-cefe2215.js');
+require('../../InputGroup-0423e24c.js');
+require('../../SectionSeparator-5025c8f4.js');
+require('../../close-1751121a.js');
 require('react-lazy-load-image-component');
-require('../../warning-circle-24522402.js');
-require('../../ActionButton-46735b89.js');
-require('../../Button-49f82b31.js');
-require('../../ContextMenu-4ec3d9f3.js');
-require('../../expand-more-94585605.js');
-require('../../CompactAutocompleteSelect-755b1869.js');
+require('../../Instructions-9910f44d.js');
+require('../../CompactAutocompleteSelect-c7a11d3d.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../../react-select-creatable.esm-2f23d6c6.js');
+require('../../react-select-creatable.esm-8bf8566a.js');
 require('react-dom');
-require('../../CompactStarRating-bcfb78ac.js');
-require('../../CompactTextInput-9e507306.js');
-require('../../MultiSelect-efd60232.js');
-require('../../Radio-32d0513a.js');
-require('../../TextArea-8f62da6e.js');
-require('../../Switch-4a41585f.js');
-require('../../ContextMenuItem-ba2b697e.js');
+require('../../expand-more-d74e2bd2.js');
+require('../../TextArea-ecfd3418.js');
+require('@floating-ui/react');
+require('../../ContextMenu-999756c8.js');
+require('../../AssetPreviewTopBar-1b5dfde2.js');
+require('../../ActionButton-581e717e.js');
+require('../../Button-70230131.js');
+require('../../CompactStarRating-86673c4f.js');
+require('../../CompactTextInput-f1824946.js');
+require('../../MultiSelect-9d8c24e5.js');
+require('../../Radio-a0610a91.js');
+require('../../Switch-b7193858.js');
+require('../../ContextMenuItem-ae4357ba.js');
 
 
 
-module.exports = AssetGallery.AssetGallery;
+module.exports = AssetAction.AssetGallery;

package/widgets/AssetPreview/AssetPreviewTopBar/index.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-912c3469.js');
-require('../../../defaultTheme-ea44e34a.js');
+var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-1b5dfde2.js');
+require('../../../defaultTheme-573a9150.js');
 require('styled-components');
 require('react');
-require('../../../close-ebf2f3cf.js');
+require('../../../close-1751121a.js');
 
 
 

package/widgets/ContextMenu/ContextMenuItem/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var ContextMenuItem = require('../../../ContextMenuItem-ba2b697e.js');
-require('../../../defaultTheme-ea44e34a.js');
+var ContextMenuItem = require('../../../ContextMenuItem-ae4357ba.js');
+require('../../../defaultTheme-573a9150.js');
 require('styled-components');
 require('react');
 

package/widgets/ContextMenu/ContextMenuItemsGroup/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('../../../defaultTheme-ea44e34a.js');
+var defaultTheme = require('../../../defaultTheme-573a9150.js');
 var React = require('react');
 var styled = require('styled-components');
 
@@ -9,16 +9,18 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _templateObject;
-var ContextMenuItemsGroup$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  :not(:last-child) {\n    border-bottom: 1px solid;\n\n    ", "\n  }\n\n  > * {\n    border-bottom: none !important;\n  }\n\n  > *:not(:last-child) {\n    height: 32px;\n  }\n"])), function (props) {
+var ContextMenuItemsGroup$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "ContextMenuItemsGroupstyled__ContextMenuItemsGroup",
+  componentId: "sc-187ai25-0"
+})([":not(:last-child){border-bottom:1px solid;", "}> *{border-bottom:none !important;}> *:not(:last-child){height:32px;}"], function (props) {
   return props.theme.themeProp('border-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-200'));
 });
 
-var ContextMenuItemsGroup = React__default['default'].forwardRef(function ContextMenuItemsGroup(_ref, forwardedRef) {
+var _excluded = ["children"];
+var ContextMenuItemsGroup = React__default["default"].forwardRef(function ContextMenuItemsGroup(_ref, forwardedRef) {
   var children = _ref.children,
-      props = defaultTheme._objectWithoutProperties(_ref, ["children"]);
-
-  return React__default['default'].createElement(ContextMenuItemsGroup$1, defaultTheme._extends({
+    props = defaultTheme._objectWithoutProperties(_ref, _excluded);
+  return React__default["default"].createElement(ContextMenuItemsGroup$1, defaultTheme._extends({
     ref: forwardedRef
   }, props, {
     role: "group"

package/widgets/ContextMenu/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var ContextMenu = require('../../ContextMenu-4ec3d9f3.js');
-require('../../defaultTheme-ea44e34a.js');
+var ContextMenu = require('../../ContextMenu-999756c8.js');
+require('../../defaultTheme-573a9150.js');
 require('styled-components');
 require('react');
 

package/widgets/Instructions/index.js

@@ -1,33 +1,32 @@
 'use strict';
 
-var Instructions = require('../../Instructions-e5947be9.js');
-require('../../defaultTheme-ea44e34a.js');
+var Instructions = require('../../Instructions-9910f44d.js');
+require('../../defaultTheme-573a9150.js');
 require('styled-components');
 require('lodash');
 require('react');
-require('../../warning-circle-24522402.js');
-require('../../CompactAutocompleteSelect-755b1869.js');
+require('../../CompactAutocompleteSelect-c7a11d3d.js');
 require('nanoid');
-require('../../Alert-13b75102.js');
-require('../../Badge-757b0a39.js');
-require('../../Popover-569cd272.js');
+require('../../Alert-b79a8fcc.js');
+require('../../Badge-a35c7018.js');
+require('../../Popover-0d9a689b.js');
 require('polished');
 require('@tippyjs/react');
-require('../../shift-away-subtle-0bed9a3c.js');
+require('../../shift-away-subtle-a9da38b8.js');
 require('popper-max-size-modifier');
-require('../../Tab-f499ecbc.js');
-require('../../Tabs-a8c77f71.js');
-require('../../Tooltip-66daf6e3.js');
-require('../../VerificationStatusIcon-d5bfb67a.js');
+require('../../Tab-7c817d4d.js');
+require('../../Tabs-318feff9.js');
+require('../../Tooltip-478ec993.js');
+require('../../VerificationStatusIcon-ecec5f07.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../../react-select-creatable.esm-2f23d6c6.js');
+require('../../react-select-creatable.esm-8bf8566a.js');
 require('react-dom');
-require('../../close-ebf2f3cf.js');
-require('../../expand-more-94585605.js');
-require('../../TextArea-8f62da6e.js');
+require('../../close-1751121a.js');
+require('../../expand-more-d74e2bd2.js');
+require('../../TextArea-ecfd3418.js');
 require('../../useMergedRefs-b6d2f8fc.js');
-require('../../edit-note-c47d292e.js');
+require('../../edit-note-cefe2215.js');
 
 
 

package/widgets/index.js

@@ -2,57 +2,59 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-7d05ac94.js');
-var ContextMenu = require('../ContextMenu-4ec3d9f3.js');
-var AssetPreviewTopBar = require('../AssetPreviewTopBar-912c3469.js');
-var Instructions = require('../Instructions-e5947be9.js');
-require('../defaultTheme-ea44e34a.js');
+var AssetAction = require('../AssetAction-06d40708.js');
+var ContextMenu = require('../ContextMenu-999756c8.js');
+var AssetPreviewTopBar = require('../AssetPreviewTopBar-1b5dfde2.js');
+var Instructions = require('../Instructions-9910f44d.js');
+require('../defaultTheme-573a9150.js');
 require('styled-components');
 require('lodash');
 require('react');
 require('../useMergedRefs-b6d2f8fc.js');
 require('resize-observer-polyfill');
-require('../MultiLevelCheckboxSelect-b897d605.js');
-require('../Alert-13b75102.js');
-require('../Badge-757b0a39.js');
-require('../Popover-569cd272.js');
+require('../MultiLevelCheckboxSelect-7a036b16.js');
+require('../Alert-b79a8fcc.js');
+require('../Badge-a35c7018.js');
+require('../Popover-0d9a689b.js');
 require('polished');
 require('@tippyjs/react');
-require('../shift-away-subtle-0bed9a3c.js');
+require('../shift-away-subtle-a9da38b8.js');
 require('popper-max-size-modifier');
-require('../Tab-f499ecbc.js');
-require('../Tabs-a8c77f71.js');
-require('../Tooltip-66daf6e3.js');
-require('../VerificationStatusIcon-d5bfb67a.js');
-require('../Checkbox-68dc38a8.js');
+require('../Tab-7c817d4d.js');
+require('../Tabs-318feff9.js');
+require('../Tooltip-478ec993.js');
+require('../VerificationStatusIcon-ecec5f07.js');
+require('../Checkbox-92d07052.js');
 require('nanoid');
-require('../TextInput-0d109708.js');
-require('../edit-note-c47d292e.js');
-require('../InputGroup-49fbc423.js');
-require('../SectionSeparator-259a22ed.js');
-require('../close-ebf2f3cf.js');
+require('../TextInput-91d6341d.js');
+require('../edit-note-cefe2215.js');
+require('../InputGroup-0423e24c.js');
+require('../SectionSeparator-5025c8f4.js');
+require('../close-1751121a.js');
 require('react-lazy-load-image-component');
-require('../warning-circle-24522402.js');
-require('../ActionButton-46735b89.js');
-require('../Button-49f82b31.js');
-require('../expand-more-94585605.js');
-require('../CompactAutocompleteSelect-755b1869.js');
+require('@floating-ui/react');
+require('../ActionButton-581e717e.js');
+require('../Button-70230131.js');
+require('../expand-more-d74e2bd2.js');
+require('../CompactAutocompleteSelect-c7a11d3d.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../react-select-creatable.esm-2f23d6c6.js');
+require('../react-select-creatable.esm-8bf8566a.js');
 require('react-dom');
-require('../CompactStarRating-bcfb78ac.js');
-require('../CompactTextInput-9e507306.js');
-require('../MultiSelect-efd60232.js');
-require('../Radio-32d0513a.js');
-require('../TextArea-8f62da6e.js');
-require('../Switch-4a41585f.js');
-require('../ContextMenuItem-ba2b697e.js');
+require('../CompactStarRating-86673c4f.js');
+require('../CompactTextInput-f1824946.js');
+require('../MultiSelect-9d8c24e5.js');
+require('../Radio-a0610a91.js');
+require('../TextArea-ecfd3418.js');
+require('../Switch-b7193858.js');
+require('../ContextMenuItem-ae4357ba.js');
 
 
 
-exports.AssetGallery = AssetGallery.AssetGallery;
-exports.SummaryCard = AssetGallery.SummaryCard;
+exports.AssetAction = AssetAction.AssetAction;
+exports.AssetActionBase = AssetAction.AssetActionsBase;
+exports.AssetGallery = AssetAction.AssetGallery;
+exports.SummaryCard = AssetAction.SummaryCard;
 exports.ContextMenu = ContextMenu.ContextMenu;
 exports.AssetPreviewTopBar = AssetPreviewTopBar.AssetPreviewTopBar;
 exports.Instructions = Instructions.Instructions;

package/AssetPreviewTopBar-912c3469.js

@@ -1,99 +0,0 @@
-'use strict';
-
-var defaultTheme = require('./defaultTheme-ea44e34a.js');
-var React = require('react');
-var styled = require('styled-components');
-var close = require('./close-ebf2f3cf.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () {
-            return e[k];
-          }
-        });
-      }
-    });
-  }
-  n['default'] = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var _ref = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "currentColor",
-  d: "M16 32L0 16 16 0l2.1 2.1L5.7 14.5H32v3H5.7l12.4 12.4L16 32z"
-});
-
-function SvgArrowBack(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 32 32"
-  }, props), _ref);
-}
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var AssetPreviewTopBar$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  box-sizing: border-box;\n  align-items: center;\n  border-bottom: ", ";\n  color: inherit;\n  display: flex;\n  font-family: ", ";\n  font-weight: 400;\n  min-height: 72px;\n  padding: 0 24px;\n  width: 100%;\n\n  ", "\n\n  ", "\n"])), function (props) {
-  return props.border ? "1px solid" : "none";
-}, function (props) {
-  return props.theme.primaryFontFamily;
-}, function (props) {
-  return props.theme.themeProp('border-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-200'));
-}, 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  ", ";\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'));
-});
-var ButtonsContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n  margin-left: auto;\n\n  > span {\n    margin-left: 16px;\n  }\n"])));
-
-var AssetPreviewTopBar = React__default['default'].forwardRef(function AssetPreviewTopBar(_ref, forwardedRef) {
-  var onBackButtonClick = _ref.onBackButtonClick,
-      backButtonText = _ref.backButtonText,
-      backButtonAsClose = _ref.backButtonAsClose,
-      leftText = _ref.leftText,
-      buttons = _ref.buttons,
-      shadow = _ref.shadow,
-      border = _ref.border,
-      props = defaultTheme._objectWithoutProperties(_ref, ["onBackButtonClick", "backButtonText", "backButtonAsClose", "leftText", "buttons", "shadow", "border"]);
-
-  return React__default['default'].createElement(AssetPreviewTopBar$1, defaultTheme._extends({
-    ref: forwardedRef,
-    shadow: shadow,
-    border: border
-  }, props), React__default['default'].createElement(BackButtonContainer, {
-    onClick: onBackButtonClick
-  }, backButtonAsClose ? React__default['default'].createElement(close.SvgClose, 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);
-  })));
-});
-AssetPreviewTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
-  onBackButtonClick: defaultTheme.PropTypes.func.isRequired,
-  backButtonText: defaultTheme.PropTypes.string.isRequired,
-  backButtonAsClose: defaultTheme.PropTypes.bool,
-  leftText: defaultTheme.PropTypes.string,
-  shadow: defaultTheme.PropTypes.bool,
-  border: defaultTheme.PropTypes.bool,
-  buttons: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.node)
-} : {};
-AssetPreviewTopBar.defaultProps = {};
-
-exports.AssetPreviewTopBar = AssetPreviewTopBar;