@popsure/dirty-swan 0.54.3 → 0.54.4

package/dist/cjs/index.js

@@ -14295,7 +14295,7 @@ var progressLookup = {
     '100%': 5,
 };
 var BaseCell = function (_a) {
-    var _b = _a.align, align = _b === void 0 ? 'center' : _b, checkmarkValue = _a.checkmarkValue, _c = _a.content, content = _c === void 0 ? '' : _c, _d = _a.modalContent, modalContent = _d === void 0 ? '' : _d, openModal = _a.openModal, rating = _a.rating, _e = _a.subContent, subContent = _e === void 0 ? '' : _e, _f = _a.contentFontVariant, contentFontVariant = _f === void 0 ? 'NORMAL' : _f;
+    var _b = _a.align, align = _b === void 0 ? 'center' : _b, checkmarkValue = _a.checkmarkValue, _c = _a.fontVariant, fontVariant = _c === void 0 ? 'NORMAL' : _c, _d = _a.description, description = _d === void 0 ? '' : _d, _e = _a.modalContent, modalContent = _e === void 0 ? '' : _e, openModal = _a.openModal, rating = _a.rating, _f = _a.text, text = _f === void 0 ? '' : _f;
     var alignClassName = {
         center: 'ta-center jc-center ai-center',
         left: 'ta-left jc-start',
@@ -14303,10 +14303,10 @@ var BaseCell = function (_a) {
     }[align];
     var validRatingValues = [1, 2, 3];
     var SelectedIcon = (rating === null || rating === void 0 ? void 0 : rating.type) === 'zap' ? ZapFilledIcon : StarFilledIcon;
-    var progressBarValue = typeof content === 'string' ? progressLookup[content] : undefined;
+    var progressBarValue = typeof text === 'string' ? progressLookup[text] : undefined;
     return (jsxRuntime.jsxs("div", { className: classNames$1('d-flex gap8 ai-center', {
             'jc-center': align === 'center',
-        }), children: [jsxRuntime.jsxs("div", { className: classNames$1('d-flex fd-column', alignClassName), children: [progressBarValue !== undefined && (jsxRuntime.jsx(MiniProgressBar, { nFilledBars: progressBarValue })), (rating === null || rating === void 0 ? void 0 : rating.value) && (jsxRuntime.jsx("span", { "data-testid": "table-cell-rating", title: "".concat(rating === null || rating === void 0 ? void 0 : rating.value, " out of 3"), children: validRatingValues.map(function (value) { return (jsxRuntime.jsx(SelectedIcon, { "aria-hidden": "true", color: value <= (rating === null || rating === void 0 ? void 0 : rating.value) ? 'primary-500' : 'grey-400', className: styles$7.icon }, value)); }) })), jsxRuntime.jsxs("div", { className: "d-flex ai-center", children: [checkmarkValue !== undefined && (jsxRuntime.jsx("span", { title: checkmarkValue ? 'Yes' : 'No', children: checkmarkValue ? (jsxRuntime.jsx(CheckIcon, { "data-testid": "table-cell-boolean-yes", size: 24, "aria-hidden": true, color: "primary-500" })) : (jsxRuntime.jsx(XIcon, { "data-testid": "table-cell-boolean-no", size: 24, "aria-hidden": true, color: "grey-400" })) })), content && contentFontVariant === 'NORMAL' && (jsxRuntime.jsx("div", { className: "p-p", "data-testid": "table-cell-content", children: content })), content && contentFontVariant === 'PRICE' && (jsxRuntime.jsx("div", { className: "p-h1 p--serif tc-primary-500", "data-testid": "table-cell-content", children: content })), content && contentFontVariant === 'BIG_WITH_UNDERLINE' && (jsxRuntime.jsx("div", { "aria-hidden": true, className: classNames$1('tc-grey-800 p-h2 p--serif', styles$7.bigWithUnderline), children: content }))] }), subContent && (jsxRuntime.jsx("div", { className: classNames$1('d-flex p-p--small tc-grey-500', alignClassName), children: subContent }))] }), modalContent && openModal && (jsxRuntime.jsx(TableInfoButton, { onClick: function () { return openModal(modalContent); } }))] }));
+        }), children: [jsxRuntime.jsxs("div", { className: classNames$1('d-flex fd-column', alignClassName), children: [progressBarValue !== undefined && (jsxRuntime.jsx(MiniProgressBar, { nFilledBars: progressBarValue })), (rating === null || rating === void 0 ? void 0 : rating.value) && (jsxRuntime.jsx("span", { "data-testid": "table-cell-rating", title: "".concat(rating === null || rating === void 0 ? void 0 : rating.value, " out of 3"), children: validRatingValues.map(function (value) { return (jsxRuntime.jsx(SelectedIcon, { "aria-hidden": "true", color: value <= (rating === null || rating === void 0 ? void 0 : rating.value) ? 'primary-500' : 'grey-400', className: styles$7.icon }, value)); }) })), jsxRuntime.jsxs("div", { className: "d-flex ai-center", children: [checkmarkValue !== undefined && (jsxRuntime.jsx("span", { title: checkmarkValue ? 'Yes' : 'No', children: checkmarkValue ? (jsxRuntime.jsx(CheckIcon, { "data-testid": "table-cell-boolean-yes", size: 24, "aria-hidden": true, color: "primary-500" })) : (jsxRuntime.jsx(XIcon, { "data-testid": "table-cell-boolean-no", size: 24, "aria-hidden": true, color: "grey-400" })) })), text && fontVariant === 'NORMAL' && (jsxRuntime.jsx("div", { className: "p-p", "data-testid": "table-cell-text", children: text })), text && fontVariant === 'PRICE' && (jsxRuntime.jsx("div", { className: "p-h1 p--serif tc-primary-500", "data-testid": "table-cell-content", children: text })), text && fontVariant === 'BIG_WITH_UNDERLINE' && (jsxRuntime.jsx("div", { "aria-hidden": true, className: classNames$1('tc-grey-800 p-h2 p--serif', styles$7.bigWithUnderline), children: text }))] }), description && (jsxRuntime.jsx("div", { className: classNames$1('d-flex p-p--small tc-grey-500', alignClassName), children: description }))] }), modalContent && openModal && (jsxRuntime.jsx(TableInfoButton, { onClick: function () { return openModal(modalContent); } }))] }));
 };
 
 var css_248z$5 = ".CTACell-module_narrow__1EPPT {\n  height: 40px;\n}";
