@popsure/dirty-swan 0.66.24 → 0.66.26

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

@@ -1,9 +1,10 @@
 import { _ as __awaiter, a as __generator } from '../../tslib.es6-CVlKGIvp.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
 import { c as customRender, s as screen } from '../../customRender-DzdqZxUd.js';
+import { u as useMediaQuery } from '../../useMediaQuery-BlEUymPA.js';
 import { Table } from './Table.js';
 import '../../_commonjsHelpers-BFTU3MAI.js';
-import 'react';
 import 'react-dom';
 import 'util';
 import 'react-dom/test-utils';
@@ -37,19 +38,22 @@ import '../icon/icons/ChevronUp.js';
 import '../modal/bottomOrRegularModal/index.js';
 import '../modal/bottomModal/index.js';
 import '../modal/genericModal/index.js';
+import '../../context.js';
 import '../../index-DuaJiEiT.js';
 import '../../index-hWqCLhoS.js';
 import '../modal/regularModal/index.js';
-import '../../useMediaQuery-BlEUymPA.js';
 import './components/TableContents/TableContents.js';
 import '../../TableSection-Cm50RX-V.js';
 import './components/TableContents/Collapsible.js';
-import '../../useTableNavigation-CrxoXTVd.js';
+import '../../useTableNavigation-C-vb2BxI.js';
 import './components/TableControls/TableControls.js';
 import '../icon/icons/ChevronLeft.js';
 import '../../useScrollSync-C5UXYPIB.js';
 import '../tabs/Tabs.js';
 
