@popsure/dirty-swan 0.53.3 → 0.54.0

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

@@ -0,0 +1,40 @@
+import { a as __assign } from '../../../../tslib.es6-a39f91fc.js';
+import { jsx } from 'react/jsx-runtime';
+import { TableColumn } from './TableColumn.js';
+import { c as customRender, s as screen } from '../../../../customRender-d03c10b6.js';
+import '../../../../index-6ea95111.js';
+import '../../../../style-inject.es-1f59c1d0.js';
+import 'react';
+import 'react-dom';
+import '../../../../_commonjsHelpers-4730bd53.js';
+import 'react-dom/test-utils';
+
+var setup = function (props) {
+    return customRender(jsx("table", { children: jsx("tbody", { children: jsx("tr", { children: jsx(TableColumn, __assign({}, props)) }) }) }));
+};
+describe('TableColumn', function () {
+    it('renders children correctly', function () {
+        var children = 'TableColumn content';
+        setup({ children: children });
+        expect(screen.getByText(children)).toBeInTheDocument();
+    });
+    it('should render as a th element when isHeader prop is true', function () {
+        var container = setup({ isHeader: true }).container;
+        expect(container.querySelector('th')).toBeInTheDocument();
+    });
+    it('should render as a td element when isHeader prop is false', function () {
+        var container = setup({ isHeader: false }).container;
+        expect(container.querySelector('td')).toBeInTheDocument();
+    });
+    it('should apply custom cellProps correctly', function () {
+        var cellProps = {
+            'data-testid': 'custom-cell',
+            className: 'custom-class',
+        };
+        setup({ cellProps: cellProps });
+        var customCell = screen.getByTestId('custom-cell');
+        expect(customCell).toBeInTheDocument();
+        expect(customCell).toHaveClass('custom-class');
+    });
+});
+//# sourceMappingURL=TableColumn.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableColumn.test.js","sources":["../../../../../../../src/lib/components/table/components/TableColumn/TableColumn.test.tsx"],"sourcesContent":["import { RenderResult } from '@testing-library/react';\nimport { TableColumn, TableColumnProps } from './TableColumn';\nimport { render, screen } from '../../../../util/testUtils';\n\nconst setup = (props: TableColumnProps): RenderResult =>\n  render(\n    <table>\n      <tbody>\n        <tr>\n          <TableColumn {...props} />\n        </tr>\n      </tbody>\n    </table>\n  );\n\ndescribe('TableColumn', () => {\n  it('renders children correctly', () => {\n    const children = 'TableColumn content';\n    setup({ children });\n\n    expect(screen.getByText(children)).toBeInTheDocument();\n  });\n\n  it('should render as a th element when isHeader prop is true', () => {\n    const { container } = setup({ isHeader: true });\n\n    expect(container.querySelector('th')).toBeInTheDocument();\n  });\n\n  it('should render as a td element when isHeader prop is false', () => {\n    const { container } = setup({ isHeader: false });\n\n    expect(container.querySelector('td')).toBeInTheDocument();\n  });\n\n  it('should apply custom cellProps correctly', () => {\n    const cellProps = {\n      'data-testid': 'custom-cell',\n      className: 'custom-class',\n    };\n\n    setup({ cellProps });\n\n    const customCell = screen.getByTestId('custom-cell');\n\n    expect(customCell).toBeInTheDocument();\n    expect(customCell).toHaveClass('custom-class');\n  });\n});\n"],"names":["render","_jsx"],"mappings":";;;;;;;;;;;AAIA,IAAM,KAAK,GAAG,UAAC,KAAuB;IACpC,OAAAA,YAAM,CACJC,yBACEA,yBACEA,sBACEA,IAAC,WAAW,eAAK,KAAK,EAAI,GACvB,GACC,GACF,CACT;AARD,CAQC,CAAC;AAEJ,QAAQ,CAAC,aAAa,EAAE;IACtB,EAAE,CAAC,4BAA4B,EAAE;QAC/B,IAAM,QAAQ,GAAG,qBAAqB,CAAC;QACvC,KAAK,CAAC,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;QAEpB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KACxD,CAAC,CAAC;IAEH,EAAE,CAAC,0DAA0D,EAAE;QACrD,IAAA,SAAS,GAAK,KAAK,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,UAA9B,CAA+B;QAEhD,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KAC3D,CAAC,CAAC;IAEH,EAAE,CAAC,2DAA2D,EAAE;QACtD,IAAA,SAAS,GAAK,KAAK,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,UAA/B,CAAgC;QAEjD,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KAC3D,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE;QAC5C,IAAM,SAAS,GAAG;YAChB,aAAa,EAAE,aAAa;YAC5B,SAAS,EAAE,cAAc;SAC1B,CAAC;QAEF,KAAK,CAAC,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC;QAErB,IAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QAErD,MAAM,CAAC,UAAU,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACvC,MAAM,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;KAChD,CAAC,CAAC;AACL,CAAC,CAAC"}

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

