@popsure/dirty-swan 0.59.1 → 0.60.1

package/dist/cjs/index.js

@@ -8649,24 +8649,15 @@ var CurrencyInput = function (_a) {
         } }, props)));
 };
 
-var css_248z$A = ".style-module_badge--small__cHO6v, .style-module_badge--medium__3CekE {\n  padding-bottom: 6px;\n  padding-top: 6px;\n}\n.style-module_badge--large__3_tWC {\n  padding-bottom: 8px;\n  padding-top: 8px;\n}";
-var styles$z = {"badge--small":"style-module_badge--small__cHO6v","badge--medium":"style-module_badge--medium__3CekE","badge--large":"style-module_badge--large__3_tWC"};
+var css_248z$A = ".style-module_badge__7H1Jt {\n  border: 1px solid #fff;\n  position: relative;\n  gap: 6px;\n}\n.style-module_badge--xsmall__2lIav {\n  padding: 4px 10px;\n}\n.style-module_badge--small__cHO6v {\n  padding: 6px 12px;\n}\n.style-module_badge--medium__3CekE {\n  padding: 6px 16px;\n}\n.style-module_badge--large__3_tWC {\n  gap: 8px;\n  padding: 8px 16px;\n}\n.style-module_badge--white__QtwA_ {\n  background-color: #fff;\n  border-color: #f7f7fd;\n}\n.style-module_badge--neutral__7yAYx {\n  background-color: #f7f7fd;\n  border-color: #f2f2f8;\n}\n.style-module_badge--neutralStrong__1JHph {\n  background-color: #e7e7ed;\n  border-color: #e7e7ed;\n}\n.style-module_badge--information__1tegJ {\n  background-color: #E5F0FF;\n  border-color: #DAE8FC;\n}\n.style-module_badge--warning__2UCOz, .style-module_badge--primary__1JGTF {\n  background-color: #FEECD3;\n  border-color: #FCDAAB;\n}\n.style-module_badge--error__1g5DA {\n  background-color: #FEE6E6;\n  border-color: #FED7D7;\n}\n.style-module_badge--success__YJJ9N {\n  background-color: #E6FAF1;\n  border-color: #D5F6E7;\n}\n.style-module_badge--black__sdqec {\n  background-color: #26262e;\n  border-color: #26262e;\n  color: #fff;\n}\n.style-module_badge--secondary__1kblP {\n  background-color: #EEEEFE;\n  border-color: #E8E7FE;\n}\n.style-module_badge--secondaryStrong__33FDy {\n  background-color: #8883D8;\n  border-color: #8883D8;\n  color: #fff;\n}\n\n.style-module_badgeDot__N2_h5 {\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.style-module_badgeDot--primary__q-_rt, .style-module_badgeDot--warning__1xu_H {\n  background-color: #C6824E;\n}\n.style-module_badgeDot--white__2Zi0j {\n  background-color: #b8b8c0;\n}\n.style-module_badgeDot--neutral__3Y6Z9 {\n  background-color: #919199;\n}\n.style-module_badgeDot--neutralStrong__3KzHS {\n  background-color: #696971;\n}\n.style-module_badgeDot--information__1t-rb {\n  background-color: #5F7BA0;\n}\n.style-module_badgeDot--error__3Lh5R {\n  background-color: #C64848;\n}\n.style-module_badgeDot--success__7tHPA {\n  background-color: #599278;\n}\n.style-module_badgeDot--black__2YWa7 {\n  background-color: #fff;\n}\n.style-module_badgeDot--secondary__RU2iJ {\n  background-color: #6A65AE;\n}\n.style-module_badgeDot--secondaryStrong__3AN6H {\n  background-color: #fff;\n}";
+var styles$z = {"badge":"style-module_badge__7H1Jt","badge--xsmall":"style-module_badge--xsmall__2lIav","badge--small":"style-module_badge--small__cHO6v","badge--medium":"style-module_badge--medium__3CekE","badge--large":"style-module_badge--large__3_tWC","badge--white":"style-module_badge--white__QtwA_","badge--neutral":"style-module_badge--neutral__7yAYx","badge--neutralStrong":"style-module_badge--neutralStrong__1JHph","badge--information":"style-module_badge--information__1tegJ","badge--warning":"style-module_badge--warning__2UCOz","badge--primary":"style-module_badge--primary__1JGTF","badge--error":"style-module_badge--error__1g5DA","badge--success":"style-module_badge--success__YJJ9N","badge--black":"style-module_badge--black__sdqec","badge--secondary":"style-module_badge--secondary__1kblP","badge--secondaryStrong":"style-module_badge--secondaryStrong__33FDy","badgeDot":"style-module_badgeDot__N2_h5","badgeDot--primary":"style-module_badgeDot--primary__q-_rt","badgeDot--warning":"style-module_badgeDot--warning__1xu_H","badgeDot--white":"style-module_badgeDot--white__2Zi0j","badgeDot--neutral":"style-module_badgeDot--neutral__3Y6Z9","badgeDot--neutralStrong":"style-module_badgeDot--neutralStrong__3KzHS","badgeDot--information":"style-module_badgeDot--information__1t-rb","badgeDot--error":"style-module_badgeDot--error__3Lh5R","badgeDot--success":"style-module_badgeDot--success__7tHPA","badgeDot--black":"style-module_badgeDot--black__2YWa7","badgeDot--secondary":"style-module_badgeDot--secondary__RU2iJ","badgeDot--secondaryStrong":"style-module_badgeDot--secondaryStrong__3AN6H"};
 styleInject(css_248z$A);
 
