@popsure/dirty-swan 0.63.0 → 0.63.2

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

@@ -1,47 +1,67 @@
-import { a as __assign, _ as __spreadArray } from '../../../../tslib.es6-a39f91fc.js';
+import { b as __assign, d as __spreadArray } from '../../../../tslib.es6-CVlKGIvp.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { T as TableSection } from '../../../../TableSection-e703f17f.js';
+import { useState, useRef, useCallback } from 'react';
+import { T as TableSection } from '../../../../TableSection-CEhD4eoy.js';
+import { c as classNames } from '../../../../index-DLQEsiym.js';
 import ChevronDownIcon from '../../../icon/icons/ChevronDown.js';
 import ChevronUpIcon from '../../../icon/icons/ChevronUp.js';
 import { Card } from '../../../cards/card/index.js';
-import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
-import { c as classNames } from '../../../../index-6ea95111.js';
-import { C as Collapsible } from '../../../../Collapsible-a355828b.js';
+import { s as styleInject } from '../../../../style-inject.es-tgCJW-Cu.js';
+import { Collapsible } from './Collapsible.js';
+import { IconRenderer } from '../IconRenderer/IconRenderer.js';
 import '../TableCell/TableCell.js';
 import '../TableCell/BaseCell/BaseCell.js';
-import '../../../icon/icons/Check.js';
+import '../../../icon/icons/CheckThick.js';
 import '../../../icon/IconWrapper/IconWrapper.js';
+import '../../../../_commonjsHelpers-BFTU3MAI.js';
 import '../../../icon/icons/StarFilled.js';
 import '../../../icon/icons/X.js';
 import '../../../icon/icons/ZapFilled.js';
 import '../TableCell/BaseCell/MiniProgressBar/MiniProgressBar.js';
-import '../../../../index-caeac7cd.js';
-import '../../../../_commonjsHelpers-4730bd53.js';
+import '../../../../index-CqsS0Elu.js';
+import '../../../../index-DYcCCrfR.js';
+import '../../../comparisonTable/components/Row/index.js';
 import '../../../comparisonTable/components/TableInfoButton/index.js';
 import '../../../icon/icons/Info.js';
-import '../../../../index-5e72c3d4.js';
+import '../../../../index-BClARCFl.js';
 import '../TableCell/CTACell/CTACell.js';
-import '../TableCell/ButtonCell/ButtonCell.js';
 import '../../../button/index.js';
+import '../TableCell/CardCell/CardCell.js';
 import '../../../icon/icons/ChevronRight.js';
-import '../../../../index-a0ef2ab4.js';
+import '../TableCell/ButtonCell/ButtonCell.js';
+import '../../../../useMediaQuery-BlEUymPA.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}";
-var styles = {"cardWrapper":"TableContents-module_cardWrapper__2OVMv","card":"TableContents-module_card__Mmz6h"};
+var css_248z = ".TableContents-module_cardWrapper__2OVMv {\n  height: 88px;\n}\n\n.TableContents-module_cardButton__1mVp_ div {\n  background-color: #FAF8F5;\n}\n.TableContents-module_cardButton__1mVp_:hover div {\n  border-color: transparent !important;\n  outline-color: transparent !important;\n  box-shadow: none !important;\n  background-color: #FCF7EF !important;\n}\n.TableContents-module_cardButton__1mVp_:focus-visible div {\n  background-color: #FCF7EF !important;\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}";
+var styles = {"cardWrapper":"TableContents-module_cardWrapper__2OVMv","cardButton":"TableContents-module_cardButton__1mVp_","card":"TableContents-module_card__Mmz6h","cardIcon":"TableContents-module_cardIcon__2DXbp"};
 styleInject(css_248z);
 
 var TableContents = function (_a) {
     var _b, _c;
-    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, cellReplacements = _a.cellReplacements;
-    var _d = useState(null), isSectionOpen = _d[0], setOpenSection = _d[1];
+    var className = _a.className, collapsibleSections = _a.collapsibleSections, scrollOnOpen = _a.scrollOnOpen, _d = _a.scrollTopOffset, scrollTopOffset = _d === void 0 ? 0 : _d, stickyHeaderRef = _a.stickyHeaderRef, tableData = _a.tableData, _e = _a.hideColumns, hideColumns = _e === void 0 ? [] : _e, hideDetails = _a.hideDetails, _f = _a.hideRows, hideRows = _f === void 0 ? [] : _f, isMobile = _a.isMobile, openModal = _a.openModal, shouldHideDetails = _a.shouldHideDetails, title = _a.title, cellReplacements = _a.cellReplacements, imageComponent = _a.imageComponent;
+    var _g = useState(null), isSectionOpen = _g[0], setOpenSection = _g[1];
+    var lastToggledSection = useRef(null);
+    var sectionRefs = useRef({});
     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) {
+        lastToggledSection.current = isSectionOpen === index ? null : index;
         setOpenSection(function (currentSection) {
             return currentSection === index ? null : index;
         });
     };
