acinguiux-ds-react-framework 0.0.1

package/build/esm/components/Table/components/BaseTable/BaseTable.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useReactTable, getCoreRowModel } from '@tanstack/react-table';
+import Table from '../../Table';
+import { hasFooter, hasHeader, hasWrapper } from '../../utils/baseTableUtils';
+import { ColumnVisibilityFilters } from '../TableElements/ColumnVisibilityFilters';
+import Header from './Header';
+import Body from './Body';
+import Footer from './Footer';
+import { TableWrapper } from '../TableElements/TableWrapper';
+import BaseTablePagination from './BaseTablePagination';
+const BaseTable = ({ data = [], columns, tableOptions, maxWidth, maxHeight, stickyHeader, stickyFooter, stickyColumns, noHeader, noFooter, columnResizingMinWidth, dragAndDrop, disableRowHover, useColumnsSizing, emptyStateProps, numericTypes, ...rest }) => {
+    const table = useReactTable({
+        data,
+        columns,
+        getCoreRowModel: getCoreRowModel(),
+        ...tableOptions,
+    });
+    const options = {
+        maxWidth,
+        maxHeight,
+        stickyHeader,
+        stickyFooter,
+        stickyColumns,
+        noHeader,
+        noFooter,
+        useColumnsSizing,
+        dragAndDrop,
+        disableRowHover,
+        sorting: !!(tableOptions === null || tableOptions === void 0 ? void 0 : tableOptions.getSortedRowModel),
+        columnPinning: !!(tableOptions === null || tableOptions === void 0 ? void 0 : tableOptions.onColumnPinningChange),
+        columnResizing: !!(tableOptions === null || tableOptions === void 0 ? void 0 : tableOptions.enableColumnResizing),
+        columnResizingMinWidth,
+        columnVisibility: !!(tableOptions === null || tableOptions === void 0 ? void 0 : tableOptions.onColumnVisibilityChange),
+        emptyStateProps,
+        numericTypes,
+    };
+    const hasPagination = !!(tableOptions === null || tableOptions === void 0 ? void 0 : tableOptions.getPaginationRowModel) && table.getIsSomeColumnsVisible();
+    const wrapperProps = {
+        ...(maxHeight && { maxHeight }),
+        ...(maxWidth && { maxWidth }),
+        ...((stickyHeader || stickyFooter) && {
+            stickyRows: stickyHeader || stickyFooter,
+        }),
+    };
+    const TableComponent = () => (_jsxs(Table, { ...rest, empty: table.getRowModel().rows.length === 0, children: [hasHeader(table, options) && _jsx(Header, { table: table, options: options }), _jsx(Body, { table: table, options: options }), hasFooter(table, options) && _jsx(Footer, { table: table, options: options })] }));
+    return (_jsxs(_Fragment, { children: [(options === null || options === void 0 ? void 0 : options.columnVisibility) && _jsx(ColumnVisibilityFilters, { table: table }), hasWrapper(options) ? (_jsx(TableWrapper, { ...wrapperProps, children: _jsx(TableComponent, {}) })) : (_jsx(TableComponent, {})), hasPagination && _jsx(BaseTablePagination, { table: table, data: data })] }));
+};
+export default BaseTable;
+//# sourceMappingURL=BaseTable.js.map

package/build/esm/components/Table/components/BaseTable/BaseTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTable.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTable.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useReactTable, getCoreRowModel } from '@tanstack/react-table';\n\nimport Table from '../../Table';\nimport { IBaseTableProps } from './BaseTable.types';\nimport { hasFooter, hasHeader, hasWrapper } from '../../utils/baseTableUtils';\nimport { ColumnVisibilityFilters } from '../TableElements/ColumnVisibilityFilters';\nimport Header from './Header';\nimport Body from './Body';\nimport Footer from './Footer';\nimport { TableWrapper } from '../TableElements/TableWrapper';\nimport BaseTablePagination from './BaseTablePagination';\n\nconst BaseTable = <T extends unknown>({\n  data = [],\n  columns,\n  tableOptions,\n  maxWidth,\n  maxHeight,\n  stickyHeader,\n  stickyFooter,\n  stickyColumns,\n  noHeader,\n  noFooter,\n  columnResizingMinWidth,\n  dragAndDrop,\n  disableRowHover,\n  useColumnsSizing,\n  emptyStateProps,\n  numericTypes,\n  ...rest\n}: IBaseTableProps<T>) => {\n  const table = useReactTable({\n    data,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    ...tableOptions,\n  });\n\n  const options = {\n    maxWidth,\n    maxHeight,\n    stickyHeader,\n    stickyFooter,\n    stickyColumns,\n    noHeader,\n    noFooter,\n    useColumnsSizing,\n    dragAndDrop,\n    disableRowHover,\n    sorting: !!tableOptions?.getSortedRowModel,\n    columnPinning: !!tableOptions?.onColumnPinningChange,\n    columnResizing: !!tableOptions?.enableColumnResizing,\n    columnResizingMinWidth,\n    columnVisibility: !!tableOptions?.onColumnVisibilityChange,\n    emptyStateProps,\n    numericTypes,\n  };\n\n  const hasPagination = !!tableOptions?.getPaginationRowModel && table.getIsSomeColumnsVisible();\n\n  const wrapperProps = {\n    ...(maxHeight && { maxHeight }),\n    ...(maxWidth && { maxWidth }),\n    ...((stickyHeader || stickyFooter) && {\n      stickyRows: stickyHeader || stickyFooter,\n    }),\n  };\n\n  const TableComponent = () => (\n    <Table {...rest} empty={table.getRowModel().rows.length === 0}>\n      {hasHeader(table, options) && <Header table={table} options={options} />}\n      <Body table={table} options={options} />\n      {hasFooter(table, options) && <Footer table={table} options={options} />}\n    </Table>\n  );\n\n  return (\n    <>\n      {options?.columnVisibility && <ColumnVisibilityFilters table={table} />}\n      {hasWrapper(options) ? (\n        <TableWrapper {...wrapperProps}>\n          <TableComponent />\n        </TableWrapper>\n      ) : (\n        <TableComponent />\n      )}\n      {hasPagination && <BaseTablePagination table={table} data={data} />}\n    </>\n  );\n};\n\nexport default BaseTable;\n"]}

package/build/esm/components/Table/components/BaseTable/BaseTable.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BaseTable.test.d.ts.map

