acinguiux-ds-react-framework 0.0.4 → 0.0.5

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

@@ -0,0 +1,83 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Sizes } from 'acinguiux-ds-react-base';
+import { render, screen, describe, it, expect, vi } from '../../utils/viTestUtils';
+import Pagination from '../Pagination/Pagination';
+import { columns } from './_internalComponents/columns';
+import { data } from './_internalComponents/data';
+import { columnsEllipsisCustomTooltip } from './_internalComponents/EllipsisCustomTooltip/columns';
+import { dataExpandableTable } from './_internalComponents/ExpandableTable/data';
+import { columnsFilterAndSortableTable } from './_internalComponents/FilterAndSortableTable/columns';
+import { dataFilterAndSortableTable } from './_internalComponents/FilterAndSortableTable/data';
+import { columnsFilterTable, columnsFilterTableWithCustomDropdown } from './_internalComponents/FilterTable/columns';
+import { dataFilterTable } from './_internalComponents/FilterTable/data';
+import { columnsSortableTable } from './_internalComponents/SortableTable/columns';
+import { dataSortableTable } from './_internalComponents/SortableTable/data';
+import { columnsTableWithLabels } from './_internalComponents/TableWithLabels/columns';
+import { columnsTableWithPagination } from './_internalComponents/TableWithPagination/columns';
+import { dataTableWithPagination } from './_internalComponents/TableWithPagination/data';
+import { dataVirtualTable } from './_internalComponents/VirtualTable/data';
+import Table from './Table';
+const tableSizes = [[Sizes.Large], [Sizes.Medium], [Sizes.Small]];
+const size = Sizes.Small;
+describe('Table component', () => {
+    beforeAll(() => {
+        const { getComputedStyle } = window;
+        window.getComputedStyle = (elt) => getComputedStyle(elt);
+    });
+    it.each(tableSizes)('should render %s size', (tableSize) => {
+        render(_jsx(Table, { size: tableSize, columns: columns(), data: data }));
+        expect(screen.getByText('Product D')).toBeInTheDocument();
+    });
+    it('should render Simple table', () => {
+        const { container } = render(_jsx(Table, { size: size, columns: columns(), data: data }));
+        expect(container.firstChild).toBeInTheDocument();
+    });
+    it('should render Table with labels', () => {
+        const { container } = render(_jsx(Table, { size: size, columns: columnsTableWithLabels(), data: data }));
+        expect(container.firstChild).toBeInTheDocument();
+    });
+    it('should render Table with pagination', () => {
+        const { container } = render(_jsxs(_Fragment, { children: [_jsx(Table, { size: size, columns: columnsTableWithPagination(), data: dataTableWithPagination }), _jsx(Pagination, { total: data.length })] }));
+        expect(container.firstChild).toBeInTheDocument();
+    });
+    it('should render Filter Table', () => {
+        const { container } = render(_jsx(Table, { size: size, columns: columnsFilterTable(), data: dataFilterTable }));
+        expect(container.firstChild).toBeInTheDocument();
+    });
+    it('should render Filter Table with FilterDropdown', () => {
+        const { container } = render(_jsx(Table, { size: size, columns: columnsFilterTableWithCustomDropdown(), data: dataFilterTable }));
+        expect(container.firstChild).toBeInTheDocument();
+    });
+    it('should render Sortable Table', () => {
+        const { container } = render(_jsx(Table, { size: size, columns: columnsSortableTable(), data: dataSortableTable }));
+        expect(container.firstChild).toBeInTheDocument();
+    });
+    it('should render Filter and Sortable Table', () => {
+        const { container } = render(_jsx(Table, { size: size, columns: columnsFilterAndSortableTable(), data: dataFilterAndSortableTable }));
+        expect(container.firstChild).toBeInTheDocument();
+    });
+    it('should render EllipsisCustomTooltip Table', () => {
+        const { container } = render(_jsx(Table, { size: size, columns: columnsEllipsisCustomTooltip(), data: data }));
+        expect(container.firstChild).toBeInTheDocument();
+    });
+    it('should render Expandable Table', () => {
+        const { container } = render(_jsx(Table, { size: size, columns: columns(), data: dataExpandableTable, rowClassName: ({ checked }) => (checked ? 'row-checked' : ''), expandable: {
+                expandRowByClick: false,
+                expandedRowRender: vi.fn(),
+                expandIcon: vi.fn(),
+            } }));
+        expect(container.firstChild).toBeInTheDocument();
+    });
+    it('should render Virtual Table', () => {
+        const { container } = render(_jsx(Table, { size: size, columns: columns(), data: dataVirtualTable, scroll: { y: 300 }, components: {
+                body: vi.fn(),
+            } }));
+        expect(container.firstChild).toBeInTheDocument();
+    });
+    it('renders empty table', () => {
+        const { container } = render(_jsx(Table, { size: size, data: [], columns: columns() }));
+        expect(container.firstChild).toBeInTheDocument();
+        expect(screen.getByText('No Data')).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=Table.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.test.js","sourceRoot":"","sources":["../../../../src/components/DeprecatedTable/Table.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base';\n\nimport { render, screen, describe, it, expect, vi } from '../../utils/viTestUtils';\nimport Pagination from '../Pagination/Pagination';\nimport { columns } from './_internalComponents/columns';\nimport { data } from './_internalComponents/data';\nimport { columnsEllipsisCustomTooltip } from './_internalComponents/EllipsisCustomTooltip/columns';\nimport { dataExpandableTable } from './_internalComponents/ExpandableTable/data';\nimport { columnsFilterAndSortableTable } from './_internalComponents/FilterAndSortableTable/columns';\nimport { dataFilterAndSortableTable } from './_internalComponents/FilterAndSortableTable/data';\nimport { columnsFilterTable, columnsFilterTableWithCustomDropdown } from './_internalComponents/FilterTable/columns';\nimport { dataFilterTable } from './_internalComponents/FilterTable/data';\nimport { columnsSortableTable } from './_internalComponents/SortableTable/columns';\nimport { dataSortableTable } from './_internalComponents/SortableTable/data';\nimport { columnsTableWithLabels } from './_internalComponents/TableWithLabels/columns';\nimport { columnsTableWithPagination } from './_internalComponents/TableWithPagination/columns';\nimport { dataTableWithPagination } from './_internalComponents/TableWithPagination/data';\nimport { dataVirtualTable } from './_internalComponents/VirtualTable/data';\nimport Table from './Table';\nimport { TableSize } from './Table.types';\n\nconst tableSizes: [TableSize][] = [[Sizes.Large], [Sizes.Medium], [Sizes.Small]];\n\nconst size = Sizes.Small;\n\ndescribe('Table component', () => {\n  beforeAll(() => {\n    const { getComputedStyle } = window;\n    window.getComputedStyle = (elt) => getComputedStyle(elt);\n  });\n\n  it.each(tableSizes)('should render %s size', (tableSize) => {\n    render(<Table size={tableSize} columns={columns()} data={data} />);\n    expect(screen.getByText('Product D')).toBeInTheDocument();\n  });\n\n  it('should render Simple table', () => {\n    const { container } = render(<Table size={size} columns={columns()} data={data} />);\n    expect(container.firstChild).toBeInTheDocument();\n  });\n\n  it('should render Table with labels', () => {\n    const { container } = render(<Table size={size} columns={columnsTableWithLabels()} data={data} />);\n    expect(container.firstChild).toBeInTheDocument();\n  });\n\n  it('should render Table with pagination', () => {\n    const { container } = render(\n      <>\n        <Table size={size} columns={columnsTableWithPagination()} data={dataTableWithPagination} />\n        <Pagination total={data.length} />\n      </>,\n    );\n    expect(container.firstChild).toBeInTheDocument();\n  });\n\n  it('should render Filter Table', () => {\n    const { container } = render(<Table size={size} columns={columnsFilterTable()} data={dataFilterTable} />);\n    expect(container.firstChild).toBeInTheDocument();\n  });\n\n  it('should render Filter Table with FilterDropdown', () => {\n    const { container } = render(\n      <Table size={size} columns={columnsFilterTableWithCustomDropdown()} data={dataFilterTable} />,\n    );\n    expect(container.firstChild).toBeInTheDocument();\n  });\n\n  it('should render Sortable Table', () => {\n    const { container } = render(<Table size={size} columns={columnsSortableTable()} data={dataSortableTable} />);\n    expect(container.firstChild).toBeInTheDocument();\n  });\n\n  it('should render Filter and Sortable Table', () => {\n    const { container } = render(\n      <Table size={size} columns={columnsFilterAndSortableTable()} data={dataFilterAndSortableTable} />,\n    );\n\n    expect(container.firstChild).toBeInTheDocument();\n  });\n\n  it('should render EllipsisCustomTooltip Table', () => {\n    const { container } = render(<Table size={size} columns={columnsEllipsisCustomTooltip()} data={data} />);\n\n    expect(container.firstChild).toBeInTheDocument();\n  });\n\n  it('should render Expandable Table', () => {\n    const { container } = render(\n      <Table\n        size={size}\n        columns={columns()}\n        data={dataExpandableTable}\n        rowClassName={({ checked }) => (checked ? 'row-checked' : '')}\n        expandable={{\n          expandRowByClick: false,\n          expandedRowRender: vi.fn(),\n          expandIcon: vi.fn(),\n        }}\n      />,\n    );\n\n    expect(container.firstChild).toBeInTheDocument();\n  });\n\n  it('should render Virtual Table', () => {\n    const { container } = render(\n      <Table\n        size={size}\n        columns={columns()}\n        data={dataVirtualTable}\n        scroll={{ y: 300 }}\n        components={{\n          body: vi.fn(),\n        }}\n      />,\n    );\n\n    expect(container.firstChild).toBeInTheDocument();\n  });\n\n  it('renders empty table', () => {\n    const { container } = render(<Table size={size} data={[]} columns={columns()} />);\n    expect(container.firstChild).toBeInTheDocument();\n    expect(screen.getByText('No Data')).toBeInTheDocument();\n  });\n});\n"]}

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

@@ -0,0 +1,78 @@
+import { ReactNode, Key, CSSProperties } from 'react';
+import { ColumnType as RCColumnType } from 'rc-table/lib/interface';
+import { TableProps } from 'rc-table/lib/Table';
+import { Sizes, Sorts } from 'acinguiux-ds-react-base';
+export type TableSize = Sizes.XSmall | Sizes.Small | Sizes.Medium | Sizes.Large;
+export type TableSortOrder = Sorts | null;
+export interface ITableProps<RecordType> extends Omit<TableProps<RecordType>, 'columns'> {
+    size?: TableSize;
+    columns: ColumnsType<RecordType>;
+    onResize?: OnResizeType;
+    wrapperStyle?: CSSProperties;
+}
+export interface ColumnGroup<RecordType> extends Omit<ColumnType<RecordType>, 'dataIndex'> {
+    children: ColumnsType<RecordType>;
+}
+export type ColumnsType<RecordType> = readonly (ColumnGroup<RecordType> | ColumnType<RecordType>)[];
+export type OnResizeType = (size: {
+    width: number;
+    height: number;
+    offsetWidth: number;
+    offsetHeight: number;
+}, element: HTMLElement) => void;
+export type TransformColumns<RecordType> = (columns: ColumnsType<RecordType>) => ColumnsType<RecordType>;
+export type CompareFn<T> = (a: T, b: T, sortOrder?: TableSortOrder) => number;
+export type FilterValue = (Key | boolean)[];
+export interface ColumnFilterItem {
+    text: ReactNode;
+    value: string | number | boolean;
+    children?: ColumnFilterItem[];
+}
+interface ColumnFilterDropdownProps {
+    prefixCls: string;
+    setSelectedKeys: (selectedKeys: string[]) => void;
+    selectedKeys: string[];
+    confirm: (param?: {
+        closeDropdown: boolean;
+    }) => void;
+    clearFilters?: () => void;
+    filters?: ColumnFilterItem[];
+    visible: boolean;
+}
+export interface ColumnType<RecordType> extends RCColumnType<RecordType> {
+    title?: ReactNode;
+    sorter?: boolean | CompareFn<RecordType> | {
+        compare?: CompareFn<RecordType>;
+        /** Config multiple sorter order priority */
+        multiple?: number;
+    };
+    sortOrder?: TableSortOrder;
+    defaultSortOrder?: TableSortOrder;
+    sortDirections?: TableSortOrder[];
+    filtered?: boolean;
+    filters?: ColumnFilterItem[];
+    filterDropdown?: ReactNode | ((props: ColumnFilterDropdownProps) => ReactNode);
+    filterMultiple?: boolean;
+    filteredValue?: FilterValue | null;
+    defaultFilteredValue?: FilterValue | null;
+    filterIcon?: ReactNode | ((filtered: boolean) => ReactNode);
+    onFilter?: (value: string | number | boolean, record: RecordType) => boolean;
+    filterDropdownVisible?: boolean;
+    onFilterDropdownVisibleChange?: (visible: boolean) => void;
+}
+export interface SortState<RecordType> {
+    column: ColumnType<RecordType>;
+    key: Key;
+    sortOrder: TableSortOrder;
+    multiplePriority: number | false;
+}
+export type FilterKey = string[] | null;
+export interface FilterState<RecordType> {
+    column: ColumnType<RecordType>;
+    key: Key;
+    filteredKeys?: FilterKey;
+    forceFiltered?: boolean;
+}
+export declare type RecordType = Record<string, any>;
+export {};
+//# sourceMappingURL=Table.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../../src/components/DeprecatedTable/Table.types.ts"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.types.js","sourceRoot":"","sources":["../../../../src/components/DeprecatedTable/Table.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ReactNode, Key, CSSProperties } from 'react';\r\n\r\nimport { ColumnType as RCColumnType } from 'rc-table/lib/interface';\r\nimport { TableProps } from 'rc-table/lib/Table';\r\nimport { Sizes, Sorts } from 'acinguiux-ds-react-base';\r\n\r\nexport type TableSize = Sizes.XSmall | Sizes.Small | Sizes.Medium | Sizes.Large;\r\n\r\nexport type TableSortOrder = Sorts | null;\r\n\r\nexport interface ITableProps<RecordType> extends Omit<TableProps<RecordType>, 'columns'> {\r\n  size?: TableSize;\r\n  columns: ColumnsType<RecordType>;\r\n  onResize?: OnResizeType;\r\n  wrapperStyle?: CSSProperties;\r\n}\r\n\r\nexport interface ColumnGroup<RecordType> extends Omit<ColumnType<RecordType>, 'dataIndex'> {\r\n  children: ColumnsType<RecordType>;\r\n}\r\n\r\nexport type ColumnsType<RecordType> = readonly (ColumnGroup<RecordType> | ColumnType<RecordType>)[];\r\n\r\nexport type OnResizeType = (\r\n  size: {\r\n    width: number;\r\n    height: number;\r\n    offsetWidth: number;\r\n    offsetHeight: number;\r\n  },\r\n  element: HTMLElement,\r\n) => void;\r\n\r\nexport type TransformColumns<RecordType> = (columns: ColumnsType<RecordType>) => ColumnsType<RecordType>;\r\n\r\nexport type CompareFn<T> = (a: T, b: T, sortOrder?: TableSortOrder) => number;\r\n\r\nexport type FilterValue = (Key | boolean)[];\r\n\r\nexport interface ColumnFilterItem {\r\n  text: ReactNode;\r\n  value: string | number | boolean;\r\n  children?: ColumnFilterItem[];\r\n}\r\n\r\ninterface ColumnFilterDropdownProps {\r\n  prefixCls: string;\r\n  setSelectedKeys: (selectedKeys: string[]) => void;\r\n  selectedKeys: string[];\r\n  confirm: (param?: { closeDropdown: boolean }) => void;\r\n  clearFilters?: () => void;\r\n  filters?: ColumnFilterItem[];\r\n  visible: boolean;\r\n}\r\n\r\nexport interface ColumnType<RecordType> extends RCColumnType<RecordType> {\r\n  title?: ReactNode;\r\n  sorter?:\r\n    | boolean\r\n    | CompareFn<RecordType>\r\n    | {\r\n        compare?: CompareFn<RecordType>;\r\n        /** Config multiple sorter order priority */\r\n        multiple?: number;\r\n      };\r\n  sortOrder?: TableSortOrder;\r\n  defaultSortOrder?: TableSortOrder;\r\n  sortDirections?: TableSortOrder[];\r\n  filtered?: boolean;\r\n  filters?: ColumnFilterItem[];\r\n  filterDropdown?: ReactNode | ((props: ColumnFilterDropdownProps) => ReactNode);\r\n  filterMultiple?: boolean;\r\n  filteredValue?: FilterValue | null;\r\n  defaultFilteredValue?: FilterValue | null;\r\n  filterIcon?: ReactNode | ((filtered: boolean) => ReactNode);\r\n  onFilter?: (value: string | number | boolean, record: RecordType) => boolean;\r\n  filterDropdownVisible?: boolean;\r\n  onFilterDropdownVisibleChange?: (visible: boolean) => void;\r\n}\r\n\r\nexport interface SortState<RecordType> {\r\n  column: ColumnType<RecordType>;\r\n  key: Key;\r\n  sortOrder: TableSortOrder;\r\n  multiplePriority: number | false;\r\n}\r\n\r\nexport type FilterKey = string[] | null;\r\n\r\nexport interface FilterState<RecordType> {\r\n  column: ColumnType<RecordType>;\r\n  key: Key;\r\n  filteredKeys?: FilterKey;\r\n  forceFiltered?: boolean;\r\n}\r\n\r\nexport declare type RecordType = Record<string, any>;\r\n"]}

package/build/esm/components/DeprecatedTable/_internalComponents/ColumnResize/ColumnResize.stories.d.ts

@@ -0,0 +1,6 @@
+import { StoryFn } from '@storybook/react';
+import { ITableProps, RecordType } from '../../Table.types';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: StoryFn<ITableProps<RecordType>>;
+//# sourceMappingURL=ColumnResize.stories.d.ts.map

package/build/esm/components/DeprecatedTable/_internalComponents/ColumnResize/ColumnResize.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnResize.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DeprecatedTable/_internalComponents/ColumnResize/ColumnResize.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAKjD,OAAO,EAAc,WAAW,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;;AAKxE,wBAaU;AAcV,eAAO,MAAM,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,CA4CpD,CAAC"}

package/build/esm/components/DeprecatedTable/_internalComponents/ColumnResize/ColumnResize.stories.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Resizable } from 'react-resizable';
+import { Sizes } from 'acinguiux-ds-react-base';
+import Table from '../../Table';
+import storiesWrapper from '../../utils/storiesWrapperUtils';
+import { data } from '../data';
+import { columnsColumnResize } from './columns';
+export default {
+    title: 'Data Display/DeprecatedTable/Column Resize',
+    component: Table,
+    decorators: [storiesWrapper('ColumnResize')],
+    parameters: {
+        controls: {
+            include: ['className', 'columns', 'data', 'defaultExpandAllRows', 'emptyText', 'size', 'tableLayout'],
+        },
+    },
+    argTypes: {
+        emptyText: { description: 'Insert a text or a component' },
+        size: { defaultValue: Sizes.Medium },
+    },
+};
+const ResizableTitle = ({ onResize, width, ...rest }) => {
+    if (!width) {
+        return _jsx("th", { ...rest });
+    }
+    return (_jsx(Resizable, { width: width, height: 0, onResize: onResize, children: _jsx("th", { ...rest }) }));
+};
+export const Default = (args) => {
+    const [columns, setColumns] = useState(columnsColumnResize());
+    const handleResize = (index) => (e, { size }) => {
+        const nextColumns = [...columns];
+        nextColumns[index] = {
+            ...nextColumns[index],
+            width: size.width,
+        };
+        setColumns(nextColumns);
+        return ({ resizeableColumns }) => {
+            const nextResizeableColumns = [...resizeableColumns];
+            nextResizeableColumns[index] = {
+                ...nextResizeableColumns[index],
+                width: size.width,
+            };
+            return { columns: nextResizeableColumns };
+        };
+    };
+    return (_jsx(Table, { ...args, columns: columns.map((col, index) => {
+            if (index === columns.length - 1) {
+                return col;
+            }
+            return {
+                ...col,
+                onHeaderCell: (column) => ({
+                    width: column.width,
+                    onResize: handleResize(index),
+                }),
+            };
+        }) }));
+};
+Default.args = {
+    data,
+    components: {
+        header: {
+            cell: ResizableTitle,
+        },
+    },
+};
+//# sourceMappingURL=ColumnResize.stories.js.map

package/build/esm/components/DeprecatedTable/_internalComponents/ColumnResize/ColumnResize.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnResize.stories.js","sourceRoot":"","sources":["../../../../../../src/components/DeprecatedTable/_internalComponents/ColumnResize/ColumnResize.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\n\nimport { Meta, StoryFn } from '@storybook/react';\nimport { Resizable } from 'react-resizable';\nimport { Sizes } from 'acinguiux-ds-react-base';\n\nimport Table from '../../Table';\nimport { ColumnType, ITableProps, RecordType } from '../../Table.types';\nimport storiesWrapper from '../../utils/storiesWrapperUtils';\nimport { data } from '../data';\nimport { columnsColumnResize } from './columns';\n\nexport default {\n  title: 'Data Display/DeprecatedTable/Column Resize',\n  component: Table,\n  decorators: [storiesWrapper('ColumnResize')],\n  parameters: {\n    controls: {\n      include: ['className', 'columns', 'data', 'defaultExpandAllRows', 'emptyText', 'size', 'tableLayout'],\n    },\n  },\n  argTypes: {\n    emptyText: { description: 'Insert a text or a component' },\n    size: { defaultValue: Sizes.Medium },\n  },\n} as Meta;\n\nconst ResizableTitle = ({ onResize, width, ...rest }: { onResize: () => {}; width: number }) => {\n  if (!width) {\n    return <th {...rest} />;\n  }\n\n  return (\n    <Resizable width={width} height={0} onResize={onResize}>\n      <th {...rest} />\n    </Resizable>\n  );\n};\n\nexport const Default: StoryFn<ITableProps<RecordType>> = (args) => {\n  const [columns, setColumns] = useState(columnsColumnResize());\n\n  const handleResize =\n    (index: number) =>\n    (e: MouseEvent, { size }: { size: { width: number } }) => {\n      const nextColumns = [...columns];\n      nextColumns[index] = {\n        ...nextColumns[index],\n        width: size.width,\n      };\n\n      setColumns(nextColumns);\n\n      return ({ resizeableColumns }: any) => {\n        const nextResizeableColumns: ColumnType<RecordType>[] = [...resizeableColumns];\n        nextResizeableColumns[index] = {\n          ...nextResizeableColumns[index],\n          width: size.width,\n        };\n\n        return { columns: nextResizeableColumns };\n      };\n    };\n\n  return (\n    <Table\n      {...args}\n      columns={columns.map((col, index) => {\n        if (index === columns.length - 1) {\n          return col;\n        }\n\n        return {\n          ...col,\n          onHeaderCell: (column: ColumnType<RecordType>) =>\n            ({\n              width: column.width,\n              onResize: handleResize(index),\n            } as any),\n        };\n      })}\n    />\n  );\n};\nDefault.args = {\n  data,\n  components: {\n    header: {\n      cell: ResizableTitle,\n    },\n  },\n};\n"]}

package/build/esm/components/DeprecatedTable/_internalComponents/ColumnResize/columns.d.ts

@@ -0,0 +1,4 @@
+import { DefaultRecordType } from 'rc-table/lib/interface';
+import { ColumnType } from '../../Table.types';
+export declare const columnsColumnResize: <T extends DefaultRecordType>() => ColumnType<T>[];
+//# sourceMappingURL=columns.d.ts.map

package/build/esm/components/DeprecatedTable/_internalComponents/ColumnResize/columns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"columns.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DeprecatedTable/_internalComponents/ColumnResize/columns.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,eAAO,MAAM,mBAAmB,oDA0B/B,CAAC"}

package/build/esm/components/DeprecatedTable/_internalComponents/ColumnResize/columns.js

@@ -0,0 +1,29 @@
+import { renderOperations, renderSelect } from '../../utils/renderUtils';
+export const columnsColumnResize = () => [
+    {
+        title: 'Product',
+        dataIndex: 'product',
+        key: 'product',
+        width: 150,
+    },
+    {
+        title: 'Select',
+        dataIndex: 'select',
+        key: 'select',
+        width: 250,
+        render: renderSelect,
+    },
+    {
+        title: 'Value',
+        dataIndex: 'value',
+        key: 'value',
+        width: 150,
+    },
+    {
+        dataIndex: 'operations',
+        key: 'operations',
+        width: 150,
+        render: renderOperations,
+    },
+];
+//# sourceMappingURL=columns.js.map

package/build/esm/components/DeprecatedTable/_internalComponents/ColumnResize/columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"columns.js","sourceRoot":"","sources":["../../../../../../src/components/DeprecatedTable/_internalComponents/ColumnResize/columns.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEzE,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAiD,EAAE,CAAC;IACrF;QACE,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,SAAS;QACpB,GAAG,EAAE,SAAS;QACd,KAAK,EAAE,GAAG;KACX;IACD;QACE,KAAK,EAAE,QAAQ;QACf,SAAS,EAAE,QAAQ;QACnB,GAAG,EAAE,QAAQ;QACb,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,YAAY;KACrB;IACD;QACE,KAAK,EAAE,OAAO;QACd,SAAS,EAAE,OAAO;QAClB,GAAG,EAAE,OAAO;QACZ,KAAK,EAAE,GAAG;KACX;IACD;QACE,SAAS,EAAE,YAAY;QACvB,GAAG,EAAE,YAAY;QACjB,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,gBAAgB;KACzB;CACF,CAAC","sourcesContent":["import { DefaultRecordType } from 'rc-table/lib/interface';\n\nimport { ColumnType } from '../../Table.types';\nimport { renderOperations, renderSelect } from '../../utils/renderUtils';\n\nexport const columnsColumnResize = <T extends DefaultRecordType>(): ColumnType<T>[] => [\n  {\n    title: 'Product',\n    dataIndex: 'product',\n    key: 'product',\n    width: 150,\n  },\n  {\n    title: 'Select',\n    dataIndex: 'select',\n    key: 'select',\n    width: 250,\n    render: renderSelect,\n  },\n  {\n    title: 'Value',\n    dataIndex: 'value',\n    key: 'value',\n    width: 150,\n  },\n  {\n    dataIndex: 'operations',\n    key: 'operations',\n    width: 150,\n    render: renderOperations,\n  },\n];\n"]}

package/build/esm/components/DeprecatedTable/_internalComponents/EllipsisCustomTooltip/EllipsisCustomTooltip.stories.d.ts

@@ -0,0 +1,6 @@
+import { StoryFn } from '@storybook/react';
+import { ITableProps, RecordType } from '../../Table.types';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: StoryFn<ITableProps<RecordType>>;
+//# sourceMappingURL=EllipsisCustomTooltip.stories.d.ts.map

package/build/esm/components/DeprecatedTable/_internalComponents/EllipsisCustomTooltip/EllipsisCustomTooltip.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EllipsisCustomTooltip.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DeprecatedTable/_internalComponents/EllipsisCustomTooltip/EllipsisCustomTooltip.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAIjD,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;;AAK5D,wBAaU;AAEV,eAAO,MAAM,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,CAAiC,CAAC"}

package/build/esm/components/DeprecatedTable/_internalComponents/EllipsisCustomTooltip/EllipsisCustomTooltip.stories.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Sizes } from 'acinguiux-ds-react-base';
+import Table from '../../Table';
+import storiesWrapper from '../../utils/storiesWrapperUtils';
+import { data } from '../data';
+import { columnsEllipsisCustomTooltip } from './columns';
+export default {
+    title: 'Data Display/DeprecatedTable/Ellipsis Custom Tooltip',
+    component: Table,
+    decorators: [storiesWrapper('EllipsisCustomTooltip')],
+    parameters: {
+        controls: {
+            include: ['className', 'columns', 'data', 'defaultExpandAllRows', 'emptyText', 'size', 'tableLayout'],
+        },
+    },
+    argTypes: {
+        emptyText: { description: 'Insert a text or a component' },
+        size: { defaultValue: Sizes.Medium },
+    },
+};
+export const Default = (args) => _jsx(Table, { ...args });
+Default.args = {
+    data,
+    columns: columnsEllipsisCustomTooltip(),
+};
+//# sourceMappingURL=EllipsisCustomTooltip.stories.js.map

package/build/esm/components/DeprecatedTable/_internalComponents/EllipsisCustomTooltip/EllipsisCustomTooltip.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EllipsisCustomTooltip.stories.js","sourceRoot":"","sources":["../../../../../../src/components/DeprecatedTable/_internalComponents/EllipsisCustomTooltip/EllipsisCustomTooltip.stories.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,4BAA4B,EAAE,MAAM,WAAW,CAAC;AAEzD,eAAe;IACb,KAAK,EAAE,sDAAsD;IAC7D,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;IACrD,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,OAAO,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,sBAAsB,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,CAAC;SACtG;KACF;IACD,QAAQ,EAAE;QACR,SAAS,EAAE,EAAE,WAAW,EAAE,8BAA8B,EAAE;QAC1D,IAAI,EAAE,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,EAAE;KACrC;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,OAAO,GAAqC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,KAAK,OAAK,IAAI,GAAI,CAAC;AACvF,OAAO,CAAC,IAAI,GAAG;IACb,IAAI;IACJ,OAAO,EAAE,4BAA4B,EAAE;CACxC,CAAC","sourcesContent":["import React from 'react';\n\nimport { Meta, StoryFn } from '@storybook/react';\nimport { Sizes } from 'acinguiux-ds-react-base';\n\nimport Table from '../../Table';\nimport { ITableProps, RecordType } from '../../Table.types';\nimport storiesWrapper from '../../utils/storiesWrapperUtils';\nimport { data } from '../data';\nimport { columnsEllipsisCustomTooltip } from './columns';\n\nexport default {\n  title: 'Data Display/DeprecatedTable/Ellipsis Custom Tooltip',\n  component: Table,\n  decorators: [storiesWrapper('EllipsisCustomTooltip')],\n  parameters: {\n    controls: {\n      include: ['className', 'columns', 'data', 'defaultExpandAllRows', 'emptyText', 'size', 'tableLayout'],\n    },\n  },\n  argTypes: {\n    emptyText: { description: 'Insert a text or a component' },\n    size: { defaultValue: Sizes.Medium },\n  },\n} as Meta;\n\nexport const Default: StoryFn<ITableProps<RecordType>> = (args) => <Table {...args} />;\nDefault.args = {\n  data,\n  columns: columnsEllipsisCustomTooltip(),\n};\n"]}

package/build/esm/components/DeprecatedTable/_internalComponents/EllipsisCustomTooltip/columns.d.ts

@@ -0,0 +1,4 @@
+import { DefaultRecordType } from 'rc-table/lib/interface';
+import { ColumnType } from '../../Table.types';
+export declare const columnsEllipsisCustomTooltip: <T extends DefaultRecordType>() => ColumnType<T>[];
+//# sourceMappingURL=columns.d.ts.map

package/build/esm/components/DeprecatedTable/_internalComponents/EllipsisCustomTooltip/columns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"columns.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DeprecatedTable/_internalComponents/EllipsisCustomTooltip/columns.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,eAAO,MAAM,4BAA4B,oDA8BxC,CAAC"}