+    var handleScrollToSection = useCallback(function (index) {
+        var _a, _b;
+        if (scrollOnOpen && lastToggledSection.current === index && sectionRefs.current[index]) {
+            var headerHeight = (_b = (_a = stickyHeaderRef === null || stickyHeaderRef === void 0 ? void 0 : stickyHeaderRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height) !== null && _b !== void 0 ? _b : 0;
+            var top_1 = sectionRefs.current[index].getBoundingClientRect().top +
+                window.scrollY -
+                scrollTopOffset -
+                headerHeight;
+            window.scrollTo({ top: top_1, behavior: 'smooth' });
+        }
+    }, [scrollOnOpen, scrollTopOffset, stickyHeaderRef]);
+    // 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;
@@ -49,14 +69,23 @@ var TableContents = function (_a) {
                 ? true
                 : isSectionOpen === index || isFirstSection;
             var isVisible = hideDetails ? !shouldHideDetails : true;
-            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, 'p8'), 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-grey-200',
-                                    icon: 'tc-grey-900',
-                                }, dropShadow: false, icon: section === null || section === void 0 ? void 0 : section.icon, title: section.title, titleVariant: "medium" }, (collapsibleSections
+            var renderedIcon = (jsx(IconRenderer, { icon: section.icon, imageComponent: imageComponent, width: 20 }));
+            // 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", { ref: function (el) { sectionRefs.current[index] = el; }, 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: 'pl16',
+                                    buttonWrapper: styles.cardButton,
+                                    icon: classNames(styles.cardIcon, 'tc-neutral-900'),
+                                }, dropShadow: false, icon: renderedIcon, title: section.title, titleVariant: "medium", variant: "primary" }, (collapsibleSections
                                 ? {
                                     onClick: function () { return handleToggleSection(index); },
                                 }
-                                : {}))) }) })), jsx(Collapsible, { isExpanded: isExpanded, isMobile: isMobile, children: jsx(TableSection, { className: classNames(className, 'mb24'), tableCellRows: isFirstSection ? rows : __spreadArray([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, cellReplacements: cellReplacements }) })] }, index)));
+                                : {}))) }) })), jsx(Collapsible, { isExpanded: isExpanded, onTransitionEnd: function () { return handleScrollToSection(index); }, 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';\n\nexport interface TableContentsProps {\n  className?: string;\n  collapsibleSections?: boolean;\n  tableData: TableData;\n  hideDetails?: boolean;\n  isMobile?: boolean;\n  openModal?: ModalFunction;\n  shouldHideDetails?: boolean;\n  title: string;\n  cellReplacements?: CellReplacements;\n}\n\nconst TableContents = ({\n  className,\n  collapsibleSections,\n  tableData,\n  hideDetails,\n  isMobile,\n  openModal,\n  shouldHideDetails,\n  title,\n  cellReplacements,\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        return (\n          (isFirstSection || isVisible) && (\n            <div key={index}>\n              {section?.title && (\n                <div className={styles.cardWrapper}>\n                  <div className={classNames(styles.card, 'p8')}>\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-grey-200',\n                        icon: 'tc-grey-900',\n                      }}\n                      dropShadow={false}\n                      icon={section?.icon}\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} isMobile={isMobile}>\n                <TableSection\n                  className={classNames(className, 'mb24')}\n                  tableCellRows={\n                    isFirstSection ? rows : [firstHeadRow, ...rows]\n                  }\n                  hideHeader\n                  openModal={openModal}\n                  title={`${title}${\n                    section?.title ? ` - ${section.title}` : ''\n                  }`}\n                  width={tableWidth}\n                  cellReplacements={cellReplacements}\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 { MutableRefObject, useCallback, useRef, 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  scrollOnOpen?: boolean;\n  scrollTopOffset?: number;\n  stickyHeaderRef?: MutableRefObject<HTMLDivElement | null>;\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  scrollOnOpen,\n  scrollTopOffset = 0,\n  stickyHeaderRef,\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 lastToggledSection = useRef<number | null>(null);\n  const sectionRefs = useRef<Record<number, HTMLDivElement | null>>({});\n  const firstHeadRow = tableData?.[0]?.rows?.[0];\n  const tableWidth = isMobile ? `${firstHeadRow?.length * 50}%` : '';\n  const handleToggleSection = (index: number) => {\n    lastToggledSection.current = isSectionOpen === index ? null : index;\n    setOpenSection((currentSection) =>\n      currentSection === index ? null : index\n    );\n  };\n\n  const handleScrollToSection = useCallback(\n    (index: number) => {\n      if (scrollOnOpen && lastToggledSection.current === index && sectionRefs.current[index]) {\n        const headerHeight =\n          stickyHeaderRef?.current?.getBoundingClientRect().height ?? 0;\n        const top =\n          sectionRefs.current[index]!.getBoundingClientRect().top +\n          window.scrollY -\n          scrollTopOffset -\n          headerHeight;\n        window.scrollTo({ top, behavior: 'smooth' });\n      }\n    },\n    [scrollOnOpen, scrollTopOffset, stickyHeaderRef]\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} ref={(el) => { sectionRefs.current[index] = el; }}>\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: 'pl16',\n                      buttonWrapper: styles.cardButton,\n                      icon: classNames(styles.cardIcon, 'tc-neutral-900'),\n                    }}\n                    dropShadow={false}\n                    icon={renderedIcon}\n                    title={section.title}\n                    titleVariant=\"medium\"\n                    variant=\"primary\"\n                    {...(collapsibleSections\n                      ? {\n                          onClick: () => handleToggleSection(index),\n                        }\n                      : {})}\n                  />\n                </div>\n              </div>\n            )}\n\n            <Collapsible\n              isExpanded={isExpanded}\n              onTransitionEnd={() => handleScrollToSection(index)}\n            >\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

@@ -1,35 +1,40 @@
-import { c as __awaiter, d as __generator } from '../../../../tslib.es6-a39f91fc.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender, s as screen } from '../../../../customRender-d03c10b6.js';
+import { c as customRender, s as screen } from '../../../../customRender-DzdqZxUd.js';
 import { TableContents } from './TableContents.js';
+import '../../../../tslib.es6-CVlKGIvp.js';
+import '../../../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
 import 'react-dom';
-import '../../../../_commonjsHelpers-4730bd53.js';
+import 'util';
 import 'react-dom/test-utils';
-import '../../../../TableSection-e703f17f.js';
-import '../../../../index-6ea95111.js';
-import '../../../../style-inject.es-1f59c1d0.js';
+import '../../../../TableSection-CEhD4eoy.js';
+import '../../../../index-DLQEsiym.js';
+import '../../../../style-inject.es-tgCJW-Cu.js';
 import '../TableCell/TableCell.js';
 import '../TableCell/BaseCell/BaseCell.js';
-import '../../../icon/icons/Check.js';
+import '../../../icon/icons/CheckThick.js';
 import '../../../icon/IconWrapper/IconWrapper.js';
 import '../../../icon/icons/StarFilled.js';
 import '../../../icon/icons/X.js';
 import '../../../icon/icons/ZapFilled.js';
 import '../TableCell/BaseCell/MiniProgressBar/MiniProgressBar.js';
-import '../../../../index-caeac7cd.js';
+import '../../../../index-CqsS0Elu.js';
+import '../../../../index-DYcCCrfR.js';
+import '../../../comparisonTable/components/Row/index.js';
 import '../../../comparisonTable/components/TableInfoButton/index.js';
 import '../../../icon/icons/Info.js';
-import '../../../../index-5e72c3d4.js';
+import '../../../../index-BClARCFl.js';
 import '../TableCell/CTACell/CTACell.js';
-import '../TableCell/ButtonCell/ButtonCell.js';
+import '../IconRenderer/IconRenderer.js';
 import '../../../button/index.js';
-import '../../../icon/icons/ChevronDown.js';
-import '../../../icon/icons/ChevronUp.js';
+import '../TableCell/CardCell/CardCell.js';
 import '../../../cards/card/index.js';
 import '../../../icon/icons/ChevronRight.js';