@@ -0,0 +1,45 @@
+import { b as __rest, a as __assign } from '../../../../tslib.es6-a39f91fc.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { c as classNames } from '../../../../index-6ea95111.js';
+import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
+import { TableCell } from '../TableCell/TableCell.js';
+import { useCallback } from 'react';
+import { TableColumn } from '../TableColumn/TableColumn.js';
+import '../../../button/index.js';
+import '../../../icon/icons/Check.js';
+import '../../../icon/IconWrapper/IconWrapper.js';
+import '../../../icon/icons/Info.js';
+import '../../../icon/icons/StarFilled.js';
+import '../../../icon/icons/X.js';
+import '../../../icon/icons/ZapFilled.js';
+
+var css_248z = ".TableContent-module_table__28VKr {\n  border-collapse: collapse;\n  table-layout: fixed;\n}\n@media (min-width: 34rem) {\n  .TableContent-module_table__28VKr {\n    min-width: 845px;\n  }\n}\n\n.TableContent-module_tr__gIdML {\n  min-height: 72px;\n}\n\n.TableContent-module_title__1kqjd {\n  position: relative;\n  display: none;\n}\n.TableContent-module_title__1kqjd:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: calc( 50% + 16px );\n  height: 4px;\n  width: 100%;\n  max-width: 140px;\n  background-color: #8e8cee;\n}\n@media (min-width: 34rem) {\n  .TableContent-module_title__1kqjd {\n    display: flex;\n  }\n}";
+var styles = {"table":"TableContent-module_table__28VKr","tr":"TableContent-module_tr__gIdML","title":"TableContent-module_title__1kqjd"};
+styleInject(css_248z);
+
+var TableContent = function (_a) {
+    var className = _a.className, data = _a.data, hideHeader = _a.hideHeader, openModal = _a.openModal, title = _a.title, width = _a.width;
+    var headerRow = data === null || data === void 0 ? void 0 : data[0];
+    var getColumnTextByKey = useCallback(function (key) { var _a, _b; return ((_b = (_a = data === null || data === void 0 ? void 0 : data[0]) === null || _a === void 0 ? void 0 : _a[key]) === null || _b === void 0 ? void 0 : _b.text) || ''; }, [data]);
+    var handleOpenModal = function (cellIndex, modalBody, title) { return openModal === null || openModal === void 0 ? void 0 : openModal(title || getColumnTextByKey(cellIndex), modalBody); };
+    return (jsxs("table", { className: classNames(className, 'w100', styles.table), width: width, children: [jsx("caption", { className: "sr-only", children: title }), headerRow && (jsx("thead", { className: hideHeader ? 'sr-only' : '', children: jsx("tr", { children: headerRow.map(function (_a, cellIndex) {
+                        var cellProps = _a.cellProps, cell = __rest(_a, ["cellProps"]);
+                        var isFirstColumn = cellIndex === 0;
+                        return (jsx(TableColumn, { cellProps: cellProps, isColumn: true, isFixed: isFirstColumn, isHeader: true, children: isFirstColumn ? (jsx("div", { "aria-hidden": true, className: classNames('tc-grey-800 p-h2 p--serif', styles.title), children: cell === null || cell === void 0 ? void 0 : cell.text })) : (jsx(TableCell, __assign({}, cell, { openModal: function (info) { return handleOpenModal(0, info, cell === null || cell === void 0 ? void 0 : cell.text); } }))) }, cellIndex));
+                    }) }) })), jsx("tbody", { children: data.map(function (row, rowIndex) {
+                    var isSingleCell = row.length === 1;
+                    return (rowIndex > 0 && (jsx("tr", { className: styles.tr, children: row.map(function (_a, cellIndex) {
+                            var cellProps = _a.cellProps, cell = __rest(_a, ["cellProps"]);
+                            var isFirstCol = cellIndex === 0;
+                            var key = "".concat(rowIndex, "-").concat(cellIndex);
+                            var isHeader = isFirstCol && !isSingleCell;
+                            var onCelInfoClick = function (info) {
+                                return handleOpenModal(cellIndex, info, isFirstCol ? cell.text : undefined);
+                            };
+                            return (jsx(TableColumn, { cellProps: cellProps, isFixed: isHeader, isHeader: isHeader, children: jsx(TableCell, __assign({ align: isFirstCol && !isSingleCell ? 'left' : 'center', openModal: onCelInfoClick }, cell)) }, key));
+                        }) }, rowIndex)));
+                }) })] }));
+};
+
+export { TableContent };
+//# sourceMappingURL=TableContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableContent.js","sources":["../../../../../../../src/lib/components/table/components/TableContent/TableContent.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport styles from './TableContent.module.scss';\nimport { TableCell, TableCellProps } from '../TableCell/TableCell';\nimport { ReactNode, useCallback } from 'react';\nimport { TableColumn } from '../TableColumn/TableColumn';\n\nexport interface TableContentProps {\n  className?: string;\n  data: TableCellProps[][];\n  hideHeader?: boolean;\n  openModal?: (title: ReactNode, body: ReactNode) => void;\n  title: string;\n  width?: number | string;\n}\n\nconst TableContent = ({\n  className,\n  data,\n  hideHeader,\n  openModal,\n  title,\n  width,\n}: TableContentProps) => {\n  const headerRow = data?.[0];\n\n  const getColumnTextByKey = useCallback(\n    (key: number) => data?.[0]?.[key]?.text || '',\n    [data]\n  );\n\n  const handleOpenModal = (\n    cellIndex: number,\n    modalBody: ReactNode,\n    title?: ReactNode\n  ) => openModal?.(title || getColumnTextByKey(cellIndex), modalBody);\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(({ cellProps, ...cell }, cellIndex) => {\n              const isFirstColumn = cellIndex === 0;\n\n              return (\n                <TableColumn\n                  key={cellIndex}\n                  cellProps={cellProps}\n                  isColumn\n                  isFixed={isFirstColumn}\n                  isHeader\n                >\n                  {isFirstColumn ? (\n                    <div\n                      aria-hidden\n                      className={classNames(\n                        'tc-grey-800 p-h2 p--serif',\n                        styles.title\n                      )}\n                    >\n                      {cell?.text}\n                    </div>\n                  ) : (\n                    <TableCell\n                      {...cell}\n                      openModal={(info) => handleOpenModal(0, info, cell?.text)}\n                    />\n                  )}\n                </TableColumn>\n              );\n            })}\n          </tr>\n        </thead>\n      )}\n\n      <tbody>\n        {data.map((row, rowIndex) => {\n          const isSingleCell = row.length === 1;\n\n          return (\n            rowIndex > 0 && (\n              <tr key={rowIndex} className={styles.tr}>\n                {row.map(({ cellProps, ...cell }, cellIndex) => {\n                  const isFirstCol = cellIndex === 0;\n                  const key = `${rowIndex}-${cellIndex}`;\n                  const isHeader = isFirstCol && !isSingleCell;\n\n                  const onCelInfoClick = (info: ReactNode) =>\n                    handleOpenModal(\n                      cellIndex,\n                      info,\n                      isFirstCol ? cell.text : undefined\n                    );\n\n                  return (\n                    <TableColumn\n                      key={key}\n                      cellProps={cellProps}\n                      isFixed={isHeader}\n                      isHeader={isHeader}\n                    >\n                      <TableCell\n                        align={isFirstCol && !isSingleCell ? 'left' : 'center'}\n                        openModal={onCelInfoClick}\n                        {...cell}\n                      />\n                    </TableColumn>\n                  );\n                })}\n              </tr>\n            )\n          );\n        })}\n      </tbody>\n    </table>\n  );\n};\n\nexport type { TableCellProps };\n\nexport { TableContent };\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

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