@@ -14315,32 +14315,33 @@ styleInject(css_248z$5);
 
 var CTACell = function (_a) {
     var _b;
-    var content = _a.content, subContent = _a.subContent, grey = _a.grey, narrow = _a.narrow, href = _a.href;
-    return (jsxRuntime.jsxs("div", { className: "wmn3 ta-center", children: [jsxRuntime.jsxs("p", { className: "p-h3", children: [content, subContent && jsxRuntime.jsxs("span", { className: "tc-purple-500", children: [" ", subContent] })] }), jsxRuntime.jsx("a", { className: classNames$1('mt16', (_b = {
+    var title = _a.title, price = _a.price, grey = _a.grey, narrow = _a.narrow, href = _a.href, buttonCaption = _a.buttonCaption;
+    return (jsxRuntime.jsxs("div", { className: "wmn3 ta-center", children: [jsxRuntime.jsxs("p", { className: "p-h3", children: [title, price && jsxRuntime.jsxs("span", { className: "tc-purple-500", children: [" ", price] })] }), jsxRuntime.jsx("a", { className: classNames$1('mt16', (_b = {
                         'p-btn--primary': !grey,
                         'p-btn--secondary-grey': grey
                     },
                     _b[styles$5.narrow] = narrow,
-                    _b)), href: href, target: "_blank", rel: "noopener noreferrer", children: "Get covered" })] }));
+                    _b)), href: href, target: "_blank", rel: "noopener noreferrer", children: buttonCaption })] }));
 };
 
-var css_248z$4 = ".ButtonCell-module_buttonCell__x4NNi {\n  color: #26262e;\n  border: 1px solid #d2d2d8;\n  transition: all 0.3s ease-in-out;\n}\n@media (max-width: 34rem) {\n  .ButtonCell-module_buttonCell__x4NNi {\n    max-width: calc(100% - 96px);\n  }\n}\n.ButtonCell-module_buttonCell__x4NNi:disabled {\n  border: none;\n  background-color: #f5f6fb;\n  color: #26262e;\n  opacity: 1;\n  cursor: default;\n}\n.ButtonCell-module_buttonCell__x4NNi:disabled:hover {\n  background-color: #f5f6fb;\n}\n@media (max-width: 34rem) {\n  .ButtonCell-module_buttonCell__x4NNi {\n    pointer-events: none;\n  }\n}\n\n.ButtonCell-module_withoutSubContent__3fRW7 {\n  height: 64px;\n}\n\n.ButtonCell-module_withSubContent__3k-BC {\n  height: 75px;\n}\n\n.ButtonCell-module_selected__22pF_ {\n  transition: all 0.3 ease-in-out;\n  border: 2px solid #8e8cee;\n  background-color: #f7f7ff;\n}";
-var styles$4 = {"buttonCell":"ButtonCell-module_buttonCell__x4NNi","withoutSubContent":"ButtonCell-module_withoutSubContent__3fRW7","withSubContent":"ButtonCell-module_withSubContent__3k-BC","selected":"ButtonCell-module_selected__22pF_"};
+var css_248z$4 = ".ButtonCell-module_buttonCell__x4NNi {\n  color: #26262e;\n  border: 1px solid #d2d2d8;\n  transition: all 0.3s ease-in-out;\n}\n@media (max-width: 34rem) {\n  .ButtonCell-module_buttonCell__x4NNi {\n    max-width: calc(100% - 96px);\n  }\n}\n.ButtonCell-module_buttonCell__x4NNi:disabled {\n  border: none;\n  background-color: #f5f6fb;\n  color: #26262e;\n  opacity: 1;\n  cursor: default;\n}\n.ButtonCell-module_buttonCell__x4NNi:disabled:hover {\n  background-color: #f5f6fb;\n}\n@media (max-width: 34rem) {\n  .ButtonCell-module_buttonCell__x4NNi {\n    pointer-events: none;\n  }\n}\n\n.ButtonCell-module_withoutPrice__2rpe9 {\n  height: 64px;\n}\n\n.ButtonCell-module_withPrice__3bd_t {\n  height: 75px;\n}\n\n.ButtonCell-module_selected__22pF_ {\n  transition: all 0.3 ease-in-out;\n  border: 2px solid #8e8cee;\n  background-color: #f7f7ff;\n}";
+var styles$4 = {"buttonCell":"ButtonCell-module_buttonCell__x4NNi","withoutPrice":"ButtonCell-module_withoutPrice__2rpe9","withPrice":"ButtonCell-module_withPrice__3bd_t","selected":"ButtonCell-module_selected__22pF_"};
 styleInject(css_248z$4);
 
 var ButtonCell = function (_a) {
     var _b;
-    var isSelected = _a.isSelected, onClick = _a.onClick, content = _a.content, subContent = _a.subContent, disabled = _a.disabled;
+    var isSelected = _a.isSelected, onClick = _a.onClick, buttonCaption = _a.buttonCaption, price = _a.price, disabled = _a.disabled;
     return (jsxRuntime.jsx("div", { className: "w100 d-flex fd-column ai-center jc-center gap8", children: jsxRuntime.jsxs(Button, { className: classNames$1('w100 wmx5 d-flex fd-column', styles$4.buttonCell, (_b = {},
                 _b[styles$4.selected] = isSelected,
-                _b[styles$4.withoutSubContent] = !subContent,
-                _b[styles$4.withSubContent] = !!subContent,
-                _b)), variant: "filledWhite", type: "submit", onClick: onClick, disabled: disabled, children: [content, subContent && jsxRuntime.jsx("span", { className: "p-p tc-purple-500", children: subContent })] }) }));
+                _b[styles$4.withoutPrice] = !price,
+                _b[styles$4.withPrice] = !!price,
+                _b)), variant: "filledWhite", type: "submit", onClick: onClick, disabled: disabled, children: [buttonCaption, price && jsxRuntime.jsx("span", { className: "p-p tc-purple-500", children: price })] }) }));
 };
 
 var TableCell = function (_a) {
     var _b;
-    var _c = _a.isFirstCellInRow, isFirstCellInRow = _c === void 0 ? false : _c, _d = _a.isHeader, isHeader = _d === void 0 ? false : _d, _e = _a.isNavigation, isNavigation = _e === void 0 ? false : _e, _f = _a.isTopLeftCell, isTopLeftCell = _f === void 0 ? false : _f, cellProps = __rest$1(_a, ["isFirstCellInRow", "isHeader", "isNavigation", "isTopLeftCell"]);
+    var _c;
+    var _d = _a.isFirstCellInRow, isFirstCellInRow = _d === void 0 ? false : _d, _e = _a.isHeader, isHeader = _e === void 0 ? false : _e, _f = _a.isNavigation, isNavigation = _f === void 0 ? false : _f, _g = _a.isTopLeftCell, isTopLeftCell = _g === void 0 ? false : _g, cellProps = __rest$1(_a, ["isFirstCellInRow", "isHeader", "isNavigation", "isTopLeftCell"]);
     // prettier-ignore
     var Tag = isNavigation
         ? 'div'
@@ -14357,7 +14358,9 @@ var TableCell = function (_a) {
             },
             _b[styles$8.fixedCell] = isFirstCellInRow,
             _b.pl32 = isFirstCellInRow,
-            _b)), children: [!cellProps.type && (jsxRuntime.jsx(BaseCell, __assign({}, cellProps, { contentFontVariant: isTopLeftCell ? 'BIG_WITH_UNDERLINE' : 'NORMAL' }))), cellProps.type === 'CTA' && jsxRuntime.jsx(CTACell, __assign({}, cellProps)), cellProps.type === 'BUTTON' && jsxRuntime.jsx(ButtonCell, __assign({}, cellProps))] })));
+            _b)), children: [!cellProps.type && (jsxRuntime.jsx(BaseCell, __assign({}, cellProps, { fontVariant: isTopLeftCell
+                    ? 'BIG_WITH_UNDERLINE'
+                    : (_c = cellProps.fontVariant) !== null && _c !== void 0 ? _c : 'NORMAL' }))), cellProps.type === 'CTA' && jsxRuntime.jsx(CTACell, __assign({}, cellProps)), cellProps.type === 'BUTTON' && jsxRuntime.jsx(ButtonCell, __assign({}, cellProps))] })));
 };
 
 var css_248z$3 = ".Table-module_wrapper__2MMNq {\n  position: relative;\n}\n\n.Table-module_container__3VFLP {\n  overflow-x: auto;\n  overflow-y: hidden;\n  -ms-overflow-style: none;\n  /* IE and Edge */\n  scrollbar-width: none;\n  /* Firefox */\n  -webkit-overflow-scrolling: touch;\n  scroll-snap-type: x mandatory;\n}\n.Table-module_container__3VFLP::-webkit-scrollbar {\n  display: none;\n}\n@media (min-width: 34rem) {\n  .Table-module_container__3VFLP {\n    scroll-snap-type: unset;\n  }\n}\n\n.Table-module_stickyHeader__2uEpP {\n  display: flex;\n  position: sticky;\n  z-index: 9;\n}";