-import '../../../../Collapsible-a355828b.js';
-import '../../../../index-a0ef2ab4.js';
+import '../TableCell/ButtonCell/ButtonCell.js';
+import '../../../../useMediaQuery-BlEUymPA.js';
+import '../../../icon/icons/ChevronDown.js';
+import '../../../icon/icons/ChevronUp.js';
+import './Collapsible.js';
 
 var mockData = [
     {
@@ -65,25 +70,5 @@ describe('TableContents', function () {
         expect(screen.queryByText('Section 2')).not.toBeInTheDocument();
         expect(screen.queryByText('Item 2.1.1')).not.toBeInTheDocument();
     });
-    it('hides the table sections details when collapsibleSections is true', function () {
-        customRender(jsx(TableContents, { collapsibleSections: true, isMobile: true, tableData: mockData, title: "Table" }));
-        expect(screen.getByText('Section 2')).toBeVisible();
-        expect(screen.queryByText('Item 2.1.1')).not.toBeVisible();
-    });
-    it('shows the table sections when hideDetails is collapsibleSections true has expanded ', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var user;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    user = customRender(jsx(TableContents, { collapsibleSections: true, isMobile: true, tableData: mockData, title: "Table" })).user;
-                    expect(screen.queryByText('Item 2.1.1')).not.toBeVisible();
-                    return [4 /*yield*/, user.click(screen.getByText('Section 2'))];
-                case 1:
-                    _a.sent();
-                    expect(screen.getByText('Item 2.1.1')).toBeVisible();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
 });
 //# sourceMappingURL=TableContents.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableContents.test.js","sources":["../../../../../../../src/lib/components/table/components/TableContents/TableContents.test.tsx"],"sourcesContent":["import { render, screen } from '../../../../util/testUtils';\nimport { TableContents, TableContentsProps } from './TableContents';\n\nconst mockData: TableContentsProps['tableData'] = [\n  {\n    rows: [\n      [{ text: 'Item 1.1.1' }, { text: 'Item 1.1.2' }],\n      [{ text: 'Item 1.2.1' }, { text: 'Item 1.2.2' }],\n    ],\n  },\n  {\n    section: {\n      title: 'Section 2',\n    },\n    rows: [\n      [{ text: 'Item 2.1.1' }, { text: 'Item 2.1.2' }],\n      [{ text: 'Item 2.2.1' }, { text: 'Item 2.2.2' }],\n    ],\n  },\n];\n\ndescribe('TableContents', () => {\n  it('renders the table sections with sections', () => {\n    render(\n      <TableContents collapsibleSections tableData={mockData} title=\"Table\" />\n    );\n\n    expect(screen.getByText('Section 2')).toBeInTheDocument();\n  });\n\n  it('renders the table sections with sections data', () => {\n    render(\n      <TableContents collapsibleSections tableData={mockData} title=\"Table\" />\n    );\n\n    expect(screen.getByText('Item 1.2.1')).toBeInTheDocument();\n    expect(screen.getByText('Item 1.2.2')).toBeInTheDocument();\n    expect(screen.getByText('Item 2.1.2')).toBeInTheDocument();\n    expect(screen.getByText('Item 2.2.1')).toBeInTheDocument();\n  });\n\n  it('hides the table sections when hideDetails and shouldHideDetails is true', () => {\n    render(\n      <TableContents\n        hideDetails\n        shouldHideDetails\n        tableData={mockData}\n        title=\"Table\"\n      />\n    );\n\n    expect(screen.queryByText('Section 2')).not.toBeInTheDocument();\n    expect(screen.queryByText('Item 2.1.1')).not.toBeInTheDocument();\n  });\n\n  it('hides the table sections details when collapsibleSections is true', () => {\n    render(\n      <TableContents\n        collapsibleSections\n        isMobile\n        tableData={mockData}\n        title=\"Table\"\n      />\n    );\n\n    expect(screen.getByText('Section 2')).toBeVisible();\n    expect(screen.queryByText('Item 2.1.1')).not.toBeVisible();\n  });\n\n  it('shows the table sections when hideDetails is collapsibleSections true has expanded ', async () => {\n    const { user } = render(\n      <TableContents\n        collapsibleSections\n        isMobile\n        tableData={mockData}\n        title=\"Table\"\n      />\n    );\n\n    expect(screen.queryByText('Item 2.1.1')).not.toBeVisible();\n\n    await user.click(screen.getByText('Section 2'));\n\n    expect(screen.getByText('Item 2.1.1')).toBeVisible();\n  });\n});\n"],"names":["render","_jsx"],"mappings":"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"}
+{"version":3,"file":"TableContents.test.js","sources":["../../../../../../../src/lib/components/table/components/TableContents/TableContents.test.tsx"],"sourcesContent":["import { render, screen } from '../../../../util/testUtils';\nimport { TableContents, TableContentsProps } from './TableContents';\n\nconst mockData: TableContentsProps['tableData'] = [\n  {\n    rows: [\n      [{ text: 'Item 1.1.1' }, { text: 'Item 1.1.2' }],\n      [{ text: 'Item 1.2.1' }, { text: 'Item 1.2.2' }],\n    ],\n  },\n  {\n    section: {\n      title: 'Section 2',\n    },\n    rows: [\n      [{ text: 'Item 2.1.1' }, { text: 'Item 2.1.2' }],\n      [{ text: 'Item 2.2.1' }, { text: 'Item 2.2.2' }],\n    ],\n  },\n];\n\ndescribe('TableContents', () => {\n  it('renders the table sections with sections', () => {\n    render(\n      <TableContents collapsibleSections tableData={mockData} title=\"Table\" />\n    );\n\n    expect(screen.getByText('Section 2')).toBeInTheDocument();\n  });\n\n  it('renders the table sections with sections data', () => {\n    render(\n      <TableContents collapsibleSections tableData={mockData} title=\"Table\" />\n    );\n\n    expect(screen.getByText('Item 1.2.1')).toBeInTheDocument();\n    expect(screen.getByText('Item 1.2.2')).toBeInTheDocument();\n    expect(screen.getByText('Item 2.1.2')).toBeInTheDocument();\n    expect(screen.getByText('Item 2.2.1')).toBeInTheDocument();\n  });\n\n  it('hides the table sections when hideDetails and shouldHideDetails is true', () => {\n    render(\n      <TableContents\n        hideDetails\n        shouldHideDetails\n        tableData={mockData}\n        title=\"Table\"\n      />\n    );\n\n    expect(screen.queryByText('Section 2')).not.toBeInTheDocument();\n    expect(screen.queryByText('Item 2.1.1')).not.toBeInTheDocument();\n  });\n});\n"],"names":["render","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAM,QAAQ,GAAoC;AAChD,IAAA;AACE,QAAA,IAAI,EAAE;YACJ,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;YAChD,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;AACjD,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,OAAO,EAAE;AACP,YAAA,KAAK,EAAE,WAAW;AACnB,SAAA;AACD,QAAA,IAAI,EAAE;YACJ,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;YAChD,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;AACjD,SAAA;AACF,KAAA;CACF;AAED,QAAQ,CAAC,eAAe,EAAE,YAAA;IACxB,EAAE,CAAC,0CAA0C,EAAE,YAAA;AAC7C,QAAAA,YAAM,CACJC,GAAA,CAAC,aAAa,EAAA,EAAC,mBAAmB,EAAA,IAAA,EAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAC,OAAO,EAAA,CAAG,CACzE;QAED,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE;AAC3D,IAAA,CAAC,CAAC;IAEF,EAAE,CAAC,+CAA+C,EAAE,YAAA;AAClD,QAAAD,YAAM,CACJC,GAAA,CAAC,aAAa,EAAA,EAAC,mBAAmB,EAAA,IAAA,EAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAC,OAAO,EAAA,CAAG,CACzE;QAED,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE;QAC1D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE;QAC1D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE;QAC1D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE;AAC5D,IAAA,CAAC,CAAC;IAEF,EAAE,CAAC,yEAAyE,EAAE,YAAA;AAC5E,QAAAD,YAAM,CACJC,GAAA,CAAC,aAAa,EAAA,EACZ,WAAW,QACX,iBAAiB,EAAA,IAAA,EACjB,SAAS,EAAE,QAAQ,EACnB,KAAK,EAAC,OAAO,EAAA,CACb,CACH;AAED,QAAA,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE;AAC/D,QAAA,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE;AAClE,IAAA,CAAC,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,20 +1,22 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import { c as classNames } from '../../../../index-DLQEsiym.js';
 import ChevronLeftIcon from '../../../icon/icons/ChevronLeft.js';
 import ChevronRightIcon from '../../../icon/icons/ChevronRight.js';
-import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
+import { s as styleInject } from '../../../../style-inject.es-tgCJW-Cu.js';
 import { Button } from '../../../button/index.js';
-import { c as classNames } from '../../../../index-6ea95111.js';
-import 'react';
+import '../../../../_commonjsHelpers-BFTU3MAI.js';
 import '../../../icon/IconWrapper/IconWrapper.js';
-import '../../../../tslib.es6-a39f91fc.js';
+import '../../../../tslib.es6-CVlKGIvp.js';
 
-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"};
+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  width: 32px;\n  height: 100%;\n  padding: 0;\n  min-width: 32px;\n}\n.TableControls-module_controlButtonHidden__1YsHA {\n  visibility: hidden;\n  pointer-events: none;\n}";
+var styles = {"stickyHeader":"TableControls-module_stickyHeader__1f6Ta","controlButton":"TableControls-module_controlButton__2kQiG","controlButtonHidden":"TableControls-module_controlButtonHidden__1YsHA"};
 styleInject(css_248z);
 
 var TableControls = function (_a) {
+    var _b, _c;
     var activeSection = _a.activeSection, children = _a.children, columnsLength = _a.columnsLength, stickyHeaderTopOffset = _a.stickyHeaderTopOffset, navigateTable = _a.navigateTable;
-    return (jsxs("div", { "aria-hidden": true, className: classNames('d-flex ai-center jc-between bg-white px8', styles.stickyHeader), style: { top: "".concat(stickyHeaderTopOffset, "px") }, children: [jsx(Button, { className: styles.controlButton, disabled: activeSection <= 1, hideLabel: true, leftIcon: jsx(ChevronLeftIcon, {}), onClick: function () { return navigateTable(); }, type: "button", variant: "filledGray", "data-testid": "previous-section-button", children: "Previous section" }), children, jsx(Button, { className: styles.controlButton, disabled: activeSection >= columnsLength - 1, hideLabel: true, leftIcon: jsx(ChevronRightIcon, {}), onClick: function () { return navigateTable(true); }, type: "button", variant: "filledGray", "data-testid": "next-section-button", children: "Next section" })] }));
+    return (jsxs("div", { "aria-hidden": true, className: classNames('d-flex ai-stretch jc-between bg-white', styles.stickyHeader), style: { top: "".concat(stickyHeaderTopOffset, "px") }, children: [jsx("div", { className: 'py24', children: jsx(Button, { className: classNames((_b = {}, _b[styles.controlButtonHidden] = activeSection <= 1, _b), 'br8', styles.controlButton), disabled: activeSection <= 1, hideLabel: true, leftIcon: jsx(ChevronLeftIcon, {}), onClick: function () { return navigateTable(); }, type: "button", variant: "filledGray", "data-testid": "previous-section-button", style: { height: '100%' }, children: "Previous section" }) }), children, jsx("div", { className: 'py24', children: jsx(Button, { className: classNames((_c = {}, _c[styles.controlButtonHidden] = activeSection >= columnsLength - 1, _c), 'br8', styles.controlButton), disabled: activeSection >= columnsLength - 1, hideLabel: true, leftIcon: jsx(ChevronRightIcon, {}), onClick: function () { return navigateTable(true); }, type: "button", variant: "filledGray", "data-testid": "next-section-button", children: "Next section" }) })] }));
 };
 
 export { TableControls };

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

@@ -1 +1 @@
-{"version":3,"file":"TableControls.js","sources":["../../../../../../../src/lib/components/table/components/TableControls/TableControls.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { ChevronLeftIcon, ChevronRightIcon } from '../../../icon';\nimport styles from './TableControls.module.scss';\nimport { Button } from '../../../button';\nimport classNames from 'classnames';\n\nexport interface TableControlsProps {\n  activeSection: number;\n  children: ReactNode;\n  columnsLength: number;\n  stickyHeaderTopOffset: number;\n  navigateTable: (next?: boolean) => void;\n}\n\nconst TableControls = ({\n  activeSection,\n  children,\n  columnsLength,\n  stickyHeaderTopOffset,\n  navigateTable,\n}: TableControlsProps) => {\n  return (\n    <div\n      aria-hidden\n      className={classNames(\n        'd-flex ai-center jc-between bg-white px8',\n        styles.stickyHeader\n      )}\n      style={{ top: `${stickyHeaderTopOffset}px` }}\n    >\n      <Button\n        className={styles.controlButton}\n        disabled={activeSection <= 1}\n        hideLabel\n        leftIcon={<ChevronLeftIcon />}\n        onClick={() => navigateTable()}\n        type=\"button\"\n        variant=\"filledGray\"\n        data-testid=\"previous-section-button\"\n      >\n        Previous section\n      </Button>\n\n      {children}\n\n      <Button\n        className={styles.controlButton}\n        disabled={activeSection >= columnsLength - 1}\n        hideLabel\n        leftIcon={<ChevronRightIcon />}\n        onClick={() => navigateTable(true)}\n        type=\"button\"\n        variant=\"filledGray\"\n        data-testid=\"next-section-button\"\n      >\n        Next section\n      </Button>\n    </div>\n  );\n};\n\nexport { TableControls };\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;IAcM,aAAa,GAAG,UAAC,EAMF;QALnB,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,qBAAqB,2BAAA,EACrB,aAAa,mBAAA;IAEb,QACEA,mCAEE,SAAS,EAAE,UAAU,CACnB,0CAA0C,EAC1C,MAAM,CAAC,YAAY,CACpB,EACD,KAAK,EAAE,EAAE,GAAG,EAAE,UAAG,qBAAqB,OAAI,EAAE,aAE5CC,IAAC,MAAM,IACL,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,QAAQ,EAAE,aAAa,IAAI,CAAC,EAC5B,SAAS,QACT,QAAQ,EAAEA,IAAC,eAAe,KAAG,EAC7B,OAAO,EAAE,cAAM,OAAA,aAAa,EAAE,GAAA,EAC9B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,YAAY,iBACR,yBAAyB,iCAG9B,EAER,QAAQ,EAETA,IAAC,MAAM,IACL,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,QAAQ,EAAE,aAAa,IAAI,aAAa,GAAG,CAAC,EAC5C,SAAS,QACT,QAAQ,EAAEA,IAAC,gBAAgB,KAAG,EAC9B,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,IAAI,CAAC,GAAA,EAClC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,YAAY,iBACR,qBAAqB,6BAG1B,IACL,EACN;AACJ;;;;"}
+{"version":3,"file":"TableControls.js","sources":["../../../../../../../src/lib/components/table/components/TableControls/TableControls.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { ChevronLeftIcon, ChevronRightIcon } from '../../../icon';\nimport styles from './TableControls.module.scss';\nimport { Button } from '../../../button';\nimport classNames from 'classnames';\n\nexport interface TableControlsProps {\n  activeSection: number;\n  children: ReactNode;\n  columnsLength: number;\n  stickyHeaderTopOffset: number;\n  navigateTable: (next?: boolean) => void;\n}\n\nconst TableControls = ({\n  activeSection,\n  children,\n  columnsLength,\n  stickyHeaderTopOffset,\n  navigateTable,\n}: TableControlsProps) => {\n  return (\n    <div\n      aria-hidden\n      className={classNames(\n        'd-flex ai-stretch jc-between bg-white',\n        styles.stickyHeader\n      )}\n      style={{ top: `${stickyHeaderTopOffset}px` }}\n    >\n      <div className='py24'>\n        <Button\n          className={classNames(\n            { [styles.controlButtonHidden]: activeSection <= 1 },\n            'br8',\n            styles.controlButton\n          )}\n          disabled={activeSection <= 1}\n          hideLabel\n          leftIcon={<ChevronLeftIcon />}\n          onClick={() => navigateTable()}\n          type=\"button\"\n          variant=\"filledGray\"\n          data-testid=\"previous-section-button\"\n          style={{ height: '100%' }}\n        >\n          Previous section\n        </Button>\n      </div>\n\n      {children}\n\n      <div className='py24'>\n        <Button\n          className={classNames(\n            { [styles.controlButtonHidden]: activeSection >= columnsLength - 1 },\n            'br8',\n            styles.controlButton\n          )}\n          disabled={activeSection >= columnsLength - 1}\n          hideLabel\n          leftIcon={<ChevronRightIcon />}\n          onClick={() => navigateTable(true)}\n          type=\"button\"\n          variant=\"filledGray\"\n          data-testid=\"next-section-button\"\n        >\n          Next section\n        </Button>\n      </div>\n    </div>\n  );\n};\n\nexport { TableControls };\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;AAcA,IAAM,aAAa,GAAG,UAAC,EAMF,EAAA;;AALnB,IAAA,IAAA,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,qBAAqB,GAAA,EAAA,CAAA,qBAAA,EACrB,aAAa,GAAA,EAAA,CAAA,aAAA;AAEb,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAEE,SAAS,EAAE,UAAU,CACnB,uCAAuC,EACvC,MAAM,CAAC,YAAY,CACpB,EACD,KAAK,EAAE,EAAE,GAAG,EAAE,EAAA,CAAA,MAAA,CAAG,qBAAqB,EAAA,IAAA,CAAI,EAAE,EAAA,QAAA,EAAA,CAE5CC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,MAAM,EAAA,QAAA,EACnBA,GAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAE,UAAU,WACjB,EAAA,CAAC,MAAM,CAAC,mBAAmB,CAAA,GAAG,aAAa,IAAI,CAAC,EAAA,EAAA,GAClD,KAAK,EACL,MAAM,CAAC,aAAa,CACrB,EACD,QAAQ,EAAE,aAAa,IAAI,CAAC,EAC5B,SAAS,QACT,QAAQ,EAAEA,GAAA,CAAC,eAAe,KAAG,EAC7B,OAAO,EAAE,YAAA,EAAM,OAAA,aAAa,EAAE,CAAA,CAAf,CAAe,EAC9B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,YAAY,EAAA,aAAA,EACR,yBAAyB,EACrC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,kBAAA,EAAA,CAGlB,EAAA,CACL,EAEL,QAAQ,EAETA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,MAAM,EAAA,QAAA,EACnBA,IAAC,MAAM,EAAA,EACL,SAAS,EAAE,UAAU,EAAA,EAAA,GAAA,EAAA,EACjB,EAAA,CAAC,MAAM,CAAC,mBAAmB,CAAA,GAAG,aAAa,IAAI,aAAa,GAAG,CAAC,EAAA,EAAA,GAClE,KAAK,EACL,MAAM,CAAC,aAAa,CACrB,EACD,QAAQ,EAAE,aAAa,IAAI,aAAa,GAAG,CAAC,EAC5C,SAAS,EAAA,IAAA,EACT,QAAQ,EAAEA,GAAA,CAAC,gBAAgB,KAAG,EAC9B,OAAO,EAAE,YAAA,EAAM,OAAA,aAAa,CAAC,IAAI,CAAC,CAAA,CAAnB,CAAmB,EAClC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,YAAY,EAAA,aAAA,EACR,qBAAqB,6BAG1B,EAAA,CACL,CAAA,EAAA,CACF;AAEV;;;;"}

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

@@ -1,15 +1,16 @@
-import { a as __assign, c as __awaiter, d as __generator } from '../../../../tslib.es6-a39f91fc.js';
+import { b as __assign, _ as __awaiter, a as __generator } from '../../../../tslib.es6-CVlKGIvp.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender, s as screen } from '../../../../customRender-d03c10b6.js';
+import { c as customRender, s as screen } from '../../../../customRender-DzdqZxUd.js';
 import { TableControls } from './TableControls.js';
+import '../../../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
 import 'react-dom';
-import '../../../../_commonjsHelpers-4730bd53.js';
+import 'util';
 import 'react-dom/test-utils';
+import '../../../../index-DLQEsiym.js';
 import '../../../icon/icons/ChevronLeft.js';
 import '../../../icon/IconWrapper/IconWrapper.js';
-import '../../../../index-6ea95111.js';
-import '../../../../style-inject.es-1f59c1d0.js';
+import '../../../../style-inject.es-tgCJW-Cu.js';
 import '../../../icon/icons/ChevronRight.js';
 import '../../../button/index.js';
 

package/dist/esm/components/table/components/TableControls/TableControls.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableControls.test.js","sources":["../../../../../../../src/lib/components/table/components/TableControls/TableControls.test.tsx"],"sourcesContent":["import { render, screen } from '../../../../util/testUtils';\nimport { TableControls, TableControlsProps } from './TableControls';\n\nconst mockNavigateTable = jest.fn();\n\nconst defaultProps: TableControlsProps = {\n  activeSection: 1,\n  children: <div>Table content</div>,\n  columnsLength: 3,\n  stickyHeaderTopOffset: 0,\n  navigateTable: mockNavigateTable,\n};\n\ndescribe('TableControls', () => {\n  it('renders the previous and next section buttons', () => {\n    render(<TableControls {...defaultProps} />);\n\n    const previousButton = screen.getByText('Previous section');\n    const nextButton = screen.getByText('Next section');\n\n    expect(previousButton).toBeInTheDocument();\n    expect(nextButton).toBeInTheDocument();\n  });\n\n  it('disables the previous button when activeSection is 1', () => {\n    render(<TableControls {...defaultProps} activeSection={1} />);\n\n    const previousButton = screen.getByTestId('previous-section-button');\n\n    expect(previousButton).toBeDisabled();\n  });\n\n  it('disables the next button when activeSection is equal to columnsLength - 1', () => {\n    render(<TableControls {...defaultProps} activeSection={2} />);\n\n    const nextButton = screen.getByTestId('next-section-button');\n\n    expect(nextButton).toBeDisabled();\n  });\n\n  it('calls navigateTable with no arguments when previous button is clicked', async () => {\n    const { user } = render(\n      <TableControls {...defaultProps} activeSection={2} />\n    );\n\n    await user.click(screen.getByTestId('previous-section-button'));\n\n    expect(mockNavigateTable).toHaveBeenCalledWith();\n  });\n\n  it('calls navigateTable with true argument when next button is clicked', async () => {\n    const { user } = render(<TableControls {...defaultProps} />);\n\n    await user.click(screen.getByTestId('next-section-button'));\n\n    expect(mockNavigateTable).toHaveBeenCalledWith(true);\n  });\n});\n"],"names":["_jsx","render"],"mappings":";;;;;;;;;;;;;;;AAGA,IAAM,iBAAiB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAEpC,IAAM,YAAY,GAAuB;IACvC,aAAa,EAAE,CAAC;IAChB,QAAQ,EAAEA,yCAAwB;IAClC,aAAa,EAAE,CAAC;IAChB,qBAAqB,EAAE,CAAC;IACxB,aAAa,EAAE,iBAAiB;CACjC,CAAC;AAEF,QAAQ,CAAC,eAAe,EAAE;IACxB,EAAE,CAAC,+CAA+C,EAAE;QAClDC,YAAM,CAACD,IAAC,aAAa,eAAK,YAAY,EAAI,CAAC,CAAC;QAE5C,IAAM,cAAc,GAAG,MAAM,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC;QAC5D,IAAM,UAAU,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QAEpD,MAAM,CAAC,cAAc,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC3C,MAAM,CAAC,UAAU,CAAC,CAAC,iBAAiB,EAAE,CAAC;KACxC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE;QACzDC,YAAM,CAACD,IAAC,aAAa,eAAK,YAAY,IAAE,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;QAE9D,IAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,yBAAyB,CAAC,CAAC;QAErE,MAAM,CAAC,cAAc,CAAC,CAAC,YAAY,EAAE,CAAC;KACvC,CAAC,CAAC;IAEH,EAAE,CAAC,2EAA2E,EAAE;QAC9EC,YAAM,CAACD,IAAC,aAAa,eAAK,YAAY,IAAE,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;QAE9D,IAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC;QAE7D,MAAM,CAAC,UAAU,CAAC,CAAC,YAAY,EAAE,CAAC;KACnC,CAAC,CAAC;IAEH,EAAE,CAAC,uEAAuE,EAAE;;;;;oBAClE,IAAI,GAAKC,YAAM,CACrBD,IAAC,aAAa,eAAK,YAAY,IAAE,aAAa,EAAE,CAAC,IAAI,CACtD,KAFW,CAEV;oBAEF,qBAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,yBAAyB,CAAC,CAAC,EAAA;;oBAA/D,SAA+D,CAAC;oBAEhE,MAAM,CAAC,iBAAiB,CAAC,CAAC,oBAAoB,EAAE,CAAC;;;;SAClD,CAAC,CAAC;IAEH,EAAE,CAAC,oEAAoE,EAAE;;;;;oBAC/D,IAAI,GAAKC,YAAM,CAACD,IAAC,aAAa,eAAK,YAAY,EAAI,CAAC,KAAhD,CAAiD;oBAE7D,qBAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC,EAAA;;oBAA3D,SAA2D,CAAC;oBAE5D,MAAM,CAAC,iBAAiB,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;;;;SACtD,CAAC,CAAC;AACL,CAAC,CAAC"}
+{"version":3,"file":"TableControls.test.js","sources":["../../../../../../../src/lib/components/table/components/TableControls/TableControls.test.tsx"],"sourcesContent":["import { render, screen } from '../../../../util/testUtils';\nimport { TableControls, TableControlsProps } from './TableControls';\n\nconst mockNavigateTable = jest.fn();\n\nconst defaultProps: TableControlsProps = {\n  activeSection: 1,\n  children: <div>Table content</div>,\n  columnsLength: 3,\n  stickyHeaderTopOffset: 0,\n  navigateTable: mockNavigateTable,\n};\n\ndescribe('TableControls', () => {\n  it('renders the previous and next section buttons', () => {\n    render(<TableControls {...defaultProps} />);\n\n    const previousButton = screen.getByText('Previous section');\n    const nextButton = screen.getByText('Next section');\n\n    expect(previousButton).toBeInTheDocument();\n    expect(nextButton).toBeInTheDocument();\n  });\n\n  it('disables the previous button when activeSection is 1', () => {\n    render(<TableControls {...defaultProps} activeSection={1} />);\n\n    const previousButton = screen.getByTestId('previous-section-button');\n\n    expect(previousButton).toBeDisabled();\n  });\n\n  it('disables the next button when activeSection is equal to columnsLength - 1', () => {\n    render(<TableControls {...defaultProps} activeSection={2} />);\n\n    const nextButton = screen.getByTestId('next-section-button');\n\n    expect(nextButton).toBeDisabled();\n  });\n\n  it('calls navigateTable with no arguments when previous button is clicked', async () => {\n    const { user } = render(\n      <TableControls {...defaultProps} activeSection={2} />\n    );\n\n    await user.click(screen.getByTestId('previous-section-button'));\n\n    expect(mockNavigateTable).toHaveBeenCalledWith();\n  });\n\n  it('calls navigateTable with true argument when next button is clicked', async () => {\n    const { user } = render(<TableControls {...defaultProps} />);\n\n    await user.click(screen.getByTestId('next-section-button'));\n\n    expect(mockNavigateTable).toHaveBeenCalledWith(true);\n  });\n});\n"],"names":["_jsx","render"],"mappings":";;;;;;;;;;;;;;;;AAGA,IAAM,iBAAiB,GAAG,IAAI,CAAC,EAAE,EAAE;AAEnC,IAAM,YAAY,GAAuB;AACvC,IAAA,aAAa,EAAE,CAAC;AAChB,IAAA,QAAQ,EAAEA,GAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,eAAA,EAAA,CAAwB;AAClC,IAAA,aAAa,EAAE,CAAC;AAChB,IAAA,qBAAqB,EAAE,CAAC;AACxB,IAAA,aAAa,EAAE,iBAAiB;CACjC;AAED,QAAQ,CAAC,eAAe,EAAE,YAAA;IACxB,EAAE,CAAC,+CAA+C,EAAE,YAAA;AAClD,QAAAC,YAAM,CAACD,GAAA,CAAC,aAAa,eAAK,YAAY,CAAA,CAAI,CAAC;QAE3C,IAAM,cAAc,GAAG,MAAM,CAAC,SAAS,CAAC,kBAAkB,CAAC;QAC3D,IAAM,UAAU,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AAEnD,QAAA,MAAM,CAAC,cAAc,CAAC,CAAC,iBAAiB,EAAE;AAC1C,QAAA,MAAM,CAAC,UAAU,CAAC,CAAC,iBAAiB,EAAE;AACxC,IAAA,CAAC,CAAC;IAEF,EAAE,CAAC,sDAAsD,EAAE,YAAA;QACzDC,YAAM,CAACD,GAAA,CAAC,aAAa,EAAA,QAAA,CAAA,EAAA,EAAK,YAAY,EAAA,EAAE,aAAa,EAAE,CAAC,EAAA,CAAA,CAAI,CAAC;QAE7D,IAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,yBAAyB,CAAC;AAEpE,QAAA,MAAM,CAAC,cAAc,CAAC,CAAC,YAAY,EAAE;AACvC,IAAA,CAAC,CAAC;IAEF,EAAE,CAAC,2EAA2E,EAAE,YAAA;QAC9EC,YAAM,CAACD,GAAA,CAAC,aAAa,EAAA,QAAA,CAAA,EAAA,EAAK,YAAY,EAAA,EAAE,aAAa,EAAE,CAAC,EAAA,CAAA,CAAI,CAAC;QAE7D,IAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,qBAAqB,CAAC;AAE5D,QAAA,MAAM,CAAC,UAAU,CAAC,CAAC,YAAY,EAAE;AACnC,IAAA,CAAC,CAAC;IAEF,EAAE,CAAC,uEAAuE,EAAE,YAAA,EAAA,OAAA,SAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA;;;;;AAClE,oBAAA,IAAI,GAAKC,YAAM,CACrBD,GAAA,CAAC,aAAa,EAAA,QAAA,CAAA,EAAA,EAAK,YAAY,EAAA,EAAE,aAAa,EAAE,CAAC,EAAA,CAAA,CAAI,CACtD,KAFW;oBAIZ,OAAA,CAAA,CAAA,YAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,yBAAyB,CAAC,CAAC,CAAA;;AAA/D,oBAAA,EAAA,CAAA,IAAA,EAA+D;AAE/D,oBAAA,MAAM,CAAC,iBAAiB,CAAC,CAAC,oBAAoB,EAAE;;;;AACjD,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC;IAEF,EAAE,CAAC,oEAAoE,EAAE,YAAA,EAAA,OAAA,SAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA;;;;;oBAC/D,IAAI,GAAKC,YAAM,CAACD,GAAA,CAAC,aAAa,eAAK,YAAY,CAAA,CAAI,CAAC,CAAA,IAAhD;oBAEZ,OAAA,CAAA,CAAA,YAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC,CAAA;;AAA3D,oBAAA,EAAA,CAAA,IAAA,EAA2D;oBAE3D,MAAM,CAAC,iBAAiB,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC;;;;AACrD,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,23 +1,30 @@
-import '../../../../tslib.es6-a39f91fc.js';
+import '../../../../tslib.es6-CVlKGIvp.js';
 import 'react/jsx-runtime';
-import '../../../../index-6ea95111.js';
-export { T as TableSection } from '../../../../TableSection-e703f17f.js';
+import '../../../../index-DLQEsiym.js';
+export { T as TableSection } from '../../../../TableSection-CEhD4eoy.js';
 import '../TableCell/TableCell.js';
-import '../../../../style-inject.es-1f59c1d0.js';
-import '../TableCell/BaseCell/BaseCell.js';
-import '../../../icon/icons/Check.js';
 import 'react';
+import '../../../../useMediaQuery-BlEUymPA.js';
+import '../../../../_commonjsHelpers-BFTU3MAI.js';
+import '../../../../style-inject.es-tgCJW-Cu.js';
+import '../TableCell/BaseCell/BaseCell.js';
+import '../../../icon/icons/CheckThick.js';
 import '../../../icon/IconWrapper/IconWrapper.js';
 import '../../../icon/icons/StarFilled.js';
 import '../../../icon/icons/X.js';
 import '../../../icon/icons/ZapFilled.js';
 import '../TableCell/BaseCell/MiniProgressBar/MiniProgressBar.js';
-import '../../../../index-caeac7cd.js';
-import '../../../../_commonjsHelpers-4730bd53.js';
+import '../../../../index-CqsS0Elu.js';
+import '../../../../index-DYcCCrfR.js';
+import '../../../comparisonTable/components/Row/index.js';
 import '../../../comparisonTable/components/TableInfoButton/index.js';
 import '../../../icon/icons/Info.js';
-import '../../../../index-5e72c3d4.js';
+import '../../../../index-BClARCFl.js';
 import '../TableCell/CTACell/CTACell.js';
-import '../TableCell/ButtonCell/ButtonCell.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';
 //# sourceMappingURL=TableSection.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableSection.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TableSection.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,28 +1,36 @@
-import { a as __assign } from '../../../../tslib.es6-a39f91fc.js';
+import { b as __assign } from '../../../../tslib.es6-CVlKGIvp.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender, s as screen } from '../../../../customRender-d03c10b6.js';
-import { T as TableSection } from '../../../../TableSection-e703f17f.js';
+import { c as customRender, s as screen } from '../../../../customRender-DzdqZxUd.js';
+import { T as TableSection } from '../../../../TableSection-CEhD4eoy.js';
+import '../../../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
 import 'react-dom';
-import '../../../../_commonjsHelpers-4730bd53.js';
+import 'util';
 import 'react-dom/test-utils';
-import '../../../../index-6ea95111.js';
-import '../../../../style-inject.es-1f59c1d0.js';
+import '../../../../index-DLQEsiym.js';
+import '../../../../style-inject.es-tgCJW-Cu.js';
 import '../TableCell/TableCell.js';
 import '../TableCell/BaseCell/BaseCell.js';
-import '../../../icon/icons/Check.js';
+import '../../../icon/icons/CheckThick.js';
 import '../../../icon/IconWrapper/IconWrapper.js';
 import '../../../icon/icons/StarFilled.js';
 import '../../../icon/icons/X.js';
 import '../../../icon/icons/ZapFilled.js';
 import '../TableCell/BaseCell/MiniProgressBar/MiniProgressBar.js';
-import '../../../../index-caeac7cd.js';
+import '../../../../index-CqsS0Elu.js';
+import '../../../../index-DYcCCrfR.js';
+import '../../../comparisonTable/components/Row/index.js';
 import '../../../comparisonTable/components/TableInfoButton/index.js';
 import '../../../icon/icons/Info.js';
-import '../../../../index-5e72c3d4.js';
+import '../../../../index-BClARCFl.js';
 import '../TableCell/CTACell/CTACell.js';
-import '../TableCell/ButtonCell/ButtonCell.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 '../../../../useMediaQuery-BlEUymPA.js';
 
 var tableCellRows = [
     [{ text: 'Cell 1.1' }, { text: 'Cell 1.2' }, { text: 'Cell 1.3' }],

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

@@ -1 +1 @@
-{"version":3,"file":"TableSection.test.js","sources":["../../../../../../../src/lib/components/table/components/TableSection/TableSection.test.tsx"],"sourcesContent":["import { render, screen } from '../../../../util/testUtils';\nimport { TableSection, TableSectionProps } from './TableSection';\n\nconst tableCellRows: TableSectionProps['tableCellRows'] = [\n  [{ text: 'Cell 1.1' }, { text: 'Cell 1.2' }, { text: 'Cell 1.3' }],\n  [{ text: 'Cell 2.1' }, { text: 'Cell 2.2' }, { text: 'Cell 2.3' }],\n];\n\nconst mockTitle = 'Test Table';\n\nconst mockOpenModal = jest.fn();\n\nconst defaultProps: TableSectionProps = {\n  tableCellRows,\n  title: mockTitle,\n  openModal: mockOpenModal,\n};\n\ndescribe('TableSection', () => {\n  it('renders the table caption', () => {\n    render(<TableSection {...defaultProps} />);\n\n    expect(screen.getByText(mockTitle)).toBeInTheDocument();\n  });\n\n  it('renders the table with correct data', () => {\n    render(<TableSection {...defaultProps} />);\n\n    expect(screen.getByText('Cell 1.1')).toBeInTheDocument();\n    expect(screen.getByText('Cell 1.2')).toBeInTheDocument();\n    expect(screen.getByText('Cell 1.3')).toBeInTheDocument();\n\n    expect(screen.getByText('Cell 2.1')).toBeInTheDocument();\n    expect(screen.getByText('Cell 2.2')).toBeInTheDocument();\n    expect(screen.getByText('Cell 2.3')).toBeInTheDocument();\n  });\n\n  it('should render table headers', () => {\n    const { container } = render(<TableSection {...defaultProps} />);\n\n    const thElements = container.querySelectorAll('th');\n\n    expect(thElements.length).toBe(4);\n    expect(thElements[0]).toHaveTextContent('Cell 1.1');\n    expect(thElements[3]).toHaveTextContent('Cell 2.1');\n  });\n\n  it('should render table data cells', () => {\n    const { container } = render(<TableSection {...defaultProps} />);\n\n    const tdElements = container.querySelectorAll('td');\n    expect(tdElements.length).toBe(2);\n    expect(tdElements[0]).toHaveTextContent('Cell 2.2');\n    expect(tdElements[1]).toHaveTextContent('Cell 2.3');\n  });\n});\n"],"names":["render","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAM,aAAa,GAAuC;IACxD,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;IAClE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;CACnE,CAAC;AAEF,IAAM,SAAS,GAAG,YAAY,CAAC;AAE/B,IAAM,aAAa,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAEhC,IAAM,YAAY,GAAsB;IACtC,aAAa,eAAA;IACb,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,aAAa;CACzB,CAAC;AAEF,QAAQ,CAAC,cAAc,EAAE;IACvB,EAAE,CAAC,2BAA2B,EAAE;QAC9BA,YAAM,CAACC,IAAC,YAAY,eAAK,YAAY,EAAI,CAAC,CAAC;QAE3C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KACzD,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE;QACxCD,YAAM,CAACC,IAAC,YAAY,eAAK,YAAY,EAAI,CAAC,CAAC;QAE3C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAEzD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KAC1D,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE;QACxB,IAAA,SAAS,GAAKD,YAAM,CAACC,IAAC,YAAY,eAAK,YAAY,EAAI,CAAC,UAA/C,CAAgD;QAEjE,IAAM,UAAU,GAAG,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAEpD,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;QACpD,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;KACrD,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE;QAC3B,IAAA,SAAS,GAAKD,YAAM,CAACC,IAAC,YAAY,eAAK,YAAY,EAAI,CAAC,UAA/C,CAAgD;QAEjE,IAAM,UAAU,GAAG,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACpD,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;QACpD,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;KACrD,CAAC,CAAC;AACL,CAAC,CAAC"}
+{"version":3,"file":"TableSection.test.js","sources":["../../../../../../../src/lib/components/table/components/TableSection/TableSection.test.tsx"],"sourcesContent":["import { render, screen } from '../../../../util/testUtils';\nimport { TableSection, TableSectionProps } from './TableSection';\n\nconst tableCellRows: TableSectionProps['tableCellRows'] = [\n  [{ text: 'Cell 1.1' }, { text: 'Cell 1.2' }, { text: 'Cell 1.3' }],\n  [{ text: 'Cell 2.1' }, { text: 'Cell 2.2' }, { text: 'Cell 2.3' }],\n];\n\nconst mockTitle = 'Test Table';\n\nconst mockOpenModal = jest.fn();\n\nconst defaultProps: TableSectionProps = {\n  tableCellRows,\n  title: mockTitle,\n  openModal: mockOpenModal,\n};\n\ndescribe('TableSection', () => {\n  it('renders the table caption', () => {\n    render(<TableSection {...defaultProps} />);\n\n    expect(screen.getByText(mockTitle)).toBeInTheDocument();\n  });\n\n  it('renders the table with correct data', () => {\n    render(<TableSection {...defaultProps} />);\n\n    expect(screen.getByText('Cell 1.1')).toBeInTheDocument();\n    expect(screen.getByText('Cell 1.2')).toBeInTheDocument();\n    expect(screen.getByText('Cell 1.3')).toBeInTheDocument();\n\n    expect(screen.getByText('Cell 2.1')).toBeInTheDocument();\n    expect(screen.getByText('Cell 2.2')).toBeInTheDocument();\n    expect(screen.getByText('Cell 2.3')).toBeInTheDocument();\n  });\n\n  it('should render table headers', () => {\n    const { container } = render(<TableSection {...defaultProps} />);\n\n    const thElements = container.querySelectorAll('th');\n\n    expect(thElements.length).toBe(4);\n    expect(thElements[0]).toHaveTextContent('Cell 1.1');\n    expect(thElements[3]).toHaveTextContent('Cell 2.1');\n  });\n\n  it('should render table data cells', () => {\n    const { container } = render(<TableSection {...defaultProps} />);\n\n    const tdElements = container.querySelectorAll('td');\n    expect(tdElements.length).toBe(2);\n    expect(tdElements[0]).toHaveTextContent('Cell 2.2');\n    expect(tdElements[1]).toHaveTextContent('Cell 2.3');\n  });\n});\n"],"names":["render","_jsx"],"mappings":"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"}

package/dist/esm/components/table/utils/useScrollSync/useScrollSync.test.js

@@ -1,20 +1,19 @@
-import { l as lib } from '../../../../index-c9a8ee2a.js';
-import { u as useScrollSync } from '../../../../useScrollSync-b2d28bed.js';
-import '../../../../_commonjsHelpers-4730bd53.js';
+import { l as libExports } from '../../../../index-CVgMNqD7.js';
+import { u as useScrollSync } from '../../../../useScrollSync-C5UXYPIB.js';
 import 'react';
 
 describe('useScrollSync', function () {
     it('should sync scrollLeft of source and target elements', function () {
         var sourceRef = { current: document.createElement('div') };
         var targetRef = { current: document.createElement('div') };
-        lib.renderHook(function () { return useScrollSync(sourceRef, targetRef); });
-        lib.act(function () {
+        libExports.renderHook(function () { return useScrollSync(sourceRef, targetRef); });
+        libExports.act(function () {
             sourceRef.current.scrollLeft = 100;
             targetRef.current.scrollLeft = 0;
             sourceRef.current.dispatchEvent(new Event('scroll'));
         });
         expect(targetRef.current.scrollLeft).toBe(100);
-        lib.act(function () {
+        libExports.act(function () {
             targetRef.current.scrollLeft = 200;
             sourceRef.current.scrollLeft = 0;
             targetRef.current.dispatchEvent(new Event('scroll'));
@@ -24,14 +23,14 @@ describe('useScrollSync', function () {
     it('should not sync scrollLeft if enabled is false', function () {
         var sourceRef = { current: document.createElement('div') };
         var targetRef = { current: document.createElement('div') };
-        lib.renderHook(function () { return useScrollSync(sourceRef, targetRef, false); });
-        lib.act(function () {
+        libExports.renderHook(function () { return useScrollSync(sourceRef, targetRef, false); });
+        libExports.act(function () {
             sourceRef.current.scrollLeft = 100;
             targetRef.current.scrollLeft = 0;
             sourceRef.current.dispatchEvent(new Event('scroll'));
         });
         expect(targetRef.current.scrollLeft).toBe(0);
-        lib.act(function () {
+        libExports.act(function () {
             targetRef.current.scrollLeft = 200;
             sourceRef.current.scrollLeft = 0;
             targetRef.current.dispatchEvent(new Event('scroll'));
@@ -41,16 +40,16 @@ describe('useScrollSync', function () {
     it('should not sync scrollLeft if source or target elements are not available', function () {
         var sourceRef = { current: null };
         var targetRef = { current: document.createElement('div') };
-        lib.renderHook(function () { return useScrollSync(sourceRef, targetRef); });
-        lib.act(function () {
+        libExports.renderHook(function () { return useScrollSync(sourceRef, targetRef); });
+        libExports.act(function () {
             targetRef.current.scrollLeft = 200;
             targetRef.current.dispatchEvent(new Event('scroll'));
         });
         expect(sourceRef.current).toBeNull();
         var sourceRef2 = { current: document.createElement('div') };
         var targetRef2 = { current: null };
-        lib.renderHook(function () { return useScrollSync(sourceRef2, targetRef2); });
-        lib.act(function () {
+        libExports.renderHook(function () { return useScrollSync(sourceRef2, targetRef2); });
+        libExports.act(function () {
             sourceRef2.current.scrollLeft = 100;
             sourceRef2.current.dispatchEvent(new Event('scroll'));
         });