0.7.0

Author: webholics

docs/878.f8b1124d74b378686746.manager.bundle.js

@@ -361,4 +361,4 @@
 
 
 
-            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.story.tsx","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.story\\.tsx)$"}];</script><script src="runtime~main.18d1c39a.iframe.bundle.js"></script><script src="4.683ff1ef.iframe.bundle.js"></script><script src="main.dbc16293.iframe.bundle.js"></script></body></html>
+            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.story.tsx","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.story\\.tsx)$"}];</script><script src="runtime~main.18d1c39a.iframe.bundle.js"></script><script src="4.683ff1ef.iframe.bundle.js"></script><script src="main.5f3505d3.iframe.bundle.js"></script></body></html>

docs/878.f8b1124d74b378686746.manager.bundle.js.LICENSE.txt

@@ -56,4 +56,4 @@
 
 
 
-            window['DOCS_MODE'] = false;</script><script src="runtime~main.a2e7216eeb43d1d39bb6.manager.bundle.js"></script><script src="878.f8b1124d74b378686746.manager.bundle.js"></script><script src="main.19fc47386682c587a928.manager.bundle.js"></script></body></html>
+            window['DOCS_MODE'] = false;</script><script src="runtime~main.a2e7216eeb43d1d39bb6.manager.bundle.js"></script><script src="314.1580f25bbfad0ec5ab41.manager.bundle.js"></script><script src="main.609c61f43a727ced808b.manager.bundle.js"></script></body></html>

docs/iframe.html

@@ -1 +1 @@
-{"generatedAt":1670329174351,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"8.19.2"},"storybookVersion":"6.5.14","language":"typescript","storybookPackages":{"@storybook/builder-webpack5":{"version":"6.5.14"},"@storybook/manager-webpack5":{"version":"6.5.14"},"@storybook/react":{"version":"6.5.14"}},"framework":{"name":"react"},"addons":{"@storybook/addon-essentials":{"version":"6.5.14"},"@storybook/addon-storysource":{"options":{"rule":{"test":{},"include":["/Users/mvolke/Documents/work/codastic/react-positioning-portal/src"]},"loaderOptions":{"parser":"typescript"}},"version":"6.5.14"}}}
+{"generatedAt":1688568205173,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"8.19.3"},"storybookVersion":"6.5.14","language":"typescript","storybookPackages":{"@storybook/builder-webpack5":{"version":"6.5.14"},"@storybook/manager-webpack5":{"version":"6.5.14"},"@storybook/react":{"version":"6.5.14"}},"framework":{"name":"react"},"addons":{"@storybook/addon-essentials":{"version":"6.5.14"},"@storybook/addon-storysource":{"options":{"rule":{"test":{},"include":["/Users/mvolke/Documents/work/codastic/react-positioning-portal/src"]},"loaderOptions":{"parser":"typescript"}},"version":"6.5.14"}}}

docs/index.html

@@ -6,6 +6,7 @@ export interface Props<Strategy> {
     onOpen?: () => void;
     onClose?: () => void;
     onShouldClose?: () => void;
+    closeOnScroll?: boolean;
     closeOnOutsideClick?: boolean;
     closeOnKeyDown?: (event: KeyboardEvent) => boolean;
     isOpen?: boolean;
@@ -49,6 +50,7 @@ interface State<Strategy> {
 declare class PositioningPortal<Strategy = Position> extends React.Component<Props<Strategy>, State<Strategy>> {
     static defaultProps: {
         isOpen: boolean;
+        closeOnScroll: boolean;
         onOpen: () => void;
         onClose: () => void;
         onShouldClose: () => void;

docs/main.19fc47386682c587a928.manager.bundle.js

@@ -234,10 +234,12 @@ var PositioningPortal = /** @class */ (function (_super) {
                     var parentRect = parentDom.getBoundingClientRect();
                     var scrollParents = [];
                     // Register scroll listener on all scrollable parents to close the portal on scroll
-                    scrollParents = getScrollParents(parentDom);
-                    scrollParents.forEach(function (node) {
-                        return node.addEventListener('scroll', _this.close, false);
-                    });
+                    if (_this.props.closeOnScroll) {
+                        scrollParents = getScrollParents(parentDom);
+                        scrollParents.forEach(function (node) {
+                            return node.addEventListener('scroll', _this.close, false);
+                        });
+                    }
                     _this.setState({
                         isOpen: true,
                         transitionActive: false,
@@ -302,9 +304,11 @@ var PositioningPortal = /** @class */ (function (_super) {
         window.document.removeEventListener('keydown', this.handleKeydown, false);
         window.document.removeEventListener('click', this.handleOutsideMouseClick, false);
         // Remove scroll event listeners
-        this.state.scrollParents.forEach(function (node) {
-            return node.removeEventListener('scroll', _this.close, false);
-        });
+        if (this.props.closeOnScroll) {
+            this.state.scrollParents.forEach(function (node) {
+                return node.removeEventListener('scroll', _this.close, false);
+            });
+        }
     };
     PositioningPortal.prototype.render = function () {
         var _this = this;
@@ -342,6 +346,7 @@ var PositioningPortal = /** @class */ (function (_super) {
     };
     PositioningPortal.defaultProps = {
         isOpen: false,
+        closeOnScroll: true,
         onOpen: noop,
         onClose: noop,
         onShouldClose: noop,

docs/main.dbc16293.iframe.bundle.js

@@ -6,6 +6,7 @@ export interface Props<Strategy> {
     onOpen?: () => void;
     onClose?: () => void;
     onShouldClose?: () => void;
+    closeOnScroll?: boolean;
     closeOnOutsideClick?: boolean;
     closeOnKeyDown?: (event: KeyboardEvent) => boolean;
     isOpen?: boolean;
@@ -49,6 +50,7 @@ interface State<Strategy> {
 declare class PositioningPortal<Strategy = Position> extends React.Component<Props<Strategy>, State<Strategy>> {
     static defaultProps: {
         isOpen: boolean;
+        closeOnScroll: boolean;
         onOpen: () => void;
         onClose: () => void;
         onShouldClose: () => void;