package/build/esm/components/DeprecatedTable/_internalComponents/EllipsisCustomTooltip/columns.js

@@ -0,0 +1,33 @@
+import { renderOperations } from '../../utils/renderUtils';
+export const columnsEllipsisCustomTooltip = () => [
+    {
+        title: 'Product',
+        dataIndex: 'product',
+        key: 'product',
+        width: 150,
+        ellipsis: true,
+    },
+    {
+        title: 'Description',
+        dataIndex: 'description',
+        key: 'description',
+        width: 150,
+        ellipsis: true,
+    },
+    {
+        title: 'Value',
+        dataIndex: 'value',
+        key: 'value',
+        width: 150,
+        ellipsis: {
+            showTitle: false,
+        },
+    },
+    {
+        dataIndex: 'operations',
+        key: 'operations',
+        width: 150,
+        render: renderOperations,
+    },
+];
+//# sourceMappingURL=columns.js.map

package/build/esm/components/DeprecatedTable/_internalComponents/EllipsisCustomTooltip/columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"columns.js","sourceRoot":"","sources":["../../../../../../src/components/DeprecatedTable/_internalComponents/EllipsisCustomTooltip/columns.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAiD,EAAE,CAAC;IAC9F;QACE,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,SAAS;QACpB,GAAG,EAAE,SAAS;QACd,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,IAAI;KACf;IACD;QACE,KAAK,EAAE,aAAa;QACpB,SAAS,EAAE,aAAa;QACxB,GAAG,EAAE,aAAa;QAClB,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,IAAI;KACf;IACD;QACE,KAAK,EAAE,OAAO;QACd,SAAS,EAAE,OAAO;QAClB,GAAG,EAAE,OAAO;QACZ,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE;YACR,SAAS,EAAE,KAAK;SACjB;KACF;IACD;QACE,SAAS,EAAE,YAAY;QACvB,GAAG,EAAE,YAAY;QACjB,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,gBAAgB;KACzB;CACF,CAAC","sourcesContent":["import { DefaultRecordType } from 'rc-table/lib/interface';\n\nimport { ColumnType } from '../../Table.types';\nimport { renderOperations } from '../../utils/renderUtils';\n\nexport const columnsEllipsisCustomTooltip = <T extends DefaultRecordType>(): ColumnType<T>[] => [\n  {\n    title: 'Product',\n    dataIndex: 'product',\n    key: 'product',\n    width: 150,\n    ellipsis: true,\n  },\n  {\n    title: 'Description',\n    dataIndex: 'description',\n    key: 'description',\n    width: 150,\n    ellipsis: true,\n  },\n  {\n    title: 'Value',\n    dataIndex: 'value',\n    key: 'value',\n    width: 150,\n    ellipsis: {\n      showTitle: false,\n    },\n  },\n  {\n    dataIndex: 'operations',\n    key: 'operations',\n    width: 150,\n    render: renderOperations,\n  },\n];\n"]}

