@ntbjs/react-components 1.3.0-rc.58 → 1.3.0-rc.59

package/data/Alert/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Alert = require('../../Alert-1b2ff6dd.js');
+var Alert = require('../../Alert-d69a3f95.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');

package/data/Badge/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Badge = require('../../Badge-e055db69.js');
+var Badge = require('../../Badge-e984e6f5.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');

package/data/Tab/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tab = require('../../Tab-124fef45.js');
+var Tab = require('../../Tab-e43241f0.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');

package/data/Tabs/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var Tabs = require('../../Tabs-62bdcdfa.js');
+var Tabs = require('../../Tabs-cfc08c6b.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('lodash');
 require('react');
-require('../../Tab-124fef45.js');
+require('../../Tab-e43241f0.js');
 
 
 

package/data/Tooltip/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tooltip = require('../../Tooltip-4111dfdd.js');
+var Tooltip = require('../../Tooltip-a68a7e49.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');

package/data/index.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Alert = require('../Alert-1b2ff6dd.js');
-var Badge = require('../Badge-e055db69.js');
+var Alert = require('../Alert-d69a3f95.js');
+var Badge = require('../Badge-e984e6f5.js');
 var Popover = require('../Popover-52d29ca6.js');
-var Tab = require('../Tab-124fef45.js');
-var Tabs = require('../Tabs-62bdcdfa.js');
-var Tooltip = require('../Tooltip-4111dfdd.js');
-var VerificationStatusIcon = require('../VerificationStatusIcon-3a74c2ab.js');
+var Tab = require('../Tab-e43241f0.js');
+var Tabs = require('../Tabs-cfc08c6b.js');
+var Tooltip = require('../Tooltip-a68a7e49.js');
+var VerificationStatusIcon = require('../VerificationStatusIcon-7b0e23fe.js');
 require('../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');

package/inputs/ActionButton/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var ActionButton = require('../../ActionButton-f84f83eb.js');
+var ActionButton = require('../../ActionButton-b2345555.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');

package/inputs/Button/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Button = require('../../Button-873454c8.js');
+var Button = require('../../Button-090fb526.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');
@@ -10,7 +10,7 @@ require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-631cd794.js');
 require('popper-max-size-modifier');
-require('../../ContextMenu-1b7b7cec.js');
+require('../../ContextMenu-4eb8fdc5.js');
 require('../../expand-more-d74e2bd2.js');
 
 

package/inputs/Checkbox/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Checkbox = require('../../Checkbox-acd15d02.js');
+var Checkbox = require('../../Checkbox-ad9c9e54.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');

package/inputs/CompactAutocompleteSelect/index.js

@@ -1,25 +1,25 @@
 'use strict';
 
-var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-b0d2ce48.js');
+var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-26949125.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('lodash');
 require('nanoid');
 require('react');
-require('../../Alert-1b2ff6dd.js');
-require('../../Badge-e055db69.js');
+require('../../Alert-d69a3f95.js');
+require('../../Badge-e984e6f5.js');
 require('../../Popover-52d29ca6.js');
 require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-631cd794.js');
 require('popper-max-size-modifier');
-require('../../Tab-124fef45.js');
-require('../../Tabs-62bdcdfa.js');
-require('../../Tooltip-4111dfdd.js');
-require('../../VerificationStatusIcon-3a74c2ab.js');
+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-9e24f67f.js');
+require('../../react-select-creatable.esm-383b1e78.js');
 require('react-dom');
 require('../../close-1751121a.js');
 require('../../expand-more-d74e2bd2.js');

package/inputs/CompactStarRating/index.js

@@ -1,21 +1,21 @@
 'use strict';
 
-var CompactStarRating = require('../../CompactStarRating-957641bf.js');
+var CompactStarRating = require('../../CompactStarRating-65bf27e5.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');
-require('../../Alert-1b2ff6dd.js');
+require('../../Alert-d69a3f95.js');
 require('lodash');
-require('../../Badge-e055db69.js');
+require('../../Badge-e984e6f5.js');
 require('../../Popover-52d29ca6.js');
 require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-631cd794.js');
 require('popper-max-size-modifier');
-require('../../Tab-124fef45.js');
-require('../../Tabs-62bdcdfa.js');
-require('../../Tooltip-4111dfdd.js');
-require('../../VerificationStatusIcon-3a74c2ab.js');
+require('../../Tab-e43241f0.js');
+require('../../Tabs-cfc08c6b.js');
+require('../../Tooltip-a68a7e49.js');
+require('../../VerificationStatusIcon-7b0e23fe.js');
 
 
 

package/inputs/CompactTextInput/index.js

@@ -1,23 +1,23 @@
 'use strict';
 
-var CompactTextInput = require('../../CompactTextInput-05b5d847.js');
+var CompactTextInput = require('../../CompactTextInput-60edc635.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('lodash');
 require('nanoid');
 require('react');
 require('../../edit-note-cefe2215.js');
-require('../../Alert-1b2ff6dd.js');
-require('../../Badge-e055db69.js');
+require('../../Alert-d69a3f95.js');
+require('../../Badge-e984e6f5.js');
 require('../../Popover-52d29ca6.js');
 require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-631cd794.js');
 require('popper-max-size-modifier');
-require('../../Tab-124fef45.js');
-require('../../Tabs-62bdcdfa.js');
-require('../../Tooltip-4111dfdd.js');
-require('../../VerificationStatusIcon-3a74c2ab.js');
+require('../../Tab-e43241f0.js');
+require('../../Tabs-cfc08c6b.js');
+require('../../Tooltip-a68a7e49.js');
+require('../../VerificationStatusIcon-7b0e23fe.js');
 
 
 

package/inputs/MultiSelect/index.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var MultiSelect = require('../../MultiSelect-d6294329.js');
+var MultiSelect = require('../../MultiSelect-cdfe6ffa.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');
 require('nanoid');
 require('../../close-1751121a.js');
 require('react-select');
-require('../../react-select-creatable.esm-9e24f67f.js');
+require('../../react-select-creatable.esm-383b1e78.js');
 require('react-dom');
 require('react-select-async-paginate');
 

package/inputs/Radio/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Radio = require('../../Radio-abb11971.js');
+var Radio = require('../../Radio-55db4781.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');

package/inputs/Switch/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Switch = require('../../Switch-66cd66ab.js');
+var Switch = require('../../Switch-04ecd8d0.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');

package/inputs/TextArea/index.js

@@ -1,23 +1,23 @@
 'use strict';
 
-var TextArea = require('../../TextArea-7c6023fe.js');
+var TextArea = require('../../TextArea-44b4d3c4.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');
 require('lodash');
 require('../../useMergedRefs-b6d2f8fc.js');
 require('nanoid');
-require('../../Alert-1b2ff6dd.js');
-require('../../Badge-e055db69.js');
+require('../../Alert-d69a3f95.js');
+require('../../Badge-e984e6f5.js');
 require('../../Popover-52d29ca6.js');
 require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-631cd794.js');
 require('popper-max-size-modifier');
-require('../../Tab-124fef45.js');
-require('../../Tabs-62bdcdfa.js');
-require('../../Tooltip-4111dfdd.js');
-require('../../VerificationStatusIcon-3a74c2ab.js');
+require('../../Tab-e43241f0.js');
+require('../../Tabs-cfc08c6b.js');
+require('../../Tooltip-a68a7e49.js');
+require('../../VerificationStatusIcon-7b0e23fe.js');
 require('../../edit-note-cefe2215.js');
 
 

package/inputs/TextInput/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var TextInput = require('../../TextInput-7b83f6f4.js');
+var TextInput = require('../../TextInput-c3c71881.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');

package/inputs/index.js

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ActionButton = require('../ActionButton-f84f83eb.js');
-var Button = require('../Button-873454c8.js');
-var Checkbox = require('../Checkbox-acd15d02.js');
-var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-b0d2ce48.js');
-var CompactStarRating = require('../CompactStarRating-957641bf.js');
-var CompactTextInput = require('../CompactTextInput-05b5d847.js');
-var MultiSelect = require('../MultiSelect-d6294329.js');
-var Radio = require('../Radio-abb11971.js');
-var TextArea = require('../TextArea-7c6023fe.js');
-var TextInput = require('../TextInput-7b83f6f4.js');
-var Switch = require('../Switch-66cd66ab.js');
-var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-e2325c8f.js');
+var ActionButton = require('../ActionButton-b2345555.js');
+var Button = require('../Button-090fb526.js');
+var Checkbox = require('../Checkbox-ad9c9e54.js');
+var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-26949125.js');
+var CompactStarRating = require('../CompactStarRating-65bf27e5.js');
+var CompactTextInput = require('../CompactTextInput-60edc635.js');
+var MultiSelect = require('../MultiSelect-cdfe6ffa.js');
+var Radio = require('../Radio-55db4781.js');
+var TextArea = require('../TextArea-44b4d3c4.js');
+var TextInput = require('../TextInput-c3c71881.js');
+var Switch = require('../Switch-04ecd8d0.js');
+var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-3d5d5f2c.js');
 require('../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');
@@ -23,24 +23,24 @@ require('lodash');
 require('@tippyjs/react');
 require('../shift-away-subtle-631cd794.js');
 require('popper-max-size-modifier');
-require('../ContextMenu-1b7b7cec.js');
+require('../ContextMenu-4eb8fdc5.js');
 require('../expand-more-d74e2bd2.js');
 require('nanoid');
-require('../Alert-1b2ff6dd.js');
-require('../Badge-e055db69.js');
-require('../Tab-124fef45.js');
-require('../Tabs-62bdcdfa.js');
-require('../Tooltip-4111dfdd.js');
-require('../VerificationStatusIcon-3a74c2ab.js');
+require('../Alert-d69a3f95.js');
+require('../Badge-e984e6f5.js');
+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-9e24f67f.js');
+require('../react-select-creatable.esm-383b1e78.js');
 require('react-dom');
 require('../close-1751121a.js');
 require('../edit-note-cefe2215.js');
 require('../useMergedRefs-b6d2f8fc.js');
-require('../InputGroup-08332f2d.js');
-require('../SectionSeparator-aeccca17.js');
+require('../InputGroup-a89a0ea3.js');
+require('../SectionSeparator-af8dc1ce.js');
 
 
 

package/layout/InputGroup/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var InputGroup = require('../../InputGroup-08332f2d.js');
+var InputGroup = require('../../InputGroup-a89a0ea3.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');

package/layout/SectionSeparator/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var SectionSeparator = require('../../SectionSeparator-aeccca17.js');
+var SectionSeparator = require('../../SectionSeparator-af8dc1ce.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');

package/layout/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputGroup = require('../InputGroup-08332f2d.js');
-var SectionSeparator = require('../SectionSeparator-aeccca17.js');
+var InputGroup = require('../InputGroup-a89a0ea3.js');
+var SectionSeparator = require('../SectionSeparator-af8dc1ce.js');
 require('../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.3.0-rc.58",
+  "version": "1.3.0-rc.59",
   "description": "NTBs common front-end design utilities and React components.",
   "scripts": {
     "build": "cross-env NODE_ENV=production rollup -c",

package/{react-select-creatable.esm-9e24f67f.js → react-select-creatable.esm-383b1e78.js}

@@ -3382,6 +3382,10 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
   });
 }
 
+function rectsAreEqual(a, b) {
+  return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
+}
+
 // https://samthor.au/2021/observing-dom/
 function observeMove(element, onMove) {
   let io = null;
@@ -3401,12 +3405,13 @@ function observeMove(element, onMove) {
       threshold = 1;
     }
     cleanup();
+    const elementRectForRootMargin = element.getBoundingClientRect();
     const {
       left,
       top,
       width,
       height
-    } = element.getBoundingClientRect();
+    } = elementRectForRootMargin;
     if (!skip) {
       onMove();
     }
@@ -3439,6 +3444,16 @@ function observeMove(element, onMove) {
           refresh(false, ratio);
         }
       }