+jest.mock('../../hooks/useMediaQuery', function () { return ({
+    useMediaQuery: jest.fn(function () { return false; }),
+}); });
 var tableData = [
     {
         section: {
@@ -155,4 +159,40 @@ describe('Table', function () {
         expect(screen.getByText('I am custom')).toBeInTheDocument();
     });
 });
+describe('Table on mobile with a parent-controlled section', function () {
+    var planTable = [
+        {
+            rows: [
+                [{ text: 'Choose your plan' }, { text: 'Basic' }, { text: 'Advanced' }],
+            ],
+        },
+    ];
+    var ControlledTable = function (_a) {
+        var onSelectionChanged = _a.onSelectionChanged;
+        var _b = useState(2), activeSection = _b[0], setActiveSection = _b[1];
+        return (jsx(Table, { title: "Plans", tableData: planTable, activeSection: activeSection, onSelectionChanged: function (index) {
+                onSelectionChanged(index);
+                setActiveSection(index);
+            } }));
+    };
+    beforeAll(function () {
+        HTMLElement.prototype.scroll = jest.fn();
+        useMediaQuery.mockReturnValue(true);
+    });
+    afterAll(function () {
+        useMediaQuery.mockReturnValue(false);
+    });
+    it('settles on the parent section instead of bouncing between columns', function () {
+        var reported = [];
+        customRender(jsx(ControlledTable, { onSelectionChanged: function (index) {
+                reported.push(index);
+                if (reported.length > 5) {
+                    throw new Error("selection bounced: ".concat(reported.join(',')));
+                }
+            } }));
+        expect(reported).toEqual([2]);
+        expect(screen.getByTestId('previous-section-button')).toBeEnabled();
+        expect(screen.getByTestId('next-section-button')).toBeDisabled();
+    });
+});
 //# sourceMappingURL=Table.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.test.js","sources":["../../../../../src/lib/components/table/Table.test.tsx"],"sourcesContent":["import { render, screen } from '../../util/testUtils';\nimport { Table } from './Table';\nimport { TableSectionData } from './types';\n\nconst tableData: TableSectionData[] = [\n  {\n    section: {\n      title: 'Section 1',\n      icon: <span>Icon 1</span>,\n    },\n    rows: [[{ text: 'Item 1', cellId: '#item1' }, { text: 'Item 2' }]],\n  },\n  {\n    section: {\n      title: 'Section 2',\n      icon: 'https://placehold.co/30x30/orange/white',\n    },\n    rows: [\n      [{ text: 'Item 3' }, { text: 'Item 4', modalContent: 'Additional item' }],\n    ],\n  },\n];\n\ndescribe('Table', () => {\n  it('renders the table with sections and items', () => {\n    render(<Table tableData={tableData} title=\"Test Table\" />);\n\n    expect(screen.getByText('Section 1')).toBeInTheDocument();\n    expect(screen.getByText('Section 2')).toBeInTheDocument();\n\n    expect(screen.getAllByText('Item 1')[0]).toBeInTheDocument();\n    expect(screen.getAllByText('Item 2')[0]).toBeInTheDocument();\n    expect(screen.getByText('Item 3')).toBeInTheDocument();\n    expect(screen.getByText('Item 4')).toBeInTheDocument();\n  });\n\n  it('renders the table without sections', () => {\n    const dataWithoutSections = [{ rows: tableData[0].rows }];\n\n    render(<Table tableData={dataWithoutSections} title=\"Test Table\" />);\n\n    expect(screen.getAllByText('Item 1')[0]).toBeVisible();\n    expect(screen.getAllByText('Item 2')[0]).toBeVisible();\n  });\n\n  it('hides the show/hide details button if hideDetails is false', () => {\n    render(<Table tableData={tableData} hideDetails title=\"Test Table\" />);\n\n    expect(screen.queryByTestId('show-hide-details')).toBeInTheDocument();\n  });\n\n  it('shows the show/hide details button if hideDetails is true', () => {\n    render(<Table tableData={tableData} hideDetails title=\"Test Table\" />);\n\n    expect(screen.getByTestId('show-hide-details')).toBeInTheDocument();\n  });\n\n  it('hides the sections if hideDetails is true', () => {\n    render(<Table tableData={tableData} hideDetails title=\"Test Table\" />);\n\n    expect(screen.queryByText('Section 2')).not.toBeInTheDocument();\n    expect(screen.getByTestId('show-hide-details')).toBeInTheDocument();\n  });\n\n  it('hides the sections if hideDetails is true and shows if clicking on button', async () => {\n    const { user } = render(\n      <Table tableData={tableData} hideDetails title=\"Test Table\" />\n    );\n\n    expect(screen.getByText('Show details')).toBeVisible();\n\n    await user.click(screen.getByTestId('show-hide-details'));\n\n    expect(screen.getByText('Section 2')).toBeVisible();\n    expect(screen.getByText('Hide details')).toBeVisible();\n  });\n\n  it('does not render the sticky header row when hideStickyHeader is true', () => {\n    const { rerender } = render(\n      <Table tableData={tableData} title=\"Test Table\" />\n    );\n    const countWithStickyHeader = screen.getAllByText('Item 1').length;\n\n    rerender(\n      <Table tableData={tableData} hideStickyHeader title=\"Test Table\" />\n    );\n\n    expect(screen.getAllByText('Item 1')).toHaveLength(\n      countWithStickyHeader - 1\n    );\n  });\n\n  it('shows a modal when clicking on info icon', async () => {\n    const { user } = render(<Table tableData={tableData} title=\"Test Table\" />);\n\n    await user.click(screen.getByTestId('ds-table-info-button'));\n\n    expect(screen.getByText('Additional item')).toBeVisible();\n  });\n\n  it('renders the table with cell replacements', () => {\n    render(\n      <Table\n        tableData={tableData}\n        title=\"Test Table\"\n        cellReplacements={{\n          '#item1': {\n            text: 'I was replaced',\n          },\n        }}\n      />\n    );\n\n    expect(screen.getByText('Section 1')).toBeInTheDocument();\n    expect(screen.getByText('Section 2')).toBeInTheDocument();\n\n    expect(screen.getAllByText('I was replaced')[0]).toBeInTheDocument();\n    expect(screen.getAllByText('Item 2')[0]).toBeInTheDocument();\n    expect(screen.getAllByText('Item 3')[0]).toBeInTheDocument();\n    expect(screen.getAllByText('Item 4')[0]).toBeInTheDocument();\n  });\n\n  it('renders icons with a custom image component', () => {\n    const CustomImageComponent = ({ src }: { src: string }) => (\n      <>\n        <p>I am custom</p>\n        <img src={src} alt=\"\" />\n      </>\n    );\n\n    render(\n      <Table\n        tableData={tableData}\n        title=\"Test Table\"\n        imageComponent={CustomImageComponent}\n      />\n    );\n\n    expect(screen.getByText('I am custom')).toBeInTheDocument();\n  });\n});\n"],"names":["_jsx","render","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"Table.test.js","sources":["../../../../../src/lib/components/table/Table.test.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { render, screen } from '../../util/testUtils';\nimport { useMediaQuery } from '../../hooks/useMediaQuery';\nimport { Table } from './Table';\nimport { TableSectionData } from './types';\n\njest.mock('../../hooks/useMediaQuery', () => ({\n  useMediaQuery: jest.fn(() => false),\n}));\n\nconst tableData: TableSectionData[] = [\n  {\n    section: {\n      title: 'Section 1',\n      icon: <span>Icon 1</span>,\n    },\n    rows: [[{ text: 'Item 1', cellId: '#item1' }, { text: 'Item 2' }]],\n  },\n  {\n    section: {\n      title: 'Section 2',\n      icon: 'https://placehold.co/30x30/orange/white',\n    },\n    rows: [\n      [{ text: 'Item 3' }, { text: 'Item 4', modalContent: 'Additional item' }],\n    ],\n  },\n];\n\ndescribe('Table', () => {\n  it('renders the table with sections and items', () => {\n    render(<Table tableData={tableData} title=\"Test Table\" />);\n\n    expect(screen.getByText('Section 1')).toBeInTheDocument();\n    expect(screen.getByText('Section 2')).toBeInTheDocument();\n\n    expect(screen.getAllByText('Item 1')[0]).toBeInTheDocument();\n    expect(screen.getAllByText('Item 2')[0]).toBeInTheDocument();\n    expect(screen.getByText('Item 3')).toBeInTheDocument();\n    expect(screen.getByText('Item 4')).toBeInTheDocument();\n  });\n\n  it('renders the table without sections', () => {\n    const dataWithoutSections = [{ rows: tableData[0].rows }];\n\n    render(<Table tableData={dataWithoutSections} title=\"Test Table\" />);\n\n    expect(screen.getAllByText('Item 1')[0]).toBeVisible();\n    expect(screen.getAllByText('Item 2')[0]).toBeVisible();\n  });\n\n  it('hides the show/hide details button if hideDetails is false', () => {\n    render(<Table tableData={tableData} hideDetails title=\"Test Table\" />);\n\n    expect(screen.queryByTestId('show-hide-details')).toBeInTheDocument();\n  });\n\n  it('shows the show/hide details button if hideDetails is true', () => {\n    render(<Table tableData={tableData} hideDetails title=\"Test Table\" />);\n\n    expect(screen.getByTestId('show-hide-details')).toBeInTheDocument();\n  });\n\n  it('hides the sections if hideDetails is true', () => {\n    render(<Table tableData={tableData} hideDetails title=\"Test Table\" />);\n\n    expect(screen.queryByText('Section 2')).not.toBeInTheDocument();\n    expect(screen.getByTestId('show-hide-details')).toBeInTheDocument();\n  });\n\n  it('hides the sections if hideDetails is true and shows if clicking on button', async () => {\n    const { user } = render(\n      <Table tableData={tableData} hideDetails title=\"Test Table\" />\n    );\n\n    expect(screen.getByText('Show details')).toBeVisible();\n\n    await user.click(screen.getByTestId('show-hide-details'));\n\n    expect(screen.getByText('Section 2')).toBeVisible();\n    expect(screen.getByText('Hide details')).toBeVisible();\n  });\n\n  it('does not render the sticky header row when hideStickyHeader is true', () => {\n    const { rerender } = render(\n      <Table tableData={tableData} title=\"Test Table\" />\n    );\n    const countWithStickyHeader = screen.getAllByText('Item 1').length;\n\n    rerender(\n      <Table tableData={tableData} hideStickyHeader title=\"Test Table\" />\n    );\n\n    expect(screen.getAllByText('Item 1')).toHaveLength(\n      countWithStickyHeader - 1\n    );\n  });\n\n  it('shows a modal when clicking on info icon', async () => {\n    const { user } = render(<Table tableData={tableData} title=\"Test Table\" />);\n\n    await user.click(screen.getByTestId('ds-table-info-button'));\n\n    expect(screen.getByText('Additional item')).toBeVisible();\n  });\n\n  it('renders the table with cell replacements', () => {\n    render(\n      <Table\n        tableData={tableData}\n        title=\"Test Table\"\n        cellReplacements={{\n          '#item1': {\n            text: 'I was replaced',\n          },\n        }}\n      />\n    );\n\n    expect(screen.getByText('Section 1')).toBeInTheDocument();\n    expect(screen.getByText('Section 2')).toBeInTheDocument();\n\n    expect(screen.getAllByText('I was replaced')[0]).toBeInTheDocument();\n    expect(screen.getAllByText('Item 2')[0]).toBeInTheDocument();\n    expect(screen.getAllByText('Item 3')[0]).toBeInTheDocument();\n    expect(screen.getAllByText('Item 4')[0]).toBeInTheDocument();\n  });\n\n  it('renders icons with a custom image component', () => {\n    const CustomImageComponent = ({ src }: { src: string }) => (\n      <>\n        <p>I am custom</p>\n        <img src={src} alt=\"\" />\n      </>\n    );\n\n    render(\n      <Table\n        tableData={tableData}\n        title=\"Test Table\"\n        imageComponent={CustomImageComponent}\n      />\n    );\n\n    expect(screen.getByText('I am custom')).toBeInTheDocument();\n  });\n});\n\ndescribe('Table on mobile with a parent-controlled section', () => {\n  const planTable: TableSectionData[] = [\n    {\n      rows: [\n        [{ text: 'Choose your plan' }, { text: 'Basic' }, { text: 'Advanced' }],\n      ],\n    },\n  ];\n\n  const ControlledTable = ({\n    onSelectionChanged,\n  }: {\n    onSelectionChanged: (index: number) => void;\n  }) => {\n    const [activeSection, setActiveSection] = useState(2);\n\n    return (\n      <Table\n        title=\"Plans\"\n        tableData={planTable}\n        activeSection={activeSection}\n        onSelectionChanged={(index) => {\n          onSelectionChanged(index);\n          setActiveSection(index);\n        }}\n      />\n    );\n  };\n\n  beforeAll(() => {\n    HTMLElement.prototype.scroll = jest.fn();\n    (useMediaQuery as jest.Mock).mockReturnValue(true);\n  });\n\n  afterAll(() => {\n    (useMediaQuery as jest.Mock).mockReturnValue(false);\n  });\n\n  it('settles on the parent section instead of bouncing between columns', () => {\n    const reported: number[] = [];\n\n    render(\n      <ControlledTable\n        onSelectionChanged={(index) => {\n          reported.push(index);\n          if (reported.length > 5) {\n            throw new Error(`selection bounced: ${reported.join(',')}`);\n          }\n        }}\n      />\n    );\n\n    expect(reported).toEqual([2]);\n    expect(screen.getByTestId('previous-section-button')).toBeEnabled();\n    expect(screen.getByTestId('next-section-button')).toBeDisabled();\n  });\n});\n"],"names":["_jsx","render","_jsxs","_Fragment"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { l as libExports } from '../../../../index-CVgMNqD7.js';
-import { u as useTableNavigation } from '../../../../useTableNavigation-CrxoXTVd.js';
+import { u as useTableNavigation } from '../../../../useTableNavigation-C-vb2BxI.js';
 import '../../../../index-BClARCFl.js';
 import '../../../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
@@ -75,5 +75,55 @@ describe('useTableNavigation', function () {
         });
         expect(onSelectionChanged).toHaveBeenCalledWith(0);
     });
