@popsure/dirty-swan 0.54.1 → 0.54.2

package/dist/cjs/index.js

@@ -14265,7 +14265,7 @@ var Accordion = function (_a) {
         }) }));
 };
 
-var css_248z$4 = ".TableCell-module_button__2MKH1 {\n  min-height: initial;\n  height: initial;\n  width: initial;\n}\n\n.TableCell-module_icon__2o49x {\n  margin: 2px;\n}\n\n.TableCell-module_th__2rjCU {\n  vertical-align: middle;\n  scroll-snap-align: end;\n  width: 50%;\n}\n@media (min-width: 34rem) {\n  .TableCell-module_th__2rjCU {\n    width: auto;\n    scroll-snap-align: unset;\n  }\n}\n\n.TableCell-module_thRow__3Qp3k {\n  position: sticky;\n  top: 0;\n}\n\n.TableCell-module_thCol__34DMO {\n  text-align: left;\n}\n\n.TableCell-module_fixedCell__cL3-m {\n  position: sticky;\n  left: 0;\n  z-index: 2;\n}\n.TableCell-module_fixedCell__cL3-m:after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: 1px;\n  background-color: #f5f6fb;\n}\n\n.TableCell-module_topLeftCell__3npat {\n  position: relative;\n  display: none;\n}\n.TableCell-module_topLeftCell__3npat:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: calc( 50% + 16px );\n  height: 4px;\n  width: 100%;\n  max-width: 140px;\n  background-color: #8e8cee;\n}\n@media (min-width: 34rem) {\n  .TableCell-module_topLeftCell__3npat {\n    display: flex;\n  }\n}";
+var css_248z$4 = ".TableCell-module_button__2MKH1 {\n  min-height: initial;\n  height: initial;\n  width: initial;\n  padding: 0;\n}\n\n.TableCell-module_icon__2o49x {\n  margin: 2px;\n}\n\n.TableCell-module_th__2rjCU {\n  vertical-align: middle;\n  scroll-snap-align: end;\n  width: 50%;\n}\n@media (min-width: 34rem) {\n  .TableCell-module_th__2rjCU {\n    width: auto;\n    scroll-snap-align: unset;\n  }\n}\n\n.TableCell-module_thRow__3Qp3k {\n  position: sticky;\n  top: 0;\n}\n\n.TableCell-module_thCol__34DMO {\n  text-align: left;\n}\n\n.TableCell-module_fixedCell__cL3-m {\n  position: sticky;\n  left: 0;\n  z-index: 2;\n}\n.TableCell-module_fixedCell__cL3-m:after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: 1px;\n  background-color: #f5f6fb;\n}\n\n.TableCell-module_topLeftCell__3npat {\n  position: relative;\n  display: none;\n}\n.TableCell-module_topLeftCell__3npat:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: calc( 50% + 16px );\n  height: 4px;\n  width: 100%;\n  max-width: 140px;\n  background-color: #8e8cee;\n}\n@media (min-width: 34rem) {\n  .TableCell-module_topLeftCell__3npat {\n    display: flex;\n  }\n}";
 var styles$4 = {"button":"TableCell-module_button__2MKH1","icon":"TableCell-module_icon__2o49x","th":"TableCell-module_th__2rjCU","thRow":"TableCell-module_thRow__3Qp3k","thCol":"TableCell-module_thCol__34DMO","fixedCell":"TableCell-module_fixedCell__cL3-m","topLeftCell":"TableCell-module_topLeftCell__3npat"};
 styleInject(css_248z$4);
 
@@ -14353,14 +14353,14 @@ var useMediaQuery = function (breakpoint) {
     return matchesBreakpoint;
 };
 
-var css_248z$2 = ".TableContent-module_table__28VKr {\n  border-collapse: collapse;\n  table-layout: fixed;\n}\n@media (min-width: 34rem) {\n  .TableContent-module_table__28VKr {\n    min-width: 845px;\n  }\n}\n\n.TableContent-module_tr__gIdML {\n  min-height: 72px;\n}";
-var styles$2 = {"table":"TableContent-module_table__28VKr","tr":"TableContent-module_tr__gIdML"};
+var css_248z$2 = ".TableSection-module_table__sNbDq {\n  border-collapse: collapse;\n  table-layout: fixed;\n}\n@media (min-width: 34rem) {\n  .TableSection-module_table__sNbDq {\n    min-width: 845px;\n  }\n}\n\n.TableSection-module_tr__UbkbE {\n  min-height: 72px;\n}";
+var styles$2 = {"table":"TableSection-module_table__sNbDq","tr":"TableSection-module_tr__UbkbE"};
 styleInject(css_248z$2);
 
