@popsure/dirty-swan 0.66.23 → 0.66.25

package/dist/cjs/index.d.ts

@@ -1,3 +1,3 @@
-export { Accordion, DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, IbanInput, CurrencyInput, BottomModal, RegularModal, BottomOrRegularModal, FullScreenModal, InfoCard, CardButton, Card, Button, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, DownloadButton, Checkbox, Radio, Link, InformationBox, Badge, images, illustrations, Spinner, Table, Toggle, Toaster, toast, useEscapeKey, useFocusWithin, useMediaQuery, useOnClickOutside, LogoColor, LogoWhite, LogoBlack, LogoOrangeBox, LogoInvertedColor, LogoInverted, LogoPositiveColor, LogoPositiveBlack, SearchableDropdown, } from './lib';
+export { Accordion, DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, IbanInput, CurrencyInput, BottomModal, RegularModal, BottomOrRegularModal, FullScreenModal, InfoCard, CardButton, Card, Button, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, DownloadButton, Checkbox, Radio, Link, InformationBox, Badge, images, illustrations, Spinner, Table, Toggle, Toaster, toast, useEscapeKey, useFocusWithin, useMediaQuery, useOnClickOutside, LogoColor, LogoWhite, LogoBlack, LogoOrangeBox, LogoInvertedColor, LogoInverted, LogoPositiveColor, LogoPositiveBlack, SearchableDropdown, DirtySwanProvider, useDirtySwan, useModalTrack, } from './lib';
 export * from './lib/components/icon';
 export type { AccordionProps, BadgeProps, DownloadStatus, InformationBoxProps, InputProps, IllustrationKeys, FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus, CardProps, IconWrapperProps, TableData, TableProps, SearchableDropdownProps, SearchableDropdownOption, } from './lib';

package/dist/cjs/index.js

@@ -14842,6 +14842,40 @@ var useOnClose = function (onClose, isOpen, dismissable) {
     };
 };
 
+var DirtySwanContext = React.createContext(null);
+var DirtySwanProvider = function (_a) {
+    var children = _a.children, onModalChange = _a.onModalChange;
+    var countRef = React.useRef(0);
+    var onModalChangeRef = React.useRef(onModalChange);
+    onModalChangeRef.current = onModalChange;
+    var onModalOpen = React.useCallback(function () {
+        var _a;
+        countRef.current += 1;
+        if (countRef.current === 1) {
+            (_a = onModalChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onModalChangeRef, true);
+        }
+    }, []);
+    var onModalClose = React.useCallback(function () {
+        var _a;
+        countRef.current -= 1;
+        if (countRef.current === 0) {
+            (_a = onModalChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onModalChangeRef, false);
+        }
+    }, []);
+    var value = React.useMemo(function () { return ({ onModalOpen: onModalOpen, onModalClose: onModalClose }); }, [onModalOpen, onModalClose]);
+    return (jsxRuntime.jsx(DirtySwanContext.Provider, { value: value, children: children }));
+};
+var useDirtySwan = function () { return React.useContext(DirtySwanContext); };
+var useModalTrack = function (isVisible) {
+    var dirtySwan = useDirtySwan();
+    React.useEffect(function () {
+        if (!isVisible)
+            return;
+        dirtySwan === null || dirtySwan === void 0 ? void 0 : dirtySwan.onModalOpen();
+        return function () { return dirtySwan === null || dirtySwan === void 0 ? void 0 : dirtySwan.onModalClose(); };
+    }, [isVisible, dirtySwan]);
+};
+
 var css_248z$y = "@keyframes style-module_fade-in__f_VRg {\n  0% {\n    background-color: rgba(0, 0, 0, 0);\n    visibility: hidden;\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.3);\n    visibility: visible;\n  }\n}\n@keyframes style-module_fade-out__1tEwS {\n  from {\n    background-color: rgba(0, 0, 0, 0.3);\n    visibility: visible;\n  }\n  to {\n    background-color: rgba(0, 0, 0, 0);\n    visibility: hidden;\n  }\n}\n.style-module_overlay__2f00R {\n  z-index: 1000;\n  overflow: hidden;\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  animation: style-module_fade-in__f_VRg 0.3s both;\n}\n.style-module_overlayClose__1p313 {\n  animation-delay: 0.1s;\n  animation: style-module_fade-out__1tEwS 0.3s both;\n}\n\n.style-module_header__284Rz {\n  position: sticky;\n  top: 0;\n}\n\n.style-module_closeButton__1AbX8 {\n  width: 32px;\n  height: 32px;\n  padding: 0;\n}\n\n.style-module_body__QtlTn {\n  flex-grow: 1;\n  overflow: auto;\n  background: linear-gradient(#fff 30%, #fff), linear-gradient(#fff, #fff 70%), linear-gradient(#e7e7ed 30%, #e7e7ed), linear-gradient(#e7e7ed, #e7e7ed 70%);\n  background-repeat: no-repeat;\n  background-size: 100% 1px;\n  background-attachment: local, local, scroll, scroll;\n}\n\n.style-module_footer__Sh5bv {\n  position: sticky;\n  bottom: 0;\n  border-top: 1px solid #e7e7ed;\n}";
 var styles$x = {"overlay":"style-module_overlay__2f00R","overlayClose":"style-module_overlayClose__1p313","header":"style-module_header__284Rz","closeButton":"style-module_closeButton__1AbX8","body":"style-module_body__QtlTn","footer":"style-module_footer__Sh5bv"};
 styleInject(css_248z$y);