+    it('starts on the section passed by the parent instead of the first one', function () {
+        var _a;
+        var result = libExports.renderHook(function () {
+            return useTableNavigation({
+                enabled: true,
+                containerRef: containerRef,
+                onSelectionChanged: onSelectionChanged,
+                initialSection: 1,
+            });
+        }).result;
+        expect(result.current.activeSection).toBe(2);
+        expect((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.scroll).toHaveBeenCalledWith({
+            top: 0,
+            left: 400,
+            behavior: 'smooth',
+        });
+    });
+    it('does not report a section pushed in by the parent as a user selection', function () {
+        var result = libExports.renderHook(function () {
+            return useTableNavigation({
+                enabled: true,
+                containerRef: containerRef,
+                onSelectionChanged: onSelectionChanged,
+            });
+        }).result;
+        onSelectionChanged.mockClear();
+        libExports.act(function () {
+            result.current.syncActiveSection(1);
+        });
+        expect(result.current.activeSection).toBe(2);
+        expect(onSelectionChanged).not.toHaveBeenCalled();
+    });
+    it('keeps reporting user navigation after a parent sync', function () {
+        var result = libExports.renderHook(function () {
+            return useTableNavigation({
+                enabled: true,
+                containerRef: containerRef,
+                onSelectionChanged: onSelectionChanged,
+            });
+        }).result;
+        libExports.act(function () {
+            result.current.syncActiveSection(1);
+        });
+        onSelectionChanged.mockClear();
+        libExports.act(function () {
+            result.current.navigateTable(false);
+        });
+        expect(result.current.activeSection).toBe(1);
+        expect(onSelectionChanged).toHaveBeenCalledWith(1);
+    });
 });
 //# sourceMappingURL=useTableNavigation.test.js.map

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

@@ -1 +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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"}
+{"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  it('starts on the section passed by the parent instead of the first one', () => {\n    const { result } = renderHook(() =>\n      useTableNavigation({\n        enabled: true,\n        containerRef,\n        onSelectionChanged,\n        initialSection: 1,\n      })\n    );\n\n    expect(result.current.activeSection).toBe(2);\n    expect(containerRef.current?.scroll).toHaveBeenCalledWith({\n      top: 0,\n      left: 400,\n      behavior: 'smooth',\n    });\n  });\n\n  it('does not report a section pushed in by the parent as a user selection', () => {\n    const { result } = renderHook(() =>\n      useTableNavigation({\n        enabled: true,\n        containerRef,\n        onSelectionChanged,\n      })\n    );\n    onSelectionChanged.mockClear();\n\n    act(() => {\n      result.current.syncActiveSection(1);\n    });\n\n    expect(result.current.activeSection).toBe(2);\n    expect(onSelectionChanged).not.toHaveBeenCalled();\n  });\n\n  it('keeps reporting user navigation after a parent sync', () => {\n    const { result } = renderHook(() =>\n      useTableNavigation({\n        enabled: true,\n        containerRef,\n        onSelectionChanged,\n      })\n    );\n\n    act(() => {\n      result.current.syncActiveSection(1);\n    });\n    onSelectionChanged.mockClear();\n\n    act(() => {\n      result.current.navigateTable(false);\n    });\n\n    expect(result.current.activeSection).toBe(1);\n    expect(onSelectionChanged).toHaveBeenCalledWith(1);\n  });\n});\n"],"names":["renderHook","act"],"mappings":"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"}

package/dist/esm/context.js

@@ -0,0 +1,39 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useRef, useCallback, useMemo, useContext, useEffect } from 'react';
+
+var DirtySwanContext = createContext(null);
+var DirtySwanProvider = function (_a) {
+    var children = _a.children, onModalChange = _a.onModalChange;
+    var countRef = useRef(0);
+    var onModalChangeRef = useRef(onModalChange);
+    onModalChangeRef.current = onModalChange;
+    var onModalOpen = useCallback(function () {
+        var _a;
+        countRef.current += 1;
+        if (countRef.current === 1) {
+            (_a = onModalChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onModalChangeRef, true);
+        }
+    }, []);
+    var onModalClose = useCallback(function () {
+        var _a;
+        countRef.current -= 1;
+        if (countRef.current === 0) {
+            (_a = onModalChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onModalChangeRef, false);
+        }
+    }, []);
+    var value = useMemo(function () { return ({ onModalOpen: onModalOpen, onModalClose: onModalClose }); }, [onModalOpen, onModalClose]);
+    return (jsx(DirtySwanContext.Provider, { value: value, children: children }));
+};
+var useDirtySwan = function () { return useContext(DirtySwanContext); };
+var useModalTrack = function (isVisible) {
+    var dirtySwan = useDirtySwan();
+    useEffect(function () {
+        if (!isVisible)
+            return;
+        dirtySwan === null || dirtySwan === void 0 ? void 0 : dirtySwan.onModalOpen();
+        return function () { return dirtySwan === null || dirtySwan === void 0 ? void 0 : dirtySwan.onModalClose(); };
+    }, [isVisible, dirtySwan]);
+};
+
+export { DirtySwanProvider, useDirtySwan, useModalTrack };
+//# sourceMappingURL=context.js.map