package/build/esm/components/DeprecatedTable/_internalComponents/ExpandableTable/ExpandableTable.stories.d.ts

@@ -0,0 +1,8 @@
+import { StoryFn } from '@storybook/react';
+import { ITableProps, RecordType } from '../../Table.types';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: StoryFn<ITableProps<RecordType>>;
+export declare const WithCheckboxes: StoryFn<ITableProps<RecordType>>;
+export declare const ChildrenIndent: StoryFn<ITableProps<RecordType>>;
+//# sourceMappingURL=ExpandableTable.stories.d.ts.map

package/build/esm/components/DeprecatedTable/_internalComponents/ExpandableTable/ExpandableTable.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableTable.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DeprecatedTable/_internalComponents/ExpandableTable/ExpandableTable.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAWjD,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;;AAM5D,wBAuBU;AA8DV,eAAO,MAAM,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,CAA0D,CAAC;AAWhH,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,CAiE3D,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,CAA0D,CAAC"}

package/build/esm/components/DeprecatedTable/_internalComponents/ExpandableTable/ExpandableTable.stories.js

@@ -0,0 +1,125 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import styled from 'styled-components';
+import { Sizes, TextElementTypes, Variants } from 'acinguiux-ds-react-base';
+import Button from '../../../Button/Button';
+import Checkbox from '../../../Checkbox/Checkbox';
+import { ChevronDown, ChevronRight } from '../../../Icon/components';
+import Heading from '../../../Text/components/Heading/Heading';
+import Text from '../../../Text/components/Text/Text';
+import Table from '../../Table';
+import storiesWrapper from '../../utils/storiesWrapperUtils';
+import { columns } from '../columns';
+import { columnsChildrenIndent } from './columns';
+import { dataExpandableTable, dataChildrenIndent, dataExpandableTableWithCheckbox } from './data';
+export default {
+    title: 'Data Display/DeprecatedTable/Expandable Table',
+    component: Table,
+    decorators: [storiesWrapper('ExpandableTable')],
+    parameters: {
+        controls: {
+            include: [
+                'className',
+                'columns',
+                'data',
+                'defaultExpandAllRows',
+                'emptyText',
+                'expandable',
+                'indentSize',
+                'size',
+                'tableLayout',
+            ],
+        },
+    },
+    argTypes: {
+        emptyText: { description: 'Insert a text or a component' },
+        size: { defaultValue: Sizes.Medium },
+    },
+};
+const StyledExpandedRow = styled.div `
+  padding: 24px;
+`;
+const ExpandedRow = ({ product, description }) => (_jsxs(StyledExpandedRow, { children: [_jsx(Heading, { type: TextElementTypes.H2, gutter: true, children: product }), _jsx(Text, { children: description })] }));
+const NoChildren = styled.div `
+  display: inline-block;
+  width: 36px;
+`;
+const ExpandIconDefault = ({ expanded, record, onExpand, }) => (
+// Disable as it's part of the deprecated table
+// eslint-disable-next-line jsx-a11y/control-has-associated-label
+_jsx(Button, { iconOnly: true, icon: expanded ? _jsx(ChevronDown, {}) : _jsx(ChevronRight, {}), size: Sizes.Small, variant: Variants.Transparent, onClick: (e) => {
+        onExpand(record, e);
+    } }));
+const ExpandIconWithChildren = ({ expanded, record, onExpand, }) => {
+    if (record.children) {
+        return (
+        // Disable as it's part of the deprecated table
+        // eslint-disable-next-line jsx-a11y/control-has-associated-label
+        _jsx(Button, { iconOnly: true, icon: expanded ? _jsx(ChevronDown, {}) : _jsx(ChevronRight, {}), size: Sizes.Small, variant: Variants.Transparent, onClick: (e) => {
+                onExpand(record, e);
+            } }));
+    }
+    return _jsx(NoChildren, {});
+};
+export const Default = (args) => _jsx(Table, { ...args });
+Default.args = {
+    size: Sizes.Medium,
+    data: dataExpandableTable,
+    columns: columns(),
+    expandable: {
+        expandIcon: ExpandIconDefault,
+        expandedRowRender: ExpandedRow,
+    },
+};
+export const WithCheckboxes = ({ size, ...args }) => {
+    const [data, setData] = useState(dataExpandableTableWithCheckbox);
+    const [headerCheckbox, setHeaderCheckbox] = useState(false);
+    const CheckboxWrapper = (value, { checked }, index) => {
+        const handleChange = () => {
+            const updatedData = [
+                ...data.slice(0, index),
+                {
+                    ...data[index],
+                    checked: !data[index].checked,
+                },
+                ...data.slice(index + 1),
+            ];
+            setData(updatedData);
+            const allChecked = updatedData.every((item) => item.checked);
+            setHeaderCheckbox(allChecked);
+        };
+        return (_jsx(Checkbox, { label: "", size: size === Sizes.XSmall ? Sizes.Small : size, checked: checked, onChange: handleChange }));
+    };
+    const handleCheckboxAll = () => {
+        const newData = data.map((item) => ({
+            ...item,
+            checked: !headerCheckbox,
+        }));
+        setData(newData);
+        setHeaderCheckbox(!headerCheckbox);
+    };
+    const checkboxColumn = {
+        title: (_jsx(Checkbox, { label: "", size: size === Sizes.XSmall ? Sizes.Small : size, checked: headerCheckbox, onChange: handleCheckboxAll })),
+        dataIndex: 'checked',
+        key: 'checked',
+        width: '10%',
+        render: CheckboxWrapper,
+    };
+    const rowClassName = ({ checked }) => (checked ? 'row-checked' : '');
+    return (_jsx(Table, { ...args, size: size, data: data, columns: [checkboxColumn, ...columns()], rowClassName: rowClassName, expandable: {
+            expandRowByClick: false,
+            expandedRowRender: ExpandedRow,
+            expandIcon: ExpandIconDefault,
+        } }));
+};
+export const ChildrenIndent = (args) => _jsx(Table, { ...args });
+ChildrenIndent.args = {
+    size: Sizes.Medium,
+    data: dataChildrenIndent,
+    columns: columnsChildrenIndent(),
+    indentSize: 30,
+    expandable: {
+        expandIcon: ExpandIconWithChildren,
+    },
+};
+//# sourceMappingURL=ExpandableTable.stories.js.map

