@popsure/dirty-swan 0.58.6 → 0.58.7

package/dist/esm/components/table/components/TableContents/TableContents.js

@@ -1,7 +1,7 @@
 import { a as __assign, _ as __spreadArray } from '../../../../tslib.es6-a39f91fc.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { T as TableSection } from '../../../../TableSection-f41d4248.js';
+import { T as TableSection } from '../../../../TableSection-9cf86eb7.js';
 import ChevronDownIcon from '../../../icon/icons/ChevronDown.js';
 import ChevronUpIcon from '../../../icon/icons/ChevronUp.js';
 import { Card } from '../../../cards/card/index.js';
@@ -23,10 +23,10 @@ import '../../../comparisonTable/components/TableInfoButton/index.js';
 import '../../../icon/icons/Info.js';
 import '../../../../index-5e72c3d4.js';
 import '../TableCell/CTACell/CTACell.js';
+import '../../../button/index.js';
 import '../TableCell/CardCell/CardCell.js';
 import '../../../icon/icons/ChevronRight.js';
 import '../TableCell/ButtonCell/ButtonCell.js';
-import '../../../button/index.js';
 import '../../../../useMediaQuery-1a3a2432.js';
 
 var css_248z = ".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}\n\n.TableContents-module_cardIcon__2DXbp {\n  width: 20px;\n  margin-right: 8px;\n}";
@@ -35,8 +35,8 @@ styleInject(css_248z);
 
 var TableContents = function (_a) {
     var _b, _c;
-    var className = _a.className, collapsibleSections = _a.collapsibleSections, tableData = _a.tableData, _d = _a.hideColumns, hideColumns = _d === void 0 ? [] : _d, hideDetails = _a.hideDetails, isMobile = _a.isMobile, openModal = _a.openModal, shouldHideDetails = _a.shouldHideDetails, title = _a.title, cellReplacements = _a.cellReplacements, imageComponent = _a.imageComponent;
-    var _e = useState(null), isSectionOpen = _e[0], setOpenSection = _e[1];
+    var className = _a.className, collapsibleSections = _a.collapsibleSections, tableData = _a.tableData, _d = _a.hideColumns, hideColumns = _d === void 0 ? [] : _d, hideDetails = _a.hideDetails, _e = _a.hideRows, hideRows = _e === void 0 ? [] : _e, isMobile = _a.isMobile, openModal = _a.openModal, shouldHideDetails = _a.shouldHideDetails, title = _a.title, cellReplacements = _a.cellReplacements, imageComponent = _a.imageComponent;
+    var _f = useState(null), isSectionOpen = _f[0], setOpenSection = _f[1];
     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) {
@@ -44,6 +44,8 @@ var TableContents = function (_a) {
             return currentSection === index ? null : index;
         });
     };
+    // Calculate global row offset for each section
+    var globalRowOffset = 0;
     return (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;
@@ -52,14 +54,21 @@ var TableContents = function (_a) {
                 : isSectionOpen === index || isFirstSection;
             var isVisible = hideDetails ? !shouldHideDetails : true;
             var renderedIcon = (jsx(IconRenderer, { icon: section.icon, imageComponent: imageComponent, width: 20 }));
-            return ((isFirstSection || isVisible) && (jsxs("div", { children: [(section === null || section === void 0 ? void 0 : section.title) && (jsx("div", { className: styles.cardWrapper, children: jsx("div", { className: classNames(styles.card, 'p0'), children: jsx(Card, __assign({ actionIcon: isExpanded ? (jsx(ChevronUpIcon, { size: 24 })) : (jsx(ChevronDownIcon, { size: 24 })), "aria-expanded": isExpanded ? 'true' : 'false', "aria-hidden": true, classNames: {
+            // Calculate section-specific hideRows based on global offset
+            var sectionHideRows = hideRows
+                .map(function (globalRowIndex) { return globalRowIndex - globalRowOffset; })
+                .filter(function (localRowIndex) { return localRowIndex >= 0 && localRowIndex < rows.length; });
+            var result = (isFirstSection || isVisible) && (jsxs("div", { children: [(section === null || section === void 0 ? void 0 : section.title) && (jsx("div", { className: styles.cardWrapper, children: jsx("div", { className: classNames(styles.card, 'p0'), children: jsx(Card, __assign({ actionIcon: isExpanded ? (jsx(ChevronUpIcon, { size: 24 })) : (jsx(ChevronDownIcon, { size: 24 })), "aria-expanded": isExpanded ? 'true' : 'false', "aria-hidden": true, classNames: {
                                     wrapper: 'bg-purple-50 pl16',
                                     icon: classNames(styles.cardIcon, 'tc-grey-900'),
                                 }, dropShadow: false, icon: renderedIcon, title: section.title, titleVariant: "medium" }, (collapsibleSections
                                 ? {
                                     onClick: function () { return handleToggleSection(index); },
                                 }
-                                : {}))) }) })), jsx(Collapsible, { isExpanded: isExpanded, children: jsx(TableSection, { className: classNames(className, 'mb24'), tableCellRows: isFirstSection ? rows : __spreadArray([firstHeadRow], rows, true), hideColumns: hideColumns, hideHeader: true, openModal: openModal, title: "".concat(title).concat((section === null || section === void 0 ? void 0 : section.title) ? " - ".concat(section.title) : ''), width: tableWidth, cellReplacements: cellReplacements, imageComponent: imageComponent }) })] }, index)));
+                                : {}))) }) })), jsx(Collapsible, { isExpanded: isExpanded, children: jsx(TableSection, { className: classNames(className, 'mb24'), tableCellRows: isFirstSection ? rows : __spreadArray([firstHeadRow], rows, true), hideColumns: hideColumns, hideRows: sectionHideRows, hideHeader: true, openModal: openModal, title: "".concat(title).concat((section === null || section === void 0 ? void 0 : section.title) ? " - ".concat(section.title) : ''), width: tableWidth, cellReplacements: cellReplacements, imageComponent: imageComponent }) })] }, index));
+            // Update global offset for next section (excluding header row for non-first sections)
+            globalRowOffset += rows.length;
+            return result;
         }) }));
 };
 