@@ -0,0 +1,61 @@
+import { a as __assign } from '../../../../tslib.es6-a39f91fc.js';
+import { jsx } from 'react/jsx-runtime';
+import { c as customRender, s as screen } from '../../../../customRender-d03c10b6.js';
+import { TableContent } from './TableContent.js';
+import 'react';
+import 'react-dom';
+import '../../../../_commonjsHelpers-4730bd53.js';
+import 'react-dom/test-utils';
+import '../../../../index-6ea95111.js';
+import '../../../../style-inject.es-1f59c1d0.js';
+import '../TableCell/TableCell.js';
+import '../../../button/index.js';
+import '../../../icon/icons/Check.js';
+import '../../../icon/IconWrapper/IconWrapper.js';
+import '../../../icon/icons/Info.js';
+import '../../../icon/icons/StarFilled.js';
+import '../../../icon/icons/X.js';
+import '../../../icon/icons/ZapFilled.js';
+import '../TableColumn/TableColumn.js';
+
+var mockData = [
+    [{ text: 'Cell 1.1' }, { text: 'Cell 1.2' }, { text: 'Cell 1.3' }],
+    [{ text: 'Cell 2.1' }, { text: 'Cell 2.2' }, { text: 'Cell 2.3' }],
+];
+var mockTitle = 'Test Table';
+var mockOpenModal = jest.fn();
+var defaultProps = {
+    data: mockData,
+    title: mockTitle,
+    openModal: mockOpenModal,
+};
+describe('TableContent', function () {
+    it('renders the table caption', function () {
+        customRender(jsx(TableContent, __assign({}, defaultProps)));
+        expect(screen.getByText(mockTitle)).toBeInTheDocument();
+    });
+    it('renders the table with correct data', function () {
+        customRender(jsx(TableContent, __assign({}, defaultProps)));
+        expect(screen.getByText('Cell 1.1')).toBeInTheDocument();
+        expect(screen.getByText('Cell 1.2')).toBeInTheDocument();
+        expect(screen.getByText('Cell 1.3')).toBeInTheDocument();
+        expect(screen.getByText('Cell 2.1')).toBeInTheDocument();
+        expect(screen.getByText('Cell 2.2')).toBeInTheDocument();
+        expect(screen.getByText('Cell 2.3')).toBeInTheDocument();
+    });
+    it('should render table headers', function () {
+        var container = customRender(jsx(TableContent, __assign({}, defaultProps))).container;
+        var thElements = container.querySelectorAll('th');
+        expect(thElements.length).toBe(4);
+        expect(thElements[0]).toHaveTextContent('Cell 1.1');
+        expect(thElements[3]).toHaveTextContent('Cell 2.1');
+    });
+    it('should render table data cells', function () {
+        var container = customRender(jsx(TableContent, __assign({}, defaultProps))).container;
+        var tdElements = container.querySelectorAll('td');
+        expect(tdElements.length).toBe(2);
+        expect(tdElements[0]).toHaveTextContent('Cell 2.2');
+        expect(tdElements[1]).toHaveTextContent('Cell 2.3');
+    });
+});
+//# sourceMappingURL=TableContent.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableContent.test.js","sources":["../../../../../../../src/lib/components/table/components/TableContent/TableContent.test.tsx"],"sourcesContent":["import { render, screen } from '../../../../util/testUtils';\nimport { TableContent, TableContentProps } from './TableContent';\n\nconst mockData: TableContentProps['data'] = [\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: TableContentProps = {\n  data: mockData,\n  title: mockTitle,\n  openModal: mockOpenModal,\n};\n\ndescribe('TableContent', () => {\n  it('renders the table caption', () => {\n    render(<TableContent {...defaultProps} />);\n\n    expect(screen.getByText(mockTitle)).toBeInTheDocument();\n  });\n\n  it('renders the table with correct data', () => {\n    render(<TableContent {...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(<TableContent {...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(<TableContent {...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,QAAQ,GAA8B;IAC1C,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,IAAI,EAAE,QAAQ;IACd,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"}

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

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+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 { Button } from '../../../button/index.js';
+import { c as classNames } from '../../../../index-6ea95111.js';
+import 'react';
+import '../../../icon/IconWrapper/IconWrapper.js';
+import '../../../../tslib.es6-a39f91fc.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: 3;\n}\n\n.TableControls-module_controlButton__2kQiG {\n  border-radius: 50% !important;\n  width: 32px;\n  height: 32px;\n}";
+var styles = {"stickyHeader":"TableControls-module_stickyHeader__1f6Ta","controlButton":"TableControls-module_controlButton__2kQiG"};
+styleInject(css_248z);
+
+var TableControls = function (_a) {
+    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" })] }));
+};
+
+export { TableControls };
+//# sourceMappingURL=TableControls.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,71 @@
+import { a as __assign, 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 { TableControls } from './TableControls.js';
+import 'react';
+import 'react-dom';
+import '../../../../_commonjsHelpers-4730bd53.js';
+import 'react-dom/test-utils';
+import '../../../icon/icons/ChevronLeft.js';
+import '../../../icon/IconWrapper/IconWrapper.js';
+import '../../../../index-6ea95111.js';
+import '../../../../style-inject.es-1f59c1d0.js';
+import '../../../icon/icons/ChevronRight.js';
+import '../../../button/index.js';
+
+var mockNavigateTable = jest.fn();
+var defaultProps = {
+    activeSection: 1,
+    children: jsx("div", { children: "Table content" }),
+    columnsLength: 3,
+    stickyHeaderTopOffset: 0,
+    navigateTable: mockNavigateTable,
+};
+describe('TableControls', function () {
+    it('renders the previous and next section buttons', function () {
+        customRender(jsx(TableControls, __assign({}, defaultProps)));
+        var previousButton = screen.getByText('Previous section');
+        var nextButton = screen.getByText('Next section');
+        expect(previousButton).toBeInTheDocument();
+        expect(nextButton).toBeInTheDocument();
+    });
+    it('disables the previous button when activeSection is 1', function () {
+        customRender(jsx(TableControls, __assign({}, defaultProps, { activeSection: 1 })));
+        var previousButton = screen.getByTestId('previous-section-button');
+        expect(previousButton).toBeDisabled();
+    });
+    it('disables the next button when activeSection is equal to columnsLength - 1', function () {
+        customRender(jsx(TableControls, __assign({}, defaultProps, { activeSection: 2 })));
+        var nextButton = screen.getByTestId('next-section-button');
+        expect(nextButton).toBeDisabled();
+    });
+    it('calls navigateTable with no arguments when previous button is clicked', 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(TableControls, __assign({}, defaultProps, { activeSection: 2 }))).user;
+                    return [4 /*yield*/, user.click(screen.getByTestId('previous-section-button'))];
+                case 1:
+                    _a.sent();
+                    expect(mockNavigateTable).toHaveBeenCalledWith();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('calls navigateTable with true argument when next button is clicked', 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(TableControls, __assign({}, defaultProps))).user;
+                    return [4 /*yield*/, user.click(screen.getByTestId('next-section-button'))];
+                case 1:
+                    _a.sent();
+                    expect(mockNavigateTable).toHaveBeenCalledWith(true);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});
+//# sourceMappingURL=TableControls.test.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,6 @@
+import 'react/jsx-runtime';
+import '../../../../index-a0ef2ab4.js';
+export { C as Collapsible } from '../../../../Collapsible-ac67187a.js';
+import 'react';
+import '../../../../index-6ea95111.js';
+//# sourceMappingURL=Collapsible.js.map

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

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

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

@@ -0,0 +1,57 @@
+import { a as __assign, _ as __spreadArray } from '../../../../tslib.es6-a39f91fc.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { TableContent } from '../TableContent/TableContent.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-ac67187a.js';
+import '../TableCell/TableCell.js';
+import '../../../button/index.js';
+import '../../../icon/icons/Check.js';
+import '../../../icon/IconWrapper/IconWrapper.js';
+import '../../../icon/icons/Info.js';
+import '../../../icon/icons/StarFilled.js';
+import '../../../icon/icons/X.js';
+import '../../../icon/icons/ZapFilled.js';
+import '../TableColumn/TableColumn.js';
+import '../../../icon/icons/ChevronRight.js';
+import '../../../../index-a0ef2ab4.js';
+
+var css_248z = ".TableSection-module_cardWrapper__3PUCj {\n  height: 88px;\n}\n\n.TableSection-module_card__1pISK {\n  position: absolute;\n  left: 0;\n  right: 0;\n  z-index: 3;\n}";
+var styles = {"cardWrapper":"TableSection-module_cardWrapper__3PUCj","card":"TableSection-module_card__1pISK"};
+styleInject(css_248z);
+
+var TableSection = function (_a) {
+    var _b, _c;
+    var className = _a.className, collapsibleSections = _a.collapsibleSections, data = _a.data, hideDetails = _a.hideDetails, isMobile = _a.isMobile, openModal = _a.openModal, shouldHideDetails = _a.shouldHideDetails, title = _a.title;
+    var _d = useState(null), isSectionOpen = _d[0], setOpenSection = _d[1];
+    var firstHeadRow = (_c = (_b = data === null || data === void 0 ? void 0 : data[0]) === null || _b === void 0 ? void 0 : _b.items) === null || _c === void 0 ? void 0 : _c[0];
+    var tableWidth = isMobile ? "".concat((firstHeadRow === null || firstHeadRow === void 0 ? void 0 : firstHeadRow.length) * 50, "%") : '';
+    var handleToggleSection = function (index) {
+        setOpenSection(function (currentSection) {
+            return currentSection === index ? null : index;
+        });
+    };
+    return (jsx("div", { style: { width: tableWidth }, children: data.map(function (_a, index) {
+            var items = _a.items, _b = _a.section, section = _b === void 0 ? {} : _b;
+            var isFirstSection = index === 0;
+            var isExpanded = !collapsibleSections
+                ? 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
+                                ? {
+                                    onClick: function () { return handleToggleSection(index); },
+                                }
+                                : {}))) }) })), jsx(Collapsible, { isExpanded: isExpanded, isMobile: isMobile, children: jsx(TableContent, { className: classNames(className, 'mb24'), data: isFirstSection ? items : __spreadArray([firstHeadRow], items, true), hideHeader: true, openModal: openModal, title: "".concat(title).concat((section === null || section === void 0 ? void 0 : section.title) ? " - ".concat(section.title) : ''), width: tableWidth }) })] }, index)));
+        }) }));
+};
+
+export { TableSection };
+//# sourceMappingURL=TableSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableSection.js","sources":["../../../../../../../src/lib/components/table/components/TableSection/TableSection.tsx"],"sourcesContent":["import { TableCellProps } from '../TableCell/TableCell';\nimport { ReactNode, useState } from 'react';\nimport { TableContent } from '../TableContent/TableContent';\nimport { ChevronDownIcon, ChevronUpIcon } from '../../../icon';\nimport { Card } from '../../../cards/card';\n\nimport styles from './TableSection.module.scss';\nimport classNames from 'classnames';\nimport { Collapsible } from './Collapsible';\n\nexport type TableSectionType = {\n  title?: string;\n  icon?: ReactNode;\n};\n\ninterface TableSectionData {\n  section?: TableSectionType;\n  items: TableCellProps[][];\n}\n\nexport type TableData = TableSectionData[];\n\nexport interface TableSectionProps {\n  className?: string;\n  collapsibleSections?: boolean;\n  data: TableData;\n  hideDetails?: boolean;\n  isMobile?: boolean;\n  openModal?: (title: ReactNode, body: ReactNode) => void;\n  shouldHideDetails?: boolean;\n  title: string;\n}\n\nconst TableSection = ({\n  className,\n  collapsibleSections,\n  data,\n  hideDetails,\n  isMobile,\n  openModal,\n  shouldHideDetails,\n  title,\n}: TableSectionProps) => {\n  const [isSectionOpen, setOpenSection] = useState<number | null>(null);\n  const firstHeadRow = data?.[0]?.items?.[0];\n  const tableWidth = isMobile ? `${firstHeadRow?.length * 50}%` : '';\n\n  const handleToggleSection = (index: number) => {\n    setOpenSection((currentSection) =>\n      currentSection === index ? null : index\n    );\n  };\n\n  return (\n    <div style={{ width: tableWidth }}>\n      {data.map(({ items, 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                <TableContent\n                  className={classNames(className, 'mb24')}\n                  data={isFirstSection ? items : [firstHeadRow, ...items]}\n                  hideHeader\n                  openModal={openModal}\n                  title={`${title}${\n                    section?.title ? ` - ${section.title}` : ''\n                  }`}\n                  width={tableWidth}\n                />\n              </Collapsible>\n            </div>\n          )\n        );\n      })}\n    </div>\n  );\n};\n\nexport { TableSection };\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;IAiCM,YAAY,GAAG,UAAC,EASF;;QARlB,SAAS,eAAA,EACT,mBAAmB,yBAAA,EACnB,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,iBAAiB,uBAAA,EACjB,KAAK,WAAA;IAEC,IAAA,KAAkC,QAAQ,CAAgB,IAAI,CAAC,EAA9D,aAAa,QAAA,EAAE,cAAc,QAAiC,CAAC;IACtE,IAAM,YAAY,GAAG,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,CAAC,CAAC,0CAAE,KAAK,0CAAG,CAAC,CAAC,CAAC;IAC3C,IAAM,UAAU,GAAG,QAAQ,GAAG,UAAG,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,IAAG,EAAE,MAAG,GAAG,EAAE,CAAC;IAEnE,IAAM,mBAAmB,GAAG,UAAC,KAAa;QACxC,cAAc,CAAC,UAAC,cAAc;YAC5B,OAAA,cAAc,KAAK,KAAK,GAAG,IAAI,GAAG,KAAK;SAAA,CACxC,CAAC;KACH,CAAC;IAEF,QACEA,aAAK,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,YAC9B,IAAI,CAAC,GAAG,CAAC,UAAC,EAAuB,EAAE,KAAK;gBAA5B,KAAK,WAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA;YAC9B,IAAM,cAAc,GAAG,KAAK,KAAK,CAAC,CAAC;YACnC,IAAM,UAAU,GAAG,CAAC,mBAAmB;kBACnC,IAAI;kBACJ,aAAa,KAAK,KAAK,IAAI,cAAc,CAAC;YAC9C,IAAM,SAAS,GAAG,WAAW,GAAG,CAAC,iBAAiB,GAAG,IAAI,CAAC;YAE1D,QACE,CAAC,cAAc,IAAI,SAAS,MAC1BC,yBACG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,MACbD,aAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAChCA,aAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,YAC3CA,IAAC,IAAI,aACH,UAAU,EACR,UAAU,IACRA,IAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,KAE3BA,IAAC,eAAe,IAAC,IAAI,EAAE,EAAE,GAAI,CAC9B,mBAEY,UAAU,GAAG,MAAM,GAAG,OAAO,uBAE5C,UAAU,EAAE;oCACV,OAAO,EAAE,aAAa;oCACtB,IAAI,EAAE,aAAa;iCACpB,EACD,UAAU,EAAE,KAAK,EACjB,IAAI,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EACnB,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,YAAY,EAAC,QAAQ,KAChB,mBAAmB;kCACpB;oCACE,OAAO,EAAE,cAAM,OAAA,mBAAmB,CAAC,KAAK,CAAC,GAAA;iCAC1C;kCACD,EAAE,GACN,GACE,GACF,CACP,EAEDA,IAAC,WAAW,IAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,YACrDA,IAAC,YAAY,IACX,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,MAAM,CAAC,EACxC,IAAI,EAAE,cAAc,GAAG,KAAK,kBAAI,YAAY,GAAK,KAAK,OAAC,EACvD,UAAU,QACV,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAG,KAAK,SACb,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,IAAG,aAAM,OAAO,CAAC,KAAK,CAAE,GAAG,EAAE,CAC3C,EACF,KAAK,EAAE,UAAU,GACjB,GACU,KA3CN,KAAK,CA4CT,CACP,EACD;SACH,CAAC,GACE,EACN;AACJ;;;;"}

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

