acinguiux-ds-react-framework 0.0.1

package/build/esm/components/Table/components/TableElements/TableElements.test.js

@@ -0,0 +1,200 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createRef } from 'react';
+import { act } from '@testing-library/react-hooks';
+import { Sizes, Positions, BUTTON_CLASS, TABLE_NO_DIR_ICON_CLASS, TABLE_ASC_ICON_CLASS, TABLE_DESC_ICON_CLASS, } from 'acinguiux-ds-react-base';
+import { render, describe, it, expect, vi, screen, userEvent } from '../../../../utils/viTestUtils';
+import { TableWrapper } from './TableWrapper';
+import { SorterButton } from './SorterButton';
+import Table from '../../Table';
+import { TH, TR, TBody } from './TableElements';
+import { SelectionCheckbox } from './SelectionCheckbox';
+import { FilterButton } from './FilterButton';
+import { PinButton } from './PinButton';
+import { ExpanderButton } from './ExpanderButton';
+import { DraggableButton } from './DraggableButton';
+const sizes = [Sizes.ExtraSmall, Sizes.Small, Sizes.Medium, Sizes.Large];
+const TableHeaderCell = ({ size = Sizes.Medium, children }) => (_jsx(Table, { size: size, children: _jsx(TBody, { children: _jsx(TR, { children: _jsx(TH, { children: children }) }) }) }));
+describe('TableElements', () => {
+    describe('TableWrapper', () => {
+        const props = {
+            maxHeight: 300,
+            maxWidth: 500,
+            stickyColumns: true,
+            stickyRows: true,
+            virtualized: true,
+        };
+        it('renders without crashing', () => {
+            const { container } = render(_jsx(TableWrapper, {}));
+            expect(container.firstChild).toBeInTheDocument();
+        });
+        it('renders with all props', () => {
+            const { container } = render(_jsx(TableWrapper, { ...props }));
+            expect(container.firstChild).toBeInTheDocument();
+        });
+        it('ref is correctly passed to the underlying div element', () => {
+            const ref = createRef();
+            render(_jsx(TableWrapper, { ref: ref, ...props, children: "Content" }));
+            expect(ref.current).toBeTruthy();
+        });
+    });
+    describe('SorterButton', () => {
+        it('renders SorterButton without props', () => {
+            const { container } = render(_jsx(TableHeaderCell, { children: _jsx(SorterButton, {}) }));
+            expect(container.getElementsByClassName(BUTTON_CLASS).length).toBe(1);
+            expect(container.getElementsByClassName(TABLE_NO_DIR_ICON_CLASS).length).toBe(1);
+        });
+        it.each(sizes)('renders SorterButton for each size', (size) => {
+            const { container } = render(_jsx(TableHeaderCell, { size: size, children: _jsx(SorterButton, {}) }));
+            expect(container.getElementsByClassName(BUTTON_CLASS).length).toBe(1);
+            expect(container.getElementsByClassName(TABLE_NO_DIR_ICON_CLASS).length).toBe(1);
+        });
+        it('renders SorterButton with sort direction "asc"', () => {
+            const { container } = render(_jsx(TableHeaderCell, { children: _jsx(SorterButton, { sortDirection: "asc" }) }));
+            expect(container.firstChild).toBeInTheDocument();
+            expect(container.getElementsByClassName(TABLE_ASC_ICON_CLASS).length).toBe(1);
+        });
+        it('renders SorterButton with sort direction "desc"', () => {
+            const { container } = render(_jsx(TableHeaderCell, { children: _jsx(SorterButton, { sortDirection: "desc" }) }));
+            expect(container.firstChild).toBeInTheDocument();
+            expect(container.getElementsByClassName(TABLE_DESC_ICON_CLASS).length).toBe(1);
+        });
+        it('passes down props to the underlying Button component', () => {
+            const onClickMock = vi.fn();
+            const { container } = render(_jsx(TableHeaderCell, { children: _jsx(SorterButton, { sortDirection: "asc", onClick: onClickMock, className: "sorter-button" }) }));
+            const button = container.querySelector('button');
+            expect(button).toHaveClass('sorter-button');
+            expect(button).toHaveAttribute('aria-label', 'Sorter button');
+            button === null || button === void 0 ? void 0 : button.click();
+            expect(onClickMock).toHaveBeenCalledTimes(1);
+        });
+    });
+    describe('SelectionCheckbox', () => {
+        it('renders SelectionCheckbox with default props', () => {
+            const { container } = render(_jsx(TableHeaderCell, { children: _jsx(SelectionCheckbox, {}) }));
+            expect(container.firstChild).toBeInTheDocument();
+        });
+        it('renders disabled checkbox', () => {
+            const { container } = render(_jsx(TableHeaderCell, { children: _jsx(SelectionCheckbox, { disabled: true }) }));
+            const inputElement = container.querySelector('input');
+            expect(inputElement).toBeDisabled();
+        });
+        it('renders checked checkbox', () => {
+            const { container } = render(_jsx(TableHeaderCell, { children: _jsx(SelectionCheckbox, { checked: true }) }));
+            const inputElement = container.querySelector('input');
+            expect(inputElement).toBeChecked();
+        });
+        it('has correct aria-label', () => {
+            const { container } = render(_jsx(TableHeaderCell, { children: _jsx(SelectionCheckbox, {}) }));
+            const inputElement = container.querySelector('input');
+            expect(inputElement).toHaveAttribute('aria-label', 'Table checkbox');
+        });
+        it.each(sizes)('applies correct size', (size) => {
+            const { container } = render(_jsx(TableHeaderCell, { size: size, children: _jsx(SelectionCheckbox, {}) }));
+            expect(container.firstChild).toBeInTheDocument();
+        });
+        it('renders a table checkbox with the given props', () => {
+            const onChange = vi.fn();
+            render(_jsx(TableHeaderCell, { children: _jsx(SelectionCheckbox, { onChange: onChange, checked: true }) }));
+            const tableCheckbox = screen.getByRole('checkbox');
+            expect(tableCheckbox).toBeInTheDocument();
+            expect(tableCheckbox).toBeChecked();
+            act(() => {
+                userEvent.click(tableCheckbox);
+            });
+            expect(onChange).toHaveBeenCalledTimes(1);
+        });
+    });
+    describe('FilterButton', () => {
+        it('should render the table filter component', () => {
+            const { container } = render(_jsx(TableHeaderCell, { children: _jsx(FilterButton, {}) }));
+            expect(container.firstChild).toBeInTheDocument();
+        });
+        it('ref is correctly passed to the underlying button element', () => {
+            const ref = createRef();
+            render(_jsx(TableHeaderCell, { children: _jsx(FilterButton, { ref: ref }) }));
+            expect(ref.current).toBeTruthy();
+        });
+        it('renders FilterIcon as the button icon', () => {
+            const { container } = render(_jsx(TableHeaderCell, { children: _jsx(FilterButton, {}) }));
+            const filterIcon = container.querySelector('svg'); // Assuming the FilterIcon is an SVG element
+            expect(filterIcon).toBeInTheDocument();
+        });
+        it.each(sizes)('applies correct size', (size) => {
+            const { container } = render(_jsx(TableHeaderCell, { size: size, children: _jsx(FilterButton, {}) }));
+            expect(container.firstChild).toBeInTheDocument();
+        });
+        it('should call the onClick handler when the button is clicked in FilterButton', () => {
+            const onClick = vi.fn();
+            render(_jsx(TableHeaderCell, { children: _jsx(FilterButton, { onClick: onClick }) }));
+            act(() => {
+                userEvent.click(screen.getByRole('button'));
+            });
+            expect(onClick).toHaveBeenCalled();
+        });
+    });
+    describe('PinButton', () => {
+        it('should render the table pin component with pinIconDirection="left"', () => {
+            render(_jsx(TableHeaderCell, { children: _jsx(PinButton, { pinIconDirection: Positions.Left }) }));
+            const leftPin = screen.getByTestId('pin-arrow-left');
+            expect(leftPin).toBeInTheDocument();
+            expect(screen.getByRole('button')).toBeInTheDocument();
+        });
+        it('should render the PinButton component with pinIconDirection="right"', () => {
+            render(_jsx(TableHeaderCell, { children: _jsx(PinButton, { pinIconDirection: Positions.Right }) }));
+            const rightPin = screen.getByTestId('pin-arrow-right');
+            expect(rightPin).toBeInTheDocument();
+            expect(screen.getByRole('button')).toBeInTheDocument();
+        });
+        it('should render the PinButton component with pinIconDirection="none"', () => {
+            render(_jsx(TableHeaderCell, { children: _jsx(PinButton, { pinIconDirection: false }) }));
+            const crossPin = screen.getByTestId('pin-cross');
+            expect(crossPin).toBeInTheDocument();
+            expect(screen.getByRole('button')).toBeInTheDocument();
+        });
+        it('should call the onClick handler when the button is clicked in PinButton', () => {
+            const onClick = vi.fn();
+            render(_jsx(TableHeaderCell, { children: _jsx(PinButton, { onClick: onClick }) }));
+            act(() => {
+                userEvent.click(screen.getByRole('button'));
+            });
+            expect(onClick).toHaveBeenCalled();
+        });
+    });
+    describe('TableExpander', () => {
+        it('renders a table expander with the given expanded state', () => {
+            render(_jsx(TableHeaderCell, { children: _jsx(ExpanderButton, { expanded: true }) }));
+            const tableExpander = screen.getByRole('button');
+            expect(tableExpander).toBeInTheDocument();
+            const expanded = screen.getByTestId('expander-expanded');
+            expect(expanded).toBeInTheDocument();
+        });
+        it('renders a table expander with the given collapsed state', () => {
+            render(_jsx(TableHeaderCell, { children: _jsx(ExpanderButton, {}) }));
+            const tableExpander = screen.getByRole('button');
+            expect(tableExpander).toBeInTheDocument();
+            const collapsed = screen.getByTestId('expander-collapsed');
+            expect(collapsed).toBeInTheDocument();
+        });
+    });
+    describe('DraggableButton', () => {
+        it('renders without crashing', () => {
+            render(_jsx(TableHeaderCell, { children: _jsx(DraggableButton, {}) }));
+            expect(screen.getByRole('button')).toBeInTheDocument();
+        });
+        it('renders with the correct icon', () => {
+            render(_jsx(TableHeaderCell, { children: _jsx(DraggableButton, {}) }));
+            const icon = screen.getByTestId('drag');
+            expect(icon).toBeInTheDocument();
+        });
+        it('invokes the onClick callback when clicked', () => {
+            const handleClick = vi.fn();
+            render(_jsx(TableHeaderCell, { children: _jsx(DraggableButton, { onClick: handleClick }) }));
+            const button = screen.getByRole('button');
+            act(() => {
+                userEvent.click(button);
+            });
+            expect(handleClick).toHaveBeenCalledTimes(1);
+        });
+    });
+});
+//# sourceMappingURL=TableElements.test.js.map

