@ntbjs/react-components 1.3.0-rc.14 → 1.3.0-rc.16

package/inputs/index.js

@@ -2,38 +2,37 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ActionButton = require('../ActionButton-15b418c5.js');
-var Button = require('../Button-34ce13c6.js');
-var Checkbox = require('../Checkbox-d77eed5d.js');
-var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-72d523e3.js');
-var CompactStarRating = require('../CompactStarRating-bf45f620.js');
-var CompactTextInput = require('../CompactTextInput-0b1979f1.js');
-var MultiSelect = require('../MultiSelect-ecb48e03.js');
-var Radio = require('../Radio-7d5f630d.js');
-var TextArea = require('../TextArea-76231a3b.js');
-var TextInput = require('../TextInput-a440374c.js');
-var Switch = require('../Switch-006abdbd.js');
-var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-acaac96b.js');
-var AsyncSelect = require('../AsyncSelect-d29051c7.js');
-require('../defaultTheme-fcd45bd0.js');
+var ActionButton = require('../ActionButton-46735b89.js');
+var Button = require('../Button-49f82b31.js');
+var Checkbox = require('../Checkbox-68dc38a8.js');
+var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-96137f48.js');
+var CompactStarRating = require('../CompactStarRating-15c1b812.js');
+var CompactTextInput = require('../CompactTextInput-198d0800.js');
+var MultiSelect = require('../MultiSelect-efd60232.js');
+var Radio = require('../Radio-32d0513a.js');
+var TextArea = require('../TextArea-18fbcc9f.js');
+var TextInput = require('../TextInput-0d109708.js');
+var Switch = require('../Switch-4a41585f.js');
+var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-e6e5cb90.js');
+var AsyncSelect = require('../AsyncSelect-090b92ae.js');
+require('../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
-require('../index-39bc450c.js');
 require('polished');
-require('../Popover-a76d0fe5.js');
+require('../Popover-569cd272.js');
 require('lodash');
 require('@tippyjs/react');
-require('../shift-away-subtle-45129125.js');
+require('../shift-away-subtle-0bed9a3c.js');
 require('popper-max-size-modifier');
-require('../ContextMenu-f69599d5.js');
+require('../ContextMenu-4ec3d9f3.js');
 require('../expand-more-94585605.js');
 require('nanoid');
-require('../Alert-e9f818d6.js');
-require('../Badge-72b369a6.js');
-require('../Tab-87287c6e.js');
-require('../Tabs-8e4de5a5.js');
-require('../Tooltip-298f0547.js');
-require('../VerificationStatusIcon-d596165f.js');
+require('../Alert-13b75102.js');
+require('../Badge-757b0a39.js');
+require('../Tab-f499ecbc.js');
+require('../Tabs-116aa951.js');
+require('../Tooltip-66daf6e3.js');
+require('../VerificationStatusIcon-d5bfb67a.js');
 require('react-select');
 require('react-select-async-paginate');
 require('../react-select-creatable.esm-2f23d6c6.js');
@@ -41,8 +40,8 @@ require('react-dom');
 require('../close-ebf2f3cf.js');
 require('../edit-note-c47d292e.js');
 require('../useMergedRefs-b6d2f8fc.js');
-require('../InputGroup-e30507cb.js');
-require('../SectionSeparator-2a1c720b.js');
+require('../InputGroup-49fbc423.js');
+require('../SectionSeparator-259a22ed.js');
 
 
 

package/layout/InputGroup/index.js

@@ -1,10 +1,9 @@
 'use strict';
 
-var InputGroup = require('../../InputGroup-e30507cb.js');
-require('../../defaultTheme-fcd45bd0.js');
+var InputGroup = require('../../InputGroup-49fbc423.js');
+require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
-require('../../index-39bc450c.js');
 
 
 

package/layout/SectionSeparator/index.js

@@ -1,10 +1,9 @@
 'use strict';
 
-var SectionSeparator = require('../../SectionSeparator-2a1c720b.js');
-require('../../defaultTheme-fcd45bd0.js');
+var SectionSeparator = require('../../SectionSeparator-259a22ed.js');
+require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
-require('../../index-39bc450c.js');
 
 
 

package/layout/index.js

@@ -2,12 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputGroup = require('../InputGroup-e30507cb.js');
-var SectionSeparator = require('../SectionSeparator-2a1c720b.js');
-require('../defaultTheme-fcd45bd0.js');
+var InputGroup = require('../InputGroup-49fbc423.js');
+var SectionSeparator = require('../SectionSeparator-259a22ed.js');
+require('../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
-require('../index-39bc450c.js');
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.3.0-rc.14",
+  "version": "1.3.0-rc.16",
   "description": "NTBs common front-end design utilities and React components.",
   "scripts": {
     "build": "cross-env NODE_ENV=production rollup -c",
@@ -75,13 +75,14 @@
     "@storybook/addons": "^6.5.14",
     "@storybook/theming": "^6.5.14",
     "@tippyjs/react": "^4.2.6",
+    "@vtaits/use-lazy-ref": "^0.1.3",
     "lodash": "^4.17.21",
     "nanoid": "^3.1.25",
     "polished": "^4.1.3",
     "popper-max-size-modifier": "^0.2.0",
     "react-lazy-load-image-component": "^1.5.1",
     "react-select": "^5.7.7",
-    "react-select-async-paginate": "^0.7.3",
+    "react-select-async-paginate": "^0.7.5",
     "react-spinners": "^0.13.8",
     "resize-observer-polyfill": "^1.5.1",
     "styled-components": "^5.3.5"

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-fcd45bd0.js');
+var defaultTheme = require('./defaultTheme-ea44e34a.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/widgets/AssetGallery/index.js

@@ -1,51 +1,50 @@
 'use strict';
 
-var AssetGallery = require('../../AssetGallery-2fb29da8.js');
-require('../../defaultTheme-fcd45bd0.js');
+var AssetGallery = require('../../AssetGallery-aca82e36.js');
+require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
-require('../../index-39bc450c.js');
 require('react');
 require('../../useMergedRefs-b6d2f8fc.js');
 require('resize-observer-polyfill');
-require('../../MultiLevelCheckboxSelect-acaac96b.js');
-require('../../Alert-e9f818d6.js');
-require('../../Badge-72b369a6.js');
-require('../../Popover-a76d0fe5.js');
+require('../../MultiLevelCheckboxSelect-e6e5cb90.js');
+require('../../Alert-13b75102.js');
+require('../../Badge-757b0a39.js');
+require('../../Popover-569cd272.js');
 require('polished');
 require('@tippyjs/react');
-require('../../shift-away-subtle-45129125.js');
+require('../../shift-away-subtle-0bed9a3c.js');
 require('popper-max-size-modifier');
-require('../../Tab-87287c6e.js');
-require('../../Tabs-8e4de5a5.js');
-require('../../Tooltip-298f0547.js');
-require('../../VerificationStatusIcon-d596165f.js');
-require('../../Checkbox-d77eed5d.js');
+require('../../Tab-f499ecbc.js');
+require('../../Tabs-116aa951.js');
+require('../../Tooltip-66daf6e3.js');
+require('../../VerificationStatusIcon-d5bfb67a.js');
+require('../../Checkbox-68dc38a8.js');
 require('nanoid');
-require('../../TextInput-a440374c.js');
+require('../../TextInput-0d109708.js');
 require('../../edit-note-c47d292e.js');
-require('../../InputGroup-e30507cb.js');
-require('../../SectionSeparator-2a1c720b.js');
+require('../../InputGroup-49fbc423.js');
+require('../../SectionSeparator-259a22ed.js');
 require('../../close-ebf2f3cf.js');
 require('react-lazy-load-image-component');
 require('../../warning-circle-24522402.js');
-require('../../ActionButton-15b418c5.js');
-require('../../Button-34ce13c6.js');
-require('../../ContextMenu-f69599d5.js');
+require('../../ActionButton-46735b89.js');
+require('../../Button-49f82b31.js');
+require('../../ContextMenu-4ec3d9f3.js');
 require('../../expand-more-94585605.js');
-require('../../CompactAutocompleteSelect-72d523e3.js');
+require('../../CompactAutocompleteSelect-96137f48.js');
 require('react-select');
 require('react-select-async-paginate');
 require('../../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
-require('../../CompactStarRating-bf45f620.js');
-require('../../CompactTextInput-0b1979f1.js');
-require('../../MultiSelect-ecb48e03.js');
-require('../../Radio-7d5f630d.js');
-require('../../TextArea-76231a3b.js');
-require('../../Switch-006abdbd.js');
-require('../../AsyncSelect-d29051c7.js');
-require('../../ContextMenuItem-9c5c4c9f.js');
+require('../../CompactStarRating-15c1b812.js');
+require('../../CompactTextInput-198d0800.js');
+require('../../MultiSelect-efd60232.js');
+require('../../Radio-32d0513a.js');
+require('../../TextArea-18fbcc9f.js');
+require('../../Switch-4a41585f.js');
+require('../../AsyncSelect-090b92ae.js');
+require('../../ContextMenuItem-ba2b697e.js');
 
 
 

package/widgets/AssetPreview/AssetPreviewTopBar/index.js

@@ -1,10 +1,9 @@
 'use strict';
 
-var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-21b7e172.js');
-require('../../../defaultTheme-fcd45bd0.js');
+var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-912c3469.js');
+require('../../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
-require('../../../index-39bc450c.js');
 require('../../../close-ebf2f3cf.js');
 
 

package/widgets/ContextMenu/ContextMenuItem/index.js

@@ -1,10 +1,9 @@
 'use strict';
 
-var ContextMenuItem = require('../../../ContextMenuItem-9c5c4c9f.js');
-require('../../../defaultTheme-fcd45bd0.js');
+var ContextMenuItem = require('../../../ContextMenuItem-ba2b697e.js');
+require('../../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
-require('../../../index-39bc450c.js');
 
 
 

package/widgets/ContextMenu/ContextMenuItemsGroup/index.js

@@ -1,8 +1,7 @@
 'use strict';
 
-var defaultTheme = require('../../../defaultTheme-fcd45bd0.js');
+var defaultTheme = require('../../../defaultTheme-ea44e34a.js');
 var React = require('react');
-var index = require('../../../index-39bc450c.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -26,7 +25,7 @@ var ContextMenuItemsGroup = React__default['default'].forwardRef(function Contex
   }), children);
 });
 ContextMenuItemsGroup.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: index.PropTypes.arrayOf(index.PropTypes.node)
+  children: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.node)
 } : {};
 ContextMenuItemsGroup.defaultProps = {};
 

package/widgets/ContextMenu/index.js

@@ -1,10 +1,9 @@
 'use strict';
 
-var ContextMenu = require('../../ContextMenu-f69599d5.js');
-require('../../defaultTheme-fcd45bd0.js');
+var ContextMenu = require('../../ContextMenu-4ec3d9f3.js');
+require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
-require('../../index-39bc450c.js');
 
 
 

package/widgets/Instructions/index.js

@@ -1,32 +1,31 @@
 'use strict';
 
-var Instructions = require('../../Instructions-42d2bc58.js');
-require('../../defaultTheme-fcd45bd0.js');
+var Instructions = require('../../Instructions-2babb8a3.js');
+require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
-require('../../index-39bc450c.js');
 require('react');
 require('../../warning-circle-24522402.js');
-require('../../CompactAutocompleteSelect-72d523e3.js');
+require('../../CompactAutocompleteSelect-96137f48.js');
 require('nanoid');
-require('../../Alert-e9f818d6.js');
-require('../../Badge-72b369a6.js');
-require('../../Popover-a76d0fe5.js');
+require('../../Alert-13b75102.js');
+require('../../Badge-757b0a39.js');
+require('../../Popover-569cd272.js');
 require('polished');
 require('@tippyjs/react');
-require('../../shift-away-subtle-45129125.js');
+require('../../shift-away-subtle-0bed9a3c.js');
 require('popper-max-size-modifier');
-require('../../Tab-87287c6e.js');
-require('../../Tabs-8e4de5a5.js');
-require('../../Tooltip-298f0547.js');
-require('../../VerificationStatusIcon-d596165f.js');
+require('../../Tab-f499ecbc.js');
+require('../../Tabs-116aa951.js');
+require('../../Tooltip-66daf6e3.js');
+require('../../VerificationStatusIcon-d5bfb67a.js');
 require('react-select');
 require('react-select-async-paginate');
 require('../../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
 require('../../close-ebf2f3cf.js');
 require('../../expand-more-94585605.js');
-require('../../TextArea-76231a3b.js');
+require('../../TextArea-18fbcc9f.js');
 require('../../useMergedRefs-b6d2f8fc.js');
 require('../../edit-note-c47d292e.js');
 

package/widgets/index.js

@@ -2,54 +2,53 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-2fb29da8.js');
-var ContextMenu = require('../ContextMenu-f69599d5.js');
-var AssetPreviewTopBar = require('../AssetPreviewTopBar-21b7e172.js');
-var Instructions = require('../Instructions-42d2bc58.js');
-require('../defaultTheme-fcd45bd0.js');
+var AssetGallery = require('../AssetGallery-aca82e36.js');
+var ContextMenu = require('../ContextMenu-4ec3d9f3.js');
+var AssetPreviewTopBar = require('../AssetPreviewTopBar-912c3469.js');
+var Instructions = require('../Instructions-2babb8a3.js');
+require('../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
-require('../index-39bc450c.js');
 require('react');
 require('../useMergedRefs-b6d2f8fc.js');
 require('resize-observer-polyfill');
-require('../MultiLevelCheckboxSelect-acaac96b.js');
-require('../Alert-e9f818d6.js');
-require('../Badge-72b369a6.js');
-require('../Popover-a76d0fe5.js');
+require('../MultiLevelCheckboxSelect-e6e5cb90.js');
+require('../Alert-13b75102.js');
+require('../Badge-757b0a39.js');
+require('../Popover-569cd272.js');
 require('polished');
 require('@tippyjs/react');
-require('../shift-away-subtle-45129125.js');
+require('../shift-away-subtle-0bed9a3c.js');
 require('popper-max-size-modifier');
-require('../Tab-87287c6e.js');
-require('../Tabs-8e4de5a5.js');
-require('../Tooltip-298f0547.js');
-require('../VerificationStatusIcon-d596165f.js');
-require('../Checkbox-d77eed5d.js');
+require('../Tab-f499ecbc.js');
+require('../Tabs-116aa951.js');
+require('../Tooltip-66daf6e3.js');
+require('../VerificationStatusIcon-d5bfb67a.js');
+require('../Checkbox-68dc38a8.js');
 require('nanoid');
-require('../TextInput-a440374c.js');
+require('../TextInput-0d109708.js');
 require('../edit-note-c47d292e.js');
-require('../InputGroup-e30507cb.js');
-require('../SectionSeparator-2a1c720b.js');
+require('../InputGroup-49fbc423.js');
+require('../SectionSeparator-259a22ed.js');
 require('../close-ebf2f3cf.js');
 require('react-lazy-load-image-component');
 require('../warning-circle-24522402.js');
-require('../ActionButton-15b418c5.js');
-require('../Button-34ce13c6.js');
+require('../ActionButton-46735b89.js');
+require('../Button-49f82b31.js');
 require('../expand-more-94585605.js');
-require('../CompactAutocompleteSelect-72d523e3.js');
+require('../CompactAutocompleteSelect-96137f48.js');
 require('react-select');
 require('react-select-async-paginate');
 require('../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
-require('../CompactStarRating-bf45f620.js');
-require('../CompactTextInput-0b1979f1.js');
-require('../MultiSelect-ecb48e03.js');
-require('../Radio-7d5f630d.js');
-require('../TextArea-76231a3b.js');
-require('../Switch-006abdbd.js');
-require('../AsyncSelect-d29051c7.js');
-require('../ContextMenuItem-9c5c4c9f.js');
+require('../CompactStarRating-15c1b812.js');
+require('../CompactTextInput-198d0800.js');
+require('../MultiSelect-efd60232.js');
+require('../Radio-32d0513a.js');
+require('../TextArea-18fbcc9f.js');
+require('../Switch-4a41585f.js');
+require('../AsyncSelect-090b92ae.js');
+require('../ContextMenuItem-ba2b697e.js');
 
 
 

package/AsyncSelect-d29051c7.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var React = require('react');
-var index = require('./index-39bc450c.js');
-var reactSelectAsyncPaginate = require('react-select-async-paginate');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var AsyncSelect = React__default['default'].forwardRef(function AsyncSelect(_ref) {
-  var loadOptions = _ref.loadOptions;
-  return React__default['default'].createElement(reactSelectAsyncPaginate.AsyncPaginate, {
-    loadOptions: loadOptions
-  });
-});
-AsyncSelect.propTypes = process.env.NODE_ENV !== "production" ? {
-  loadOptions: index.PropTypes.func
-} : {};
-AsyncSelect.defaultProps = {};
-
-exports.AsyncSelect = AsyncSelect;