+      if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {
+        // It's possible that even though the ratio is reported as 1, the
+        // element is not actually fully within the IntersectionObserver's root
+        // area anymore. This can happen under performance constraints. This may
+        // be a bug in the browser's IntersectionObserver implementation. To
+        // work around this, we compare the element's bounding rect now with
+        // what it was at the time we created the IntersectionObserver. If they
+        // are not equal then the element moved, so we refresh.
+        refresh();
+      }
       isFirstUpdate = false;
     }
 
@@ -3516,7 +3531,7 @@ function autoUpdate(reference, floating, update, options) {
   }
   function frameLoop() {
     const nextRefRect = getBoundingClientRect(reference);
-    if (prevRefRect && (nextRefRect.x !== prevRefRect.x || nextRefRect.y !== prevRefRect.y || nextRefRect.width !== prevRefRect.width || nextRefRect.height !== prevRefRect.height)) {
+    if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {
       update();
     }
     prevRefRect = nextRefRect;

package/widgets/AssetGallery/index.js

@@ -1,51 +1,51 @@
 'use strict';
 
-var AssetAction = require('../../AssetAction-df8163e5.js');
+var AssetAction = require('../../AssetAction-9622c4f9.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('lodash');
 require('react');
 require('../../useMergedRefs-b6d2f8fc.js');
 require('resize-observer-polyfill');
-require('../../MultiLevelCheckboxSelect-e2325c8f.js');
-require('../../Alert-1b2ff6dd.js');
-require('../../Badge-e055db69.js');
+require('../../MultiLevelCheckboxSelect-3d5d5f2c.js');
+require('../../Alert-d69a3f95.js');
+require('../../Badge-e984e6f5.js');
 require('../../Popover-52d29ca6.js');
 require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-631cd794.js');
 require('popper-max-size-modifier');
-require('../../Tab-124fef45.js');
-require('../../Tabs-62bdcdfa.js');
-require('../../Tooltip-4111dfdd.js');
-require('../../VerificationStatusIcon-3a74c2ab.js');
-require('../../Checkbox-acd15d02.js');
+require('../../Tab-e43241f0.js');
+require('../../Tabs-cfc08c6b.js');
+require('../../Tooltip-a68a7e49.js');
+require('../../VerificationStatusIcon-7b0e23fe.js');
+require('../../Checkbox-ad9c9e54.js');
 require('nanoid');
-require('../../TextInput-7b83f6f4.js');
+require('../../TextInput-c3c71881.js');
 require('../../edit-note-cefe2215.js');
-require('../../InputGroup-08332f2d.js');
-require('../../SectionSeparator-aeccca17.js');
+require('../../InputGroup-a89a0ea3.js');
+require('../../SectionSeparator-af8dc1ce.js');
 require('../../close-1751121a.js');
 require('react-lazy-load-image-component');
-require('../../Instructions-48ff279a.js');
-require('../../CompactAutocompleteSelect-b0d2ce48.js');
+require('../../Instructions-dbd4514c.js');
+require('../../CompactAutocompleteSelect-26949125.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../../react-select-creatable.esm-9e24f67f.js');
+require('../../react-select-creatable.esm-383b1e78.js');
 require('react-dom');
 require('../../expand-more-d74e2bd2.js');
-require('../../TextArea-7c6023fe.js');
+require('../../TextArea-44b4d3c4.js');
 require('@floating-ui/react');
-require('../../ContextMenu-1b7b7cec.js');
-require('../../AssetPreviewTopBar-08ca770d.js');
-require('../../ActionButton-f84f83eb.js');
-require('../../Button-873454c8.js');
-require('../../CompactStarRating-957641bf.js');
-require('../../CompactTextInput-05b5d847.js');
-require('../../MultiSelect-d6294329.js');
-require('../../Radio-abb11971.js');
-require('../../Switch-66cd66ab.js');
-require('../../ContextMenuItem-50de2150.js');
+require('../../ContextMenu-4eb8fdc5.js');
+require('../../AssetPreviewTopBar-b1fe3188.js');
+require('../../ActionButton-b2345555.js');
+require('../../Button-090fb526.js');
+require('../../CompactStarRating-65bf27e5.js');
+require('../../CompactTextInput-60edc635.js');
+require('../../MultiSelect-cdfe6ffa.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-08ca770d.js');
+var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-b1fe3188.js');
 require('../../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');

package/widgets/ContextMenu/ContextMenuItem/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var ContextMenuItem = require('../../../ContextMenuItem-50de2150.js');
+var ContextMenuItem = require('../../../ContextMenuItem-c536b460.js');
 require('../../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');

package/widgets/ContextMenu/ContextMenuItemsGroup/index.js

@@ -27,5 +27,6 @@ var ContextMenuItemsGroup = React__default["default"].forwardRef(function Contex
 ContextMenuItemsGroup.propTypes = process.env.NODE_ENV !== "production" ? {
   children: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.node)
 } : {};
+ContextMenuItemsGroup.defaultProps = {};
 
 module.exports = ContextMenuItemsGroup;

package/widgets/ContextMenu/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var ContextMenu = require('../../ContextMenu-1b7b7cec.js');
+var ContextMenu = require('../../ContextMenu-4eb8fdc5.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');

package/widgets/Instructions/index.js

@@ -1,30 +1,30 @@
 'use strict';
 
-var Instructions = require('../../Instructions-48ff279a.js');
+var Instructions = require('../../Instructions-dbd4514c.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('lodash');
 require('react');
-require('../../CompactAutocompleteSelect-b0d2ce48.js');
+require('../../CompactAutocompleteSelect-26949125.js');
 require('nanoid');
-require('../../Alert-1b2ff6dd.js');
-require('../../Badge-e055db69.js');
+require('../../Alert-d69a3f95.js');
+require('../../Badge-e984e6f5.js');
 require('../../Popover-52d29ca6.js');
 require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-631cd794.js');
 require('popper-max-size-modifier');
-require('../../Tab-124fef45.js');
-require('../../Tabs-62bdcdfa.js');
-require('../../Tooltip-4111dfdd.js');
-require('../../VerificationStatusIcon-3a74c2ab.js');
+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-9e24f67f.js');
+require('../../react-select-creatable.esm-383b1e78.js');
 require('react-dom');
 require('../../close-1751121a.js');
 require('../../expand-more-d74e2bd2.js');
-require('../../TextArea-7c6023fe.js');
+require('../../TextArea-44b4d3c4.js');
 require('../../useMergedRefs-b6d2f8fc.js');
 require('../../edit-note-cefe2215.js');