package/build/esm/components/Table/components/TableElements/TableElements.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableElements.test.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableElements/TableElements.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createRef, ReactNode } from 'react';\n\nimport { act } from '@testing-library/react-hooks';\nimport {\n  Sizes,\n  Positions,\n  BUTTON_CLASS,\n  TABLE_NO_DIR_ICON_CLASS,\n  TABLE_ASC_ICON_CLASS,\n  TABLE_DESC_ICON_CLASS,\n} from 'acinguiux-ds-react-base';\n\nimport { render, describe, it, expect, vi, screen, userEvent } from '../../../../utils/viTestUtils';\nimport { TableWrapper } from './TableWrapper';\nimport { SorterButton } from './SorterButton';\nimport Table from '../../Table';\nimport { TH, TR, TBody } from './TableElements';\nimport { SelectionCheckbox } from './SelectionCheckbox';\nimport { TableSize } from '../../Table.types';\nimport { FilterButton } from './FilterButton';\nimport { PinButton } from './PinButton';\nimport { ExpanderButton } from './ExpanderButton';\nimport { DraggableButton } from './DraggableButton';\n\nconst sizes: TableSize[] = [Sizes.ExtraSmall, Sizes.Small, Sizes.Medium, Sizes.Large];\n\nconst TableHeaderCell = ({ size = Sizes.Medium, children }: { size?: TableSize; children?: ReactNode }) => (\n  <Table size={size}>\n    <TBody>\n      <TR>\n        <TH>{children}</TH>\n      </TR>\n    </TBody>\n  </Table>\n);\n\ndescribe('TableElements', () => {\n  describe('TableWrapper', () => {\n    const props = {\n      maxHeight: 300,\n      maxWidth: 500,\n      stickyColumns: true,\n      stickyRows: true,\n      virtualized: true,\n    };\n\n    it('renders without crashing', () => {\n      const { container } = render(<TableWrapper />);\n      expect(container.firstChild).toBeInTheDocument();\n    });\n\n    it('renders with all props', () => {\n      const { container } = render(<TableWrapper {...props} />);\n      expect(container.firstChild).toBeInTheDocument();\n    });\n\n    it('ref is correctly passed to the underlying div element', () => {\n      const ref = createRef<HTMLDivElement>();\n      render(\n        <TableWrapper ref={ref} {...props}>\n          Content\n        </TableWrapper>,\n      );\n\n      expect(ref.current).toBeTruthy();\n    });\n  });\n\n  describe('SorterButton', () => {\n    it('renders SorterButton without props', () => {\n      const { container } = render(\n        <TableHeaderCell>\n          <SorterButton />\n        </TableHeaderCell>,\n      );\n      expect(container.getElementsByClassName(BUTTON_CLASS).length).toBe(1);\n      expect(container.getElementsByClassName(TABLE_NO_DIR_ICON_CLASS).length).toBe(1);\n    });\n\n    it.each(sizes)('renders SorterButton for each size', (size) => {\n      const { container } = render(\n        <TableHeaderCell size={size}>\n          <SorterButton />\n        </TableHeaderCell>,\n      );\n      expect(container.getElementsByClassName(BUTTON_CLASS).length).toBe(1);\n      expect(container.getElementsByClassName(TABLE_NO_DIR_ICON_CLASS).length).toBe(1);\n    });\n\n    it('renders SorterButton with sort direction \"asc\"', () => {\n      const { container } = render(\n        <TableHeaderCell>\n          <SorterButton sortDirection=\"asc\" />\n        </TableHeaderCell>,\n      );\n      expect(container.firstChild).toBeInTheDocument();\n      expect(container.getElementsByClassName(TABLE_ASC_ICON_CLASS).length).toBe(1);\n    });\n\n    it('renders SorterButton with sort direction \"desc\"', () => {\n      const { container } = render(\n        <TableHeaderCell>\n          <SorterButton sortDirection=\"desc\" />\n        </TableHeaderCell>,\n      );\n      expect(container.firstChild).toBeInTheDocument();\n      expect(container.getElementsByClassName(TABLE_DESC_ICON_CLASS).length).toBe(1);\n    });\n\n    it('passes down props to the underlying Button component', () => {\n      const onClickMock = vi.fn();\n      const { container } = render(\n        <TableHeaderCell>\n          <SorterButton sortDirection=\"asc\" onClick={onClickMock} className=\"sorter-button\" />\n        </TableHeaderCell>,\n      );\n\n      const button = container.querySelector('button');\n      expect(button).toHaveClass('sorter-button');\n      expect(button).toHaveAttribute('aria-label', 'Sorter button');\n\n      button?.click();\n      expect(onClickMock).toHaveBeenCalledTimes(1);\n    });\n  });\n\n  describe('SelectionCheckbox', () => {\n    it('renders SelectionCheckbox with default props', () => {\n      const { container } = render(\n        <TableHeaderCell>\n          <SelectionCheckbox />\n        </TableHeaderCell>,\n      );\n      expect(container.firstChild).toBeInTheDocument();\n    });\n\n    it('renders disabled checkbox', () => {\n      const { container } = render(\n        <TableHeaderCell>\n          <SelectionCheckbox disabled />\n        </TableHeaderCell>,\n      );\n      const inputElement = container.querySelector('input');\n      expect(inputElement).toBeDisabled();\n    });\n\n    it('renders checked checkbox', () => {\n      const { container } = render(\n        <TableHeaderCell>\n          <SelectionCheckbox checked />\n        </TableHeaderCell>,\n      );\n      const inputElement = container.querySelector('input');\n      expect(inputElement).toBeChecked();\n    });\n\n    it('has correct aria-label', () => {\n      const { container } = render(\n        <TableHeaderCell>\n          <SelectionCheckbox />\n        </TableHeaderCell>,\n      );\n      const inputElement = container.querySelector('input');\n      expect(inputElement).toHaveAttribute('aria-label', 'Table checkbox');\n    });\n\n    it.each(sizes)('applies correct size', (size) => {\n      const { container } = render(\n        <TableHeaderCell size={size}>\n          <SelectionCheckbox />\n        </TableHeaderCell>,\n      );\n\n      expect(container.firstChild).toBeInTheDocument();\n    });\n\n    it('renders a table checkbox with the given props', () => {\n      const onChange = vi.fn();\n      render(\n        <TableHeaderCell>\n          <SelectionCheckbox onChange={onChange} checked />\n        </TableHeaderCell>,\n      );\n\n      const tableCheckbox = screen.getByRole('checkbox');\n      expect(tableCheckbox).toBeInTheDocument();\n      expect(tableCheckbox).toBeChecked();\n      act(() => {\n        userEvent.click(tableCheckbox);\n      });\n      expect(onChange).toHaveBeenCalledTimes(1);\n    });\n  });\n\n  describe('FilterButton', () => {\n    it('should render the table filter component', () => {\n      const { container } = render(\n        <TableHeaderCell>\n          <FilterButton />\n        </TableHeaderCell>,\n      );\n\n      expect(container.firstChild).toBeInTheDocument();\n    });\n\n    it('ref is correctly passed to the underlying button element', () => {\n      const ref = createRef<HTMLButtonElement>();\n      render(\n        <TableHeaderCell>\n          <FilterButton ref={ref} />\n        </TableHeaderCell>,\n      );\n      expect(ref.current).toBeTruthy();\n    });\n\n    it('renders FilterIcon as the button icon', () => {\n      const { container } = render(\n        <TableHeaderCell>\n          <FilterButton />\n        </TableHeaderCell>,\n      );\n      const filterIcon = container.querySelector('svg'); // Assuming the FilterIcon is an SVG element\n      expect(filterIcon).toBeInTheDocument();\n    });\n\n    it.each(sizes)('applies correct size', (size) => {\n      const { container } = render(\n        <TableHeaderCell size={size}>\n          <FilterButton />\n        </TableHeaderCell>,\n      );\n      expect(container.firstChild).toBeInTheDocument();\n    });\n\n    it('should call the onClick handler when the button is clicked in FilterButton', () => {\n      const onClick = vi.fn();\n      render(\n        <TableHeaderCell>\n          <FilterButton onClick={onClick} />\n        </TableHeaderCell>,\n      );\n\n      act(() => {\n        userEvent.click(screen.getByRole('button'));\n      });\n\n      expect(onClick).toHaveBeenCalled();\n    });\n  });\n\n  describe('PinButton', () => {\n    it('should render the table pin component with pinIconDirection=\"left\"', () => {\n      render(\n        <TableHeaderCell>\n          <PinButton pinIconDirection={Positions.Left} />\n        </TableHeaderCell>,\n      );\n\n      const leftPin = screen.getByTestId('pin-arrow-left');\n\n      expect(leftPin).toBeInTheDocument();\n      expect(screen.getByRole('button')).toBeInTheDocument();\n    });\n\n    it('should render the PinButton component with pinIconDirection=\"right\"', () => {\n      render(\n        <TableHeaderCell>\n          <PinButton pinIconDirection={Positions.Right} />\n        </TableHeaderCell>,\n      );\n\n      const rightPin = screen.getByTestId('pin-arrow-right');\n\n      expect(rightPin).toBeInTheDocument();\n      expect(screen.getByRole('button')).toBeInTheDocument();\n    });\n\n    it('should render the PinButton component with pinIconDirection=\"none\"', () => {\n      render(\n        <TableHeaderCell>\n          <PinButton pinIconDirection={false} />\n        </TableHeaderCell>,\n      );\n\n      const crossPin = screen.getByTestId('pin-cross');\n\n      expect(crossPin).toBeInTheDocument();\n      expect(screen.getByRole('button')).toBeInTheDocument();\n    });\n\n    it('should call the onClick handler when the button is clicked in PinButton', () => {\n      const onClick = vi.fn();\n      render(\n        <TableHeaderCell>\n          <PinButton onClick={onClick} />\n        </TableHeaderCell>,\n      );\n\n      act(() => {\n        userEvent.click(screen.getByRole('button'));\n      });\n\n      expect(onClick).toHaveBeenCalled();\n    });\n  });\n\n  describe('TableExpander', () => {\n    it('renders a table expander with the given expanded state', () => {\n      render(\n        <TableHeaderCell>\n          <ExpanderButton expanded />\n        </TableHeaderCell>,\n      );\n\n      const tableExpander = screen.getByRole('button');\n      expect(tableExpander).toBeInTheDocument();\n\n      const expanded = screen.getByTestId('expander-expanded');\n\n      expect(expanded).toBeInTheDocument();\n    });\n\n    it('renders a table expander with the given collapsed state', () => {\n      render(\n        <TableHeaderCell>\n          <ExpanderButton />\n        </TableHeaderCell>,\n      );\n\n      const tableExpander = screen.getByRole('button');\n      expect(tableExpander).toBeInTheDocument();\n\n      const collapsed = screen.getByTestId('expander-collapsed');\n\n      expect(collapsed).toBeInTheDocument();\n    });\n  });\n\n  describe('DraggableButton', () => {\n    it('renders without crashing', () => {\n      render(\n        <TableHeaderCell>\n          <DraggableButton />\n        </TableHeaderCell>,\n      );\n\n      expect(screen.getByRole('button')).toBeInTheDocument();\n    });\n\n    it('renders with the correct icon', () => {\n      render(\n        <TableHeaderCell>\n          <DraggableButton />\n        </TableHeaderCell>,\n      );\n\n      const icon = screen.getByTestId('drag');\n\n      expect(icon).toBeInTheDocument();\n    });\n\n    it('invokes the onClick callback when clicked', () => {\n      const handleClick = vi.fn();\n\n      render(\n        <TableHeaderCell>\n          <DraggableButton onClick={handleClick} />\n        </TableHeaderCell>,\n      );\n\n      const button = screen.getByRole('button');\n\n      act(() => {\n        userEvent.click(button);\n      });\n      expect(handleClick).toHaveBeenCalledTimes(1);\n    });\n  });\n});\n"]}

package/build/esm/components/Table/components/TableElements/TableElements.types.d.ts

@@ -0,0 +1,52 @@
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+import { Table, Row } from '@tanstack/react-table';
+import { ButtonSize } from '../../../Button/Button.types';
+import { DeprecatedSentiments, Sentiments } from '../../../../types/types';
+import { TableSize } from '../../Table.types';
+export interface ITableComponentsProps<T> {
+    table: Table<T>;
+}
+export interface ITableWrapperProps extends ComponentPropsWithoutRef<'div'> {
+    maxHeight?: number;
+    maxWidth?: number;
+    stickyColumns?: boolean;
+    stickyRows?: boolean;
+    virtualized?: boolean;
+}
+export interface ITableRowProps {
+    size?: TableSize;
+    isSelected?: boolean;
+    sentiment?: Sentiments.Warning | Sentiments.Information | Sentiments.Neutral | Sentiments.Positive | Sentiments.Negative | Sentiments.Default | DeprecatedSentiments;
+    sticky?: boolean;
+    stickyType?: StickyTypeCell;
+    depth?: number;
+    $disableRowHover?: boolean;
+}
+export interface IDraggableRowProps<T> {
+    row: Row<T>;
+    reorderRow: (draggedRowIndex: number, targetRowIndex: number) => void;
+}
+export interface IExpanderProps<T> {
+    row: Row<T>;
+    children?: ReactNode | ReactNode[];
+}
+export interface ITableCellExpanderContainerProps {
+    size?: ButtonSize;
+    depth: number;
+    lastChild?: boolean;
+}
+export interface IFilterProps {
+    filters?: ReactNode;
+}
+export declare enum StickyTypeCell {
+    Header = "header",
+    Footer = "footer",
+    Column = "column"
+}
+export interface ITableCellProps extends ComponentPropsWithoutRef<'td'> {
+    colSpan?: number;
+    sticky?: boolean;
+    stickyType?: StickyTypeCell;
+    startingPoint?: number;
+}
+//# sourceMappingURL=TableElements.types.d.ts.map

package/build/esm/components/Table/components/TableElements/TableElements.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableElements.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableElements/TableElements.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACtC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;CACjB;AAED,MAAM,WAAW,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EACN,UAAU,CAAC,OAAO,GAClB,UAAU,CAAC,WAAW,GACtB,UAAU,CAAC,OAAO,GAClB,UAAU,CAAC,QAAQ,GACnB,UAAU,CAAC,QAAQ,GACnB,UAAU,CAAC,OAAO,GAClB,oBAAoB,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACZ,UAAU,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;CACvE;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACpC;AAED,MAAM,WAAW,gCAAgC;IAC/C,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,oBAAY,cAAc;IACxB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,eAAgB,SAAQ,wBAAwB,CAAC,IAAI,CAAC;IACrE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/build/esm/components/Table/components/TableElements/TableElements.types.js

@@ -0,0 +1,7 @@
+export var StickyTypeCell;
+(function (StickyTypeCell) {
+    StickyTypeCell["Header"] = "header";
+    StickyTypeCell["Footer"] = "footer";
+    StickyTypeCell["Column"] = "column";
+})(StickyTypeCell || (StickyTypeCell = {}));
+//# sourceMappingURL=TableElements.types.js.map

package/build/esm/components/Table/components/TableElements/TableElements.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableElements.types.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableElements/TableElements.types.ts"],"names":[],"mappings":"AAyDA,MAAM,CAAN,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,mCAAiB,CAAA;IACjB,mCAAiB,CAAA;IACjB,mCAAiB,CAAA;AACnB,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB","sourcesContent":["import { ReactNode, ComponentPropsWithoutRef } from 'react';\n\nimport { Table, Row } from '@tanstack/react-table';\n\nimport { ButtonSize } from '../../../Button/Button.types';\nimport { DeprecatedSentiments, Sentiments } from '../../../../types/types';\nimport { TableSize } from '../../Table.types';\n\nexport interface ITableComponentsProps<T> {\n  table: Table<T>;\n}\n\nexport interface ITableWrapperProps extends ComponentPropsWithoutRef<'div'> {\n  maxHeight?: number;\n  maxWidth?: number;\n  stickyColumns?: boolean;\n  stickyRows?: boolean;\n  virtualized?: boolean;\n}\n\nexport interface ITableRowProps {\n  size?: TableSize;\n  isSelected?: boolean;\n  sentiment?:\n    | Sentiments.Warning\n    | Sentiments.Information\n    | Sentiments.Neutral\n    | Sentiments.Positive\n    | Sentiments.Negative\n    | Sentiments.Default\n    | DeprecatedSentiments;\n  sticky?: boolean;\n  stickyType?: StickyTypeCell;\n  depth?: number;\n  $disableRowHover?: boolean;\n}\n\nexport interface IDraggableRowProps<T> {\n  row: Row<T>;\n  reorderRow: (draggedRowIndex: number, targetRowIndex: number) => void;\n}\n\nexport interface IExpanderProps<T> {\n  row: Row<T>;\n  children?: ReactNode | ReactNode[];\n}\n\nexport interface ITableCellExpanderContainerProps {\n  size?: ButtonSize;\n  depth: number;\n  lastChild?: boolean;\n}\n\nexport interface IFilterProps {\n  filters?: ReactNode;\n}\n\nexport enum StickyTypeCell {\n  Header = 'header',\n  Footer = 'footer',\n  Column = 'column',\n}\n\nexport interface ITableCellProps extends ComponentPropsWithoutRef<'td'> {\n  colSpan?: number;\n  sticky?: boolean;\n  stickyType?: StickyTypeCell;\n  startingPoint?: number;\n}\n"]}

package/build/esm/components/Table/components/TableElements/TableWrapper.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ITableWrapperProps } from './TableElements.types';
+export declare const TableWrapper: import("react").ForwardRefExoticComponent<ITableWrapperProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TableWrapper.d.ts.map

package/build/esm/components/Table/components/TableElements/TableWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableElements/TableWrapper.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAqC3D,eAAO,MAAM,YAAY,+GASxB,CAAC"}

package/build/esm/components/Table/components/TableElements/TableWrapper.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import styled, { css } from 'styled-components';
+const StyledTableWrapper = styled.div `
+  ${({ maxWidth, maxHeight, stickyColumns, stickyRows, virtualized }) => css `
+    ${maxWidth &&
+    css `
+      position: relative;
+      max-width: ${maxWidth}px;
+      overflow-x: auto;
+    `}
+
+    ${maxHeight &&
+    css `
+      position: relative;
+      max-height: ${maxHeight}px;
+      overflow-y: auto;
+    `}
+
+    ${stickyColumns &&
+    css `
+      position: relative;
+      overflow-x: auto;
+    `}
+
+    ${stickyRows &&
+    css `
+      position: relative;
+      overflow-y: auto;
+    `}
+
+    ${virtualized &&
+    css `
+      overflow: auto;
+    `}
+  `}
+`;
+export const TableWrapper = forwardRef(({ children, ...rest }, ref) => (_jsx(StyledTableWrapper, { ref: ref, ...rest, children: children })));
+//# sourceMappingURL=TableWrapper.js.map

package/build/esm/components/Table/components/TableElements/TableWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableWrapper.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableElements/TableWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AAE9C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIhD,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAoB;IACrD,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;MACtE,QAAQ;IACV,GAAG,CAAA;;mBAEY,QAAQ;;KAEtB;;MAEC,SAAS;IACX,GAAG,CAAA;;oBAEa,SAAS;;KAExB;;MAEC,aAAa;IACf,GAAG,CAAA;;;KAGF;;MAEC,UAAU;IACZ,GAAG,CAAA;;;KAGF;;MAEC,WAAW;IACb,GAAG,CAAA;;KAEF;GACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,CACE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAsB,EACzC,GAA+F,EAC/F,EAAE,CAAC,CACH,KAAC,kBAAkB,IAAC,GAAG,EAAE,GAAG,KAAM,IAAI,YACnC,QAAQ,GACU,CACtB,CACF,CAAC","sourcesContent":["import { forwardRef, RefObject } from 'react';\n\nimport styled, { css } from 'styled-components';\n\nimport { ITableWrapperProps } from './TableElements.types';\n\nconst StyledTableWrapper = styled.div<ITableWrapperProps>`\n  ${({ maxWidth, maxHeight, stickyColumns, stickyRows, virtualized }) => css`\n    ${maxWidth &&\n    css`\n      position: relative;\n      max-width: ${maxWidth}px;\n      overflow-x: auto;\n    `}\n\n    ${maxHeight &&\n    css`\n      position: relative;\n      max-height: ${maxHeight}px;\n      overflow-y: auto;\n    `}\n\n    ${stickyColumns &&\n    css`\n      position: relative;\n      overflow-x: auto;\n    `}\n\n    ${stickyRows &&\n    css`\n      position: relative;\n      overflow-y: auto;\n    `}\n\n    ${virtualized &&\n    css`\n      overflow: auto;\n    `}\n  `}\n`;\n\nexport const TableWrapper = forwardRef(\n  (\n    { children, ...rest }: ITableWrapperProps,\n    ref: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined,\n  ) => (\n    <StyledTableWrapper ref={ref} {...rest}>\n      {children}\n    </StyledTableWrapper>\n  ),\n);\n"]}

package/build/esm/components/Table/hooks/useDraggableColumnHeader.d.ts

@@ -0,0 +1,8 @@
+import { Table, Header } from '@tanstack/react-table';
+export declare const useDraggableColumnHeader: <T extends unknown>(table: Table<T>, header: Header<T, any>) => {
+    dropRef: import("react-dnd").ConnectDropTarget;
+    dragRef: import("react-dnd").ConnectDragSource;
+    previewRef: import("react-dnd").ConnectDragPreview;
+    isDragging: boolean;
+};
+//# sourceMappingURL=useDraggableColumnHeader.d.ts.map

package/build/esm/components/Table/hooks/useDraggableColumnHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraggableColumnHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/hooks/useDraggableColumnHeader.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,EAAE,MAAM,EAAoB,MAAM,uBAAuB,CAAC;AAYhF,eAAO,MAAM,wBAAwB;;;;;CA2BpC,CAAC"}

package/build/esm/components/Table/hooks/useDraggableColumnHeader.js

@@ -0,0 +1,31 @@
+import { useDrop, useDrag } from 'react-dnd';
+const reorderColumn = (draggedColumnId, targetColumnId, columnOrder) => {
+    columnOrder.splice(columnOrder.indexOf(targetColumnId), 0, columnOrder.splice(columnOrder.indexOf(draggedColumnId), 1)[0]);
+    return [...columnOrder];
+};
+export const useDraggableColumnHeader = (table, header) => {
+    const { getState, setColumnOrder } = table;
+    const { columnOrder } = getState();
+    const { column } = header;
+    const [, dropRef] = useDrop({
+        accept: 'column',
+        drop: (draggedColumn) => {
+            const newColumnOrder = reorderColumn(draggedColumn.id, column.id, columnOrder);
+            setColumnOrder(newColumnOrder);
+        },
+    });
+    const [{ isDragging }, dragRef, previewRef] = useDrag({
+        collect: (monitor) => ({
+            isDragging: monitor.isDragging(),
+        }),
+        item: () => column,
+        type: 'column',
+    });
+    return {
+        dropRef,
+        dragRef,
+        previewRef,
+        isDragging,
+    };
+};
+//# sourceMappingURL=useDraggableColumnHeader.js.map

package/build/esm/components/Table/hooks/useDraggableColumnHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraggableColumnHeader.js","sourceRoot":"","sources":["../../../../../src/components/Table/hooks/useDraggableColumnHeader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAG7C,MAAM,aAAa,GAAG,CAAC,eAAuB,EAAE,cAAsB,EAAE,WAAqB,EAAoB,EAAE;IACjH,WAAW,CAAC,MAAM,CAChB,WAAW,CAAC,OAAO,CAAC,cAAc,CAAC,EACnC,CAAC,EACD,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAW,CACzE,CAAC;IAEF,OAAO,CAAC,GAAG,WAAW,CAAC,CAAC;AAC1B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAoB,KAAe,EAAE,MAAsB,EAAE,EAAE;IACrG,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAC3C,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,EAAE,CAAC;IACnC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAE1B,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC;QAC1B,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,CAAC,aAAwB,EAAE,EAAE;YACjC,MAAM,cAAc,GAAG,aAAa,CAAC,aAAa,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC;YAC/E,cAAc,CAAC,cAAc,CAAC,CAAC;QACjC,CAAC;KACF,CAAC,CAAC;IAEH,MAAM,CAAC,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,UAAU,CAAC,GAAG,OAAO,CAAC;QACpD,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YACrB,UAAU,EAAE,OAAO,CAAC,UAAU,EAAE;SACjC,CAAC;QACF,IAAI,EAAE,GAAG,EAAE,CAAC,MAAM;QAClB,IAAI,EAAE,QAAQ;KACf,CAAC,CAAC;IAEH,OAAO;QACL,OAAO;QACP,OAAO;QACP,UAAU;QACV,UAAU;KACX,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useDrop, useDrag } from 'react-dnd';\nimport { Column, Table, Header, ColumnOrderState } from '@tanstack/react-table';\n\nconst reorderColumn = (draggedColumnId: string, targetColumnId: string, columnOrder: string[]): ColumnOrderState => {\n  columnOrder.splice(\n    columnOrder.indexOf(targetColumnId),\n    0,\n    columnOrder.splice(columnOrder.indexOf(draggedColumnId), 1)[0] as string,\n  );\n\n  return [...columnOrder];\n};\n\nexport const useDraggableColumnHeader = <T extends unknown>(table: Table<T>, header: Header<T, any>) => {\n  const { getState, setColumnOrder } = table;\n  const { columnOrder } = getState();\n  const { column } = header;\n\n  const [, dropRef] = useDrop({\n    accept: 'column',\n    drop: (draggedColumn: Column<T>) => {\n      const newColumnOrder = reorderColumn(draggedColumn.id, column.id, columnOrder);\n      setColumnOrder(newColumnOrder);\n    },\n  });\n\n  const [{ isDragging }, dragRef, previewRef] = useDrag({\n    collect: (monitor) => ({\n      isDragging: monitor.isDragging(),\n    }),\n    item: () => column,\n    type: 'column',\n  });\n\n  return {\n    dropRef,\n    dragRef,\n    previewRef,\n    isDragging,\n  };\n};\n"]}

package/build/esm/components/Table/hooks/useReorderRowsTable.d.ts

@@ -0,0 +1,8 @@
+import { ColumnDef } from '@tanstack/react-table';
+export declare const useReorderRowsTable: <T extends {
+    id: string;
+}>(data: T[], columns: ColumnDef<T, any>[]) => {
+    table: import("@tanstack/react-table").Table<T>;
+    reorderRow: (draggedRowIndex: number, targetRowIndex: number) => void;
+};
+//# sourceMappingURL=useReorderRowsTable.d.ts.map

package/build/esm/components/Table/hooks/useReorderRowsTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReorderRowsTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/hooks/useReorderRowsTable.ts"],"names":[],"mappings":"AAEA,OAAO,EAAkC,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElF,eAAO,MAAM,mBAAmB;QAAoB,MAAM;;;kCAGnB,MAAM,kBAAkB,MAAM;CAiBpE,CAAC"}

package/build/esm/components/Table/hooks/useReorderRowsTable.js

@@ -0,0 +1,20 @@
+import { useState } from 'react';
+import { useReactTable, getCoreRowModel } from '@tanstack/react-table';
+export const useReorderRowsTable = (data, columns) => {
+    const [newData, setNewData] = useState([...data]);
+    const reorderRow = (draggedRowIndex, targetRowIndex) => {
+        newData.splice(targetRowIndex, 0, newData.splice(draggedRowIndex, 1)[0]);
+        setNewData([...newData]);
+    };
+    const table = useReactTable({
+        data: newData,
+        columns,
+        getCoreRowModel: getCoreRowModel(),
+        getRowId: (row) => row.id,
+    });
+    return {
+        table,
+        reorderRow,
+    };
+};
+//# sourceMappingURL=useReorderRowsTable.js.map

package/build/esm/components/Table/hooks/useReorderRowsTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReorderRowsTable.js","sourceRoot":"","sources":["../../../../../src/components/Table/hooks/useReorderRowsTable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAa,MAAM,uBAAuB,CAAC;AAElF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAA2B,IAAS,EAAE,OAA4B,EAAE,EAAE;IACvG,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAElD,MAAM,UAAU,GAAG,CAAC,eAAuB,EAAE,cAAsB,EAAE,EAAE;QACrE,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAEzE,UAAU,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,aAAa,CAAC;QAC1B,IAAI,EAAE,OAAO;QACb,OAAO;QACP,eAAe,EAAE,eAAe,EAAE;QAClC,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,EAAG;KAC3B,CAAC,CAAC;IAEH,OAAO;QACL,KAAK;QACL,UAAU;KACX,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useState } from 'react';\n\nimport { useReactTable, getCoreRowModel, ColumnDef } from '@tanstack/react-table';\n\nexport const useReorderRowsTable = <T extends { id: string }>(data: T[], columns: ColumnDef<T, any>[]) => {\n  const [newData, setNewData] = useState([...data]);\n\n  const reorderRow = (draggedRowIndex: number, targetRowIndex: number) => {\n    newData.splice(targetRowIndex, 0, newData.splice(draggedRowIndex, 1)[0]);\n\n    setNewData([...newData]);\n  };\n\n  const table = useReactTable({\n    data: newData,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getRowId: (row) => row.id!,\n  });\n\n  return {\n    table,\n    reorderRow,\n  };\n};\n"]}

package/build/esm/components/Table/hooks/useTable.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ITableProps } from '../Table.types';
+export declare const TableContext: import("react").Context<ITableProps | null>;
+export declare const useTable: () => ITableProps;
+//# sourceMappingURL=useTable.d.ts.map

package/build/esm/components/Table/hooks/useTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/hooks/useTable.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,eAAO,MAAM,YAAY,6CAA0C,CAAC;AAEpE,eAAO,MAAM,QAAQ,mBAQpB,CAAC"}

package/build/esm/components/Table/hooks/useTable.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from 'react';
+export const TableContext = createContext(null);
+export const useTable = () => {
+    const tabData = useContext(TableContext);
+    if (tabData === null) {
+        throw Error('A table must have a Table parent');
+    }
+    return tabData;
+};
+//# sourceMappingURL=useTable.js.map

package/build/esm/components/Table/hooks/useTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTable.js","sourceRoot":"","sources":["../../../../../src/components/Table/hooks/useTable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAIlD,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAqB,IAAI,CAAC,CAAC;AAEpE,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEzC,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,MAAM,KAAK,CAAC,kCAAkC,CAAC,CAAC;KACjD;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC","sourcesContent":["import { createContext, useContext } from 'react';\n\nimport { ITableProps } from '../Table.types';\n\nexport const TableContext = createContext<ITableProps | null>(null);\n\nexport const useTable = () => {\n  const tabData = useContext(TableContext);\n\n  if (tabData === null) {\n    throw Error('A table must have a Table parent');\n  }\n\n  return tabData;\n};\n"]}

package/build/esm/components/Table/hooks/useVirtualized.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Table } from '@tanstack/react-table';
+export declare const useVirtualized: <T extends unknown>(table: Table<T>) => {
+    virtualRows: import("react-virtual").VirtualItem[];
+    rows: import("@tanstack/react-table").Row<T>[];
+    tableContainerRef: import("react").RefObject<HTMLDivElement>;
+    paddingTop: number;
+    paddingBottom: number;
+    EmptyRow: ({ padding }: {
+        padding: number;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=useVirtualized.d.ts.map

package/build/esm/components/Table/hooks/useVirtualized.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualized.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/hooks/useVirtualized.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAE9C,eAAO,MAAM,cAAc;;;;;;;iBAaiB,MAAM;;CAkBjD,CAAC"}

package/build/esm/components/Table/hooks/useVirtualized.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { useVirtual } from 'react-virtual';
+export const useVirtualized = (table) => {
+    var _a, _b;
+    const tableContainerRef = useRef(null);
+    const { rows } = table.getRowModel();
+    const rowVirtualizer = useVirtual({
+        parentRef: tableContainerRef,
+        size: rows.length,
+        overscan: 10,
+    });
+    const { virtualItems: virtualRows, totalSize } = rowVirtualizer;
+    const paddingTop = virtualRows.length > 0 ? ((_a = virtualRows === null || virtualRows === void 0 ? void 0 : virtualRows[0]) === null || _a === void 0 ? void 0 : _a.start) || 0 : 0;
+    const paddingBottom = virtualRows.length > 0 ? totalSize - (((_b = virtualRows === null || virtualRows === void 0 ? void 0 : virtualRows[virtualRows.length - 1]) === null || _b === void 0 ? void 0 : _b.end) || 0) : 0;
+    const EmptyRow = ({ padding }) => (_jsx(_Fragment, { children: padding > 0 && (_jsx("tr", { children: _jsx("td", { style: { height: `${padding}px` }, "aria-hidden": true }) })) }));
+    return {
+        virtualRows,
+        rows,
+        tableContainerRef,
+        paddingTop,
+        paddingBottom,
+        EmptyRow,
+    };
+};
+//# sourceMappingURL=useVirtualized.js.map

package/build/esm/components/Table/hooks/useVirtualized.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualized.js","sourceRoot":"","sources":["../../../../../src/components/Table/hooks/useVirtualized.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAoB,KAAe,EAAE,EAAE;;IACnE,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACvD,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;IACrC,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,SAAS,EAAE,iBAAiB;QAC5B,IAAI,EAAE,IAAI,CAAC,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb,CAAC,CAAC;IACH,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,cAAc,CAAC;IAEhE,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,CAAC,0CAAE,KAAK,KAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7E,MAAM,aAAa,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,CAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,0CAAE,GAAG,KAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEjH,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAuB,EAAE,EAAE,CAAC,CACrD,4BACG,OAAO,GAAG,CAAC,IAAI,CACd,uBACE,aAAI,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,OAAO,IAAI,EAAE,wBAAgB,GAClD,CACN,GACA,CACJ,CAAC;IAEF,OAAO;QACL,WAAW;QACX,IAAI;QACJ,iBAAiB;QACjB,UAAU;QACV,aAAa;QACb,QAAQ;KACT,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useRef } from 'react';\n\nimport { useVirtual } from 'react-virtual';\nimport { Table } from '@tanstack/react-table';\n\nexport const useVirtualized = <T extends unknown>(table: Table<T>) => {\n  const tableContainerRef = useRef<HTMLDivElement>(null);\n  const { rows } = table.getRowModel();\n  const rowVirtualizer = useVirtual({\n    parentRef: tableContainerRef,\n    size: rows.length,\n    overscan: 10,\n  });\n  const { virtualItems: virtualRows, totalSize } = rowVirtualizer;\n\n  const paddingTop = virtualRows.length > 0 ? virtualRows?.[0]?.start || 0 : 0;\n  const paddingBottom = virtualRows.length > 0 ? totalSize - (virtualRows?.[virtualRows.length - 1]?.end || 0) : 0;\n\n  const EmptyRow = ({ padding }: { padding: number }) => (\n    <>\n      {padding > 0 && (\n        <tr>\n          <td style={{ height: `${padding}px` }} aria-hidden />\n        </tr>\n      )}\n    </>\n  );\n\n  return {\n    virtualRows,\n    rows,\n    tableContainerRef,\n    paddingTop,\n    paddingBottom,\n    EmptyRow,\n  };\n};\n"]}

package/build/esm/components/Table/utils/baseTableUtils.d.ts

@@ -0,0 +1,41 @@
+import { Table, HeaderGroup, Header, Cell } from '@tanstack/react-table';
+import { ConnectDropTarget, ConnectDragPreview } from 'react-dnd';
+import { BaseTableOptions, ICommonHeaderFeaturesProps, InnerBaseTableOptions } from '../components/BaseTable/BaseTable.types';
+import { StickyTypeCell } from '../components/TableElements/TableElements.types';
+export declare const hasWrapper: <T extends unknown>(options?: BaseTableOptions<T> | undefined) => boolean;
+export declare const hasHeader: <T extends unknown>(table: Table<T>, options?: BaseTableOptions<T> | undefined) => boolean;
+export declare const hasFooter: <T extends unknown>(table: Table<T>, options?: BaseTableOptions<T> | undefined) => boolean;
+export declare const headerRowProps: <T extends unknown>(rowType: 'header' | 'footer', headerGroup: HeaderGroup<T>, options?: BaseTableOptions<T> | undefined) => {
+    sticky?: boolean | undefined;
+    stickyType?: StickyTypeCell | undefined;
+    key: string;
+    depth: number;
+};
+export declare const headerCellProps: <T extends unknown>(header?: Header<T, any> | undefined, options?: (BaseTableOptions<T> & InnerBaseTableOptions) | undefined, dropRef?: ConnectDropTarget, isDragging?: boolean) => {
+    ref?: ConnectDropTarget | undefined;
+    style?: {
+        minWidth: string;
+        opacity?: undefined;
+    } | {
+        opacity: number;
+        minWidth?: undefined;
+    } | undefined;
+    sticky?: boolean | undefined;
+    stickyType?: StickyTypeCell | undefined;
+    startingPoint?: number | undefined;
+    width?: string | number | undefined;
+    key: string | undefined;
+    colSpan: number | undefined;
+};
+export declare const bodyCellProps: <T extends unknown>(options?: BaseTableOptions<T> | undefined, cell?: Cell<T, any> | undefined) => {
+    sticky?: boolean | undefined;
+    stickyType?: StickyTypeCell | undefined;
+    startingPoint?: number | undefined;
+    width?: string | number | undefined;
+    key: string | undefined;
+};
+export declare const cellContentProps: <T extends unknown>(options?: BaseTableOptions<T> | undefined, previewRef?: ConnectDragPreview) => {
+    ref?: ConnectDragPreview | undefined;
+};
+export declare const CommonHeaderFeatures: <T extends unknown>({ header, options }: ICommonHeaderFeaturesProps<T>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=baseTableUtils.d.ts.map

package/build/esm/components/Table/utils/baseTableUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseTableUtils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/utils/baseTableUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAc,MAAM,uBAAuB,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAGlE,OAAO,EACL,gBAAgB,EAChB,0BAA0B,EAC1B,qBAAqB,EACtB,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,iDAAiD,CAAC;AAOjF,eAAO,MAAM,UAAU,oEAAuD,OACiB,CAAC;AAEhG,eAAO,MAAM,SAAS,qFAAwE,OAI1E,CAAC;AAErB,eAAO,MAAM,SAAS,qFAAwE,OAIlE,CAAC;AAE7B,eAAO,MAAM,cAAc,+BAChB,QAAQ,GAAG,QAAQ;;;;;CAQ5B,CAAC;AAEH,eAAO,MAAM,eAAe,0IAGhB,iBAAiB,eACd,OAAO;;;;;;;;;;;;;;;CAuBpB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;CAUxB,CAAC;AAEH,eAAO,MAAM,gBAAgB,8EAEd,kBAAkB;;CAK/B,CAAC;AAEH,eAAO,MAAM,oBAAoB,oHAyChC,CAAC"}