@@ -0,0 +1,83 @@
+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 { TableSection } from './TableSection.js';
+import 'react';
+import 'react-dom';
+import '../../../../_commonjsHelpers-4730bd53.js';
+import 'react-dom/test-utils';
+import '../TableContent/TableContent.js';
+import '../../../../index-6ea95111.js';
+import '../../../../style-inject.es-1f59c1d0.js';
+import '../TableCell/TableCell.js';
+import '../../../button/index.js';
+import '../../../icon/icons/Check.js';
+import '../../../icon/IconWrapper/IconWrapper.js';
+import '../../../icon/icons/Info.js';
+import '../../../icon/icons/StarFilled.js';
+import '../../../icon/icons/X.js';
+import '../../../icon/icons/ZapFilled.js';
+import '../TableColumn/TableColumn.js';
+import '../../../icon/icons/ChevronDown.js';
+import '../../../icon/icons/ChevronUp.js';
+import '../../../cards/card/index.js';
+import '../../../icon/icons/ChevronRight.js';
+import '../../../../Collapsible-ac67187a.js';
+import '../../../../index-a0ef2ab4.js';
+
+var mockData = [
+    {
+        items: [
+            [{ text: 'Item 1.1.1' }, { text: 'Item 1.1.2' }],
+            [{ text: 'Item 1.2.1' }, { text: 'Item 1.2.2' }],
+        ],
+    },
+    {
+        section: {
+            title: 'Section 2',
+        },
+        items: [
+            [{ text: 'Item 2.1.1' }, { text: 'Item 2.1.2' }],
+            [{ text: 'Item 2.2.1' }, { text: 'Item 2.2.2' }],
+        ],
+    },
+];
+describe('TableSection', function () {
+    it('renders the table sections with sections', function () {
+        customRender(jsx(TableSection, { collapsibleSections: true, data: mockData, title: "Table" }));
+        expect(screen.getByText('Section 2')).toBeInTheDocument();
+    });
+    it('renders the table sections with sections data', function () {
+        customRender(jsx(TableSection, { collapsibleSections: true, data: mockData, title: "Table" }));
+        expect(screen.getByText('Item 1.2.1')).toBeInTheDocument();
+        expect(screen.getByText('Item 1.2.2')).toBeInTheDocument();
+        expect(screen.getByText('Item 2.1.2')).toBeInTheDocument();
+        expect(screen.getByText('Item 2.2.1')).toBeInTheDocument();
+    });
+    it('hides the table sections when hideDetails and shouldHideDetails is true', function () {
+        customRender(jsx(TableSection, { hideDetails: true, shouldHideDetails: true, data: mockData, title: "Table" }));
+        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(TableSection, { collapsibleSections: true, isMobile: true, data: 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(TableSection, { collapsibleSections: true, isMobile: true, data: 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=TableSection.test.js.map

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

@@ -0,0 +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 mockData: TableSectionProps['data'] = [\n  {\n    items: [\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    items: [\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('TableSection', () => {\n  it('renders the table sections with sections', () => {\n    render(<TableSection collapsibleSections data={mockData} title=\"Table\" />);\n\n    expect(screen.getByText('Section 2')).toBeInTheDocument();\n  });\n\n  it('renders the table sections with sections data', () => {\n    render(<TableSection collapsibleSections data={mockData} title=\"Table\" />);\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      <TableSection\n        hideDetails\n        shouldHideDetails\n        data={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      <TableSection\n        collapsibleSections\n        isMobile\n        data={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      <TableSection\n        collapsibleSections\n        isMobile\n        data={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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"}

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

@@ -0,0 +1,60 @@
+import { l as lib } from '../../../../index-e45b0af1.js';
+import { u as useScrollSync } from '../../../../useScrollSync-b2d28bed.js';
+import '../../../../_commonjsHelpers-4730bd53.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 () {
+            sourceRef.current.scrollLeft = 100;
+            targetRef.current.scrollLeft = 0;
+            sourceRef.current.dispatchEvent(new Event('scroll'));
+        });
+        expect(targetRef.current.scrollLeft).toBe(100);
+        lib.act(function () {
+            targetRef.current.scrollLeft = 200;
+            sourceRef.current.scrollLeft = 0;
+            targetRef.current.dispatchEvent(new Event('scroll'));
+        });
+        expect(sourceRef.current.scrollLeft).toBe(200);
+    });
+    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 () {
+            sourceRef.current.scrollLeft = 100;
+            targetRef.current.scrollLeft = 0;
+            sourceRef.current.dispatchEvent(new Event('scroll'));
+        });
+        expect(targetRef.current.scrollLeft).toBe(0);
+        lib.act(function () {
+            targetRef.current.scrollLeft = 200;
+            sourceRef.current.scrollLeft = 0;
+            targetRef.current.dispatchEvent(new Event('scroll'));
+        });
+        expect(sourceRef.current.scrollLeft).toBe(0);
+    });
+    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 () {
+            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 () {
+            sourceRef2.current.scrollLeft = 100;
+            sourceRef2.current.dispatchEvent(new Event('scroll'));
+        });
+        expect(targetRef2.current).toBeNull();
+    });
+});
+//# sourceMappingURL=useScrollSync.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollSync.test.js","sources":["../../../../../../../src/lib/components/table/utils/useScrollSync/useScrollSync.test.tsx"],"sourcesContent":["import { renderHook, act } from '@testing-library/react-hooks';\nimport { useScrollSync } from './useScrollSync';\n\ndescribe('useScrollSync', () => {\n  it('should sync scrollLeft of source and target elements', () => {\n    const sourceRef = { current: document.createElement('div') };\n    const targetRef = { current: document.createElement('div') };\n\n    renderHook(() => useScrollSync(sourceRef, targetRef));\n\n    act(() => {\n      sourceRef.current.scrollLeft = 100;\n      targetRef.current.scrollLeft = 0;\n      sourceRef.current.dispatchEvent(new Event('scroll'));\n    });\n\n    expect(targetRef.current.scrollLeft).toBe(100);\n\n    act(() => {\n      targetRef.current.scrollLeft = 200;\n      sourceRef.current.scrollLeft = 0;\n      targetRef.current.dispatchEvent(new Event('scroll'));\n    });\n\n    expect(sourceRef.current.scrollLeft).toBe(200);\n  });\n\n  it('should not sync scrollLeft if enabled is false', () => {\n    const sourceRef = { current: document.createElement('div') };\n    const targetRef = { current: document.createElement('div') };\n\n    renderHook(() => useScrollSync(sourceRef, targetRef, false));\n\n    act(() => {\n      sourceRef.current.scrollLeft = 100;\n      targetRef.current.scrollLeft = 0;\n      sourceRef.current.dispatchEvent(new Event('scroll'));\n    });\n\n    expect(targetRef.current.scrollLeft).toBe(0);\n\n    act(() => {\n      targetRef.current.scrollLeft = 200;\n      sourceRef.current.scrollLeft = 0;\n      targetRef.current.dispatchEvent(new Event('scroll'));\n    });\n\n    expect(sourceRef.current.scrollLeft).toBe(0);\n  });\n\n  it('should not sync scrollLeft if source or target elements are not available', () => {\n    const sourceRef = { current: null };\n    const targetRef = { current: document.createElement('div') };\n\n    renderHook(() => useScrollSync(sourceRef, targetRef));\n\n    act(() => {\n      targetRef.current.scrollLeft = 200;\n      targetRef.current.dispatchEvent(new Event('scroll'));\n    });\n\n    expect(sourceRef.current).toBeNull();\n\n    const sourceRef2 = { current: document.createElement('div') };\n    const targetRef2 = { current: null };\n\n    renderHook(() => useScrollSync(sourceRef2, targetRef2));\n\n    act(() => {\n      sourceRef2.current.scrollLeft = 100;\n      sourceRef2.current.dispatchEvent(new Event('scroll'));\n    });\n\n    expect(targetRef2.current).toBeNull();\n  });\n});\n"],"names":["renderHook","act"],"mappings":"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"}