package/dist/esm/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../src/lib/context.tsx"],"sourcesContent":["import { createContext, ReactNode, useCallback, useContext, useEffect, useMemo, useRef } from 'react';\n\ninterface DirtySwanContextValue {\n  onModalOpen: () => void;\n  onModalClose: () => void;\n}\n\nconst DirtySwanContext = createContext<DirtySwanContextValue | null>(null);\n\ninterface DirtySwanProviderProps {\n  children: ReactNode;\n  onModalChange?: (isModalOpen: boolean) => void;\n}\n\nexport const DirtySwanProvider = ({\n  children,\n  onModalChange,\n}: DirtySwanProviderProps) => {\n  const countRef = useRef(0);\n  const onModalChangeRef = useRef(onModalChange);\n  onModalChangeRef.current = onModalChange;\n\n  const onModalOpen = useCallback(() => {\n    countRef.current += 1;\n    if (countRef.current === 1) {\n      onModalChangeRef.current?.(true);\n    }\n  }, []);\n\n  const onModalClose = useCallback(() => {\n    countRef.current -= 1;\n    if (countRef.current === 0) {\n      onModalChangeRef.current?.(false);\n    }\n  }, []);\n\n  const value = useMemo(\n    () => ({ onModalOpen, onModalClose }),\n    [onModalOpen, onModalClose]\n  );\n\n  return (\n    <DirtySwanContext.Provider value={value}>\n      {children}\n    </DirtySwanContext.Provider>\n  );\n};\n\nexport const useDirtySwan = () => useContext(DirtySwanContext);\n\nexport const useModalTrack = (isVisible: boolean) => {\n  const dirtySwan = useDirtySwan();\n\n  useEffect(() => {\n    if (!isVisible) return;\n\n    dirtySwan?.onModalOpen();\n    return () => dirtySwan?.onModalClose();\n  }, [isVisible, dirtySwan]);\n};\n"],"names":["_jsx"],"mappings":";;;AAOA,IAAM,gBAAgB,GAAG,aAAa,CAA+B,IAAI,CAAC;AAOnE,IAAM,iBAAiB,GAAG,UAAC,EAGT,EAAA;QAFvB,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,aAAa,GAAA,EAAA,CAAA,aAAA;AAEb,IAAA,IAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC;AAC1B,IAAA,IAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,CAAC;AAC9C,IAAA,gBAAgB,CAAC,OAAO,GAAG,aAAa;IAExC,IAAM,WAAW,GAAG,WAAW,CAAC,YAAA;;AAC9B,QAAA,QAAQ,CAAC,OAAO,IAAI,CAAC;AACrB,QAAA,IAAI,QAAQ,CAAC,OAAO,KAAK,CAAC,EAAE;AAC1B,YAAA,CAAA,EAAA,GAAA,gBAAgB,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,gBAAA,EAAG,IAAI,CAAC;QAClC;IACF,CAAC,EAAE,EAAE,CAAC;IAEN,IAAM,YAAY,GAAG,WAAW,CAAC,YAAA;;AAC/B,QAAA,QAAQ,CAAC,OAAO,IAAI,CAAC;AACrB,QAAA,IAAI,QAAQ,CAAC,OAAO,KAAK,CAAC,EAAE;AAC1B,YAAA,CAAA,EAAA,GAAA,gBAAgB,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,gBAAA,EAAG,KAAK,CAAC;QACnC;IACF,CAAC,EAAE,EAAE,CAAC;IAEN,IAAM,KAAK,GAAG,OAAO,CACnB,YAAA,EAAM,QAAC,EAAE,WAAW,EAAA,WAAA,EAAE,YAAY,cAAA,EAAE,EAAC,CAA/B,CAA+B,EACrC,CAAC,WAAW,EAAE,YAAY,CAAC,CAC5B;AAED,IAAA,QACEA,GAAA,CAAC,gBAAgB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EACpC,QAAQ,EAAA,CACiB;AAEhC;AAEO,IAAM,YAAY,GAAG,YAAA,EAAM,OAAA,UAAU,CAAC,gBAAgB,CAAC,CAAA,CAA5B;AAE3B,IAAM,aAAa,GAAG,UAAC,SAAkB,EAAA;AAC9C,IAAA,IAAM,SAAS,GAAG,YAAY,EAAE;AAEhC,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAI,CAAC,SAAS;YAAE;AAEhB,QAAA,SAAS,aAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,WAAW,EAAE;AACxB,QAAA,OAAO,YAAA,EAAM,OAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,YAAY,EAAE,CAAA,CAAzB,CAAyB;AACxC,IAAA,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;AAC5B;;;;"}

package/dist/esm/context.stories.js

@@ -0,0 +1,67 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { DirtySwanProvider } from './context.js';
+import './index-DLQEsiym.js';
+import { Button } from './components/button/index.js';
+import { BottomOrRegularModal } from './components/modal/bottomOrRegularModal/index.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './tslib.es6-CVlKGIvp.js';
+import './components/modal/bottomModal/index.js';
+import './style-inject.es-tgCJW-Cu.js';
+import './components/modal/genericModal/index.js';
+import './components/icon/icons/X.js';
+import './components/icon/IconWrapper/IconWrapper.js';
+import './index-DuaJiEiT.js';
+import './index-hWqCLhoS.js';
+import './components/modal/regularModal/index.js';
+
+var story = {
+    title: 'JSX/DirtySwanProvider',
+    component: DirtySwanProvider,
+    argTypes: {
+        onModalChange: {
+            description: 'Callback fired when the modal open state changes. Receives `true` when the first modal opens and `false` when the last modal closes.',
+            action: true,
+            table: {
+                category: 'Callbacks',
+            },
+        },
+    },
+    parameters: {
+        docs: {
+            description: {
+                component: 'An optional context provider that notifies consumers when any modal is open or closed. It tracks nested modals using a counter — `onModalChange(true)` fires when the first modal opens, and `onModalChange(false)` only fires when the last one closes.',
+            },
+        },
+    },
+};
+var SingleModal = {
+    render: function (_a) {
+        var onModalChange = _a.onModalChange;
+        var _b = useState(false), isOpen = _b[0], setIsOpen = _b[1];
+        var _c = useState(false), isModalOpen = _c[0], setIsModalOpen = _c[1];
+        var handleModalChange = function (open) {
+            setIsModalOpen(open);
+            onModalChange(open);
+        };
+        return (jsxs(DirtySwanProvider, { onModalChange: handleModalChange, children: [jsxs("div", { className: "d-flex fd-column gap16", children: [jsxs("div", { children: ["Modal state: ", jsx("strong", { children: isModalOpen ? 'open' : 'closed' })] }), jsx(Button, { className: "wmn2", onClick: function () { return setIsOpen(true); }, children: "Open modal" })] }), jsx(BottomOrRegularModal, { title: "Single modal", isOpen: isOpen, onClose: function () { return setIsOpen(false); }, children: jsxs("div", { style: { padding: '0 24px 24px 24px' }, children: ["Opening this modal triggered onModalChange(true). Closing it will trigger onModalChange(false).", jsx(Button, { className: "mt24 wmn3", onClick: function () { return setIsOpen(false); }, children: "Close" })] }) })] }));
+    },
+    name: 'Single modal',
+};
+var NestedModals = {
+    render: function (_a) {
+        var onModalChange = _a.onModalChange;
+        var _b = useState(false), isFirstOpen = _b[0], setIsFirstOpen = _b[1];
+        var _c = useState(false), isSecondOpen = _c[0], setIsSecondOpen = _c[1];
+        var _d = useState(false), isModalOpen = _d[0], setIsModalOpen = _d[1];
+        var handleModalChange = function (open) {
+            setIsModalOpen(open);
+            onModalChange(open);
+        };
+        return (jsxs(DirtySwanProvider, { onModalChange: handleModalChange, children: [jsxs("div", { className: "d-flex fd-column gap16", children: [jsxs("div", { children: ["Modal state: ", jsx("strong", { children: isModalOpen ? 'open' : 'closed' })] }), jsx(Button, { className: "wmn2", onClick: function () { return setIsFirstOpen(true); }, children: "Open first modal" })] }), jsx(BottomOrRegularModal, { title: "First modal", isOpen: isFirstOpen, onClose: function () { return setIsFirstOpen(false); }, children: jsxs("div", { style: { padding: '0 24px 24px 24px' }, children: ["This is the first modal. Open a second one to see that onModalChange(false) only fires when both are closed.", jsxs("div", { className: "d-flex fd-row gap8 mt24", children: [jsx(Button, { className: "wmn3", onClick: function () { return setIsSecondOpen(true); }, children: "Open second modal" }), jsx(Button, { variant: "textBlack", className: "wmn3", onClick: function () { return setIsFirstOpen(false); }, children: "Close" })] })] }) }), jsx(BottomOrRegularModal, { title: "Second modal", isOpen: isSecondOpen, onClose: function () { return setIsSecondOpen(false); }, children: jsxs("div", { style: { padding: '0 24px 24px 24px' }, children: ["This is the second (nested) modal. Closing this one will not trigger onModalChange(false) because the first modal is still open.", jsx(Button, { className: "mt24 wmn3", onClick: function () { return setIsSecondOpen(false); }, children: "Close" })] }) })] }));
+    },
+    name: 'Nested modals',
+};
+
+export { NestedModals, SingleModal, story as default };
+//# sourceMappingURL=context.stories.js.map