@@ -17679,6 +17713,7 @@ var InnerModal = function (_a) {
 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"]);
+    useModalTrack(isVisible);
     if (!isVisible) {
         return null;
     }
@@ -21968,8 +22003,8 @@ var ComparisonTable = function (props) {
                             }), hideDetails && (jsxRuntime.jsx("div", { className: classNames(baseStyles['show-details-container'], baseStyles.sticky, 'mt48'), children: jsxRuntime.jsx("div", { children: jsxRuntime.jsxs("button", { className: classNames('w100 d-flex p-h4 c-pointer', baseStyles['show-details-button'], classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.hideDetailsButton), onClick: toggleMoreRows, type: "button", children: [showMore ? hideDetailsCaption : showDetailsCaption, jsxRuntime.jsx(Chevron, { className: showMore ? '' : baseStyles['icon-inverted'] })] }) }) }))] })] }) }));
 };
 
-var css_248z$g = ".style-module_background-container__2Gjka {\n  position: relative;\n  display: inline-block;\n  background-color: var(--ds-purple-100);\n  border-radius: 8px;\n  padding: 0 8px;\n}\n\n.style-module_chip-container__7XeKn {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_chip__3rgLT {\n  cursor: pointer;\n  z-index: 2;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.style-module_chip__3rgLT:focus {\n  outline-color: var(--ds-purple-600);\n  outline-offset: 2px;\n}\n\n.style-module_select-chip-background__YCAyw {\n  position: absolute;\n  background-color: white;\n  border-radius: 8px;\n  top: 8px;\n  z-index: 1;\n  transition: width 0.3s, left 0.3s;\n}";
-var styles$g = {"background-container":"style-module_background-container__2Gjka","chip-container":"style-module_chip-container__7XeKn","chip":"style-module_chip__3rgLT","select-chip-background":"style-module_select-chip-background__YCAyw"};
+var css_248z$g = ".style-module_background-container__2Gjka {\n  position: relative;\n  display: inline-block;\n  background-color: var(--ds-orange-50);\n  border-radius: 8px;\n  padding: 0 8px;\n}\n\n.style-module_chip-container__7XeKn {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_chip__3rgLT {\n  cursor: pointer;\n  z-index: 2;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.style-module_chip__3rgLT:focus {\n  outline-color: var(--ds-primary-900);\n  outline-offset: 2px;\n}\n\n.style-module_select-chip-background__YCAyw {\n  position: absolute;\n  background-color: var(--ds-neutral-900);\n  border-radius: 8px;\n  top: 8px;\n  z-index: 1;\n  transition: width 0.3s, left 0.3s;\n}\n\n.style-module_text-color__6bLC9 {\n  transition: color 0.15s ease-in;\n}";
+var styles$g = {"background-container":"style-module_background-container__2Gjka","chip-container":"style-module_chip-container__7XeKn","chip":"style-module_chip__3rgLT","select-chip-background":"style-module_select-chip-background__YCAyw","text-color":"style-module_text-color__6bLC9"};
 styleInject(css_248z$g);
 
 var SegmentedControl = function (_a) {
@@ -21985,15 +22020,14 @@ var SegmentedControl = function (_a) {
         setSelectedChipBackgroundWidthLeft({ left: left, width: width });
     }, [selectedIndex]);
     return (jsxRuntime.jsx("div", { className: className, children: jsxRuntime.jsxs("div", { className: styles$g['background-container'], children: [jsxRuntime.jsx("div", { ref: chipContainer, className: styles$g['chip-container'], style: { height: "".concat(height, "px") }, children: values.map(function (value, index) {
+                        var selectedColor = selectedIndex === index ? 'tc-white' : 'tc-neutral-900';
                         return (jsxRuntime.jsx("div", { role: "button", tabIndex: 0, onKeyDown: function (e) {
                                 if (e.key === 'Enter' || e.code === 'Space') {
                                     onChange(index);
                                 }
                             }, onClick: function () {
                                 onChange(index);
-                            }, className: styles$g.chip, children: typeof value === 'string' ? (jsxRuntime.jsx("div", { className: "p-h4 ta-center ".concat(selectedIndex === index ? '' : 'tc-purple-600'), children: value })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "p-h4 ta-center ".concat(selectedIndex === index ? '' : 'tc-purple-600'), children: value.title }), jsxRuntime.jsx("div", { className: "p-p--small ta-center ".concat(selectedIndex === index
-                                            ? 'tc-neutral-600'
-                                            : 'tc-purple-600'), children: value.subtitle })] })) }, typeof value === 'string' ? value : value.title));
+                            }, className: styles$g.chip, children: typeof value === 'string' ? (jsxRuntime.jsx("div", { className: "p-h4 ta-center ".concat(selectedColor, " ").concat(styles$g['text-color']), children: value })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "p-h4 ta-center ".concat(selectedColor, " ").concat(styles$g['text-color']), children: value.title }), jsxRuntime.jsx("div", { className: "p-p--small ta-center ".concat(selectedColor, " ").concat(styles$g['text-color']), children: value.subtitle })] })) }, typeof value === 'string' ? value : value.title));
                     }) }), jsxRuntime.jsx("div", { className: styles$g['select-chip-background'], style: {
                         width: "".concat(selectedChipBackgroundWidthLeft.width, "px"),
                         height: "".concat(height - 16, "px"),
@@ -23335,6 +23369,7 @@ exports.DentalTreatmentToothIcon = DentalTreatmentTooth;
 exports.DependentsFamilyAddIcon = DependentsFamilyAdd;
 exports.DependentsFamilyIcon = DependentsFamily;
 exports.DiabetesIcon = Diabetes;
+exports.DirtySwanProvider = DirtySwanProvider;
 exports.DiscIcon = Disc;
 exports.DoctorIcon = Doctor;
 exports.DoctorStethoscopeIcon = DoctorStethoscope;
@@ -23635,8 +23670,10 @@ exports.ZoomOutIcon = ZoomOut;
 exports.illustrations = illustrations;
 exports.images = images;
 exports.toast = toast;
+exports.useDirtySwan = useDirtySwan;
 exports.useEscapeKey = useEscapeKey;
 exports.useFocusWithin = useFocusWithin;
 exports.useMediaQuery = useMediaQuery;
+exports.useModalTrack = useModalTrack;
 exports.useOnClickOutside = useOnClickOutside;
 //# sourceMappingURL=index.js.map