@popsure/dirty-swan 0.53.4 → 0.53.5

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

@@ -0,0 +1,67 @@
+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 { T as TableSection } from '../../../../TableSection-f6d0028e.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 '../TableCell/BaseCell/BaseCell.js';
+import '../../../icon/icons/Check.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-3d286178.js';
+import '../../../comparisonTable/components/TableInfoButton/index.js';
+import '../../../icon/icons/Info.js';
+import '../../../../index-5e72c3d4.js';
+import '../TableCell/CTACell/CTACell.js';
+import '../TableCell/ButtonCell/ButtonCell.js';
+import '../../../button/index.js';
+
+var tableCellRows = [
+    [{ 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 = {
+    tableCellRows: tableCellRows,
+    title: mockTitle,
+    openModal: mockOpenModal,
+};
+describe('TableSection', function () {
+    it('renders the table caption', function () {
+        customRender(jsx(TableSection, __assign({}, defaultProps)));
+        expect(screen.getByText(mockTitle)).toBeInTheDocument();
+    });
+    it('renders the table with correct data', function () {
+        customRender(jsx(TableSection, __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(TableSection, __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(TableSection, __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=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 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"}

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":";;;;;AAGA,QAAQ,CAAC,eAAe,EAAE;IACxB,EAAE,CAAC,sDAAsD,EAAE;QACzD,IAAM,SAAS,GAAG,EAAE,OAAO,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;QAC7D,IAAM,SAAS,GAAG,EAAE,OAAO,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;QAE7DA,cAAU,CAAC,cAAM,OAAA,aAAa,CAAC,SAAS,EAAE,SAAS,CAAC,GAAA,CAAC,CAAC;QAEtDC,OAAG,CAAC;YACF,SAAS,CAAC,OAAO,CAAC,UAAU,GAAG,GAAG,CAAC;YACnC,SAAS,CAAC,OAAO,CAAC,UAAU,GAAG,CAAC,CAAC;YACjC,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;SACtD,CAAC,CAAC;QAEH,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAE/CA,OAAG,CAAC;YACF,SAAS,CAAC,OAAO,CAAC,UAAU,GAAG,GAAG,CAAC;YACnC,SAAS,CAAC,OAAO,CAAC,UAAU,GAAG,CAAC,CAAC;YACjC,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;SACtD,CAAC,CAAC;QAEH,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KAChD,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE;QACnD,IAAM,SAAS,GAAG,EAAE,OAAO,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;QAC7D,IAAM,SAAS,GAAG,EAAE,OAAO,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;QAE7DD,cAAU,CAAC,cAAM,OAAA,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,GAAA,CAAC,CAAC;QAE7DC,OAAG,CAAC;YACF,SAAS,CAAC,OAAO,CAAC,UAAU,GAAG,GAAG,CAAC;YACnC,SAAS,CAAC,OAAO,CAAC,UAAU,GAAG,CAAC,CAAC;YACjC,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;SACtD,CAAC,CAAC;QAEH,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAE7CA,OAAG,CAAC;YACF,SAAS,CAAC,OAAO,CAAC,UAAU,GAAG,GAAG,CAAC;YACnC,SAAS,CAAC,OAAO,CAAC,UAAU,GAAG,CAAC,CAAC;YACjC,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;SACtD,CAAC,CAAC;QAEH,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KAC9C,CAAC,CAAC;IAEH,EAAE,CAAC,2EAA2E,EAAE;QAC9E,IAAM,SAAS,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;QACpC,IAAM,SAAS,GAAG,EAAE,OAAO,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;QAE7DD,cAAU,CAAC,cAAM,OAAA,aAAa,CAAC,SAAS,EAAE,SAAS,CAAC,GAAA,CAAC,CAAC;QAEtDC,OAAG,CAAC;YACF,SAAS,CAAC,OAAO,CAAC,UAAU,GAAG,GAAG,CAAC;YACnC,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;SACtD,CAAC,CAAC;QAEH,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,CAAC;QAErC,IAAM,UAAU,GAAG,EAAE,OAAO,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;QAC9D,IAAM,UAAU,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;QAErCD,cAAU,CAAC,cAAM,OAAA,aAAa,CAAC,UAAU,EAAE,UAAU,CAAC,GAAA,CAAC,CAAC;QAExDC,OAAG,CAAC;YACF,UAAU,CAAC,OAAO,CAAC,UAAU,GAAG,GAAG,CAAC;YACpC,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;SACvD,CAAC,CAAC;QAEH,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,CAAC;KACvC,CAAC,CAAC;AACL,CAAC,CAAC"}

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

@@ -0,0 +1,79 @@
+import { l as lib } from '../../../../index-e45b0af1.js';
+import { u as useTableNavigation } from '../../../../useTableNavigation-2899712c.js';
+import '../../../../_commonjsHelpers-4730bd53.js';
+import '../../../../index-5e72c3d4.js';
+import 'react';
+
+var defaultContainerRef = {
+    current: {
+        scroll: jest.fn(),
+        addEventListener: jest.fn(),
+        removeEventListener: jest.fn(),
+        getBoundingClientRect: jest.fn(function () { return ({ width: 800 }); }),
+    },
+};
+describe('useTableNavigation', function () {
+    var onSelectionChanged = jest.fn();
+    var containerRef = defaultContainerRef;
+    beforeEach(function () {
+        containerRef = defaultContainerRef;
+        onSelectionChanged = jest.fn();
+    });
+    it('should not navigate when enabled is false', function () {
+        var _a;
+        var result = lib.renderHook(function () {
+            return useTableNavigation({
+                enabled: false,
+                containerRef: containerRef,
+                onSelectionChanged: onSelectionChanged,
+            });
+        }).result;
+        lib.act(function () {
+            result.current.navigateTable(true);
+        });
+        expect(result.current.activeSection).toBe(1);
+        expect((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.scroll).not.toHaveBeenCalled();
+        expect(onSelectionChanged).not.toHaveBeenCalled();
+    });
+    it('should navigate to the next section when increase is true', function () {
+        var _a;
+        var result = lib.renderHook(function () {
+            return useTableNavigation({
+                enabled: true,
+                containerRef: containerRef,
+                onSelectionChanged: onSelectionChanged,
+            });
+        }).result;
+        lib.act(function () {
+            result.current.navigateTable(true);
+        });
+        expect(result.current.activeSection).toBe(2);
+        expect((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.scroll).toHaveBeenCalledWith({
+            top: 0,
+            left: expect.any(Number),
+            behavior: 'smooth',
+        });
+        expect(onSelectionChanged).toHaveBeenCalledWith(2);
+    });
+    it('should navigate to the previous section when increase is false', function () {
+        var _a;
+        var result = lib.renderHook(function () {
+            return useTableNavigation({
+                enabled: true,
+                containerRef: containerRef,
+                onSelectionChanged: onSelectionChanged,
+            });
+        }).result;
+        lib.act(function () {
+            result.current.navigateTable(false);
+        });
+        expect(result.current.activeSection).toBe(0);
+        expect((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.scroll).toHaveBeenCalledWith({
+            top: 0,
+            left: expect.any(Number),
+            behavior: 'smooth',
+        });
+        expect(onSelectionChanged).toHaveBeenCalledWith(0);
+    });
+});
+//# sourceMappingURL=useTableNavigation.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTableNavigation.test.js","sources":["../../../../../../../src/lib/components/table/utils/useTableNavigation/useTableNavigation.test.tsx"],"sourcesContent":["import { renderHook, act } from '@testing-library/react-hooks';\nimport { useTableNavigation } from './useTableNavigation';\nimport { RefObject } from 'react';\nconst defaultContainerRef = {\n  current: {\n    scroll: jest.fn(),\n    addEventListener: jest.fn(),\n    removeEventListener: jest.fn(),\n    getBoundingClientRect: jest.fn(() => ({ width: 800 })),\n  },\n} as unknown as RefObject<HTMLElement>;\n\ndescribe('useTableNavigation', () => {\n  let onSelectionChanged = jest.fn();\n  let containerRef = defaultContainerRef;\n\n  beforeEach(() => {\n    containerRef = defaultContainerRef;\n    onSelectionChanged = jest.fn();\n  });\n\n  it('should not navigate when enabled is false', () => {\n    const { result } = renderHook(() =>\n      useTableNavigation({\n        enabled: false,\n        containerRef,\n        onSelectionChanged,\n      })\n    );\n\n    act(() => {\n      result.current.navigateTable(true);\n    });\n\n    expect(result.current.activeSection).toBe(1);\n    expect(containerRef.current?.scroll).not.toHaveBeenCalled();\n    expect(onSelectionChanged).not.toHaveBeenCalled();\n  });\n\n  it('should navigate to the next section when increase is true', () => {\n    const { result } = renderHook(() =>\n      useTableNavigation({\n        enabled: true,\n        containerRef,\n        onSelectionChanged,\n      })\n    );\n\n    act(() => {\n      result.current.navigateTable(true);\n    });\n\n    expect(result.current.activeSection).toBe(2);\n    expect(containerRef.current?.scroll).toHaveBeenCalledWith({\n      top: 0,\n      left: expect.any(Number),\n      behavior: 'smooth',\n    });\n    expect(onSelectionChanged).toHaveBeenCalledWith(2);\n  });\n\n  it('should navigate to the previous section when increase is false', () => {\n    const { result } = renderHook(() =>\n      useTableNavigation({\n        enabled: true,\n        containerRef,\n        onSelectionChanged,\n      })\n    );\n\n    act(() => {\n      result.current.navigateTable(false);\n    });\n\n    expect(result.current.activeSection).toBe(0);\n    expect(containerRef.current?.scroll).toHaveBeenCalledWith({\n      top: 0,\n      left: expect.any(Number),\n      behavior: 'smooth',\n    });\n    expect(onSelectionChanged).toHaveBeenCalledWith(0);\n  });\n});\n"],"names":["renderHook","act"],"mappings":"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"}

package/dist/esm/components/toast/index.js

@@ -1,10 +1,10 @@
 import '../../tslib.es6-a39f91fc.js';
 import 'react/jsx-runtime';
 import '../../index-6ea95111.js';
-export { T as Toast, a as Toaster, t as toast } from '../../index-2a2fcd04.js';
+export { T as Toast, a as Toaster, t as toast } from '../../index-3aa7e697.js';
 import '../icon/icons/X.js';
 import '../../style-inject.es-1f59c1d0.js';
 import 'react';
-import '../../_commonjsHelpers-e7f67fd8.js';
+import '../../_commonjsHelpers-4730bd53.js';
 import '../icon/IconWrapper/IconWrapper.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/toast/index.stories.js

@@ -1,11 +1,11 @@
 import { a as __assign } from '../../tslib.es6-a39f91fc.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { T as Toast, a as Toaster, s as styles, t as toast } from '../../index-2a2fcd04.js';
+import { T as Toast, a as Toaster, s as styles, t as toast } from '../../index-3aa7e697.js';
 import { Button } from '../button/index.js';
 import { c as classNames } from '../../index-6ea95111.js';
 import '../../style-inject.es-1f59c1d0.js';
 import 'react';
-import '../../_commonjsHelpers-e7f67fd8.js';
+import '../../_commonjsHelpers-4730bd53.js';
 import '../icon/icons/X.js';
 import '../icon/IconWrapper/IconWrapper.js';
 

package/dist/esm/components/toast/index.test.js

@@ -1,10 +1,10 @@
 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-b3d1dc00.js';
-import { T as Toast } from '../../index-2a2fcd04.js';
+import { c as customRender, s as screen } from '../../customRender-d03c10b6.js';
+import { T as Toast } from '../../index-3aa7e697.js';
 import 'react';
 import 'react-dom';
-import '../../_commonjsHelpers-e7f67fd8.js';
+import '../../_commonjsHelpers-4730bd53.js';
 import 'react-dom/test-utils';
 import '../../index-6ea95111.js';
 import '../../style-inject.es-1f59c1d0.js';

package/dist/esm/{customRender-b3d1dc00.js → customRender-d03c10b6.js}

@@ -1,7 +1,7 @@
 import { a as __assign } from './tslib.es6-a39f91fc.js';
 import * as require$$0 from 'react';
 import ReactDOM from 'react-dom';
-import { c as commonjsGlobal } from './_commonjsHelpers-e7f67fd8.js';
+import { c as commonjsGlobal } from './_commonjsHelpers-4730bd53.js';
 import * as testUtils from 'react-dom/test-utils';
 
 function _extends() {
@@ -26459,5 +26459,5 @@ var customRender = function (ui, options) {
     return (__assign({ user: userEvent.setup() }, render(ui, options)));
 };
 
-export { act as a, customRender as c, fireEvent as f, lib as l, screen as s };
-//# sourceMappingURL=customRender-b3d1dc00.js.map
+export { act as a, customRender as c, elementRoles_1 as e, fireEvent as f, roles_1 as r, screen as s };
+//# sourceMappingURL=customRender-d03c10b6.js.map