@@ -14419,65 +14422,70 @@ var css_248z$2 = ".TableSection-module_table__sNbDq {\n  border-collapse: collap
 var styles$2 = {"table":"TableSection-module_table__sNbDq","tr":"TableSection-module_tr__UbkbE"};
 styleInject(css_248z$2);
 
+var isBaseCell = function (tableCellData) {
+    return !tableCellData.type;
+};
+
 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({
-            body: body,
-            title: title || getColumnContentByKey(cellIndex),
-        });
+    var getModalTitleFromColumnHeader = function (cellIndex) {
+        var _a;
+        var firstCellInColumn = (_a = tableCellRows === null || tableCellRows === void 0 ? void 0 : tableCellRows[0]) === null || _a === void 0 ? void 0 : _a[cellIndex];
+        var titleFromColumn;
+        switch (firstCellInColumn.type) {
+            case 'BUTTON':
+                titleFromColumn = firstCellInColumn.buttonCaption;
+                break;
+            case 'CTA':
+                titleFromColumn = firstCellInColumn.title;
+                break;
+            case undefined:
+                titleFromColumn = firstCellInColumn.text || '';
+                break;
+        }
+        return titleFromColumn;
     };
-    return (jsxRuntime.jsxs("table", { className: classNames$1(className, 'w100', styles$2.table), width: width, children: [jsxRuntime.jsx("caption", { className: "sr-only", children: title }), headerRow && (jsxRuntime.jsx("thead", { className: hideHeader ? 'sr-only' : '', children: jsxRuntime.jsx("tr", { children: headerRow.map(function (tableCellProps, cellIndex) {
+    var getModalTitleFromRowHeader = function (currentRow) {
+        var firstCellInRow = currentRow === null || currentRow === void 0 ? void 0 : currentRow[0];
+        var titleFromRow = (isBaseCell(firstCellInRow) && firstCellInRow.text) || '';
+        return titleFromRow;
+    };
+    return (jsxRuntime.jsxs("table", { className: classNames$1(className, 'w100', styles$2.table), width: width, children: [jsxRuntime.jsx("caption", { className: "sr-only", children: title }), headerRow && (jsxRuntime.jsx("thead", { className: hideHeader ? 'sr-only' : '', children: jsxRuntime.jsx("tr", { children: headerRow.map(function (tableCellData, cellIndex) {
                         var isFirstCellInRow = cellIndex === 0;
-                        var isBaseCell = !tableCellProps.type;
-                        var openModal;
-                        var align = 'left';
-                        if (isBaseCell) {
-                            openModal = function (body) {
-                                return handleOpenModal({
-                                    cellIndex: cellIndex,
-                                    body: body,
-                                    title: tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.content,
-                                });
-                            };
-                            align = isFirstCellInRow ? 'left' : 'center';
-                        }
-                        return (jsxRuntime.jsx(TableCell, __assign({ isHeader: true, isFirstCellInRow: isFirstCellInRow, isTopLeftCell: isFirstCellInRow }, tableCellProps, (isBaseCell
+                        return (jsxRuntime.jsx(TableCell, __assign({ isHeader: true, isFirstCellInRow: isFirstCellInRow, isTopLeftCell: isFirstCellInRow }, tableCellData, (isBaseCell(tableCellData)
                             ? {
-                                openModal: openModal,
-                                align: align,
+                                openModal: function (body) {
+                                    return openModal === null || openModal === void 0 ? void 0 : openModal({
+                                        body: body,
+                                        title: tableCellData.text ||
+                                            getModalTitleFromColumnHeader(cellIndex),
+                                    });
+                                },
+                                align: isFirstCellInRow ? 'left' : 'center',
                             }
                             : {})), cellIndex));
                     }) }) })), jsxRuntime.jsx("tbody", { children: tableCellRows.map(function (row, rowIndex) {
                     row.length === 1;
-                    return (rowIndex > 0 && (jsxRuntime.jsx("tr", { className: styles$2.tr, children: row.map(function (tableCellProps, cellIndex) {
+                    return (rowIndex > 0 && (jsxRuntime.jsx("tr", { className: styles$2.tr, children: row.map(function (tableCellData, cellIndex) {
                             var key = "".concat(rowIndex, "-").concat(cellIndex);
                             var isFirstCellInRow = cellIndex === 0;
-                            var onCelInfoClick = function (body) {
-                                return handleOpenModal({
-                                    cellIndex: cellIndex,
-                                    body: body,
-                                    title: isFirstCellInRow
-                                        ? tableCellProps.content
-                                        : undefined,
-                                });
-                            };
-                            var openModal;
-                            var align = 'left';
-                            var isBaseCell = !tableCellProps.type;
-                            if (isBaseCell) {
-                                openModal = onCelInfoClick;
-                                align = isFirstCellInRow ? 'left' : 'center';
-                            }
-                            return (require$$0.createElement(TableCell, __assign({}, (isBaseCell
+                            return (jsxRuntime.jsx(TableCell, __assign({ isFirstCellInRow: isFirstCellInRow }, tableCellData, (isBaseCell(tableCellData)
                                 ? {
-                                    openModal: openModal,
-                                    align: align,
+                                    openModal: function (body) {
+                                        var titleFromRow = getModalTitleFromRowHeader(row);
+                                        var titleFromColumnOrRow = getModalTitleFromColumnHeader(cellIndex) ||
+                                            getModalTitleFromRowHeader(row);
+                                        return openModal === null || openModal === void 0 ? void 0 : openModal({
+                                            body: body,
+                                            title: isFirstCellInRow
+                                                ? titleFromRow
+                                                : titleFromColumnOrRow,
+                                        });
+                                    },
+                                    align: isFirstCellInRow ? 'left' : 'center',
                                 }
-                                : {}), { isFirstCellInRow: isFirstCellInRow, key: key }, tableCellProps)));
+                                : {})), key));
                         }) }, rowIndex)));
                 }) })] }));
 };
@@ -14636,19 +14644,14 @@ var Table = function (_a) {
         onModalOpen === null || onModalOpen === void 0 ? void 0 : onModalOpen({ body: body, title: title });
         setInfoModalData({ body: body, title: title });
     };
-    var isBaseCell = !currentActiveSection.type;
-    var openModal;
-    if (isBaseCell) {
-        openModal = function (body) {
-            return handleOpenModal({
-                body: body,
-                title: currentActiveSection === null || currentActiveSection === void 0 ? void 0 : currentActiveSection.content,
-            });
-        };
-    }
-    return (jsxRuntime.jsxs("div", { className: classNames$1(styles$3.wrapper, 'bg-white'), children: [isMobile ? (jsxRuntime.jsx(TableControls, { activeSection: activeSection, columnsLength: columnsLength, navigateTable: navigateTable, stickyHeaderTopOffset: stickyHeaderTopOffset, children: jsxRuntime.jsx(TableCell, __assign({}, currentActiveSection, (isBaseCell
+    return (jsxRuntime.jsxs("div", { className: classNames$1(styles$3.wrapper, 'bg-white'), children: [isMobile ? (jsxRuntime.jsx(TableControls, { activeSection: activeSection, columnsLength: columnsLength, navigateTable: navigateTable, stickyHeaderTopOffset: stickyHeaderTopOffset, children: jsxRuntime.jsx(TableCell, __assign({}, currentActiveSection, (isBaseCell(currentActiveSection)
                     ? {
-                        openModal: openModal,
+                        openModal: function (body) {
+                            return handleOpenModal({
+                                body: body,
+                                title: currentActiveSection === null || currentActiveSection === void 0 ? void 0 : currentActiveSection.text,
+                            });
+                        },
                     }
                     : {}), { 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',