package/build/esm/components/Table/components/BaseTable/BaseTable.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTable.test.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTable.test.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,92 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getPaginationRowModel, getSortedRowModel } from '@tanstack/react-table';
+import { Sizes, Alignments, PAGINATION_CLASS } from 'acinguiux-ds-react-base';
+import { render, screen, describe, it, expect } from '../../../../utils/viTestUtils';
+import BaseTable from './BaseTable';
+import { generateProductData } from '../../_internalComponents/data';
+const sizes = [Sizes.ExtraSmall, Sizes.Small, Sizes.Medium, Sizes.Large];
+const alignments = [Alignments.Left, Alignments.Center, Alignments.Right];
+const data = generateProductData(10);
+const columns = [
+    {
+        header: 'Product',
+        accessorKey: 'product',
+        footer: 'Product footer',
+    },
+    {
+        header: 'Type',
+        accessorKey: 'type',
+    },
+    {
+        header: 'Value',
+        accessorKey: 'value',
+    },
+    {
+        header: 'Description',
+        accessorKey: 'description',
+    },
+];
+const renderBaseTable = (props) => render(_jsx(BaseTable, { ...props }));
+describe('BaseTable', () => {
+    const tableOptions = {
+        getPaginationRowModel: getPaginationRowModel(),
+        getSortedRowModel: getSortedRowModel(),
+        onColumnPinningChange: () => { },
+        enableColumnResizing: true,
+        onColumnVisibilityChange: () => { },
+    };
+    it.each(sizes)('renders a base table with proper size', (size) => {
+        render(_jsx(BaseTable, { data: data, columns: columns, size: size }));
+        const table = screen.getByRole('table');
+        expect(table).toBeInTheDocument();
+    });
+    it.each(alignments)('renders a base table with proper alignment', (alignment) => {
+        render(_jsx(BaseTable, { data: data, columns: columns, alignment: alignment }));
+        const table = screen.getByRole('table');
+        expect(table).toBeInTheDocument();
+    });
+    it('should render the table with header, body, and footer components', () => {
+        const { container } = renderBaseTable({
+            data,
+            columns,
+            tableOptions,
+        });
+        expect(container.querySelector('thead')).toBeInTheDocument();
+        expect(container.querySelector('tbody')).toBeInTheDocument();
+        expect(container.querySelector('tfoot')).toBeInTheDocument();
+    });
+    it('should render the table without header and footer if noHeader and noFooter are true', () => {
+        const { container } = renderBaseTable({
+            data,
+            columns,
+            tableOptions,
+            noHeader: true,
+            noFooter: true,
+        });
+        expect(container.querySelector('thead')).not.toBeInTheDocument();
+        expect(container.querySelector('tfoot')).not.toBeInTheDocument();
+    });
+    it('should render the table with pagination if getPaginationRowModel is defined', () => {
+        const { container } = renderBaseTable({
+            data,
+            columns,
+            tableOptions: {
+                ...tableOptions,
+                getPaginationRowModel: getPaginationRowModel(), // Mocking getPaginationRowModel
+            },
+        });
+        expect(container.getElementsByClassName(PAGINATION_CLASS).length).toBe(1);
+    });
+    it('should render the table with column visibility filters if columnVisibility is true', () => {
+        renderBaseTable({
+            data,
+            columns,
+            tableOptions: {
+                ...tableOptions,
+                onColumnVisibilityChange: () => { },
+            },
+        });
+        expect(screen.getByText('Toggle All')).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=BaseTable.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTable.test.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTable.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ColumnDef, getPaginationRowModel, getSortedRowModel } from '@tanstack/react-table';\nimport { Sizes, Alignments, PAGINATION_CLASS } from 'acinguiux-ds-react-base';\n\nimport { render, screen, describe, it, expect } from '../../../../utils/viTestUtils';\nimport BaseTable from './BaseTable';\nimport { TableSize, TableAlignment } from '../../Table.types';\nimport { generateProductData, Product } from '../../_internalComponents/data';\nimport { IBaseTableProps } from './BaseTable.types';\n\nconst sizes: TableSize[] = [Sizes.ExtraSmall, Sizes.Small, Sizes.Medium, Sizes.Large];\nconst alignments: TableAlignment[] = [Alignments.Left, Alignments.Center, Alignments.Right];\n\nconst data = generateProductData(10);\nconst columns: ColumnDef<Product>[] = [\n  {\n    header: 'Product',\n    accessorKey: 'product',\n    footer: 'Product footer',\n  },\n  {\n    header: 'Type',\n    accessorKey: 'type',\n  },\n  {\n    header: 'Value',\n    accessorKey: 'value',\n  },\n  {\n    header: 'Description',\n    accessorKey: 'description',\n  },\n];\n\nconst renderBaseTable = (props: IBaseTableProps<any>) => render(<BaseTable {...props} />);\n\ndescribe('BaseTable', () => {\n  const tableOptions = {\n    getPaginationRowModel: getPaginationRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    onColumnPinningChange: () => {},\n    enableColumnResizing: true,\n    onColumnVisibilityChange: () => {},\n  };\n\n  it.each(sizes)('renders a base table with proper size', (size) => {\n    render(<BaseTable data={data} columns={columns} size={size} />);\n\n    const table = screen.getByRole('table');\n\n    expect(table).toBeInTheDocument();\n  });\n\n  it.each(alignments)('renders a base table with proper alignment', (alignment) => {\n    render(<BaseTable data={data} columns={columns} alignment={alignment} />);\n\n    const table = screen.getByRole('table');\n\n    expect(table).toBeInTheDocument();\n  });\n\n  it('should render the table with header, body, and footer components', () => {\n    const { container } = renderBaseTable({\n      data,\n      columns,\n      tableOptions,\n    });\n\n    expect(container.querySelector('thead')).toBeInTheDocument();\n    expect(container.querySelector('tbody')).toBeInTheDocument();\n    expect(container.querySelector('tfoot')).toBeInTheDocument();\n  });\n\n  it('should render the table without header and footer if noHeader and noFooter are true', () => {\n    const { container } = renderBaseTable({\n      data,\n      columns,\n      tableOptions,\n      noHeader: true,\n      noFooter: true,\n    });\n\n    expect(container.querySelector('thead')).not.toBeInTheDocument();\n    expect(container.querySelector('tfoot')).not.toBeInTheDocument();\n  });\n\n  it('should render the table with pagination if getPaginationRowModel is defined', () => {\n    const { container } = renderBaseTable({\n      data,\n      columns,\n      tableOptions: {\n        ...tableOptions,\n        getPaginationRowModel: getPaginationRowModel(), // Mocking getPaginationRowModel\n      },\n    });\n\n    expect(container.getElementsByClassName(PAGINATION_CLASS).length).toBe(1);\n  });\n\n  it('should render the table with column visibility filters if columnVisibility is true', () => {\n    renderBaseTable({\n      data,\n      columns,\n      tableOptions: {\n        ...tableOptions,\n        onColumnVisibilityChange: () => {},\n      },\n    });\n\n    expect(screen.getByText('Toggle All')).toBeInTheDocument();\n  });\n});\n"]}

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

@@ -0,0 +1,43 @@
+import { Header, ColumnDef, TableOptions, Table } from '@tanstack/react-table';
+import { ITableProps } from '../../Table.types';
+import { ITableComponentsProps, ITableCellProps } from '../TableElements/TableElements.types';
+import { IEmptyStateProps } from '../../../EmptyState/EmptyState.types';
+export type InnerBaseTableOptions = {
+    sorting?: boolean;
+    columnPinning?: boolean;
+    columnVisibility?: boolean;
+    columnResizing?: boolean;
+};
+export interface BaseTableOptions<T> {
+    maxHeight?: number;
+    maxWidth?: number;
+    dragAndDrop?: boolean;
+    columnResizingMinWidth?: number;
+    noHeader?: boolean;
+    noFooter?: boolean;
+    disableRowHover?: boolean;
+    stickyHeader?: boolean;
+    stickyFooter?: boolean;
+    stickyColumns?: (keyof T)[];
+    useColumnsSizing?: boolean;
+    emptyStateProps?: IEmptyStateProps;
+    numericTypes?: (keyof T)[];
+}
+export interface IBaseTableProps<T> extends ITableProps, BaseTableOptions<T> {
+    data?: T[];
+    columns: ColumnDef<T, string>[];
+    tableOptions?: Omit<TableOptions<T>, 'data' | 'columns' | 'getCoreRowModel'> & BaseTableOptions<T>;
+}
+export interface IBaseTableElementProps<T> extends ITableComponentsProps<T> {
+    options?: BaseTableOptions<T> & InnerBaseTableOptions;
+    cellProps?: ITableCellProps;
+}
+export interface ICommonHeaderFeaturesProps<T> {
+    options?: BaseTableOptions<T> & InnerBaseTableOptions;
+    header: Header<T, any>;
+}
+export interface IBaseTablePaginationProps<T> {
+    table: Table<T>;
+    data: T[];
+}
+//# sourceMappingURL=BaseTable.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTable.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTable.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAE/E,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAC9F,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,gBAAgB,CAAC;IACnC,YAAY,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;CAC5B;AAED,MAAM,WAAW,eAAe,CAAC,CAAC,CAAE,SAAQ,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAC1E,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;IACX,OAAO,EAAE,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC;IAChC,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,iBAAiB,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;CACpG;AAED,MAAM,WAAW,sBAAsB,CAAC,CAAC,CAAE,SAAQ,qBAAqB,CAAC,CAAC,CAAC;IACzE,OAAO,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,qBAAqB,CAAC;IACtD,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B;AAED,MAAM,WAAW,0BAA0B,CAAC,CAAC;IAC3C,OAAO,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,qBAAqB,CAAC;IACtD,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;CACxB;AAED,MAAM,WAAW,yBAAyB,CAAC,CAAC;IAC1C,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAChB,IAAI,EAAE,CAAC,EAAE,CAAC;CACX"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BaseTable.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTable.types.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTable.types.ts"],"names":[],"mappings":"","sourcesContent":["import { Header, ColumnDef, TableOptions, Table } from '@tanstack/react-table';\n\nimport { ITableProps } from '../../Table.types';\nimport { ITableComponentsProps, ITableCellProps } from '../TableElements/TableElements.types';\nimport { IEmptyStateProps } from '../../../EmptyState/EmptyState.types';\n\nexport type InnerBaseTableOptions = {\n  sorting?: boolean;\n  columnPinning?: boolean;\n  columnVisibility?: boolean;\n  columnResizing?: boolean;\n};\n\nexport interface BaseTableOptions<T> {\n  maxHeight?: number;\n  maxWidth?: number;\n  dragAndDrop?: boolean;\n  columnResizingMinWidth?: number;\n  noHeader?: boolean;\n  noFooter?: boolean;\n  disableRowHover?: boolean;\n  stickyHeader?: boolean;\n  stickyFooter?: boolean;\n  stickyColumns?: (keyof T)[];\n  useColumnsSizing?: boolean;\n  emptyStateProps?: IEmptyStateProps;\n  numericTypes?: (keyof T)[];\n}\n\nexport interface IBaseTableProps<T> extends ITableProps, BaseTableOptions<T> {\n  data?: T[];\n  columns: ColumnDef<T, string>[];\n  tableOptions?: Omit<TableOptions<T>, 'data' | 'columns' | 'getCoreRowModel'> & BaseTableOptions<T>;\n}\n\nexport interface IBaseTableElementProps<T> extends ITableComponentsProps<T> {\n  options?: BaseTableOptions<T> & InnerBaseTableOptions;\n  cellProps?: ITableCellProps;\n}\n\nexport interface ICommonHeaderFeaturesProps<T> {\n  options?: BaseTableOptions<T> & InnerBaseTableOptions;\n  header: Header<T, any>;\n}\n\nexport interface IBaseTablePaginationProps<T> {\n  table: Table<T>;\n  data: T[];\n}\n"]}

package/build/esm/components/Table/components/BaseTable/BaseTablePagination.d.ts

@@ -0,0 +1,4 @@
+import { IBaseTablePaginationProps } from './BaseTable.types';
+declare const BaseTablePagination: <T extends unknown>({ table, data }: IBaseTablePaginationProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default BaseTablePagination;
+//# sourceMappingURL=BaseTablePagination.d.ts.map

package/build/esm/components/Table/components/BaseTable/BaseTablePagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTablePagination.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTablePagination.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,QAAA,MAAM,mBAAmB,+GAiBxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/build/esm/components/Table/components/BaseTable/BaseTablePagination.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import Pagination from '../../../Pagination/Pagination';
+import Flexbox from '../../../Flexbox/Flexbox';
+const BaseTablePagination = ({ table, data }) => {
+    const handleOnChange = useCallback((current, pageSize) => {
+        table.setPageSize(pageSize);
+        table.setPageIndex(current - 1);
+    }, []);
+    const paginationProps = {
+        total: data.length,
+        pageSize: table.getState().pagination.pageSize,
+        onChange: handleOnChange,
+    };
+    return (_jsx(Flexbox, { justifyContent: "center", alignItems: "center", children: paginationProps && _jsx(Pagination, { ...paginationProps }) }));
+};
+export default BaseTablePagination;
+//# sourceMappingURL=BaseTablePagination.js.map

package/build/esm/components/Table/components/BaseTable/BaseTablePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTablePagination.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTablePagination.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,OAAO,MAAM,0BAA0B,CAAC;AAI/C,MAAM,mBAAmB,GAAG,CAAoB,EAAE,KAAK,EAAE,IAAI,EAAgC,EAAE,EAAE;IAC/F,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,OAAe,EAAE,QAAgB,EAAQ,EAAE;QAC7E,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC5B,KAAK,CAAC,YAAY,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;IAClC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAqB;QACxC,KAAK,EAAE,IAAI,CAAC,MAAM;QAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC,QAAQ;QAC9C,QAAQ,EAAE,cAAc;KACzB,CAAC;IAEF,OAAO,CACL,KAAC,OAAO,IAAC,cAAc,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,YACjD,eAAe,IAAI,KAAC,UAAU,OAAK,eAAe,GAAI,GAC/C,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import { useCallback } from 'react';\n\nimport Pagination from '../../../Pagination/Pagination';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { IPaginationProps } from '../../../Pagination/Pagination.types';\nimport { IBaseTablePaginationProps } from './BaseTable.types';\n\nconst BaseTablePagination = <T extends unknown>({ table, data }: IBaseTablePaginationProps<T>) => {\n  const handleOnChange = useCallback((current: number, pageSize: number): void => {\n    table.setPageSize(pageSize);\n    table.setPageIndex(current - 1);\n  }, []);\n\n  const paginationProps: IPaginationProps = {\n    total: data.length,\n    pageSize: table.getState().pagination.pageSize,\n    onChange: handleOnChange,\n  };\n\n  return (\n    <Flexbox justifyContent=\"center\" alignItems=\"center\">\n      {paginationProps && <Pagination {...paginationProps} />}\n    </Flexbox>\n  );\n};\n\nexport default BaseTablePagination;\n"]}

package/build/esm/components/Table/components/BaseTable/Body.d.ts

@@ -0,0 +1,4 @@
+import { IBaseTableElementProps } from './BaseTable.types';
+declare const Body: <T extends unknown>({ table, options }: IBaseTableElementProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default Body;
+//# sourceMappingURL=Body.d.ts.map

package/build/esm/components/Table/components/BaseTable/Body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/BaseTable/Body.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAU3D,QAAA,MAAM,IAAI,+GAyCT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/build/esm/components/Table/components/BaseTable/Body.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { flexRender } from '@tanstack/react-table';
+import { TR, TD, TBody } from '../TableElements/TableElements';
+import EmptyState from '../../../EmptyState/EmptyState';
+import { bodyCellProps } from '../../utils/baseTableUtils';
+import { NumericCell } from '../TableElements/NumericCell';
+const title = 'No data found';
+const description = 'Try adjusting your search to find what you’re looking for.';
+const Body = ({ table, options }) => {
+    const isEmpty = table.getRowModel().rows.length === 0;
+    if (isEmpty) {
+        return (_jsx(TBody, { children: _jsx(TR, { children: _jsx(TD, { colSpan: table.getAllColumns().length, children: _jsx(EmptyState, { title: title, description: description, style: { padding: '60px' }, ...options === null || options === void 0 ? void 0 : options.emptyStateProps }) }) }) }));
+    }
+    return (_jsx(TBody, { children: table.getRowModel().rows.map((row) => (_jsx(TR, { "$disableRowHover": options === null || options === void 0 ? void 0 : options.disableRowHover, children: row.getVisibleCells().map((cell) => {
+                var _a;
+                const cellContent = flexRender(cell.column.columnDef.cell, cell.getContext());
+                return (_jsx(TD, { ...bodyCellProps(options, cell), children: ((_a = options === null || options === void 0 ? void 0 : options.numericTypes) === null || _a === void 0 ? void 0 : _a.includes(cell === null || cell === void 0 ? void 0 : cell.column.id)) ? (_jsx(NumericCell, { children: cellContent })) : (cellContent) }));
+            }) }, row.id))) }));
+};
+export default Body;
+//# sourceMappingURL=Body.js.map

package/build/esm/components/Table/components/BaseTable/Body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/BaseTable/Body.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAGnD,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,KAAK,GAAG,eAAe,CAAC;AAC9B,MAAM,WAAW,GAAG,4DAA4D,CAAC;AAEjF,MAAM,IAAI,GAAG,CAAoB,EAAE,KAAK,EAAE,OAAO,EAA6B,EAAE,EAAE;IAChF,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;IAEtD,IAAI,OAAO,EAAE;QACX,OAAO,CACL,KAAC,KAAK,cACJ,KAAC,EAAE,cACD,KAAC,EAAE,IAAC,OAAO,EAAE,KAAK,CAAC,aAAa,EAAE,CAAC,MAAM,YACvC,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,KACtB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,eAAe,GAC5B,GACC,GACF,GACC,CACT,CAAC;KACH;IAED,OAAO,CACL,KAAC,KAAK,cACH,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAkE,EAAE,EAAE,CAAC,CACpG,KAAC,EAAE,wBAAgC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,eAAe,YACxD,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;;gBAClC,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;gBAE9E,OAAO,CACL,KAAC,EAAE,OAAK,aAAa,CAAC,OAAO,EAAE,IAAI,CAAC,YACjC,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,0CAAE,QAAQ,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,EAAa,CAAC,EAAC,CAAC,CAAC,CAC7D,KAAC,WAAW,cAAE,WAAW,GAAe,CACzC,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,GACE,CACN,CAAC;YACJ,CAAC,CAAC,IAbK,GAAG,CAAC,EAAE,CAcV,CACN,CAAC,GACI,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC","sourcesContent":["import { flexRender } from '@tanstack/react-table';\n\nimport { IBaseTableElementProps } from './BaseTable.types';\nimport { TR, TD, TBody } from '../TableElements/TableElements';\nimport EmptyState from '../../../EmptyState/EmptyState';\nimport { bodyCellProps } from '../../utils/baseTableUtils';\nimport { NumericCell } from '../TableElements/NumericCell';\nimport { Key } from 'react';\n\nconst title = 'No data found';\nconst description = 'Try adjusting your search to find what you’re looking for.';\n\nconst Body = <T extends unknown>({ table, options }: IBaseTableElementProps<T>) => {\n  const isEmpty = table.getRowModel().rows.length === 0;\n\n  if (isEmpty) {\n    return (\n      <TBody>\n        <TR>\n          <TD colSpan={table.getAllColumns().length}>\n            <EmptyState\n              title={title}\n              description={description}\n              style={{ padding: '60px' }}\n              {...options?.emptyStateProps}\n            />\n          </TD>\n        </TR>\n      </TBody>\n    );\n  }\n\n  return (\n    <TBody>\n      {table.getRowModel().rows.map((row: { id: Key | null | undefined; getVisibleCells: () => any[]; }) => (\n        <TR key={row.id} $disableRowHover={options?.disableRowHover}>\n          {row.getVisibleCells().map((cell) => {\n            const cellContent = flexRender(cell.column.columnDef.cell, cell.getContext());\n\n            return (\n              <TD {...bodyCellProps(options, cell)}>\n                {options?.numericTypes?.includes(cell?.column.id as keyof T) ? (\n                  <NumericCell>{cellContent}</NumericCell>\n                ) : (\n                  cellContent\n                )}\n              </TD>\n            );\n          })}\n        </TR>\n      ))}\n    </TBody>\n  );\n};\n\nexport default Body;\n"]}

package/build/esm/components/Table/components/BaseTable/Footer.d.ts

@@ -0,0 +1,4 @@
+import { IBaseTableElementProps } from './BaseTable.types';
+declare const Footer: <T extends unknown>({ table, options }: IBaseTableElementProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default Footer;
+//# sourceMappingURL=Footer.d.ts.map

package/build/esm/components/Table/components/BaseTable/Footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/BaseTable/Footer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAK3D,QAAA,MAAM,MAAM,+GAgBX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/build/esm/components/Table/components/BaseTable/Footer.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { flexRender } from '@tanstack/react-table';
+import { Sizes } from 'acinguiux-ds-react-base';
+import { TR, TH, TFoot } from '../TableElements/TableElements';
+import { useTable } from '../../hooks/useTable';
+import { headerCellProps, headerRowProps } from '../../utils/baseTableUtils';
+const Footer = ({ table, options }) => {
+    const { size = Sizes.Medium } = useTable();
+    return (_jsx(TFoot, { children: table.getFooterGroups().map((footerGroup) => (_jsx(TR, { size: size, ...headerRowProps('footer', footerGroup, options), "$disableRowHover": true, children: footerGroup === null || footerGroup === void 0 ? void 0 : footerGroup.headers.map((header) => (_jsx(TH, { ...headerCellProps(header, options), children: header.isPlaceholder ? null : flexRender(header.column.columnDef.footer, header.getContext()) }))) }))) }));
+};
+export default Footer;
+//# sourceMappingURL=Footer.js.map

package/build/esm/components/Table/components/BaseTable/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/BaseTable/Footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAGhD,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE7E,MAAM,MAAM,GAAG,CAAoB,EAAE,KAAK,EAAE,OAAO,EAA6B,EAAE,EAAE;IAClF,MAAM,EAAE,IAAI,GAAG,KAAK,CAAC,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE3C,OAAO,CACL,KAAC,KAAK,cACH,KAAK,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAC5C,KAAC,EAAE,IAAC,IAAI,EAAE,IAAI,KAAM,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,OAAO,CAAC,sCAC/D,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACpC,KAAC,EAAE,OAAK,eAAe,CAAC,MAAM,EAAE,OAAO,CAAC,YACrC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,GAC3F,CACN,CAAC,GACC,CACN,CAAC,GACI,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import { flexRender } from '@tanstack/react-table';\nimport { Sizes } from 'acinguiux-ds-react-base';\n\nimport { IBaseTableElementProps } from './BaseTable.types';\nimport { TR, TH, TFoot } from '../TableElements/TableElements';\nimport { useTable } from '../../hooks/useTable';\nimport { headerCellProps, headerRowProps } from '../../utils/baseTableUtils';\n\nconst Footer = <T extends unknown>({ table, options }: IBaseTableElementProps<T>) => {\n  const { size = Sizes.Medium } = useTable();\n\n  return (\n    <TFoot>\n      {table.getFooterGroups().map((footerGroup) => (\n        <TR size={size} {...headerRowProps('footer', footerGroup, options)} $disableRowHover>\n          {footerGroup?.headers.map((header) => (\n            <TH {...headerCellProps(header, options)}>\n              {header.isPlaceholder ? null : flexRender(header.column.columnDef.footer, header.getContext())}\n            </TH>\n          ))}\n        </TR>\n      ))}\n    </TFoot>\n  );\n};\n\nexport default Footer;\n"]}

package/build/esm/components/Table/components/BaseTable/Header.d.ts

@@ -0,0 +1,4 @@
+import { IBaseTableElementProps } from './BaseTable.types';
+declare const Header: <T extends unknown>({ table, options }: IBaseTableElementProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default Header;
+//# sourceMappingURL=Header.d.ts.map

package/build/esm/components/Table/components/BaseTable/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/BaseTable/Header.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAM3D,QAAA,MAAM,MAAM,+GAyCX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/build/esm/components/Table/components/BaseTable/Header.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Sizes } from 'acinguiux-ds-react-base';
+import { TR, TH, THead } from '../TableElements/TableElements';
+import { tableGap } from '../../Table.consts';
+import Flexbox from '../../../Flexbox/Flexbox';
+import { useDraggableColumnHeader } from '../../hooks/useDraggableColumnHeader';
+import { DraggableButton } from '../TableElements/DraggableButton';
+import { headerCellProps, cellContentProps, CommonHeaderFeatures, headerRowProps } from '../../utils/baseTableUtils';
+import { useTable } from '../../hooks/useTable';
+const Header = ({ table, options }) => {
+    const { size = Sizes.Medium } = useTable();
+    return (_jsx(THead, { children: table.getHeaderGroups().map((headerGroup) => (_jsx(TR, { size: size, ...headerRowProps('header', headerGroup, options), "$disableRowHover": true, children: headerGroup.headers.map((header) => {
+                if (options === null || options === void 0 ? void 0 : options.dragAndDrop) {
+                    const { dropRef, dragRef, previewRef, isDragging } = useDraggableColumnHeader(table, header);
+                    return (_jsx(TH, { ...headerCellProps(header, options, dropRef, isDragging), children: _jsxs(Flexbox, { gap: tableGap, alignItems: "center", ...cellContentProps(options, previewRef), children: [_jsx(CommonHeaderFeatures, { options: options, header: header }), (options === null || options === void 0 ? void 0 : options.dragAndDrop) && _jsx(DraggableButton, { ref: dragRef })] }) }));
+                }
+                if ((options === null || options === void 0 ? void 0 : options.columnPinning) || (options === null || options === void 0 ? void 0 : options.columnResizing) || (options === null || options === void 0 ? void 0 : options.sorting)) {
+                    return (_jsx(TH, { ...headerCellProps(header, options), children: _jsx(Flexbox, { gap: tableGap, alignItems: "center", children: _jsx(CommonHeaderFeatures, { options: options, header: header }) }) }));
+                }
+                return (_jsx(TH, { ...headerCellProps(header, options), children: _jsx(CommonHeaderFeatures, { options: options, header: header }) }));
+            }) }))) }));
+};
+export default Header;
+//# sourceMappingURL=Header.js.map

package/build/esm/components/Table/components/BaseTable/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/BaseTable/Header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,OAAO,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACrH,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,MAAM,GAAG,CAAoB,EAAE,KAAK,EAAE,OAAO,EAA6B,EAAE,EAAE;IAClF,MAAM,EAAE,IAAI,GAAG,KAAK,CAAC,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE3C,OAAO,CACL,KAAC,KAAK,cACH,KAAK,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAC5C,KAAC,EAAE,IAAC,IAAI,EAAE,IAAI,KAAM,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,OAAO,CAAC,sCAC/D,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gBAClC,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EAAE;oBACxB,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,wBAAwB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;oBAE7F,OAAO,CACL,KAAC,EAAE,OAAK,eAAe,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,YAC3D,MAAC,OAAO,IAAC,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAC,QAAQ,KAAK,gBAAgB,CAAC,OAAO,EAAE,UAAU,CAAC,aACnF,KAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,GAAI,EACzD,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,KAAI,KAAC,eAAe,IAAC,GAAG,EAAE,OAAO,GAAI,IAClD,GACP,CACN,CAAC;iBACH;gBAED,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,MAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,cAAc,CAAA,KAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAA,EAAE;oBACzE,OAAO,CACL,KAAC,EAAE,OAAK,eAAe,CAAC,MAAM,EAAE,OAAO,CAAC,YACtC,KAAC,OAAO,IAAC,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAC,QAAQ,YACzC,KAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,GAAI,GAClD,GACP,CACN,CAAC;iBACH;gBAED,OAAO,CACL,KAAC,EAAE,OAAK,eAAe,CAAC,MAAM,EAAE,OAAO,CAAC,YACtC,KAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,GAAI,GACvD,CACN,CAAC;YACJ,CAAC,CAAC,GACC,CACN,CAAC,GACI,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base';\n\nimport { TR, TH, THead } from '../TableElements/TableElements';\nimport { tableGap } from '../../Table.consts';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { IBaseTableElementProps } from './BaseTable.types';\nimport { useDraggableColumnHeader } from '../../hooks/useDraggableColumnHeader';\nimport { DraggableButton } from '../TableElements/DraggableButton';\nimport { headerCellProps, cellContentProps, CommonHeaderFeatures, headerRowProps } from '../../utils/baseTableUtils';\nimport { useTable } from '../../hooks/useTable';\n\nconst Header = <T extends unknown>({ table, options }: IBaseTableElementProps<T>) => {\n  const { size = Sizes.Medium } = useTable();\n\n  return (\n    <THead>\n      {table.getHeaderGroups().map((headerGroup) => (\n        <TR size={size} {...headerRowProps('header', headerGroup, options)} $disableRowHover>\n          {headerGroup.headers.map((header) => {\n            if (options?.dragAndDrop) {\n              const { dropRef, dragRef, previewRef, isDragging } = useDraggableColumnHeader(table, header);\n\n              return (\n                <TH {...headerCellProps(header, options, dropRef, isDragging)}>\n                  <Flexbox gap={tableGap} alignItems=\"center\" {...cellContentProps(options, previewRef)}>\n                    <CommonHeaderFeatures options={options} header={header} />\n                    {options?.dragAndDrop && <DraggableButton ref={dragRef} />}\n                  </Flexbox>\n                </TH>\n              );\n            }\n\n            if (options?.columnPinning || options?.columnResizing || options?.sorting) {\n              return (\n                <TH {...headerCellProps(header, options)}>\n                  <Flexbox gap={tableGap} alignItems=\"center\">\n                    <CommonHeaderFeatures options={options} header={header} />\n                  </Flexbox>\n                </TH>\n              );\n            }\n\n            return (\n              <TH {...headerCellProps(header, options)}>\n                <CommonHeaderFeatures options={options} header={header} />\n              </TH>\n            );\n          })}\n        </TR>\n      ))}\n    </THead>\n  );\n};\n\nexport default Header;\n"]}

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

@@ -0,0 +1,3 @@
+import { ITableComponentsProps } from './TableElements.types';
+export declare const ColumnVisibilityFilters: <T extends unknown>({ table }: ITableComponentsProps<T>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ColumnVisibilityFilters.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnVisibilityFilters.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableElements/ColumnVisibilityFilters.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAI9D,eAAO,MAAM,uBAAuB,qGAoBnC,CAAC"}

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Sizes } from 'acinguiux-ds-react-base';
+import Flexbox from '../../../Flexbox/Flexbox';
+import ToggleButton from '../../../ToggleButton/ToggleButton';
+import { convertCamelCaseToWords } from '../../../../utils/textUtils';
+export const ColumnVisibilityFilters = ({ table }) => (_jsxs(Flexbox, { gap: "8px", flexWrap: "wrap", style: { marginBottom: '20px' }, children: [_jsx(ToggleButton, { size: Sizes.Small, active: table.getIsAllColumnsVisible(), onClick: table.getToggleAllColumnsVisibilityHandler(), children: "Toggle All" }), table.getAllLeafColumns().map((column) => (_jsx(ToggleButton, { size: Sizes.Small, active: column.getIsVisible(), onClick: column.getToggleVisibilityHandler(), children: convertCamelCaseToWords(column.id) }, column.id)))] }));
+//# sourceMappingURL=ColumnVisibilityFilters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnVisibilityFilters.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableElements/ColumnVisibilityFilters.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD,OAAO,OAAO,MAAM,0BAA0B,CAAC;AAE/C,OAAO,YAAY,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAoB,EAAE,KAAK,EAA4B,EAAE,EAAE,CAAC,CACjG,MAAC,OAAO,IAAC,GAAG,EAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,aAChE,KAAC,YAAY,IACX,IAAI,EAAE,KAAK,CAAC,KAAK,EACjB,MAAM,EAAE,KAAK,CAAC,sBAAsB,EAAE,EACtC,OAAO,EAAE,KAAK,CAAC,oCAAoC,EAAE,2BAGxC,EACd,KAAK,CAAC,iBAAiB,EAAE,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACzC,KAAC,YAAY,IAEX,IAAI,EAAE,KAAK,CAAC,KAAK,EACjB,MAAM,EAAE,MAAM,CAAC,YAAY,EAAE,EAC7B,OAAO,EAAE,MAAM,CAAC,0BAA0B,EAAE,YAE3C,uBAAuB,CAAC,MAAM,CAAC,EAAE,CAAC,IAL9B,MAAM,CAAC,EAAE,CAMD,CAChB,CAAC,IACM,CACX,CAAC","sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base';\n\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { ITableComponentsProps } from './TableElements.types';\nimport ToggleButton from '../../../ToggleButton/ToggleButton';\nimport { convertCamelCaseToWords } from '../../../../utils/textUtils';\n\nexport const ColumnVisibilityFilters = <T extends unknown>({ table }: ITableComponentsProps<T>) => (\n  <Flexbox gap=\"8px\" flexWrap=\"wrap\" style={{ marginBottom: '20px' }}>\n    <ToggleButton\n      size={Sizes.Small}\n      active={table.getIsAllColumnsVisible()}\n      onClick={table.getToggleAllColumnsVisibilityHandler()}\n    >\n      Toggle All\n    </ToggleButton>\n    {table.getAllLeafColumns().map((column) => (\n      <ToggleButton\n        key={column.id}\n        size={Sizes.Small}\n        active={column.getIsVisible()}\n        onClick={column.getToggleVisibilityHandler()}\n      >\n        {convertCamelCaseToWords(column.id)}\n      </ToggleButton>\n    ))}\n  </Flexbox>\n);\n"]}

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

@@ -0,0 +1,53 @@
+/// <reference types="react" />
+/**
+ * @deprecated TableHeaderContentContainer can be replaced by <Flexbox gap={tableGap} alignItems="center" ... />
+ * tableGap can be found in src/components/Table/Table.consts.ts
+ */
+export declare const TableHeaderContentContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+/**
+ * @deprecated TableCellContainer can be replaced by <Flexbox gap={tableGap} alignItems="center" ... />
+ * tableGap can be found in src/components/Table/Table.consts.ts
+ */
+export declare const TableCellContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+/**
+ * @deprecated TableCellExpanderContainer can be replaced by using Expander component
+ * Expander can be found in src/Expander.tsx
+ */
+export declare const TableCellExpanderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    depth: number;
+}, never>;
+/**
+ * @deprecated TableCheckbox is deprecated, please use SelectionCheckbox instead
+ */
+export declare const TableCheckbox: import("react").ForwardRefExoticComponent<Omit<import("../../../..").ICheckboxProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+/**
+ * @deprecated TableDrag is deprecated, please use DraggableButton instead
+ */
+export declare const TableDrag: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+/**
+ * @deprecated TableExpand is deprecated, please use ExpanderButton instead
+ */
+export declare const TableExpander: import("react").ForwardRefExoticComponent<Omit<import("../../Table.types").ITableExpander, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+/**
+ * @deprecated TableFilter is deprecated, please use FilterButton instead
+ */
+export declare const TableFilter: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+/**
+ * @deprecated TablePin is deprecated, please use PinButton instead
+ */
+export declare const TablePin: import("react").ForwardRefExoticComponent<Omit<import("../../Table.types").ITablePin, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+/**
+ * @deprecated TableSorter is deprecated, please use SorterButton instead
+ */
+export declare const TableSorter: import("react").ForwardRefExoticComponent<Omit<import("../../Table.types").ITableSorterProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+/**
+ * @deprecated TableResizer is deprecated, please use Resizer instead
+ */
+export declare const TableResizer: ({ ...rest }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DeprecatedTableElements.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeprecatedTableElements.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableElements/DeprecatedTableElements.tsx"],"names":[],"mappings":";AAWA;;;GAGG;AACH,eAAO,MAAM,2BAA2B,yGAIvC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,yGAI9B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,0BAA0B;WAAuB,MAAM;SAMnE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,gJAAoB,CAAC;AAC/C;;GAEG;AACH,eAAO,MAAM,SAAS;;6DAAkB,CAAC;AACzC;;GAEG;AACH,eAAO,MAAM,aAAa,uJAAiB,CAAC;AAC5C;;GAEG;AACH,eAAO,MAAM,WAAW;;6DAAe,CAAC;AACxC;;GAEG;AACH,eAAO,MAAM,QAAQ,kJAAY,CAAC;AAClC;;GAEG;AACH,eAAO,MAAM,WAAW,0JAAe,CAAC;AACxC;;GAEG;AACH,eAAO,MAAM,YAAY;;6CAAU,CAAC"}

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

@@ -0,0 +1,65 @@
+import styled, { css } from 'styled-components';
+import { tableGap } from '../../Table.consts';
+import { DraggableButton } from './DraggableButton';
+import { SelectionCheckbox } from './SelectionCheckbox';
+import { SorterButton } from './SorterButton';
+import { PinButton } from './PinButton';
+import { FilterButton } from './FilterButton';
+import { ExpanderButton } from './ExpanderButton';
+import { Resizer } from './Resizer';
+/**
+ * @deprecated TableHeaderContentContainer can be replaced by <Flexbox gap={tableGap} alignItems="center" ... />
+ * tableGap can be found in src/components/Table/Table.consts.ts
+ */
+export const TableHeaderContentContainer = styled.div `
+  display: flex;
+  align-items: center;
+  gap: ${tableGap};
+`;
+/**
+ * @deprecated TableCellContainer can be replaced by <Flexbox gap={tableGap} alignItems="center" ... />
+ * tableGap can be found in src/components/Table/Table.consts.ts
+ */
+export const TableCellContainer = styled.div `
+  display: flex;
+  align-items: center;
+  gap: ${tableGap}px;
+`;
+/**
+ * @deprecated TableCellExpanderContainer can be replaced by using Expander component
+ * Expander can be found in src/Expander.tsx
+ */
+export const TableCellExpanderContainer = styled.div(({ depth }) => css `
+    display: flex;
+    align-items: center;
+    padding-left: ${depth * 2}rem;
+  `);
+/**
+ * @deprecated TableCheckbox is deprecated, please use SelectionCheckbox instead
+ */
+export const TableCheckbox = SelectionCheckbox;
+/**
+ * @deprecated TableDrag is deprecated, please use DraggableButton instead
+ */
+export const TableDrag = DraggableButton;
+/**
+ * @deprecated TableExpand is deprecated, please use ExpanderButton instead
+ */
+export const TableExpander = ExpanderButton;
+/**
+ * @deprecated TableFilter is deprecated, please use FilterButton instead
+ */
+export const TableFilter = FilterButton;
+/**
+ * @deprecated TablePin is deprecated, please use PinButton instead
+ */
+export const TablePin = PinButton;
+/**
+ * @deprecated TableSorter is deprecated, please use SorterButton instead
+ */
+export const TableSorter = SorterButton;
+/**
+ * @deprecated TableResizer is deprecated, please use Resizer instead
+ */
+export const TableResizer = Resizer;
+//# sourceMappingURL=DeprecatedTableElements.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeprecatedTableElements.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableElements/DeprecatedTableElements.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC;;;GAGG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,MAAM,CAAC,GAAG,CAAA;;;SAG5C,QAAQ;CAChB,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;SAGnC,QAAQ;CAChB,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAClD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;oBAGA,KAAK,GAAG,CAAC;GAC1B,CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAC/C;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;AACzC;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,cAAc,CAAC;AAC5C;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC;AACxC;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAS,CAAC;AAClC;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC;AACxC;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,OAAO,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { tableGap } from '../../Table.consts';\nimport { DraggableButton } from './DraggableButton';\nimport { SelectionCheckbox } from './SelectionCheckbox';\nimport { SorterButton } from './SorterButton';\nimport { PinButton } from './PinButton';\nimport { FilterButton } from './FilterButton';\nimport { ExpanderButton } from './ExpanderButton';\nimport { Resizer } from './Resizer';\n\n/**\n * @deprecated TableHeaderContentContainer can be replaced by <Flexbox gap={tableGap} alignItems=\"center\" ... />\n * tableGap can be found in src/components/Table/Table.consts.ts\n */\nexport const TableHeaderContentContainer = styled.div`\n  display: flex;\n  align-items: center;\n  gap: ${tableGap};\n`;\n\n/**\n * @deprecated TableCellContainer can be replaced by <Flexbox gap={tableGap} alignItems=\"center\" ... />\n * tableGap can be found in src/components/Table/Table.consts.ts\n */\nexport const TableCellContainer = styled.div`\n  display: flex;\n  align-items: center;\n  gap: ${tableGap}px;\n`;\n\n/**\n * @deprecated TableCellExpanderContainer can be replaced by using Expander component\n * Expander can be found in src/Expander.tsx\n */\nexport const TableCellExpanderContainer = styled.div<{ depth: number }>(\n  ({ depth }) => css`\n    display: flex;\n    align-items: center;\n    padding-left: ${depth * 2}rem;\n  `,\n);\n\n/**\n * @deprecated TableCheckbox is deprecated, please use SelectionCheckbox instead\n */\nexport const TableCheckbox = SelectionCheckbox;\n/**\n * @deprecated TableDrag is deprecated, please use DraggableButton instead\n */\nexport const TableDrag = DraggableButton;\n/**\n * @deprecated TableExpand is deprecated, please use ExpanderButton instead\n */\nexport const TableExpander = ExpanderButton;\n/**\n * @deprecated TableFilter is deprecated, please use FilterButton instead\n */\nexport const TableFilter = FilterButton;\n/**\n * @deprecated TablePin is deprecated, please use PinButton instead\n */\nexport const TablePin = PinButton;\n/**\n * @deprecated TableSorter is deprecated, please use SorterButton instead\n */\nexport const TableSorter = SorterButton;\n/**\n * @deprecated TableResizer is deprecated, please use Resizer instead\n */\nexport const TableResizer = Resizer;\n"]}

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const DraggableButton: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=DraggableButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableElements/DraggableButton.tsx"],"names":[],"mappings":";AAcA,eAAO,MAAM,eAAe;;6DAiB3B,CAAC"}

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import styled from 'styled-components';
+import { Sizes, Variants, TABLE_DRAGGABLE_BUTTON_CLASS } from 'acinguiux-ds-react-base';
+import { useTable } from '../../hooks/useTable';
+import { getSize } from '../../utils/tableUtils';
+import { DragIos } from '../../../Icon/components';
+import Button from '../../../Button/Button';
+const StyledDraggableButton = styled(Button) `
+  cursor: move;
+`;
+export const DraggableButton = forwardRef(({ ...props }, ref) => {
+    const { size = Sizes.Medium } = useTable();
+    return (_jsx(StyledDraggableButton, { className: TABLE_DRAGGABLE_BUTTON_CLASS, "aria-label": "Draggable button", size: getSize(size), variant: Variants.Transparent, icon: _jsx(DragIos, { "data-testid": "drag" }), iconOnly: true, ref: ref, ...props }));
+});
+//# sourceMappingURL=DraggableButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableButton.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableElements/DraggableButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAuC,MAAM,OAAO,CAAC;AAExE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,4BAA4B,EAAE,MAAM,yBAAyB,CAAC;AAExF,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAE5C,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;CAE3C,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACvC,CAAC,EAAE,GAAG,KAAK,EAAmC,EAAE,GAAoC,EAAE,EAAE;IACtF,MAAM,EAAE,IAAI,GAAG,KAAK,CAAC,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE3C,OAAO,CACL,KAAC,qBAAqB,IACpB,SAAS,EAAE,4BAA4B,gBAC5B,kBAAkB,EAC7B,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,EACnB,OAAO,EAAE,QAAQ,CAAC,WAAW,EAC7B,IAAI,EAAE,KAAC,OAAO,mBAAa,MAAM,GAAG,EACpC,QAAQ,QACR,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import { forwardRef, ComponentPropsWithRef, ForwardedRef } from 'react';\n\nimport styled from 'styled-components';\nimport { Sizes, Variants, TABLE_DRAGGABLE_BUTTON_CLASS } from 'acinguiux-ds-react-base';\n\nimport { useTable } from '../../hooks/useTable';\nimport { getSize } from '../../utils/tableUtils';\nimport { DragIos } from '../../../Icon/components';\nimport Button from '../../../Button/Button';\n\nconst StyledDraggableButton = styled(Button)`\n  cursor: move;\n`;\n\nexport const DraggableButton = forwardRef(\n  ({ ...props }: ComponentPropsWithRef<'button'>, ref: ForwardedRef<HTMLButtonElement>) => {\n    const { size = Sizes.Medium } = useTable();\n\n    return (\n      <StyledDraggableButton\n        className={TABLE_DRAGGABLE_BUTTON_CLASS}\n        aria-label=\"Draggable button\"\n        size={getSize(size)}\n        variant={Variants.Transparent}\n        icon={<DragIos data-testid=\"drag\" />}\n        iconOnly\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n"]}