@popsure/dirty-swan 0.54.12 → 0.54.14

package/dist/cjs/index.js

@@ -5043,19 +5043,19 @@ var loadGoogleMapsApiDynamically = function (callback, apiKey) {
 };
 var AutocompleteAddress = function (_a) {
     var _b;
-    var apiKey = _a.apiKey, initialAddress = _a.address, onAddressChange = _a.onAddressChange, placeholders = _a.placeholders, manualAddressEntryTexts = _a.manualAddressEntryTexts, inputProps = _a.inputProps;
-    var _c = require$$0.useState(false), manualAddressEntry = _c[0], setManualAddressEntry = _c[1];
-    var _d = require$$0.useState(false), isLoading = _d[0], setIsLoading = _d[1];
+    var apiKey = _a.apiKey, initialAddress = _a.address, onAddressChange = _a.onAddressChange, placeholders = _a.placeholders, manualAddressEntryTexts = _a.manualAddressEntryTexts, inputProps = _a.inputProps, _c = _a.countryCode, countryCode = _c === void 0 ? GERMANY_ALPHA_CODE : _c;
+    var _d = require$$0.useState(false), manualAddressEntry = _d[0], setManualAddressEntry = _d[1];
+    var _e = require$$0.useState(false), isLoading = _e[0], setIsLoading = _e[1];
     var autocomplete = require$$0.useRef(null);
     var autocompleteElement = require$$0.useRef(null);
     var map = require$$0.useRef(null);
     var marker = require$$0.useRef(null);
-    var _e = require$$0.useState(initialAddress), address = _e[0], setAddress = _e[1];
-    var _f = require$$0.useState(window.google !== undefined), hasLoadedGoogleAPI = _f[0], setHasLoadedGoogleAPI = _f[1];
+    var _f = require$$0.useState(initialAddress), address = _f[0], setAddress = _f[1];
+    var _g = require$$0.useState(window.google !== undefined), hasLoadedGoogleAPI = _g[0], setHasLoadedGoogleAPI = _g[1];
     loadGoogleMapsApiDynamically(function () {
         setHasLoadedGoogleAPI(true);
     }, apiKey);
-    var _g = require$$0.useState(null), place = _g[0], setPlace = _g[1];
+    var _h = require$$0.useState(null), place = _h[0], setPlace = _h[1];
     require$$0.useEffect(function () {
         if (address) {
             if (autocompleteElement.current && address.street) {
@@ -5071,7 +5071,7 @@ var AutocompleteAddress = function (_a) {
         var reference = document.getElementById('autocomplete');
         autocomplete.current = new google.maps.places.Autocomplete(reference, {
             types: ['address'],
-            componentRestrictions: { country: GERMANY_ALPHA_CODE },
+            componentRestrictions: { country: countryCode },
         });
         autocomplete.current.addListener('place_changed', onPlaceChanged);
         map.current = new google.maps.Map(document.getElementById('map'), MAP_CONFIG_OBJ);
@@ -5135,7 +5135,7 @@ var AutocompleteAddress = function (_a) {
         var _b = _a === void 0 ? { updatePlace: true } : _a, updatePlace = _b.updatePlace;
         return function (e) {
             var _a;
-            var newAddress = __assign(__assign({}, address), (_a = {}, _a[e.target.name] = e.target.value, _a.country = GERMANY_ALPHA_CODE, _a));
+            var newAddress = __assign(__assign({}, address), (_a = {}, _a[e.target.name] = e.target.value, _a.country = countryCode, _a));
             setAddress(newAddress);
             onAddressChange(newAddress);
             if (updatePlace) {
@@ -8663,12 +8663,27 @@ var css_248z$u = "@keyframes style-module_fade-in__f_VRg {\n  0% {\n    backgrou
 var styles$t = {"overlay":"style-module_overlay__2f00R","fade-in":"style-module_fade-in__f_VRg","overlayClose":"style-module_overlayClose__1p313","fade-out":"style-module_fade-out__1tEwS","header":"style-module_header__284Rz","closeButton":"style-module_closeButton__1AbX8","body":"style-module_body__QtlTn","footer":"style-module_footer__Sh5bv"};
 styleInject(css_248z$u);
 
-var GenericModal = function (_a) {
+var InnerModal = function (_a) {
     var _b;
     var _c, _d;
-    var title = _a.title, isOpen = _a.isOpen, children = _a.children, onClose = _a.onClose, classNames = _a.classNames, _e = _a.dismissible, dismissible = _e === void 0 ? true : _e, footer = _a.footer, _f = _a.titleSize, titleSize = _f === void 0 ? 'default' : _f;
-    var _g = useOnClose(onClose, isOpen, dismissible), isClosing = _g.isClosing, isVisible = _g.isVisible, handleContainerClick = _g.handleContainerClick, handleOnCloseAnimationEnded = _g.handleOnCloseAnimationEnded, handleOnClose = _g.handleOnClose, handleOnOverlayClick = _g.handleOnOverlayClick;
-    return !isVisible ? null : (jsxRuntime.jsx("div", { className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.overlay, styles$t.overlay, (_b = {},
+    var title = _a.title, children = _a.children, classNames = _a.classNames, _e = _a.dismissible, dismissible = _e === void 0 ? true : _e, footer = _a.footer, _f = _a.titleSize, titleSize = _f === void 0 ? 'default' : _f, isClosing = _a.isClosing, onModalScroll = _a.onModalScroll, handleContainerClick = _a.handleContainerClick, handleOnCloseAnimationEnded = _a.handleOnCloseAnimationEnded, handleOnClose = _a.handleOnClose, handleOnOverlayClick = _a.handleOnOverlayClick;
+    var modalBodyRef = require$$0.useRef(null);
+    require$$0.useEffect(function () {
+        if (!modalBodyRef.current || !onModalScroll) {
+            return;
+        }
+        var handleOnScroll = function () {
+            if (modalBodyRef.current) {
+                onModalScroll(modalBodyRef.current.scrollTop, modalBodyRef.current);
+            }
+        };
+        modalBodyRef.current.addEventListener('scroll', handleOnScroll);
+        return function () {
+            var _a;
+            (_a = modalBodyRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', handleOnScroll);
+        };
+    }, []);
+    return (jsxRuntime.jsx("div", { className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.overlay, styles$t.overlay, (_b = {},
             _b[styles$t.overlayClose] = isClosing,
             _b)), onAnimationEnd: handleOnCloseAnimationEnded, onClick: handleOnOverlayClick, children: jsxRuntime.jsx("div", { className: typeof (classNames === null || classNames === void 0 ? void 0 : classNames.wrapper) === 'string'
                 ? classNames === null || classNames === void 0 ? void 0 : classNames.wrapper
@@ -8677,7 +8692,15 @@ var GenericModal = function (_a) {
                     : (_d = classNames === null || classNames === void 0 ? void 0 : classNames.container) === null || _d === void 0 ? void 0 : _d.call(classNames, { isClosing: isClosing }), onClick: handleContainerClick, children: [jsxRuntime.jsxs("div", { className: classNames$1('bg-white d-flex ai-center w100 px24 pt24 pb16', styles$t.header, {
                             'jc-between': !!title,
                             'jc-end': !title,
-                        }), children: [title && (jsxRuntime.jsx("div", { className: classNames$1(styles$t.title, titleSize === 'small' ? 'p-h4' : 'p-h2'), children: title })), dismissible && (jsxRuntime.jsx(Button, { hideLabel: true, leftIcon: jsxRuntime.jsx(XIcon, { color: "grey-700" }), onClick: handleOnClose, type: "button", variant: "textColor", className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.closeButton, 'p0', styles$t.closeButton), children: "Close modal" }))] }), jsxRuntime.jsx("div", { className: classNames$1('w100', classNames === null || classNames === void 0 ? void 0 : classNames.body, styles$t.body), children: children }), footer && (jsxRuntime.jsx("div", { className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.footer, 'w100 bg-white', styles$t.footer), children: jsxRuntime.jsx("div", { className: "p24 pt16", children: footer }) }))] }) }) }));
+                        }), children: [title && (jsxRuntime.jsx("div", { className: classNames$1(styles$t.title, titleSize === 'small' ? 'p-h4' : 'p-h2'), children: title })), dismissible && (jsxRuntime.jsx(Button, { hideLabel: true, leftIcon: jsxRuntime.jsx(XIcon, { color: "grey-700" }), onClick: handleOnClose, type: "button", variant: "textColor", className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.closeButton, 'p0', styles$t.closeButton), children: "Close modal" }))] }), jsxRuntime.jsx("div", { className: classNames$1('w100', classNames === null || classNames === void 0 ? void 0 : classNames.body, styles$t.body), ref: modalBodyRef, children: children }), footer && (jsxRuntime.jsx("div", { className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.footer, 'w100 bg-white', styles$t.footer), children: jsxRuntime.jsx("div", { className: "p24 pt16", children: footer }) }))] }) }) }));
+};
+var GenericModal = function (props) {
+    var isOpen = props.isOpen, onClose = props.onClose, _a = props.dismissible, dismissible = _a === void 0 ? true : _a;
+    var _b = useOnClose(onClose, isOpen, dismissible), isVisible = _b.isVisible, rest = __rest$1(_b, ["isVisible"]);
+    if (!isVisible) {
+        return null;
+    }
+    return jsxRuntime.jsx(InnerModal, __assign({}, props, { isVisible: isVisible }, rest));
 };
 
 var BottomModal = function (_a) {