-var TableContent = function (_a) {
-    var className = _a.className, data = _a.data, hideHeader = _a.hideHeader, openModal = _a.openModal, title = _a.title, width = _a.width;
-    var headerRow = data === null || data === void 0 ? void 0 : data[0];
-    var getColumnContentByKey = require$$0.useCallback(function (key) { var _a, _b; return ((_b = (_a = data === null || data === void 0 ? void 0 : data[0]) === null || _a === void 0 ? void 0 : _a[key]) === null || _b === void 0 ? void 0 : _b.content) || ''; }, [data]);
+var TableSection = function (_a) {
+    var className = _a.className, tableCellRows = _a.tableCellRows, hideHeader = _a.hideHeader, openModal = _a.openModal, title = _a.title, width = _a.width;
+    var headerRow = tableCellRows === null || tableCellRows === void 0 ? void 0 : tableCellRows[0];
+    var getColumnContentByKey = require$$0.useCallback(function (key) { var _a, _b; return ((_b = (_a = tableCellRows === null || tableCellRows === void 0 ? void 0 : tableCellRows[0]) === null || _a === void 0 ? void 0 : _a[key]) === null || _b === void 0 ? void 0 : _b.content) || ''; }, [tableCellRows]);
     var handleOpenModal = function (_a) {
         var cellIndex = _a.cellIndex, body = _a.body, title = _a.title;
         return openModal === null || openModal === void 0 ? void 0 : openModal({
@@ -14377,7 +14377,7 @@ var TableContent = function (_a) {
                                     title: tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.content,
                                 });
                             } }, tableCellProps), cellIndex));