package/dist/esm/context.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.stories.js","sources":["../../../src/lib/context.stories.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { DirtySwanProvider } from './context';\nimport { BottomOrRegularModal } from './components/modal';\nimport { Button } from './components/button';\n\nconst story = {\n  title: 'JSX/DirtySwanProvider',\n  component: DirtySwanProvider,\n  argTypes: {\n    onModalChange: {\n      description:\n        'Callback fired when the modal open state changes. Receives `true` when the first modal opens and `false` when the last modal closes.',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        component:\n          'An optional context provider that notifies consumers when any modal is open or closed. It tracks nested modals using a counter — `onModalChange(true)` fires when the first modal opens, and `onModalChange(false)` only fires when the last one closes.',\n      },\n    },\n  },\n};\n\nexport const SingleModal = {\n  render: ({ onModalChange }: { onModalChange: (isOpen: boolean) => void }) => {\n    const [isOpen, setIsOpen] = useState(false);\n    const [isModalOpen, setIsModalOpen] = useState(false);\n\n    const handleModalChange = (open: boolean) => {\n      setIsModalOpen(open);\n      onModalChange(open);\n    };\n\n    return (\n      <DirtySwanProvider onModalChange={handleModalChange}>\n        <div className=\"d-flex fd-column gap16\">\n          <div>\n            Modal state: <strong>{isModalOpen ? 'open' : 'closed'}</strong>\n          </div>\n          <Button className=\"wmn2\" onClick={() => setIsOpen(true)}>\n            Open modal\n          </Button>\n        </div>\n\n        <BottomOrRegularModal\n          title=\"Single modal\"\n          isOpen={isOpen}\n          onClose={() => setIsOpen(false)}\n        >\n          <div style={{ padding: '0 24px 24px 24px' }}>\n            Opening this modal triggered onModalChange(true). Closing it will\n            trigger onModalChange(false).\n            <Button className=\"mt24 wmn3\" onClick={() => setIsOpen(false)}>\n              Close\n            </Button>\n          </div>\n        </BottomOrRegularModal>\n      </DirtySwanProvider>\n    );\n  },\n  name: 'Single modal',\n};\n\nexport const NestedModals = {\n  render: ({ onModalChange }: { onModalChange: (isOpen: boolean) => void }) => {\n    const [isFirstOpen, setIsFirstOpen] = useState(false);\n    const [isSecondOpen, setIsSecondOpen] = useState(false);\n    const [isModalOpen, setIsModalOpen] = useState(false);\n\n    const handleModalChange = (open: boolean) => {\n      setIsModalOpen(open);\n      onModalChange(open);\n    };\n\n    return (\n      <DirtySwanProvider onModalChange={handleModalChange}>\n        <div className=\"d-flex fd-column gap16\">\n          <div>\n            Modal state: <strong>{isModalOpen ? 'open' : 'closed'}</strong>\n          </div>\n          <Button className=\"wmn2\" onClick={() => setIsFirstOpen(true)}>\n            Open first modal\n          </Button>\n        </div>\n\n        <BottomOrRegularModal\n          title=\"First modal\"\n          isOpen={isFirstOpen}\n          onClose={() => setIsFirstOpen(false)}\n        >\n          <div style={{ padding: '0 24px 24px 24px' }}>\n            This is the first modal. Open a second one to see that\n            onModalChange(false) only fires when both are closed.\n            <div className=\"d-flex fd-row gap8 mt24\">\n              <Button className=\"wmn3\" onClick={() => setIsSecondOpen(true)}>\n                Open second modal\n              </Button>\n              <Button\n                variant=\"textBlack\"\n                className=\"wmn3\"\n                onClick={() => setIsFirstOpen(false)}\n              >\n                Close\n              </Button>\n            </div>\n          </div>\n        </BottomOrRegularModal>\n\n        <BottomOrRegularModal\n          title=\"Second modal\"\n          isOpen={isSecondOpen}\n          onClose={() => setIsSecondOpen(false)}\n        >\n          <div style={{ padding: '0 24px 24px 24px' }}>\n            This is the second (nested) modal. Closing this one will not trigger\n            onModalChange(false) because the first modal is still open.\n            <Button\n              className=\"mt24 wmn3\"\n              onClick={() => setIsSecondOpen(false)}\n            >\n              Close\n            </Button>\n          </div>\n        </BottomOrRegularModal>\n      </DirtySwanProvider>\n    );\n  },\n  name: 'Nested modals',\n};\n\nexport default story;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/context.test.js

@@ -0,0 +1,58 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { c as customRender, f as fireEvent, s as screen } from './customRender-DzdqZxUd.js';
+import { DirtySwanProvider, useDirtySwan } from './context.js';
+import './tslib.es6-CVlKGIvp.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import 'react';
+import 'react-dom';
+import 'util';
+import 'react-dom/test-utils';
+
+var TestConsumer = function () {
+    var ctx = useDirtySwan();
+    return (jsxs("div", { children: [jsx("button", { onClick: function () { return ctx === null || ctx === void 0 ? void 0 : ctx.onModalOpen(); }, children: "open" }), jsx("button", { onClick: function () { return ctx === null || ctx === void 0 ? void 0 : ctx.onModalClose(); }, children: "close" })] }));
+};
+describe('DirtySwanProvider', function () {
+    it('calls onModalChange(true) when first modal opens', function () {
+        var onModalChange = jest.fn();
+        customRender(jsx(DirtySwanProvider, { onModalChange: onModalChange, children: jsx(TestConsumer, {}) }));
+        fireEvent.click(screen.getByText('open'));
+        expect(onModalChange).toHaveBeenCalledWith(true);
+    });
+    it('calls onModalChange(false) when last modal closes', function () {
+        var onModalChange = jest.fn();
+        customRender(jsx(DirtySwanProvider, { onModalChange: onModalChange, children: jsx(TestConsumer, {}) }));
+        fireEvent.click(screen.getByText('open'));
+        fireEvent.click(screen.getByText('close'));
+        expect(onModalChange).toHaveBeenLastCalledWith(false);
+    });
+    it('does not call onModalChange(false) when nested modals are still open', function () {
+        var onModalChange = jest.fn();
+        customRender(jsx(DirtySwanProvider, { onModalChange: onModalChange, children: jsx(TestConsumer, {}) }));
+        fireEvent.click(screen.getByText('open'));
+        fireEvent.click(screen.getByText('open'));
+        fireEvent.click(screen.getByText('close'));
+        expect(onModalChange).toHaveBeenCalledTimes(1);
+        expect(onModalChange).toHaveBeenCalledWith(true);
+    });
+    it('calls onModalChange(false) when all nested modals close', function () {
+        var onModalChange = jest.fn();
+        customRender(jsx(DirtySwanProvider, { onModalChange: onModalChange, children: jsx(TestConsumer, {}) }));
+        fireEvent.click(screen.getByText('open'));
+        fireEvent.click(screen.getByText('open'));
+        fireEvent.click(screen.getByText('close'));
+        fireEvent.click(screen.getByText('close'));
+        expect(onModalChange).toHaveBeenCalledTimes(2);
+        expect(onModalChange).toHaveBeenLastCalledWith(false);
+    });
+    it('returns null when used outside provider', function () {
+        var contextValue = undefined;
+        var Spy = function () {
+            contextValue = useDirtySwan();
+            return null;
+        };
+        customRender(jsx(Spy, {}));
+        expect(contextValue).toBeNull();
+    });
+});
+//# sourceMappingURL=context.test.js.map

package/dist/esm/context.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.test.js","sources":["../../../src/lib/context.test.tsx"],"sourcesContent":["import { render, screen, fireEvent } from './util/testUtils';\nimport { DirtySwanProvider, useDirtySwan } from './context';\n\nconst TestConsumer = () => {\n  const ctx = useDirtySwan();\n\n  return (\n    <div>\n      <button onClick={() => ctx?.onModalOpen()}>open</button>\n      <button onClick={() => ctx?.onModalClose()}>close</button>\n    </div>\n  );\n};\n\ndescribe('DirtySwanProvider', () => {\n  it('calls onModalChange(true) when first modal opens', () => {\n    const onModalChange = jest.fn();\n    render(\n      <DirtySwanProvider onModalChange={onModalChange}>\n        <TestConsumer />\n      </DirtySwanProvider>\n    );\n\n    fireEvent.click(screen.getByText('open'));\n\n    expect(onModalChange).toHaveBeenCalledWith(true);\n  });\n\n  it('calls onModalChange(false) when last modal closes', () => {\n    const onModalChange = jest.fn();\n    render(\n      <DirtySwanProvider onModalChange={onModalChange}>\n        <TestConsumer />\n      </DirtySwanProvider>\n    );\n\n    fireEvent.click(screen.getByText('open'));\n    fireEvent.click(screen.getByText('close'));\n\n    expect(onModalChange).toHaveBeenLastCalledWith(false);\n  });\n\n  it('does not call onModalChange(false) when nested modals are still open', () => {\n    const onModalChange = jest.fn();\n    render(\n      <DirtySwanProvider onModalChange={onModalChange}>\n        <TestConsumer />\n      </DirtySwanProvider>\n    );\n\n    fireEvent.click(screen.getByText('open'));\n    fireEvent.click(screen.getByText('open'));\n    fireEvent.click(screen.getByText('close'));\n\n    expect(onModalChange).toHaveBeenCalledTimes(1);\n    expect(onModalChange).toHaveBeenCalledWith(true);\n  });\n\n  it('calls onModalChange(false) when all nested modals close', () => {\n    const onModalChange = jest.fn();\n    render(\n      <DirtySwanProvider onModalChange={onModalChange}>\n        <TestConsumer />\n      </DirtySwanProvider>\n    );\n\n    fireEvent.click(screen.getByText('open'));\n    fireEvent.click(screen.getByText('open'));\n    fireEvent.click(screen.getByText('close'));\n    fireEvent.click(screen.getByText('close'));\n\n    expect(onModalChange).toHaveBeenCalledTimes(2);\n    expect(onModalChange).toHaveBeenLastCalledWith(false);\n  });\n\n  it('returns null when used outside provider', () => {\n    let contextValue: ReturnType<typeof useDirtySwan> = undefined as any;\n\n    const Spy = () => {\n      contextValue = useDirtySwan();\n      return null;\n    };\n\n    render(<Spy />);\n\n    expect(contextValue).toBeNull();\n  });\n});\n"],"names":["_jsxs","_jsx","render"],"mappings":"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"}

package/dist/esm/index.d.ts

@@ -1,3 +1,3 @@
-export { Accordion, DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, IbanInput, CurrencyInput, BottomModal, RegularModal, BottomOrRegularModal, FullScreenModal, InfoCard, CardButton, Card, Button, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, DownloadButton, Checkbox, Radio, Link, InformationBox, Badge, images, illustrations, Spinner, Table, Toggle, Toaster, toast, useEscapeKey, useFocusWithin, useMediaQuery, useOnClickOutside, LogoColor, LogoWhite, LogoBlack, LogoOrangeBox, LogoInvertedColor, LogoInverted, LogoPositiveColor, LogoPositiveBlack, SearchableDropdown, } from './lib';
+export { Accordion, DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, IbanInput, CurrencyInput, BottomModal, RegularModal, BottomOrRegularModal, FullScreenModal, InfoCard, CardButton, Card, Button, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, DownloadButton, Checkbox, Radio, Link, InformationBox, Badge, images, illustrations, Spinner, Table, Toggle, Toaster, toast, useEscapeKey, useFocusWithin, useMediaQuery, useOnClickOutside, LogoColor, LogoWhite, LogoBlack, LogoOrangeBox, LogoInvertedColor, LogoInverted, LogoPositiveColor, LogoPositiveBlack, SearchableDropdown, DirtySwanProvider, useDirtySwan, useModalTrack, } from './lib';
 export * from './lib/components/icon';
 export type { AccordionProps, BadgeProps, DownloadStatus, InformationBoxProps, InputProps, IllustrationKeys, FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus, CardProps, IconWrapperProps, TableData, TableProps, SearchableDropdownProps, SearchableDropdownOption, } from './lib';

package/dist/esm/index.js

@@ -43,6 +43,7 @@ export { LogoInvertedColor } from './components/logo/LogoInvertedColor.js';
 export { LogoInverted } from './components/logo/LogoInverted.js';
 export { LogoPositiveColor } from './components/logo/LogoPositiveColor.js';
 export { LogoPositiveBlack } from './components/logo/LogoPositiveBlack.js';
+export { DirtySwanProvider, useDirtySwan, useModalTrack } from './context.js';
 export { default as Svg1Icon } from './components/icon/icons/1.js';
 export { default as Svg2Icon } from './components/icon/icons/2.js';
 export { default as Svg3Icon } from './components/icon/icons/3.js';
@@ -473,7 +474,7 @@ import './components/table/components/TableCell/ButtonCell/ButtonCell.js';
 import './components/table/components/TableContents/TableContents.js';
 import './TableSection-Cm50RX-V.js';
 import './components/table/components/TableContents/Collapsible.js';
-import './useTableNavigation-CrxoXTVd.js';
+import './useTableNavigation-C-vb2BxI.js';
 import './components/table/components/TableControls/TableControls.js';
 import './useScrollSync-C5UXYPIB.js';
 import './components/logo/LogoWrapper/LogoWrapper.js';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/lib/hooks/useFocusWithin.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nexport const useFocusWithin = (\n  ref: HTMLElement | null,\n  callback: (isFocusWithin: boolean) => void\n) => {\n  useEffect(() => {\n    const handleOnFocusIn = () => {\n      if (!ref) {\n        return;\n      }\n\n      const hasFocus = ref?.contains(document.activeElement);\n\n      callback(Boolean(hasFocus));\n    };\n\n    document.addEventListener('focusin', handleOnFocusIn);\n\n    return () => document?.removeEventListener('focusin', handleOnFocusIn);\n  }, [callback, ref]);\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,IAAM,cAAc,GAAG,UAC5B,GAAuB,EACvB,QAA0C,EAAA;AAE1C,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAM,eAAe,GAAG,YAAA;YACtB,IAAI,CAAC,GAAG,EAAE;gBACR;YACF;AAEA,YAAA,IAAM,QAAQ,GAAG,GAAG,KAAA,IAAA,IAAH,GAAG,KAAA,MAAA,GAAA,MAAA,GAAH,GAAG,CAAE,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC;AAEtD,YAAA,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;AAC7B,QAAA,CAAC;AAED,QAAA,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,eAAe,CAAC;AAErD,QAAA,OAAO,cAAM,OAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,uBAAR,QAAQ,CAAE,mBAAmB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAA,CAAzD,CAAyD;AACxE,IAAA,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;AACrB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/lib/hooks/useFocusWithin.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nexport const useFocusWithin = (\n  ref: HTMLElement | null,\n  callback: (isFocusWithin: boolean) => void\n) => {\n  useEffect(() => {\n    const handleOnFocusIn = () => {\n      if (!ref) {\n        return;\n      }\n\n      const hasFocus = ref?.contains(document.activeElement);\n\n      callback(Boolean(hasFocus));\n    };\n\n    document.addEventListener('focusin', handleOnFocusIn);\n\n    return () => document?.removeEventListener('focusin', handleOnFocusIn);\n  }, [callback, ref]);\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,IAAM,cAAc,GAAG,UAC5B,GAAuB,EACvB,QAA0C,EAAA;AAE1C,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAM,eAAe,GAAG,YAAA;YACtB,IAAI,CAAC,GAAG,EAAE;gBACR;YACF;AAEA,YAAA,IAAM,QAAQ,GAAG,GAAG,KAAA,IAAA,IAAH,GAAG,KAAA,MAAA,GAAA,MAAA,GAAH,GAAG,CAAE,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC;AAEtD,YAAA,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;AAC7B,QAAA,CAAC;AAED,QAAA,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,eAAe,CAAC;AAErD,QAAA,OAAO,cAAM,OAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,uBAAR,QAAQ,CAAE,mBAAmB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAA,CAAzD,CAAyD;AACxE,IAAA,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;AACrB;;;;"}

package/dist/esm/lib/components/table/utils/useTableNavigation/useTableNavigation.d.ts

@@ -3,11 +3,13 @@ interface UseTableNavigationReturn {
     activeSection: number;
     navigateTable: (increase?: boolean) => void;
     setActiveSection: (section: number) => void;
+    syncActiveSection: (section: number) => void;
 }
 interface UseTableNavigationProps {
     containerRef: React.RefObject<HTMLElement>;
     enabled?: boolean;
+    initialSection?: number;
     onSelectionChanged?: (index: number) => void;
 }
-export declare const useTableNavigation: ({ enabled, containerRef, onSelectionChanged }: UseTableNavigationProps) => UseTableNavigationReturn;
+export declare const useTableNavigation: ({ enabled, containerRef, initialSection, onSelectionChanged }: UseTableNavigationProps) => UseTableNavigationReturn;
 export {};

package/dist/esm/lib/context.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+interface DirtySwanContextValue {
+    onModalOpen: () => void;
+    onModalClose: () => void;
+}
+interface DirtySwanProviderProps {
+    children: ReactNode;
+    onModalChange?: (isModalOpen: boolean) => void;
+}
+export declare const DirtySwanProvider: ({ children, onModalChange, }: DirtySwanProviderProps) => JSX.Element;
+export declare const useDirtySwan: () => DirtySwanContextValue | null;
+export declare const useModalTrack: (isVisible: boolean) => void;
+export {};

package/dist/esm/lib/context.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/lib/index.d.ts

@@ -41,7 +41,8 @@ import { LogoInvertedColor } from './components/logo/LogoInvertedColor';
 import { LogoInverted } from './components/logo/LogoInverted';
 import { LogoPositiveColor } from './components/logo/LogoPositiveColor';
 import { LogoPositiveBlack } from './components/logo/LogoPositiveBlack';
+import { DirtySwanProvider, useDirtySwan, useModalTrack } from './context';
 export * from './components/icon';
-export { Accordion, DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, DownloadButton, IbanInput, BottomModal, RegularModal, BottomOrRegularModal, FullScreenModal, InfoCard, Card, CardButton, Button, CurrencyInput, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SearchableDropdown, SegmentedControl, Checkbox, Radio, Link, InformationBox, Badge, images, illustrations, Spinner, Table, Tabs, Toggle, Toaster, toast, useEscapeKey, useFocusWithin, useOnClickOutside, useMediaQuery, LogoColor, LogoWhite, LogoBlack, LogoOrangeBox, LogoInvertedColor, LogoInverted, LogoPositiveColor, LogoPositiveBlack, };
+export { Accordion, DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, DownloadButton, IbanInput, BottomModal, RegularModal, BottomOrRegularModal, FullScreenModal, InfoCard, Card, CardButton, Button, CurrencyInput, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SearchableDropdown, SegmentedControl, Checkbox, Radio, Link, InformationBox, Badge, images, illustrations, Spinner, Table, Tabs, Toggle, Toaster, toast, useEscapeKey, useFocusWithin, useOnClickOutside, useMediaQuery, LogoColor, LogoWhite, LogoBlack, LogoOrangeBox, LogoInvertedColor, LogoInverted, LogoPositiveColor, LogoPositiveBlack, DirtySwanProvider, useDirtySwan, useModalTrack, };
 export type { AccordionProps, SearchableDropdownProps, SearchableDropdownOption, BadgeProps, IllustrationKeys, InformationBoxProps, InputProps, FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus, CardProps, IconWrapperProps, TabItem, TabsProps, TableData, TableProps, };
 export type { DownloadStatus } from './models/download';

package/dist/esm/{useTableNavigation-CrxoXTVd.js → useTableNavigation-C-vb2BxI.js}

@@ -1,9 +1,18 @@
 import { d as debounce } from './index-BClARCFl.js';
-import { useState, useCallback, useEffect } from 'react';
+import { useState, useRef, useCallback, useEffect } from 'react';
 
 var useTableNavigation = function (_a) {
-    var enabled = _a.enabled, containerRef = _a.containerRef, onSelectionChanged = _a.onSelectionChanged;
-    var _b = useState(0), activeSection = _b[0], setActiveSection = _b[1];
+    var enabled = _a.enabled, containerRef = _a.containerRef, _b = _a.initialSection, initialSection = _b === void 0 ? 0 : _b, onSelectionChanged = _a.onSelectionChanged;
+    var _c = useState(initialSection), activeSection = _c[0], setActiveSection = _c[1];
+    var activeSectionRef = useRef(initialSection);
+    var skipNextReportRef = useRef(false);
+    var syncActiveSection = useCallback(function (section) {
+        if (section === activeSectionRef.current) {
+            return;
+        }
+        skipNextReportRef.current = true;
+        setActiveSection(section);
+    }, []);
     var handleScrollToSection = function (increase) {
         if (!enabled) {
             return;
@@ -30,10 +39,15 @@ var useTableNavigation = function (_a) {
         return container === null || container === void 0 ? void 0 : container.removeEventListener('scroll', handleTableScroll);
     }, [enabled]);
     useEffect(function () {
+        activeSectionRef.current = activeSection;
+        var skipReport = skipNextReportRef.current;
+        skipNextReportRef.current = false;
         if (!enabled) {
             return;
         }
-        onSelectionChanged === null || onSelectionChanged === void 0 ? void 0 : onSelectionChanged(activeSection + 1);
+        if (!skipReport) {
+            onSelectionChanged === null || onSelectionChanged === void 0 ? void 0 : onSelectionChanged(activeSection + 1);
+        }
         if (containerRef.current) {
             var containerWidth = containerRef.current.getBoundingClientRect().width;
             var cellWidth = containerWidth / 2;
@@ -48,8 +62,9 @@ var useTableNavigation = function (_a) {
         activeSection: activeSection + 1,
         navigateTable: handleScrollToSection,
         setActiveSection: setActiveSection,
+        syncActiveSection: syncActiveSection,
     };
 };
 
 export { useTableNavigation as u };
-//# sourceMappingURL=useTableNavigation-CrxoXTVd.js.map
+//# sourceMappingURL=useTableNavigation-C-vb2BxI.js.map

package/dist/esm/useTableNavigation-C-vb2BxI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableNavigation-C-vb2BxI.js","sources":["../../../src/lib/components/table/utils/useTableNavigation/useTableNavigation.ts"],"sourcesContent":["import debounce from \"lodash.debounce\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\ninterface UseTableNavigationReturn {\n  activeSection: number;\n  navigateTable: (increase?: boolean) => void;\n  setActiveSection: (section: number) => void;\n  syncActiveSection: (section: number) => void;\n}\n\ninterface UseTableNavigationProps {\n  containerRef: React.RefObject<HTMLElement>,\n  enabled?: boolean,\n  initialSection?: number,\n  onSelectionChanged?: (index: number) => void\n}\n\nexport const useTableNavigation = ({\n  enabled,\n  containerRef,\n  initialSection = 0,\n  onSelectionChanged\n}: UseTableNavigationProps): UseTableNavigationReturn => {\n  const [activeSection, setActiveSection] = useState(initialSection);\n  const activeSectionRef = useRef(initialSection);\n  const skipNextReportRef = useRef(false);\n\n  const syncActiveSection = useCallback((section: number) => {\n    if (section === activeSectionRef.current) {\n      return;\n    }\n\n    skipNextReportRef.current = true;\n    setActiveSection(section);\n  }, []);\n\n  const handleScrollToSection = (increase?: boolean) => {\n    if (!enabled) {\n      return;\n    }\n\n    setActiveSection((prevSection) => \n      prevSection + (increase ? 1 : -1)\n    );\n  };\n\n  const handleTableScroll = useCallback(() => {\n    if (!containerRef.current || !enabled) {\n      return;\n    }\n\n    const containerWidth = containerRef.current.getBoundingClientRect().width;\n    const scrollLeft = containerRef.current.scrollLeft * 1.1;\n    const cellWidth = containerWidth / 2;\n\n    setActiveSection(Math.floor(scrollLeft / cellWidth));\n   }, [activeSection, containerRef, enabled]);\n\n  const debouncedTableScroll = debounce(handleTableScroll, 150);\n\n  useEffect(() => {\n    const container = containerRef.current;\n\n    container?.addEventListener('scroll', debouncedTableScroll, {\n      passive: true,\n    });\n\n    return container?.removeEventListener('scroll', handleTableScroll);\n  }, [enabled]);\n\n  useEffect(() => {\n    activeSectionRef.current = activeSection;\n\n    const skipReport = skipNextReportRef.current;\n    skipNextReportRef.current = false;\n\n    if (!enabled) {\n      return\n    }\n\n    if (!skipReport) {\n      onSelectionChanged?.(activeSection + 1);\n    }\n\n    if (containerRef.current) {\n      const containerWidth = containerRef.current.getBoundingClientRect().width;\n      const cellWidth = containerWidth / 2;\n\n      containerRef.current.scroll({\n        top: 0,\n        left: cellWidth * activeSection,\n        behavior: 'smooth',\n      });\n    }\n  }, [enabled, activeSection]);\n\n  return {\n    activeSection: activeSection + 1,\n    navigateTable: handleScrollToSection,\n    setActiveSection,\n    syncActiveSection,\n  }\n}"],"names":[],"mappings":"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"}

package/package.json

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

package/src/index.tsx

@@ -54,6 +54,9 @@ export {
   LogoPositiveColor,
   LogoPositiveBlack,
   SearchableDropdown,
+  DirtySwanProvider,
+  useDirtySwan,
+  useModalTrack,
 } from './lib';
 
 export * from './lib/components/icon';