-var getVariantClassNames = function (variant) { return ({
-    information: 'bg-blue-100',
-    neutral: 'bg-white',
-    neutral200: 'bg-neutral-100',
-    neutral300: 'bg-neutral-300',
-    warning: 'bg-yellow-200',
-    error: 'bg-red-100',
-    success: 'bg-green-100',
-    primary: 'bg-purple-300',
-    primary900: 'bg-purple-900 tc-white',
-}[variant]); };
 var Badge = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, _d = _a.variant, variant = _d === void 0 ? 'information' : _d, children = _a.children;
-    return (jsxRuntime.jsx("div", { role: "status", className: classNames$1(className, 'px16 br8 d-inline-block ai-center fw-bold p-p', { 'p-p--small': size === 'small' }, styles$z["badge--".concat(size)], getVariantClassNames(variant)), children: children }));
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, _d = _a.variant, variant = _d === void 0 ? 'information' : _d, children = _a.children, _e = _a.showDot, showDot = _e === void 0 ? false : _e;
+    return (jsxRuntime.jsxs("div", { role: "status", className: classNames$1(className, 'br8 d-inline-flex ai-center fw-bold p-p', styles$z.badge, styles$z["badge--".concat(size)], styles$z["badge--".concat(variant)], {
+            'p-p--small': size === 'small' || size === 'xsmall',
+        }), children: [showDot && (jsxRuntime.jsx("span", { className: classNames$1(styles$z.badgeDot, styles$z["badgeDot--".concat(variant)]) })), children] }));
 };
 
 var css_248z$z = ".styles-module_container__3zJJC {\n  max-width: 100%;\n}\n\n.styles-module_narrow__2p34b {\n  max-width: 424px;\n}";
@@ -16579,6 +16570,7 @@ var useTableNavigation = function (_a) {
     return {
         activeSection: activeSection + 1,
         navigateTable: handleScrollToSection,
+        setActiveSection: setActiveSection,
     };
 };
 
@@ -16626,7 +16618,7 @@ var defaultTextOverrides = {
 };
 var Table = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j;
-    var cellReplacements = _a.cellReplacements, className = _a.className, collapsibleSections = _a.collapsibleSections, _k = _a.hideColumns, hideColumns = _k === void 0 ? [] : _k, hideDetails = _a.hideDetails, _l = _a.hideRows, hideRows = _l === void 0 ? [] : _l, imageComponent = _a.imageComponent, modalContentRenderer = _a.modalContentRenderer, onModalOpen = _a.onModalOpen, onSelectionChanged = _a.onSelectionChanged, _m = _a.stickyHeaderTopOffset, stickyHeaderTopOffset = _m === void 0 ? 0 : _m, tableData = _a.tableData, definedTextOverrides = _a.textOverrides, title = _a.title;
+    var cellReplacements = _a.cellReplacements, className = _a.className, collapsibleSections = _a.collapsibleSections, _k = _a.hideColumns, hideColumns = _k === void 0 ? [] : _k, hideDetails = _a.hideDetails, _l = _a.hideRows, hideRows = _l === void 0 ? [] : _l, imageComponent = _a.imageComponent, modalContentRenderer = _a.modalContentRenderer, onModalOpen = _a.onModalOpen, onSelectionChanged = _a.onSelectionChanged, _m = _a.stickyHeaderTopOffset, stickyHeaderTopOffset = _m === void 0 ? 0 : _m, tableData = _a.tableData, definedTextOverrides = _a.textOverrides, title = _a.title, externalActiveSection = _a.activeSection;
     var textOverrides = __assign(__assign({}, defaultTextOverrides), definedTextOverrides);
     var isMobile = useMediaQuery('BELOW_MOBILE');
     var _o = React.useState(null), infoModalData = _o[0], setInfoModalData = _o[1];
@@ -16639,7 +16631,7 @@ var Table = function (_a) {
         enabled: isMobile,
         containerRef: containerRef,
         onSelectionChanged: onSelectionChanged,
-    }), activeSection = _q.activeSection, navigateTable = _q.navigateTable;
+    }), activeSection = _q.activeSection, navigateTable = _q.navigateTable, setActiveSection = _q.setActiveSection;
     var titleCell = __assign({ text: '' }, ((_d = (_c = (_b = tableData === null || tableData === void 0 ? void 0 : tableData[0]) === null || _b === void 0 ? void 0 : _b.rows) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d[0]) || {});
     var currentActiveSection = (_g = (_f = (_e = tableData === null || tableData === void 0 ? void 0 : tableData[0]) === null || _e === void 0 ? void 0 : _e.rows) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g[activeSection];
     var currentActiveSectionReplacements = (currentActiveSection.cellId &&
@@ -16651,6 +16643,11 @@ var Table = function (_a) {
         onModalOpen === null || onModalOpen === void 0 ? void 0 : onModalOpen({ body: body, title: title });
         setInfoModalData({ body: body, title: title });
     }, []);
+    React.useEffect(function () {
+        if (externalActiveSection && externalActiveSection !== activeSection) {
+            setActiveSection(externalActiveSection - 1);
+        }
+    }, [externalActiveSection]);
     return (jsxRuntime.jsxs("div", { className: classNames$1(styles$5.wrapper, 'bg-white'), children: [isMobile ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [(titleCell === null || titleCell === void 0 ? void 0 : titleCell.text) && (jsxRuntime.jsx(TableCell, __assign({}, titleCell, { align: 'left', isNavigation: true, isTopLeftCell: true, type: undefined }))), jsxRuntime.jsx(TableControls, { activeSection: activeSection, columnsLength: columnsLength, navigateTable: navigateTable, stickyHeaderTopOffset: stickyHeaderTopOffset, children: jsxRuntime.jsx(TableCell, __assign({}, (isBaseCell(currentActiveSection)
                             ? {
                                 openModal: function (body) {