-                    }) }) })), jsxRuntime.jsx("tbody", { children: data.map(function (row, rowIndex) {
+                    }) }) })), jsxRuntime.jsx("tbody", { children: tableCellRows.map(function (row, rowIndex) {
                     var isSingleCell = row.length === 1;
                     return (rowIndex > 0 && (jsxRuntime.jsx("tr", { className: styles$2.tr, children: row.map(function (tableCellProps, cellIndex) {
                             var key = "".concat(rowIndex, "-").concat(cellIndex);
@@ -14396,8 +14396,8 @@ var TableContent = function (_a) {
                 }) })] }));
 };
 
-var css_248z$1 = ".TableSection-module_cardWrapper__3PUCj {\n  height: 88px;\n}\n\n.TableSection-module_card__1pISK {\n  position: absolute;\n  left: 0;\n  right: 0;\n  z-index: 3;\n}";
-var styles$1 = {"cardWrapper":"TableSection-module_cardWrapper__3PUCj","card":"TableSection-module_card__1pISK"};
+var css_248z$1 = ".TableContents-module_cardWrapper__2OVMv {\n  height: 88px;\n}\n\n.TableContents-module_card__Mmz6h {\n  position: absolute;\n  left: 0;\n  right: 0;\n  z-index: 3;\n}";
+var styles$1 = {"cardWrapper":"TableContents-module_cardWrapper__2OVMv","card":"TableContents-module_card__Mmz6h"};
 styleInject(css_248z$1);
 
 var Collapsible = function (_a) {
@@ -14409,19 +14409,19 @@ var Collapsible = function (_a) {
     return (jsxRuntime.jsx(AnimateHeight, { duration: 300, height: isExpanded ? 'auto' : 0, children: jsxRuntime.jsx("div", { children: children }) }));
 };
 
-var TableSection = function (_a) {
+var TableContents = function (_a) {
     var _b, _c;
-    var className = _a.className, collapsibleSections = _a.collapsibleSections, data = _a.data, hideDetails = _a.hideDetails, isMobile = _a.isMobile, openModal = _a.openModal, shouldHideDetails = _a.shouldHideDetails, title = _a.title;
+    var className = _a.className, collapsibleSections = _a.collapsibleSections, tableData = _a.tableData, hideDetails = _a.hideDetails, isMobile = _a.isMobile, openModal = _a.openModal, shouldHideDetails = _a.shouldHideDetails, title = _a.title;
     var _d = require$$0.useState(null), isSectionOpen = _d[0], setOpenSection = _d[1];
-    var firstHeadRow = (_c = (_b = data === null || data === void 0 ? void 0 : data[0]) === null || _b === void 0 ? void 0 : _b.items) === null || _c === void 0 ? void 0 : _c[0];
+    var firstHeadRow = (_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];
     var tableWidth = isMobile ? "".concat((firstHeadRow === null || firstHeadRow === void 0 ? void 0 : firstHeadRow.length) * 50, "%") : '';
     var handleToggleSection = function (index) {
         setOpenSection(function (currentSection) {
             return currentSection === index ? null : index;
         });
     };
-    return (jsxRuntime.jsx("div", { style: { width: tableWidth }, children: data.map(function (_a, index) {
-            var items = _a.items, _b = _a.section, section = _b === void 0 ? {} : _b;
+    return (jsxRuntime.jsx("div", { style: { width: tableWidth }, children: tableData.map(function (_a, index) {
+            var rows = _a.rows, _b = _a.section, section = _b === void 0 ? {} : _b;
             var isFirstSection = index === 0;
             var isExpanded = !collapsibleSections
                 ? true
@@ -14434,7 +14434,7 @@ var TableSection = function (_a) {
                                 ? {
                                     onClick: function () { return handleToggleSection(index); },
                                 }
-                                : {}))) }) })), jsxRuntime.jsx(Collapsible, { isExpanded: isExpanded, isMobile: isMobile, children: jsxRuntime.jsx(TableContent, { className: classNames$1(className, 'mb24'), data: isFirstSection ? items : __spreadArray$1([firstHeadRow], items, true), hideHeader: true, openModal: openModal, title: "".concat(title).concat((section === null || section === void 0 ? void 0 : section.title) ? " - ".concat(section.title) : ''), width: tableWidth }) })] }, index)));
+                                : {}))) }) })), jsxRuntime.jsx(Collapsible, { isExpanded: isExpanded, isMobile: isMobile, children: jsxRuntime.jsx(TableSection, { className: classNames$1(className, 'mb24'), tableCellRows: isFirstSection ? rows : __spreadArray$1([firstHeadRow], rows, true), hideHeader: true, openModal: openModal, title: "".concat(title).concat((section === null || section === void 0 ? void 0 : section.title) ? " - ".concat(section.title) : ''), width: tableWidth }) })] }, index)));
         }) }));
 };
 
@@ -14491,7 +14491,7 @@ var useTableNavigation = function (_a) {
     };
 };
 
-var css_248z = ".TableControls-module_stickyHeader__1f6Ta {\n  display: flex;\n  position: sticky;\n  left: 0;\n  right: 0;\n  min-height: 72px;\n  z-index: 3;\n}\n\n.TableControls-module_controlButton__2kQiG {\n  border-radius: 50% !important;\n  width: 32px;\n  height: 32px;\n}";
+var css_248z = ".TableControls-module_stickyHeader__1f6Ta {\n  display: flex;\n  position: sticky;\n  left: 0;\n  right: 0;\n  min-height: 72px;\n  z-index: 9;\n}\n\n.TableControls-module_controlButton__2kQiG {\n  border-radius: 50% !important;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n}";
 var styles = {"stickyHeader":"TableControls-module_stickyHeader__1f6Ta","controlButton":"TableControls-module_controlButton__2kQiG"};
 styleInject(css_248z);
 