package/build/esm/components/DeprecatedTable/_internalComponents/ExpandableTable/ExpandableTable.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableTable.stories.js","sourceRoot":"","sources":["../../../../../../src/components/DeprecatedTable/_internalComponents/ExpandableTable/ExpandableTable.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { ReactElement, useState } from 'react';\r\n\r\nimport { Meta, StoryFn } from '@storybook/react';\r\nimport { DefaultRecordType, RenderExpandIconProps } from 'rc-table/lib/interface';\r\nimport styled from 'styled-components';\r\nimport { Sizes, TextElementTypes, Variants } from 'acinguiux-ds-react-base';\r\n\r\nimport Button from '../../../Button/Button';\r\nimport Checkbox from '../../../Checkbox/Checkbox';\r\nimport { ChevronDown, ChevronRight } from '../../../Icon/components';\r\nimport Heading from '../../../Text/components/Heading/Heading';\r\nimport Text from '../../../Text/components/Text/Text';\r\nimport Table from '../../Table';\r\nimport { ITableProps, RecordType } from '../../Table.types';\r\nimport storiesWrapper from '../../utils/storiesWrapperUtils';\r\nimport { columns } from '../columns';\r\nimport { columnsChildrenIndent } from './columns';\r\nimport { dataExpandableTable, dataChildrenIndent, dataExpandableTableWithCheckbox } from './data';\r\n\r\nexport default {\r\n  title: 'Data Display/DeprecatedTable/Expandable Table',\r\n  component: Table,\r\n  decorators: [storiesWrapper('ExpandableTable')],\r\n  parameters: {\r\n    controls: {\r\n      include: [\r\n        'className',\r\n        'columns',\r\n        'data',\r\n        'defaultExpandAllRows',\r\n        'emptyText',\r\n        'expandable',\r\n        'indentSize',\r\n        'size',\r\n        'tableLayout',\r\n      ],\r\n    },\r\n  },\r\n  argTypes: {\r\n    emptyText: { description: 'Insert a text or a component' },\r\n    size: { defaultValue: Sizes.Medium },\r\n  },\r\n} as Meta;\r\n\r\nconst StyledExpandedRow = styled.div`\r\n  padding: 24px;\r\n`;\r\n\r\nconst ExpandedRow = ({ product, description }: RecordType): ReactElement => (\r\n  <StyledExpandedRow>\r\n    <Heading type={TextElementTypes.H2} gutter>\r\n      {product}\r\n    </Heading>\r\n    <Text>{description}</Text>\r\n  </StyledExpandedRow>\r\n);\r\n\r\nconst NoChildren = styled.div`\r\n  display: inline-block;\r\n  width: 36px;\r\n`;\r\n\r\nconst ExpandIconDefault = <T extends DefaultRecordType>({\r\n  expanded,\r\n  record,\r\n  onExpand,\r\n}: RenderExpandIconProps<T>): ReactElement => (\r\n  // Disable as it's part of the deprecated table\r\n  // eslint-disable-next-line jsx-a11y/control-has-associated-label\r\n  <Button\r\n    iconOnly\r\n    icon={expanded ? <ChevronDown /> : <ChevronRight />}\r\n    size={Sizes.Small}\r\n    variant={Variants.Transparent}\r\n    onClick={(e) => {\r\n      onExpand(record, e);\r\n    }}\r\n  />\r\n);\r\n\r\nconst ExpandIconWithChildren = <T extends DefaultRecordType>({\r\n  expanded,\r\n  record,\r\n  onExpand,\r\n}: RenderExpandIconProps<T>): ReactElement => {\r\n  if (record.children) {\r\n    return (\r\n      // Disable as it's part of the deprecated table\r\n      // eslint-disable-next-line jsx-a11y/control-has-associated-label\r\n      <Button\r\n        iconOnly\r\n        icon={expanded ? <ChevronDown /> : <ChevronRight />}\r\n        size={Sizes.Small}\r\n        variant={Variants.Transparent}\r\n        onClick={(e) => {\r\n          onExpand(record, e);\r\n        }}\r\n      />\r\n    );\r\n  }\r\n\r\n  return <NoChildren />;\r\n};\r\n\r\nexport const Default: StoryFn<ITableProps<RecordType>> = (args: ITableProps<RecordType>) => <Table {...args} />;\r\nDefault.args = {\r\n  size: Sizes.Medium,\r\n  data: dataExpandableTable,\r\n  columns: columns(),\r\n  expandable: {\r\n    expandIcon: ExpandIconDefault,\r\n    expandedRowRender: ExpandedRow,\r\n  },\r\n};\r\n\r\nexport const WithCheckboxes: StoryFn<ITableProps<RecordType>> = ({ size, ...args }: ITableProps<RecordType>) => {\r\n  const [data, setData] = useState(dataExpandableTableWithCheckbox);\r\n  const [headerCheckbox, setHeaderCheckbox] = useState(false);\r\n\r\n  const CheckboxWrapper = (value: boolean, { checked }: RecordType, index: number) => {\r\n    const handleChange = () => {\r\n      const updatedData = [\r\n        ...data.slice(0, index),\r\n        {\r\n          ...data[index],\r\n          checked: !data[index].checked,\r\n        },\r\n        ...data.slice(index + 1),\r\n      ];\r\n      setData(updatedData);\r\n\r\n      const allChecked = updatedData.every((item) => item.checked);\r\n      setHeaderCheckbox(allChecked);\r\n    };\r\n\r\n    return (\r\n      <Checkbox label=\"\" size={size === Sizes.XSmall ? Sizes.Small : size} checked={checked} onChange={handleChange} />\r\n    );\r\n  };\r\n\r\n  const handleCheckboxAll = () => {\r\n    const newData = data.map((item) => ({\r\n      ...item,\r\n      checked: !headerCheckbox,\r\n    }));\r\n    setData(newData);\r\n    setHeaderCheckbox(!headerCheckbox);\r\n  };\r\n\r\n  const checkboxColumn = {\r\n    title: (\r\n      <Checkbox\r\n        label=\"\"\r\n        size={size === Sizes.XSmall ? Sizes.Small : size}\r\n        checked={headerCheckbox}\r\n        onChange={handleCheckboxAll}\r\n      />\r\n    ),\r\n    dataIndex: 'checked',\r\n    key: 'checked',\r\n    width: '10%',\r\n    render: CheckboxWrapper,\r\n  };\r\n\r\n  const rowClassName = ({ checked }: RecordType) => (checked ? 'row-checked' : '');\r\n\r\n  return (\r\n    <Table\r\n      {...args}\r\n      size={size}\r\n      data={data}\r\n      columns={[checkboxColumn, ...columns()]}\r\n      rowClassName={rowClassName}\r\n      expandable={{\r\n        expandRowByClick: false,\r\n        expandedRowRender: ExpandedRow,\r\n        expandIcon: ExpandIconDefault,\r\n      }}\r\n    />\r\n  );\r\n};\r\n\r\nexport const ChildrenIndent: StoryFn<ITableProps<RecordType>> = (args: ITableProps<RecordType>) => <Table {...args} />;\r\nChildrenIndent.args = {\r\n  size: Sizes.Medium,\r\n  data: dataChildrenIndent,\r\n  columns: columnsChildrenIndent(),\r\n  indentSize: 30,\r\n  expandable: {\r\n    expandIcon: ExpandIconWithChildren,\r\n  },\r\n};\r\n"]}

package/build/esm/components/DeprecatedTable/_internalComponents/ExpandableTable/columns.d.ts

@@ -0,0 +1,4 @@
+import { DefaultRecordType } from 'rc-table/lib/interface';
+import { ColumnType } from '../../Table.types';
+export declare const columnsChildrenIndent: <T extends DefaultRecordType>() => ColumnType<T>[];
+//# sourceMappingURL=columns.d.ts.map

package/build/esm/components/DeprecatedTable/_internalComponents/ExpandableTable/columns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"columns.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DeprecatedTable/_internalComponents/ExpandableTable/columns.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,eAAO,MAAM,qBAAqB,oDAyBjC,CAAC"}