package/dist/esm/components/table/components/TableContents/TableContents.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableContents.js","sources":["../../../../../../../src/lib/components/table/components/TableContents/TableContents.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { TableSection } from '../TableSection/TableSection';\nimport { ChevronDownIcon, ChevronUpIcon } from '../../../icon';\nimport { Card } from '../../../cards/card';\n\nimport styles from './TableContents.module.scss';\nimport classNames from 'classnames';\nimport { Collapsible } from './Collapsible';\nimport { CellReplacements, ModalFunction, TableData } from '../../types';\nimport { IconRenderer } from '../IconRenderer/IconRenderer';\n\nexport interface TableContentsProps {\n  className?: string;\n  collapsibleSections?: boolean;\n  tableData: TableData;\n  hideColumns?: number[];\n  hideDetails?: boolean;\n  isMobile?: boolean;\n  openModal?: ModalFunction;\n  shouldHideDetails?: boolean;\n  title: string;\n  cellReplacements?: CellReplacements;\n  imageComponent?: (args: any) => JSX.Element;\n}\n\nconst TableContents = ({\n  className,\n  collapsibleSections,\n  tableData,\n  hideColumns = [],\n  hideDetails,\n  isMobile,\n  openModal,\n  shouldHideDetails,\n  title,\n  cellReplacements,\n  imageComponent,\n}: TableContentsProps) => {\n  const [isSectionOpen, setOpenSection] = useState<number | null>(null);\n  const firstHeadRow = tableData?.[0]?.rows?.[0];\n  const tableWidth = isMobile ? `${firstHeadRow?.length * 50}%` : '';\n  const handleToggleSection = (index: number) => {\n    setOpenSection((currentSection) =>\n      currentSection === index ? null : index\n    );\n  };\n\n  return (\n    <div style={{ width: tableWidth }}>\n      {tableData.map(({ rows, section = {} }, index) => {\n        const isFirstSection = index === 0;\n        const isExpanded = !collapsibleSections\n          ? true\n          : isSectionOpen === index || isFirstSection;\n        const isVisible = hideDetails ? !shouldHideDetails : true;\n\n        const renderedIcon = (\n          <IconRenderer icon={section.icon} imageComponent={imageComponent} width={20} />\n        );\n\n        return (\n          (isFirstSection || isVisible) && (\n            <div key={index}>\n              {section?.title && (\n                <div className={styles.cardWrapper}>\n                  <div className={classNames(styles.card, 'p0')}>\n                    <Card\n                      actionIcon={\n                        isExpanded ? (\n                          <ChevronUpIcon size={24} />\n                        ) : (\n                          <ChevronDownIcon size={24} />\n                        )\n                      }\n                      aria-expanded={isExpanded ? 'true' : 'false'}\n                      aria-hidden\n                      classNames={{\n                        wrapper: 'bg-purple-50 pl16',\n                        icon: classNames(styles.cardIcon, 'tc-grey-900'),\n                      }}\n                      dropShadow={false}\n                      icon={renderedIcon}\n                      title={section.title}\n                      titleVariant=\"medium\"\n                      {...(collapsibleSections\n                        ? {\n                            onClick: () => handleToggleSection(index),\n                          }\n                        : {})}\n                    />\n                  </div>\n                </div>\n              )}\n\n              <Collapsible isExpanded={isExpanded}>\n                <TableSection\n                  className={classNames(className, 'mb24')}\n                  tableCellRows={\n                    isFirstSection ? rows : [firstHeadRow, ...rows]\n                  }\n                  hideColumns={hideColumns}\n                  hideHeader\n                  openModal={openModal}\n                  title={`${title}${\n                    section?.title ? ` - ${section.title}` : ''\n                  }`}\n                  width={tableWidth}\n                  cellReplacements={cellReplacements}\n                  imageComponent={imageComponent}\n                />\n              </Collapsible>\n            </div>\n          )\n        );\n      })}\n    </div>\n  );\n};\n\nexport { TableContents };\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"TableContents.js","sources":["../../../../../../../src/lib/components/table/components/TableContents/TableContents.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { TableSection } from '../TableSection/TableSection';\nimport { ChevronDownIcon, ChevronUpIcon } from '../../../icon';\nimport { Card } from '../../../cards/card';\n\nimport styles from './TableContents.module.scss';\nimport classNames from 'classnames';\nimport { Collapsible } from './Collapsible';\nimport { CellReplacements, ModalFunction, TableData } from '../../types';\nimport { IconRenderer } from '../IconRenderer/IconRenderer';\n\nexport interface TableContentsProps {\n  className?: string;\n  collapsibleSections?: boolean;\n  tableData: TableData;\n  hideColumns?: number[];\n  hideDetails?: boolean;\n  hideRows?: number[];\n  isMobile?: boolean;\n  openModal?: ModalFunction;\n  shouldHideDetails?: boolean;\n  title: string;\n  cellReplacements?: CellReplacements;\n  imageComponent?: (args: any) => JSX.Element;\n}\n\nconst TableContents = ({\n  className,\n  collapsibleSections,\n  tableData,\n  hideColumns = [],\n  hideDetails,\n  hideRows = [],\n  isMobile,\n  openModal,\n  shouldHideDetails,\n  title,\n  cellReplacements,\n  imageComponent,\n}: TableContentsProps) => {\n  const [isSectionOpen, setOpenSection] = useState<number | null>(null);\n  const firstHeadRow = tableData?.[0]?.rows?.[0];\n  const tableWidth = isMobile ? `${firstHeadRow?.length * 50}%` : '';\n  const handleToggleSection = (index: number) => {\n    setOpenSection((currentSection) =>\n      currentSection === index ? null : index\n    );\n  };\n\n  // Calculate global row offset for each section\n  let globalRowOffset = 0;\n\n  return (\n    <div style={{ width: tableWidth }}>\n      {tableData.map(({ rows, section = {} }, index) => {\n        const isFirstSection = index === 0;\n        const isExpanded = !collapsibleSections\n          ? true\n          : isSectionOpen === index || isFirstSection;\n        const isVisible = hideDetails ? !shouldHideDetails : true;\n\n        const renderedIcon = (\n          <IconRenderer icon={section.icon} imageComponent={imageComponent} width={20} />\n        );\n\n        // Calculate section-specific hideRows based on global offset\n        const sectionHideRows = hideRows\n          .map(globalRowIndex => globalRowIndex - globalRowOffset)\n          .filter(localRowIndex => localRowIndex >= 0 && localRowIndex < rows.length);\n\n        const result = (isFirstSection || isVisible) && (\n          <div key={index}>\n            {section?.title && (\n              <div className={styles.cardWrapper}>\n                <div className={classNames(styles.card, 'p0')}>\n                  <Card\n                    actionIcon={\n                      isExpanded ? (\n                        <ChevronUpIcon size={24} />\n                      ) : (\n                        <ChevronDownIcon size={24} />\n                      )\n                    }\n                    aria-expanded={isExpanded ? 'true' : 'false'}\n                    aria-hidden\n                    classNames={{\n                      wrapper: 'bg-purple-50 pl16',\n                      icon: classNames(styles.cardIcon, 'tc-grey-900'),\n                    }}\n                    dropShadow={false}\n                    icon={renderedIcon}\n                    title={section.title}\n                    titleVariant=\"medium\"\n                    {...(collapsibleSections\n                      ? {\n                          onClick: () => handleToggleSection(index),\n                        }\n                      : {})}\n                  />\n                </div>\n              </div>\n            )}\n\n            <Collapsible isExpanded={isExpanded}>\n              <TableSection\n                className={classNames(className, 'mb24')}\n                tableCellRows={\n                  isFirstSection ? rows : [firstHeadRow, ...rows]\n                }\n                hideColumns={hideColumns}\n                hideRows={sectionHideRows}\n                hideHeader\n                openModal={openModal}\n                title={`${title}${\n                  section?.title ? ` - ${section.title}` : ''\n                }`}\n                width={tableWidth}\n                cellReplacements={cellReplacements}\n                imageComponent={imageComponent}\n              />\n            </Collapsible>\n          </div>\n        );\n\n        // Update global offset for next section (excluding header row for non-first sections)\n        globalRowOffset += rows.length;\n\n        return result;\n      })}\n    </div>\n  );\n};\n\nexport { TableContents };\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/table/components/TableContents/TableContents.test.js

@@ -6,7 +6,7 @@ import 'react';
 import 'react-dom';
 import '../../../../_commonjsHelpers-4730bd53.js';
 import 'react-dom/test-utils';
-import '../../../../TableSection-f41d4248.js';
+import '../../../../TableSection-9cf86eb7.js';
 import '../../../../index-6ea95111.js';
 import '../../../../style-inject.es-1f59c1d0.js';
 import '../TableCell/TableCell.js';
@@ -23,11 +23,11 @@ import '../../../icon/icons/Info.js';
 import '../../../../index-5e72c3d4.js';
 import '../TableCell/CTACell/CTACell.js';
 import '../IconRenderer/IconRenderer.js';
+import '../../../button/index.js';
 import '../TableCell/CardCell/CardCell.js';
 import '../../../cards/card/index.js';
 import '../../../icon/icons/ChevronRight.js';
 import '../TableCell/ButtonCell/ButtonCell.js';
-import '../../../button/index.js';
 import '../../../../useMediaQuery-1a3a2432.js';
 import '../../../icon/icons/ChevronDown.js';
 import '../../../icon/icons/ChevronUp.js';

package/dist/esm/components/table/components/TableSection/TableSection.js

@@ -1,7 +1,7 @@
 import '../../../../tslib.es6-a39f91fc.js';
 import 'react/jsx-runtime';
 import '../../../../index-6ea95111.js';
-export { T as TableSection } from '../../../../TableSection-f41d4248.js';
+export { T as TableSection } from '../../../../TableSection-9cf86eb7.js';
 import '../TableCell/TableCell.js';
 import 'react';
 import '../../../../useMediaQuery-1a3a2432.js';
@@ -20,9 +20,9 @@ import '../../../icon/icons/Info.js';
 import '../../../../index-5e72c3d4.js';
 import '../TableCell/CTACell/CTACell.js';
 import '../IconRenderer/IconRenderer.js';
+import '../../../button/index.js';
 import '../TableCell/CardCell/CardCell.js';
 import '../../../cards/card/index.js';
 import '../../../icon/icons/ChevronRight.js';
 import '../TableCell/ButtonCell/ButtonCell.js';
-import '../../../button/index.js';
 //# sourceMappingURL=TableSection.js.map

package/dist/esm/components/table/components/TableSection/TableSection.test.js

@@ -1,7 +1,7 @@
 import { a as __assign } from '../../../../tslib.es6-a39f91fc.js';
 import { jsx } from 'react/jsx-runtime';
 import { c as customRender, s as screen } from '../../../../customRender-be47569b.js';
-import { T as TableSection } from '../../../../TableSection-f41d4248.js';
+import { T as TableSection } from '../../../../TableSection-9cf86eb7.js';
 import 'react';
 import 'react-dom';
 import '../../../../_commonjsHelpers-4730bd53.js';
@@ -22,11 +22,11 @@ import '../../../icon/icons/Info.js';
 import '../../../../index-5e72c3d4.js';
 import '../TableCell/CTACell/CTACell.js';
 import '../IconRenderer/IconRenderer.js';
+import '../../../button/index.js';
 import '../TableCell/CardCell/CardCell.js';
 import '../../../cards/card/index.js';
 import '../../../icon/icons/ChevronRight.js';
 import '../TableCell/ButtonCell/ButtonCell.js';
-import '../../../button/index.js';
 import '../../../../useMediaQuery-1a3a2432.js';
 
 var tableCellRows = [

package/dist/esm/index.js

@@ -458,7 +458,7 @@ import './components/table/components/IconRenderer/IconRenderer.js';
 import './components/table/components/TableCell/CardCell/CardCell.js';
 import './components/table/components/TableCell/ButtonCell/ButtonCell.js';
 import './components/table/components/TableContents/TableContents.js';
-import './TableSection-f41d4248.js';
+import './TableSection-9cf86eb7.js';
 import './components/table/components/TableContents/Collapsible.js';
 import './useTableNavigation-f929fbc9.js';
 import './components/table/components/TableControls/TableControls.js';

package/dist/esm/lib/components/table/Table.d.ts

@@ -10,6 +10,7 @@ export interface TableProps {
     collapsibleSections?: boolean;
     hideColumns?: number[];
     hideDetails?: boolean;
+    hideRows?: number[];
     imageComponent?: (args: any) => JSX.Element;
     modalContentRenderer?: (content: ReactNode) => ReactNode;
     onModalOpen?: ModalFunction;
@@ -19,5 +20,5 @@ export interface TableProps {
     textOverrides?: TextOverrides;
     title: string;
 }
-declare const Table: ({ cellReplacements, className, collapsibleSections, hideColumns, hideDetails, imageComponent, modalContentRenderer, onModalOpen, onSelectionChanged, stickyHeaderTopOffset, tableData, textOverrides: definedTextOverrides, title, }: TableProps) => JSX.Element;
+declare const Table: ({ cellReplacements, className, collapsibleSections, hideColumns, hideDetails, hideRows, imageComponent, modalContentRenderer, onModalOpen, onSelectionChanged, stickyHeaderTopOffset, tableData, textOverrides: definedTextOverrides, title, }: TableProps) => JSX.Element;
 export { Table };

package/dist/esm/lib/components/table/Table.stories.d.ts

@@ -2,7 +2,7 @@ import { TableProps } from './Table';
 import { TableData } from './types';
 declare const story: {
     title: string;
-    component: ({ cellReplacements, className, collapsibleSections, hideColumns, hideDetails, imageComponent, modalContentRenderer, onModalOpen, onSelectionChanged, stickyHeaderTopOffset, tableData, textOverrides: definedTextOverrides, title, }: TableProps) => JSX.Element;
+    component: ({ cellReplacements, className, collapsibleSections, hideColumns, hideDetails, hideRows, imageComponent, modalContentRenderer, onModalOpen, onSelectionChanged, stickyHeaderTopOffset, tableData, textOverrides: definedTextOverrides, title, }: TableProps) => JSX.Element;
     argTypes: {
         tableData: {
             subContent: string;
@@ -28,6 +28,9 @@ declare const story: {
         hideColumns: {
             subContent: string;
         };
+        hideRows: {
+            subContent: string;
+        };
         modalContentRenderer: {
             subContent: string;
         };
@@ -56,10 +59,11 @@ declare const story: {
             hideDetails: string;
         };
         hideColumns: never[];
+        hideRows: never[];
     };
 };
 export declare const TableStory: {
-    ({ collapsibleSections, tableData, hideColumns, hideDetails, stickyHeaderTopOffset, textOverrides, title, }: TableProps): JSX.Element;
+    ({ collapsibleSections, tableData, hideColumns, hideDetails, hideRows, stickyHeaderTopOffset, textOverrides, title, }: TableProps): JSX.Element;
     storyName: string;
 };
 export declare const TableDataType: () => JSX.Element;

package/dist/esm/lib/components/table/components/TableCell/CTACell/CTACell.d.ts

@@ -11,5 +11,6 @@ export type CTACellProps = {
     className?: string;
     dataTestId?: string;
     dataCy?: string;
+    onClick?: () => void;
 };
-export declare const CTACell: ({ title, price, icon, grey, narrow, href, buttonCaption, imageComponent, className, dataCy, dataTestId, }: CTACellProps) => JSX.Element;
+export declare const CTACell: ({ title, price, icon, grey, narrow, href, buttonCaption, imageComponent, className, dataCy, dataTestId, onClick, }: CTACellProps) => JSX.Element;

package/dist/esm/lib/components/table/components/TableCell/CTACell/CTACell.stories.d.ts

@@ -1,7 +1,7 @@
 import { CTACell } from './CTACell';
 declare const story: {
     title: string;
-    component: ({ title, price, icon, grey, narrow, href, buttonCaption, imageComponent, className, dataCy, dataTestId, }: import("./CTACell").CTACellProps) => JSX.Element;
+    component: ({ title, price, icon, grey, narrow, href, buttonCaption, imageComponent, className, dataCy, dataTestId, onClick, }: import("./CTACell").CTACellProps) => JSX.Element;
     argTypes: {};
     args: {
         title: string;

package/dist/esm/lib/components/table/components/TableContents/TableContents.d.ts

@@ -5,6 +5,7 @@ export interface TableContentsProps {
     tableData: TableData;
     hideColumns?: number[];
     hideDetails?: boolean;
+    hideRows?: number[];
     isMobile?: boolean;
     openModal?: ModalFunction;
     shouldHideDetails?: boolean;
@@ -12,5 +13,5 @@ export interface TableContentsProps {
     cellReplacements?: CellReplacements;
     imageComponent?: (args: any) => JSX.Element;
 }
-declare const TableContents: ({ className, collapsibleSections, tableData, hideColumns, hideDetails, isMobile, openModal, shouldHideDetails, title, cellReplacements, imageComponent, }: TableContentsProps) => JSX.Element;
+declare const TableContents: ({ className, collapsibleSections, tableData, hideColumns, hideDetails, hideRows, isMobile, openModal, shouldHideDetails, title, cellReplacements, imageComponent, }: TableContentsProps) => JSX.Element;
 export { TableContents };

package/dist/esm/lib/components/table/components/TableSection/TableSection.d.ts

@@ -3,6 +3,7 @@ export interface TableSectionProps {
     className?: string;
     tableCellRows: TableCellRowData[];
     hideColumns?: number[];
+    hideRows?: number[];
     hideHeader?: boolean;
     openModal?: ModalFunction;
     title: string;
@@ -10,5 +11,5 @@ export interface TableSectionProps {
     cellReplacements?: CellReplacements;
     imageComponent?: (args: any) => JSX.Element;
 }
-declare const TableSection: ({ className, tableCellRows, hideColumns, hideHeader, openModal, title, width, cellReplacements, imageComponent, }: TableSectionProps) => JSX.Element;
+declare const TableSection: ({ className, tableCellRows, hideColumns, hideRows, hideHeader, openModal, title, width, cellReplacements, imageComponent, }: TableSectionProps) => JSX.Element;
 export { TableSection };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popsure/dirty-swan",
-  "version": "0.58.6",
+  "version": "0.58.7",
   "author": "Vincent Audoire <vincent@getpopsure.com>",
   "license": "MIT",
   "private": false,

package/src/lib/components/table/Table.stories.tsx

@@ -220,6 +220,9 @@ const story = {
     hideColumns: {
       subContent: 'This property allows to hide defined columns by index.',
     },
+    hideRows: {
+      subContent: 'This property allows to hide selected rows by index.',
+    },
     modalContentRenderer: {
       subContent: 'This property allows to render custom modal content.',
     },
@@ -250,6 +253,7 @@ const story = {
       hideDetails: 'Hide details',
     },
     hideColumns: [],
+    hideRows: [],
   },
 };
 
@@ -258,6 +262,7 @@ export const TableStory = ({
   tableData,
   hideColumns,
   hideDetails,
+  hideRows,
   stickyHeaderTopOffset,
   textOverrides,
   title,
@@ -296,6 +301,7 @@ export const TableStory = ({
         tableData={tableData}
         hideColumns={hideColumns}
         hideDetails={hideDetails}
+        hideRows={hideRows}
         stickyHeaderTopOffset={stickyHeaderTopOffset}
         textOverrides={textOverrides}
         title={title}

package/src/lib/components/table/Table.tsx

@@ -32,6 +32,7 @@ export interface TableProps {
   collapsibleSections?: boolean;
   hideColumns?: number[];
   hideDetails?: boolean;
+  hideRows?: number[];
   imageComponent?: (args: any) => JSX.Element;
   modalContentRenderer?: (content: ReactNode) => ReactNode;
   onModalOpen?: ModalFunction;
@@ -53,6 +54,7 @@ const Table = ({
   collapsibleSections,
   hideColumns = [],
   hideDetails,
+  hideRows = [],
   imageComponent,
   modalContentRenderer,
   onModalOpen,
@@ -145,6 +147,7 @@ const Table = ({
               cellReplacements={cellReplacements}
               className={className}
               hideColumns={hideColumns}
+              hideRows={hideRows}
               openModal={handleOpenModal}
               tableCellRows={[tableData?.[0]?.rows?.[0]]}
               title={title}
@@ -162,6 +165,7 @@ const Table = ({
           collapsibleSections={collapsibleSections}
           hideColumns={hideColumns}
           hideDetails={hideDetails}
+          hideRows={hideRows}
           isMobile={isMobile}
           shouldHideDetails={shouldHideDetails}
           openModal={handleOpenModal}

package/src/lib/components/table/components/TableCell/CTACell/CTACell.tsx

@@ -3,6 +3,7 @@ import { ReactNode } from 'react';
 
 import styles from './CTACell.module.scss';
 import { IconRenderer } from '../../IconRenderer/IconRenderer';
+import { Button } from '../../../../button';
 
 export type CTACellProps = {
   title: ReactNode;
@@ -16,6 +17,7 @@ export type CTACellProps = {
   className?: string;
   dataTestId?: string;
   dataCy?: string;
+  onClick?: () => void;
 };
 
 export const CTACell = ({
@@ -30,6 +32,7 @@ export const CTACell = ({
   className,
   dataCy,
   dataTestId,
+  onClick,
 }: CTACellProps) => {
   const renderedIcon = (
     <IconRenderer icon={icon} imageComponent={imageComponent} />
@@ -49,18 +52,21 @@ export const CTACell = ({
         </p>
       </div>
 
-      <a
+      <Button
+        {...onClick ? { onClick } : {
+          as: 'a',
+          href: href,
+          target: '_blank',
+          rel: 'noopener noreferrer',
+        }}
         className={classNames('mt16 w100 wmx3', {
           'p-btn--primary': !grey,
           'p-btn--secondary-grey': grey,
           [styles.narrow]: narrow,
         })}
-        href={href}
-        target="_blank"
-        rel="noopener noreferrer"
       >
         {buttonCaption}
-      </a>
+      </Button>
     </div>
   );
 };

package/src/lib/components/table/components/TableContents/TableContents.tsx

@@ -15,6 +15,7 @@ export interface TableContentsProps {
   tableData: TableData;
   hideColumns?: number[];
   hideDetails?: boolean;
+  hideRows?: number[];
   isMobile?: boolean;
   openModal?: ModalFunction;
   shouldHideDetails?: boolean;
@@ -29,6 +30,7 @@ const TableContents = ({
   tableData,
   hideColumns = [],
   hideDetails,
+  hideRows = [],
   isMobile,
   openModal,
   shouldHideDetails,
@@ -45,6 +47,9 @@ const TableContents = ({
     );
   };
 
+  // Calculate global row offset for each section
+  let globalRowOffset = 0;
+
   return (
     <div style={{ width: tableWidth }}>
       {tableData.map(({ rows, section = {} }, index) => {
@@ -58,60 +63,69 @@ const TableContents = ({
           <IconRenderer icon={section.icon} imageComponent={imageComponent} width={20} />
         );
 
-        return (
-          (isFirstSection || isVisible) && (
-            <div key={index}>
-              {section?.title && (
-                <div className={styles.cardWrapper}>
-                  <div className={classNames(styles.card, 'p0')}>
-                    <Card
-                      actionIcon={
-                        isExpanded ? (
-                          <ChevronUpIcon size={24} />
-                        ) : (
-                          <ChevronDownIcon size={24} />
-                        )
-                      }
-                      aria-expanded={isExpanded ? 'true' : 'false'}
-                      aria-hidden
-                      classNames={{
-                        wrapper: 'bg-purple-50 pl16',
-                        icon: classNames(styles.cardIcon, 'tc-grey-900'),
-                      }}
-                      dropShadow={false}
-                      icon={renderedIcon}
-                      title={section.title}
-                      titleVariant="medium"
-                      {...(collapsibleSections
-                        ? {
-                            onClick: () => handleToggleSection(index),
-                          }
-                        : {})}
-                    />
-                  </div>
+        // Calculate section-specific hideRows based on global offset
+        const sectionHideRows = hideRows
+          .map(globalRowIndex => globalRowIndex - globalRowOffset)
+          .filter(localRowIndex => localRowIndex >= 0 && localRowIndex < rows.length);
+
+        const result = (isFirstSection || isVisible) && (
+          <div key={index}>
+            {section?.title && (
+              <div className={styles.cardWrapper}>
+                <div className={classNames(styles.card, 'p0')}>
+                  <Card
+                    actionIcon={
+                      isExpanded ? (
+                        <ChevronUpIcon size={24} />
+                      ) : (
+                        <ChevronDownIcon size={24} />
+                      )
+                    }
+                    aria-expanded={isExpanded ? 'true' : 'false'}
+                    aria-hidden
+                    classNames={{
+                      wrapper: 'bg-purple-50 pl16',
+                      icon: classNames(styles.cardIcon, 'tc-grey-900'),
+                    }}
+                    dropShadow={false}
+                    icon={renderedIcon}
+                    title={section.title}
+                    titleVariant="medium"
+                    {...(collapsibleSections
+                      ? {
+                          onClick: () => handleToggleSection(index),
+                        }
+                      : {})}
+                  />
                 </div>
-              )}
+              </div>
+            )}
 
-              <Collapsible isExpanded={isExpanded}>
-                <TableSection
-                  className={classNames(className, 'mb24')}
-                  tableCellRows={
-                    isFirstSection ? rows : [firstHeadRow, ...rows]
-                  }
-                  hideColumns={hideColumns}
-                  hideHeader
-                  openModal={openModal}
-                  title={`${title}${
-                    section?.title ? ` - ${section.title}` : ''
-                  }`}
-                  width={tableWidth}
-                  cellReplacements={cellReplacements}
-                  imageComponent={imageComponent}
-                />
-              </Collapsible>
-            </div>
-          )
+            <Collapsible isExpanded={isExpanded}>
+              <TableSection
+                className={classNames(className, 'mb24')}
+                tableCellRows={
+                  isFirstSection ? rows : [firstHeadRow, ...rows]
+                }
+                hideColumns={hideColumns}
+                hideRows={sectionHideRows}
+                hideHeader
+                openModal={openModal}
+                title={`${title}${
+                  section?.title ? ` - ${section.title}` : ''
+                }`}
+                width={tableWidth}
+                cellReplacements={cellReplacements}
+                imageComponent={imageComponent}
+              />
+            </Collapsible>
+          </div>
         );
+
+        // Update global offset for next section (excluding header row for non-first sections)
+        globalRowOffset += rows.length;
+
+        return result;
       })}
     </div>
   );

package/src/lib/components/table/components/TableSection/TableSection.tsx

@@ -16,6 +16,7 @@ export interface TableSectionProps {
   className?: string;
   tableCellRows: TableCellRowData[];
   hideColumns?: number[];
+  hideRows?: number[];
   hideHeader?: boolean;
   openModal?: ModalFunction;
   title: string;
@@ -28,6 +29,7 @@ const TableSection = ({
   className,
   tableCellRows,
   hideColumns = [],
+  hideRows = [],
   hideHeader,
   openModal,
   title,
@@ -70,6 +72,11 @@ const TableSection = ({
     [hideColumns]
   );
 
+  const isVisibleRow = useCallback(
+    (rowIndex: number) => !hideRows.includes(rowIndex),
+    [hideRows]
+  );
+
   return (
     <table
       className={classNames(className, 'w100', styles.table)}
@@ -120,7 +127,7 @@ const TableSection = ({
       <tbody>
         {tableCellRows.map(
           (row, rowIndex) =>
-            rowIndex > 0 && (
+            rowIndex > 0 && isVisibleRow(rowIndex) && (
               <tr key={rowIndex} className={styles.tr}>
                 {row.map((tableCellData, cellIndex) => {
                   const key = `${rowIndex}-${cellIndex}`;

package/dist/esm/TableSection-f41d4248.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableSection-f41d4248.js","sources":["../../../src/lib/components/table/types.ts","../../../src/lib/components/table/components/TableSection/TableSection.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { BaseCellProps } from './components/TableCell/BaseCell/BaseCell';\nimport { CTACellProps } from './components/TableCell/CTACell/CTACell';\nimport { ButtonCellProps } from './components/TableCell/ButtonCell/ButtonCell';\nimport { CardCellProps } from './components/TableCell/CardCell/CardCell';\n\ntype DefaultCellProps = {\n  cellId?: string;\n  colSpan?: number;\n  modalTitle?: ReactNode;\n};\n\ntype BaseCellData = BaseCellProps & { type?: undefined } & DefaultCellProps;\ntype CTACellData = CTACellProps & { type: 'CTA' } & DefaultCellProps;\ntype ButtonCellData = ButtonCellProps & { type: 'BUTTON' } & DefaultCellProps;\ntype CardCellData = CardCellProps & { type: 'CARD' } & DefaultCellProps;\n\nexport type TableCellData =\n  | BaseCellData\n  | CTACellData\n  | ButtonCellData\n  | CardCellData;\n\nexport const isBaseCell = (\n  tableCellData: TableCellData\n): tableCellData is BaseCellData => {\n  return !tableCellData.type;\n};\n\nexport type TableSectionType = {\n  title?: string;\n  icon?: ReactNode;\n};\n\nexport type ModalData = {\n  title?: ReactNode;\n  body?: ReactNode;\n};\n\nexport type TableCellRowData = TableCellData[];\n\nexport type TableSectionData = {\n  section?: TableSectionType;\n  rows: TableCellRowData[];\n};\n\nexport type TableData = TableSectionData[];\n\nexport type ModalFunction = (modalData: ModalData) => void;\n\nexport type CellReplacements = Record<string, Partial<TableCellData>>;\n","import classNames from 'classnames';\n\nimport styles from './TableSection.module.scss';\nimport { TableCell } from '../TableCell/TableCell';\nimport {\n  CellReplacements,\n  isBaseCell,\n  ModalFunction,\n  TableCellData,\n  TableCellRowData,\n} from '../../types';\nimport { useCallback } from 'react';\nimport { useMediaQuery } from '../../../../hooks/useMediaQuery';\n\nexport interface TableSectionProps {\n  className?: string;\n  tableCellRows: TableCellRowData[];\n  hideColumns?: number[];\n  hideHeader?: boolean;\n  openModal?: ModalFunction;\n  title: string;\n  width?: number | string;\n  cellReplacements?: CellReplacements;\n  imageComponent?: (args: any) => JSX.Element;\n}\n\nconst TableSection = ({\n  className,\n  tableCellRows,\n  hideColumns = [],\n  hideHeader,\n  openModal,\n  title,\n  width,\n  cellReplacements,\n  imageComponent,\n}: TableSectionProps) => {\n  const headerRow = tableCellRows?.[0];\n  const isBelowDesktop = useMediaQuery('BELOW_DESKTOP');\n\n  const getModalTitleFromColumnHeader = (cellIndex: number) => {\n    const firstCellInColumn = tableCellRows?.[0]?.[cellIndex];\n    let titleFromColumn;\n\n    switch (firstCellInColumn.type) {\n      case 'BUTTON':\n        titleFromColumn = firstCellInColumn.buttonCaption;\n        break;\n      case 'CTA':\n        titleFromColumn = firstCellInColumn.title;\n        break;\n      case undefined:\n        titleFromColumn = firstCellInColumn.text || '';\n        break;\n    }\n\n    return titleFromColumn;\n  };\n\n  const getModalTitleFromRowHeader = (currentRow: TableCellRowData) => {\n    const firstCellInRow = currentRow?.[0];\n    const titleFromRow =\n      (isBaseCell(firstCellInRow) && firstCellInRow.text) || '';\n\n    return titleFromRow;\n  };\n\n  const isVisibleColumn = useCallback(\n    (cellIndex: number) => !hideColumns.includes(cellIndex),\n    [hideColumns]\n  );\n\n  return (\n    <table\n      className={classNames(className, 'w100', styles.table)}\n      width={width}\n    >\n      <caption className=\"sr-only\">{title}</caption>\n\n      {headerRow && (\n        <thead className={hideHeader ? 'sr-only' : ''}>\n          <tr>\n            {headerRow.map((tableCellData, cellIndex) => {\n              const isFirstCellInRow = cellIndex === 0;\n              const cellReplacementData =\n                (tableCellData.cellId &&\n                  cellReplacements?.[tableCellData.cellId]) ||\n                {};\n\n              const cellProps = {\n                ...tableCellData,\n                ...cellReplacementData,\n                ...{\n                  openModal,\n                  modalTitle:\n                    (isBaseCell(tableCellData) && tableCellData.text) ||\n                    getModalTitleFromColumnHeader(cellIndex),\n                  align: isFirstCellInRow ? 'left' : 'center',\n                },\n              } as TableCellData;\n\n              return (\n                isVisibleColumn(cellIndex) && (\n                  <TableCell\n                    key={cellIndex}\n                    isBelowDesktop={isBelowDesktop}\n                    isHeader\n                    isFirstCellInRow={isFirstCellInRow}\n                    isTopLeftCell={isFirstCellInRow}\n                    {...cellProps}\n                    imageComponent={imageComponent}\n                  />\n                )\n              );\n            })}\n          </tr>\n        </thead>\n      )}\n\n      <tbody>\n        {tableCellRows.map(\n          (row, rowIndex) =>\n            rowIndex > 0 && (\n              <tr key={rowIndex} className={styles.tr}>\n                {row.map((tableCellData, cellIndex) => {\n                  const key = `${rowIndex}-${cellIndex}`;\n                  const isFirstCellInRow = cellIndex === 0;\n                  const titleFromRow = getModalTitleFromRowHeader(row);\n\n                  const cellReplacementData =\n                    (tableCellData.cellId &&\n                      cellReplacements?.[tableCellData.cellId]) ||\n                    {};\n\n                  const cellProps = {\n                    ...tableCellData,\n                    ...cellReplacementData,\n                    ...{\n                      openModal,\n                      modalTitle: tableCellData?.modalTitle || titleFromRow,\n                      align: isFirstCellInRow ? 'left' : 'center',\n                    },\n                  } as TableCellData;\n\n                  return (\n                    !hideColumns.includes(cellIndex) && (\n                      <TableCell\n                        isBelowDesktop={isBelowDesktop}\n                        isFirstCellInRow={isFirstCellInRow}\n                        key={key}\n                        {...cellProps}\n                        imageComponent={imageComponent}\n                      />\n                    )\n                  );\n                })}\n              </tr>\n            )\n        )}\n      </tbody>\n    </table>\n  );\n};\n\nexport { TableSection };\n"],"names":["_jsxs","_jsx"],"mappings":"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"}