@@ -14534,14 +14534,14 @@ var defaultTextOverrides = {
 };
 var Table = function (_a) {
     var _b, _c, _d, _e, _f;
-    var className = _a.className, collapsibleSections = _a.collapsibleSections, data = _a.data, hideDetails = _a.hideDetails, onModalOpen = _a.onModalOpen, onSelectionChanged = _a.onSelectionChanged, _g = _a.stickyHeaderTopOffset, stickyHeaderTopOffset = _g === void 0 ? 0 : _g, definedTextOverrides = _a.textOverrides, title = _a.title;
+    var className = _a.className, collapsibleSections = _a.collapsibleSections, tableData = _a.tableData, hideDetails = _a.hideDetails, onModalOpen = _a.onModalOpen, onSelectionChanged = _a.onSelectionChanged, _g = _a.stickyHeaderTopOffset, stickyHeaderTopOffset = _g === void 0 ? 0 : _g, definedTextOverrides = _a.textOverrides, title = _a.title;
     var textOverrides = __assign(__assign({}, defaultTextOverrides), definedTextOverrides);
     var isMobile = useMediaQuery('BELOW_MOBILE');
     var _h = require$$0.useState(null), infoModalData = _h[0], setInfoModalData = _h[1];
     var _j = require$$0.useState(true), shouldHideDetails = _j[0], setShouldHideDetails = _j[1];
     var containerRef = require$$0.useRef(null);
     var headerRef = require$$0.useRef(null);
-    var columnsLength = data[0].items[0].length;
+    var columnsLength = tableData[0].rows[0].length;
     useScrollSync(headerRef, containerRef, !isMobile);
     var _k = useTableNavigation({
         enabled: isMobile,
@@ -14549,7 +14549,7 @@ var Table = function (_a) {
         columnsLength: columnsLength,
         onSelectionChanged: onSelectionChanged,
     }), activeSection = _k.activeSection, navigateTable = _k.navigateTable;
-    var currentActiveSection = (_d = (_c = (_b = data === null || data === void 0 ? void 0 : data[0]) === null || _b === void 0 ? void 0 : _b.items) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d[activeSection];
+    var currentActiveSection = (_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[activeSection];
     var handleOpenModal = function (_a) {
         var body = _a.body, title = _a.title;
         onModalOpen === null || onModalOpen === void 0 ? void 0 : onModalOpen({ body: body, title: title });
@@ -14560,7 +14560,7 @@ var Table = function (_a) {
                             body: body,
                             title: currentActiveSection === null || currentActiveSection === void 0 ? void 0 : currentActiveSection.content,
                         });
-                    }, isNavigation: true })) })) : (jsxRuntime.jsx("div", { "aria-hidden": true, className: styles$3.stickyHeader, style: { top: "".concat(stickyHeaderTopOffset, "px") }, children: jsxRuntime.jsx("div", { className: styles$3.container, ref: headerRef, children: jsxRuntime.jsx(TableContent, { data: [(_f = (_e = data === null || data === void 0 ? void 0 : data[0]) === null || _e === void 0 ? void 0 : _e.items) === null || _f === void 0 ? void 0 : _f[0]], title: title, className: className, openModal: handleOpenModal }) }) })), jsxRuntime.jsx("div", { ref: containerRef, className: classNames$1(styles$3.container, 'pb8'), children: jsxRuntime.jsx(TableSection, { data: data, title: title, className: className, collapsibleSections: collapsibleSections, hideDetails: hideDetails, isMobile: isMobile, shouldHideDetails: shouldHideDetails, openModal: handleOpenModal }) }), hideDetails && (jsxRuntime.jsx(Card, { "data-testid": "show-hide-details", classNames: {
+                    }, isNavigation: true })) })) : (jsxRuntime.jsx("div", { "aria-hidden": true, className: styles$3.stickyHeader, style: { top: "".concat(stickyHeaderTopOffset, "px") }, children: jsxRuntime.jsx("div", { className: styles$3.container, ref: headerRef, children: jsxRuntime.jsx(TableSection, { tableCellRows: [(_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]], title: title, className: className, openModal: handleOpenModal }) }) })), jsxRuntime.jsx("div", { ref: containerRef, className: classNames$1(styles$3.container, 'pb8'), children: jsxRuntime.jsx(TableContents, { tableData: tableData, title: title, className: className, collapsibleSections: collapsibleSections, hideDetails: hideDetails, isMobile: isMobile, shouldHideDetails: shouldHideDetails, openModal: handleOpenModal }) }), hideDetails && (jsxRuntime.jsx(Card, { "data-testid": "show-hide-details", classNames: {
                     buttonWrapper: 'm8 mt32',
                     title: 'd-flex gap8 ai-center jc-center',
                     wrapper: 'bg-grey-200',