@kubit-ui-web/react-components 1.6.2 → 1.7.0

package/dist/esm/components/dataTable/dataTable.styled.js

@@ -0,0 +1,15 @@
+import styled from 'styled-components';
+import { getStyles } from '../../utils';
+export const WrapperStyled = styled.div `
+  ${({ $styles }) => getStyles($styles?.wrapper)};
+`;
+export const ScrollableContainerStyled = styled.div `
+  ${({ $styles }) => getStyles($styles?.scrollableContainer)};
+`;
+export const LeftBoxShadowContainerStyled = styled.div `
+  ${({ $styles }) => getStyles($styles?.leftBoxShadowContainer)};
+`;
+export const RightBoxShadowContainerStyled = styled.div `
+  ${({ $styles }) => getStyles($styles?.rightBoxShadowContainer)};
+`;
+//# sourceMappingURL=dataTable.styled.js.map

package/dist/esm/components/dataTable/dataTable.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataTable.styled.js","sourceRoot":"","sources":["../../../../src/components/dataTable/dataTable.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAErC;IACE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC;CAC/C,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAEjD;IACE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,mBAAmB,CAAC;CAC3D,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,CAEpD;IACE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,sBAAsB,CAAC;CAC9D,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAErD;IACE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,uBAAuB,CAAC;CAC/D,CAAC"}

package/dist/esm/components/dataTable/dataTableStandAlone.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IDataTableStandAlone } from './types';
+export declare const DataTableStandAlone: React.ForwardRefExoticComponent<IDataTableStandAlone & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/dataTable/dataTableStandAlone.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { ROLES } from '../../types';
+import { TableBody } from '../tableBody';
+import { TableCaption } from '../tableCaption';
+import { TableDivider } from '../tableDivider';
+import { TableV2 } from '../tableV2';
+import { DataTableHead, DataTableRows, HiddenDataTableHead } from './components';
+import { LeftBoxShadowContainerStyled, RightBoxShadowContainerStyled, ScrollableContainerStyled, WrapperStyled, } from './dataTable.styled';
+import { applyPositionToWrapper, applyZIndexToWrapper } from './utils';
+const DataTableStandAloneComponent = ({ dataTestId = 'dataTable', styles, hasScroll, columns, rowGroups, rows, activeRows, hoverable, hoverableRows, nonHoverableRows, stickyHead, config, caption, ...props }, ref) => {
+    const usingRowGroups = rowGroups && rowGroups.length > 0;
+    return (_jsxs(WrapperStyled, { ref: ref, "$styles": styles, "data-testid": dataTestId, children: [_jsxs(ScrollableContainerStyled, { "data-datatable-scrollable-container": true, "$styles": styles, "aria-label": hasScroll ? props['aria-label'] : undefined, "aria-labelledby": hasScroll ? props['aria-labelledby'] : undefined, role: hasScroll ? ROLES.REGION : undefined, tabIndex: hasScroll ? 0 : undefined, children: [_jsxs(TableV2, { autoRightStickyCalc: false, component: usingRowGroups ? 'div' : undefined, disableShadowEffects: true, hasScrollDisabled: true, sticky: stickyHead, variant: styles?.table?.variant, ...applyZIndexToWrapper({ tableConfig: config?.table, zIndex: styles?.table?.z_index }), children: [caption?.content && (_jsx(TableCaption, { component: usingRowGroups ? 'div' : undefined, variant: styles?.tableCaption?.variant, ...caption, children: caption.content })), _jsx(DataTableHead, { columns: columns, sticky: stickyHead, tableHeadCellVariant: styles?.tableHeadCell?.variant, tableHeadConfig: config?.tableHead, tableHeadRowConfig: config?.tableHeadRow, tableHeadRowVariant: styles?.tableHeadRow?.variant, tableHeadVariant: styles?.tableHead?.variant, usingRowGroups: usingRowGroups }), !usingRowGroups && rows && rows.length > 0 && (_jsx(TableBody, { variant: styles?.tableBody?.variant, ...config?.tableBody, children: _jsx(DataTableRows, { activeRows: activeRows, columns: columns, hoverable: hoverable, hoverableRows: hoverableRows, nonHoverableRows: nonHoverableRows, rows: rows, tableBodyCellVariant: styles?.tableBodyCell?.variant, tableBodyRowVariant: styles?.tableBodyRow?.variant, usingRowGroups: usingRowGroups }) }))] }), rowGroups?.map((rowGroup, index) => {
+                        return (_jsxs(React.Fragment, { children: [rowGroup.divider && (_jsx(TableDivider, { variant: "DEFAULT", ...rowGroup.divider, children: rowGroup.divider?.content })), _jsxs(TableV2, { autoRightStickyCalc: false, disableShadowEffects: true, hasScrollDisabled: true, variant: styles?.rowGroup?.table?.variant, ...applyPositionToWrapper({
+                                        tableConfig: rowGroup.config?.table,
+                                        position: 'static',
+                                    }), children: [rowGroup.caption?.content && (_jsx(TableCaption, { variant: styles?.rowGroup?.tableCaption?.variant, ...rowGroup.caption, children: rowGroup.caption?.content })), _jsx(HiddenDataTableHead, { columns: columns, tableHeadCellVariant: styles?.rowGroup?.tableHeadCell?.variant, tableHeadRowVariant: styles?.rowGroup?.tableHeadRow?.variant, tableHeadVariant: styles?.rowGroup?.tableHead?.variant }), _jsx(TableBody, { variant: styles?.rowGroup?.tableBody?.variant, ...rowGroup.config?.tableBody, children: _jsx(DataTableRows, { activeRows: activeRows, columns: columns, hoverable: hoverable, hoverableRows: hoverableRows, nonHoverableRows: nonHoverableRows, rows: rowGroup.rows, tableBodyCellVariant: styles?.rowGroup?.tableBodyCell?.variant, tableBodyRowVariant: styles?.rowGroup?.tableBodyRow?.variant, usingRowGroups: usingRowGroups }) })] })] }, index));
+                    })] }), _jsx(LeftBoxShadowContainerStyled, { "data-datatable-left-shadow": true, "$styles": styles }), _jsx(RightBoxShadowContainerStyled, { "data-datatable-right-shadow": true, "$styles": styles })] }));
+};
+export const DataTableStandAlone = React.forwardRef(DataTableStandAloneComponent);
+//# sourceMappingURL=dataTableStandAlone.js.map

package/dist/esm/components/dataTable/dataTableStandAlone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataTableStandAlone.js","sourceRoot":"","sources":["../../../../src/components/dataTable/dataTableStandAlone.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/dataTable/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useDataTableHasScroll';
+export * from './useDataTableStickyColumns';
+export * from './useDataTableShadow';

package/dist/esm/components/dataTable/hooks/index.js

@@ -0,0 +1,4 @@
+export * from './useDataTableHasScroll';
+export * from './useDataTableStickyColumns';
+export * from './useDataTableShadow';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/dataTable/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/dataTable/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sBAAsB,CAAC"}

package/dist/esm/components/dataTable/hooks/useDataTableHasScroll.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+type UseDataTableHasScrollParamsType = {
+    ref: React.RefObject<HTMLDivElement>;
+};
+type UseDataTableHasScrollReturnType = {
+    hasScroll: boolean;
+};
+export declare const useDataTableHasScroll: ({ ref, }: UseDataTableHasScrollParamsType) => UseDataTableHasScrollReturnType;
+export {};

package/dist/esm/components/dataTable/hooks/useDataTableHasScroll.js

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { hasScroll as checkHasSroll } from '../../../utils';
+export const useDataTableHasScroll = ({ ref, }) => {
+    const [hasScroll, setHasScroll] = React.useState(false);
+    React.useEffect(() => {
+        const scrollableContainer = ref.current?.querySelector?.('[data-datatable-scrollable-container]');
+        let resizeObserver;
+        if (scrollableContainer instanceof HTMLElement) {
+            const handleElementResize = (element) => {
+                setHasScroll(checkHasSroll(element));
+            };
+            handleElementResize(scrollableContainer);
+            resizeObserver = new ResizeObserver(() => {
+                handleElementResize(scrollableContainer);
+            });
+            resizeObserver.observe(scrollableContainer);
+        }
+        return () => {
+            resizeObserver?.disconnect();
+        };
+    }, []);
+    return { hasScroll };
+};
+//# sourceMappingURL=useDataTableHasScroll.js.map

package/dist/esm/components/dataTable/hooks/useDataTableHasScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataTableHasScroll.js","sourceRoot":"","sources":["../../../../../src/components/dataTable/hooks/useDataTableHasScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,SAAS,CAAC;AAUrD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,GAAG,GAC6B,EAAmC,EAAE;IACrE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,mBAAmB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,EAAE,CACtD,uCAAuC,CACxC,CAAC;QACF,IAAI,cAA8B,CAAC;QACnC,IAAI,mBAAmB,YAAY,WAAW,EAAE,CAAC;YAC/C,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE;gBACnD,YAAY,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;YACvC,CAAC,CAAC;YACF,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YACzC,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBACvC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;YACH,cAAc,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAC9C,CAAC;QACD,OAAO,GAAG,EAAE;YACV,cAAc,EAAE,UAAU,EAAE,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,SAAS,EAAE,CAAC;AACvB,CAAC,CAAC"}

package/dist/esm/components/dataTable/hooks/useDataTableShadow.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+type UseDataTableShadowParamsType = {
+    ref: React.RefObject<HTMLDivElement>;
+    headBoxShadow?: string;
+    leftBoxShadow?: string;
+    rightBoxShadow?: string;
+};
+type UseDataTableShadowReturnType = object;
+export declare const useDataTableShadow: ({ ref, headBoxShadow, leftBoxShadow, rightBoxShadow, }: UseDataTableShadowParamsType) => UseDataTableShadowReturnType;
+export {};

package/dist/esm/components/dataTable/hooks/useDataTableShadow.js

@@ -0,0 +1,64 @@
+import * as React from 'react';
+export const useDataTableShadow = ({ ref, headBoxShadow, leftBoxShadow, rightBoxShadow, }) => {
+    React.useEffect(() => {
+        const wrapper = ref.current;
+        const scrollableContainer = wrapper?.querySelector('[data-datatable-scrollable-container]');
+        const updateShadow = () => {
+            if (!scrollableContainer) {
+                return;
+            }
+            // Apply shadow on sticky head
+            const tableHead = scrollableContainer.querySelector('[data-table-head]');
+            if (tableHead instanceof HTMLElement &&
+                tableHead.hasAttribute('data-sticky') &&
+                headBoxShadow) {
+                if (scrollableContainer.scrollTop) {
+                    tableHead.style.boxShadow = headBoxShadow;
+                }
+                else {
+                    tableHead.style.boxShadow = '';
+                }
+            }
+            // Apply shadow when sticky column is active to the left
+            if (leftBoxShadow) {
+                // Apply shadow effect to the left border
+                // In order to not be hidden by the inner content, it has to be applied in the TableLeftBorderShadowStyled div
+                const leftBoxShadowContainer = wrapper?.querySelector('[data-datatable-left-shadow]');
+                if (leftBoxShadowContainer instanceof HTMLElement) {
+                    if (scrollableContainer.scrollLeft) {
+                        leftBoxShadowContainer.style.boxShadow = leftBoxShadow;
+                        // height can be ajusted to not show the shadow over the scrollbar
+                        leftBoxShadowContainer.style.height = `${scrollableContainer.clientHeight}px`;
+                    }
+                    else {
+                        leftBoxShadowContainer.style.boxShadow = '';
+                    }
+                }
+            }
+            if (rightBoxShadow) {
+                // Apply shadow effect to the sticky box container column
+                const rightBoxShadowContainer = wrapper?.querySelector('[data-datatable-right-shadow]');
+                if (rightBoxShadowContainer instanceof HTMLElement) {
+                    if (scrollableContainer.scrollLeft + scrollableContainer.clientWidth <
+                        scrollableContainer.scrollWidth) {
+                        rightBoxShadowContainer.style.boxShadow = rightBoxShadow;
+                        // height can be ajusted to not show the shadow over the scrollbar
+                        rightBoxShadowContainer.style.height = `${scrollableContainer.clientHeight}px`;
+                    }
+                    else {
+                        rightBoxShadowContainer.style.boxShadow = '';
+                    }
+                }
+            }
+        };
+        updateShadow();
+        scrollableContainer?.addEventListener('scroll', updateShadow);
+        window.addEventListener('resize', updateShadow);
+        return () => {
+            scrollableContainer?.removeEventListener('scroll', updateShadow);
+            window.removeEventListener('resize', updateShadow);
+        };
+    }, []);
+    return {};
+};
+//# sourceMappingURL=useDataTableShadow.js.map

package/dist/esm/components/dataTable/hooks/useDataTableShadow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataTableShadow.js","sourceRoot":"","sources":["../../../../../src/components/dataTable/hooks/useDataTableShadow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,GAAG,EACH,aAAa,EACb,aAAa,EACb,cAAc,GACe,EAAgC,EAAE;IAC/D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,MAAM,mBAAmB,GAAG,OAAO,EAAE,aAAa,CAAC,uCAAuC,CAAC,CAAC;QAC5F,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,IAAI,CAAC,mBAAmB,EAAE,CAAC;gBACzB,OAAO;YACT,CAAC;YACD,8BAA8B;YAC9B,MAAM,SAAS,GAAG,mBAAmB,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;YACzE,IACE,SAAS,YAAY,WAAW;gBAChC,SAAS,CAAC,YAAY,CAAC,aAAa,CAAC;gBACrC,aAAa,EACb,CAAC;gBACD,IAAI,mBAAmB,CAAC,SAAS,EAAE,CAAC;oBAClC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,aAAa,CAAC;gBAC5C,CAAC;qBAAM,CAAC;oBACN,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;gBACjC,CAAC;YACH,CAAC;YACD,wDAAwD;YACxD,IAAI,aAAa,EAAE,CAAC;gBAClB,yCAAyC;gBACzC,8GAA8G;gBAC9G,MAAM,sBAAsB,GAAG,OAAO,EAAE,aAAa,CAAC,8BAA8B,CAAC,CAAC;gBACtF,IAAI,sBAAsB,YAAY,WAAW,EAAE,CAAC;oBAClD,IAAI,mBAAmB,CAAC,UAAU,EAAE,CAAC;wBACnC,sBAAsB,CAAC,KAAK,CAAC,SAAS,GAAG,aAAa,CAAC;wBACvD,kEAAkE;wBAClE,sBAAsB,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,mBAAmB,CAAC,YAAY,IAAI,CAAC;oBAChF,CAAC;yBAAM,CAAC;wBACN,sBAAsB,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;oBAC9C,CAAC;gBACH,CAAC;YACH,CAAC;YACD,IAAI,cAAc,EAAE,CAAC;gBACnB,yDAAyD;gBACzD,MAAM,uBAAuB,GAAG,OAAO,EAAE,aAAa,CAAC,+BAA+B,CAAC,CAAC;gBACxF,IAAI,uBAAuB,YAAY,WAAW,EAAE,CAAC;oBACnD,IACE,mBAAmB,CAAC,UAAU,GAAG,mBAAmB,CAAC,WAAW;wBAChE,mBAAmB,CAAC,WAAW,EAC/B,CAAC;wBACD,uBAAuB,CAAC,KAAK,CAAC,SAAS,GAAG,cAAc,CAAC;wBACzD,kEAAkE;wBAClE,uBAAuB,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,mBAAmB,CAAC,YAAY,IAAI,CAAC;oBACjF,CAAC;yBAAM,CAAC;wBACN,uBAAuB,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;oBAC/C,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC,CAAC;QAEF,YAAY,EAAE,CAAC;QACf,mBAAmB,EAAE,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAC9D,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE;YACV,mBAAmB,EAAE,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YACjE,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC"}

package/dist/esm/components/dataTable/hooks/useDataTableStickyColumns.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+type UseDataTableStickyColumnsParamsType = {
+    ref: React.RefObject<HTMLDivElement>;
+};
+type UseDataTableStickyColumnsReturnType = object;
+export declare const useDataTableStickyColumns: ({ ref, }: UseDataTableStickyColumnsParamsType) => UseDataTableStickyColumnsReturnType;
+export {};

package/dist/esm/components/dataTable/hooks/useDataTableStickyColumns.js

@@ -0,0 +1,69 @@
+import * as React from 'react';
+import { hasHorizontalScroll, hasVerticalScroll } from '../../../utils';
+export const useDataTableStickyColumns = ({ ref, }) => {
+    React.useEffect(() => {
+        const scrollableContainer = ref.current?.querySelector('[data-datatable-scrollable-container]');
+        const rightBoxShadowContainer = ref.current?.querySelector('[data-datatable-right-shadow]');
+        let resizeObserver;
+        if (scrollableContainer instanceof HTMLElement) {
+            const handleElementResize = (element) => {
+                const _hasHorizontalScroll = hasHorizontalScroll(element);
+                // For each row, set the right position of its sticky cells
+                const rows = element.querySelectorAll('[data-table-row]');
+                // Divider width when horizontal scroll should be calc from the inner tables
+                let dividerWidth = 0;
+                // used to calc rightBoxShadowContainer position
+                let maxStickyWidth = 0;
+                rows.forEach(row => {
+                    if (row instanceof HTMLElement) {
+                        // Retrieve all the cell with sticky attribute
+                        const stickyCells = Array.from(row.querySelectorAll('[data-sticky]')).reverse();
+                        let right = 0;
+                        stickyCells.forEach(stickyCell => {
+                            if (stickyCell instanceof HTMLElement) {
+                                stickyCell.style.right = _hasHorizontalScroll ? `${right}px` : 'auto';
+                                right += stickyCell.offsetWidth;
+                            }
+                        });
+                        dividerWidth = Math.max(dividerWidth, row.offsetWidth);
+                        maxStickyWidth = Math.max(maxStickyWidth, right);
+                    }
+                });
+                // Once the sticky position have been added, set the position of the rightBoxShadowContainer
+                // This position should be the same as the max width of the sticky cells
+                if (rightBoxShadowContainer instanceof HTMLElement) {
+                    // If vertical scroll, add scroll bar size to maxStickyWidth
+                    const _hasVerticalScroll = hasVerticalScroll(element);
+                    if (_hasVerticalScroll) {
+                        const scrollBarSize = element.offsetWidth - element.clientWidth;
+                        maxStickyWidth += scrollBarSize;
+                    }
+                    rightBoxShadowContainer.style.right = `${maxStickyWidth}px`;
+                }
+                // All dividers should be updated with the offset width of the table in order to have a width of 100%
+                const dividers = element.querySelectorAll('[data-table-divider]');
+                dividers.forEach(divider => {
+                    if (divider instanceof HTMLElement) {
+                        if (_hasHorizontalScroll) {
+                            divider.style.width = `${dividerWidth}px`;
+                        }
+                        else {
+                            // Remove width if no horizontal scroll
+                            divider.style.width = '';
+                        }
+                    }
+                });
+            };
+            handleElementResize(scrollableContainer);
+            resizeObserver = new ResizeObserver(() => {
+                handleElementResize(scrollableContainer);
+            });
+            resizeObserver.observe(scrollableContainer);
+        }
+        return () => {
+            resizeObserver?.disconnect();
+        };
+    }, []);
+    return {};
+};
+//# sourceMappingURL=useDataTableStickyColumns.js.map

package/dist/esm/components/dataTable/hooks/useDataTableStickyColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataTableStickyColumns.js","sourceRoot":"","sources":["../../../../../src/components/dataTable/hooks/useDataTableStickyColumns.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/dataTable/index.d.ts

@@ -0,0 +1,2 @@
+export * from './dataTable';
+export * from './types';

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

@@ -0,0 +1,3 @@
+export * from './dataTable';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/dataTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/dataTable/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}

package/dist/esm/components/dataTable/types/dataTable.d.ts

@@ -0,0 +1,82 @@
+import React from 'react';
+import { ITableBody } from '../../../components/tableBody';
+import { ITableCaption } from '../../../components/tableCaption';
+import { ITableCell } from '../../../components/tableCell';
+import { ITableDivider } from '../../../components/tableDivider';
+import { ITableHead } from '../../../components/tableHead';
+import { ITableRow } from '../../../components/tableRow';
+import { ITableV2 } from '../../../components/tableV2';
+import { CustomTokenTypes } from '../../../types';
+import { DataTablePropsStylesType } from './dataTableTheme';
+export type DataTableTableConfigType = ITableV2;
+export type DataTableTableHeadConfigType = ITableHead;
+export type DataTableTableBodyConfigType = ITableBody;
+export type DataTableTableRowConfigType = ITableRow;
+export type DataTableCellType = ITableCell & {
+    content?: React.ReactNode;
+};
+export type DataTableTableCaptionType = ITableCaption & {
+    content?: React.ReactNode;
+};
+export type DataTableRowDividerType = ITableDivider & {
+    content?: React.ReactNode;
+};
+export type DataTableConfigType = {
+    table?: DataTableTableConfigType;
+    tableHead?: DataTableTableHeadConfigType;
+    tableHeadRow?: DataTableTableRowConfigType;
+    tableBody?: DataTableTableBodyConfigType;
+};
+export type DataTableCellValueType = React.ReactNode | {
+    complex?: DataTableCellType;
+};
+export type DataTableColumnType = {
+    field: string;
+    headerContent?: DataTableCellValueType;
+    headerHiddenContent?: string;
+    width?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    hidden?: boolean;
+    sticky?: boolean;
+    textAlign?: string;
+    valueTextAlign?: string;
+    valueGetter?: (value: DataTableCellValueType, row: DataTableRowType) => DataTableCellValueType;
+};
+export type DataTableRowType = {
+    id?: string;
+    config?: DataTableTableRowConfigType;
+    [key: string]: DataTableCellValueType | DataTableTableRowConfigType;
+};
+export type DataTableRowGroupType = {
+    divider?: DataTableRowDividerType;
+    caption?: DataTableTableCaptionType;
+    config?: {
+        table?: DataTableTableConfigType;
+        tableBody?: DataTableTableBodyConfigType;
+    };
+    rows: DataTableRowType[];
+};
+type DataTableScrollAriasType = {
+    ['aria-label']?: string;
+    ['aria-labelledby']?: string;
+};
+export interface IDataTableStandAlone extends DataTableScrollAriasType {
+    styles?: DataTablePropsStylesType;
+    hasScroll?: boolean;
+    columns?: DataTableColumnType[];
+    rows?: DataTableRowType[];
+    rowGroups?: DataTableRowGroupType[];
+    activeRows?: string[];
+    hoverable?: boolean;
+    hoverableRows?: string[];
+    nonHoverableRows?: string[];
+    stickyHead?: boolean;
+    caption?: DataTableTableCaptionType;
+    config?: DataTableConfigType;
+    dataTestId?: string;
+}
+export interface IDataTable extends Omit<IDataTableStandAlone, 'styles' | 'hasScroll'>, Omit<CustomTokenTypes<DataTablePropsStylesType>, 'cts' | 'extraCt'> {
+    variant?: string;
+}
+export {};

package/dist/esm/components/dataTable/types/dataTable.js

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

package/dist/esm/components/dataTable/types/dataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataTable.js","sourceRoot":"","sources":["../../../../../src/components/dataTable/types/dataTable.ts"],"names":[],"mappings":""}

package/dist/esm/components/dataTable/types/dataTableTheme.d.ts

@@ -0,0 +1,64 @@
+import { CommonStyleType } from '../../../types';
+export type DataTablePropsStylesType = {
+    wrapper?: CommonStyleType;
+    scrollableContainer?: CommonStyleType;
+    table?: {
+        variant?: string;
+        z_index?: number;
+    };
+    tableCaption?: {
+        variant?: string;
+    };
+    tableHead?: {
+        variant?: string;
+    };
+    tableHeadRow?: {
+        variant?: string;
+    };
+    tableHeadCell?: {
+        variant?: string;
+    };
+    tableBody?: {
+        variant?: string;
+    };
+    tableBodyRow?: {
+        variant?: string;
+    };
+    tableBodyCell?: {
+        variant?: string;
+    };
+    rowGroup?: {
+        table?: {
+            variant?: string;
+        };
+        tableCaption?: {
+            variant?: string;
+        };
+        tableHead?: {
+            variant?: string;
+        };
+        tableHeadRow?: {
+            variant?: string;
+        };
+        tableHeadCell?: {
+            variant?: string;
+        };
+        tableBody?: {
+            variant?: string;
+        };
+        tableBodyRow?: {
+            variant?: string;
+        };
+        tableBodyCell?: {
+            variant?: string;
+        };
+    };
+    leftBoxShadowContainer?: CommonStyleType;
+    rightBoxShadowContainer?: CommonStyleType;
+    headBoxShadow?: string;
+    leftBoxShadow?: string;
+    rightBoxShadow?: string;
+};
+export type DataTableStylesType<P extends string | number | symbol> = {
+    [variant in P]: DataTablePropsStylesType;
+};

package/dist/esm/components/dataTable/types/dataTableTheme.js

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

package/dist/esm/components/dataTable/types/dataTableTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataTableTheme.js","sourceRoot":"","sources":["../../../../../src/components/dataTable/types/dataTableTheme.ts"],"names":[],"mappings":""}

package/dist/esm/components/dataTable/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './dataTable';
+export * from './dataTableTheme';

package/dist/esm/components/dataTable/types/index.js

@@ -0,0 +1,3 @@
+export * from './dataTable';
+export * from './dataTableTheme';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/dataTable/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/dataTable/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}

package/dist/esm/components/dataTable/utils/hoverable.d.ts

@@ -0,0 +1,9 @@
+import { DataTableRowType } from '../types';
+type IsRowHoverableParamsType = {
+    row: DataTableRowType;
+    hoverableRows?: string[];
+    nonHoverableRows?: string[];
+    hoverable?: boolean;
+};
+export declare const isRowHoverable: ({ row, hoverableRows, nonHoverableRows, hoverable, }: IsRowHoverableParamsType) => boolean | undefined;
+export {};

package/dist/esm/components/dataTable/utils/hoverable.js

@@ -0,0 +1,14 @@
+export const isRowHoverable = ({ row, hoverableRows, nonHoverableRows, hoverable, }) => {
+    let rowHoverable;
+    if (hoverableRows) {
+        rowHoverable = Boolean(row.id && hoverableRows.includes(row.id));
+    }
+    else if (nonHoverableRows) {
+        rowHoverable = !(row.id && nonHoverableRows.includes(row.id));
+    }
+    else if (hoverable !== undefined) {
+        rowHoverable = hoverable;
+    }
+    return rowHoverable;
+};
+//# sourceMappingURL=hoverable.js.map

package/dist/esm/components/dataTable/utils/hoverable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hoverable.js","sourceRoot":"","sources":["../../../../../src/components/dataTable/utils/hoverable.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,GAAG,EACH,aAAa,EACb,gBAAgB,EAChB,SAAS,GACgB,EAAuB,EAAE;IAClD,IAAI,YAAY,CAAC;IACjB,IAAI,aAAa,EAAE,CAAC;QAClB,YAAY,GAAG,OAAO,CAAC,GAAG,CAAC,EAAE,IAAI,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IACnE,CAAC;SAAM,IAAI,gBAAgB,EAAE,CAAC;QAC5B,YAAY,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,gBAAgB,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAChE,CAAC;SAAM,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;QACnC,YAAY,GAAG,SAAS,CAAC;IAC3B,CAAC;IACD,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC"}

package/dist/esm/components/dataTable/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './hoverable';
+export * from './rowConfig';
+export * from './tableConfig';

package/dist/esm/components/dataTable/utils/index.js

@@ -0,0 +1,4 @@
+export * from './hoverable';
+export * from './rowConfig';
+export * from './tableConfig';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/dataTable/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/dataTable/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC"}

package/dist/esm/components/dataTable/utils/rowConfig.d.ts

@@ -0,0 +1,7 @@
+import { DataTableColumnType, DataTableTableRowConfigType } from '../types';
+type ApplyGridToRowParamsType = {
+    rowConfig?: DataTableTableRowConfigType;
+    columns?: DataTableColumnType[];
+};
+export declare const applyGridToRow: ({ rowConfig, columns, }: ApplyGridToRowParamsType) => DataTableTableRowConfigType;
+export {};

package/dist/esm/components/dataTable/utils/rowConfig.js

@@ -0,0 +1,16 @@
+export const applyGridToRow = ({ rowConfig, columns, }) => {
+    const gridTemplateColumns = columns?.map(column => column.width ?? '1fr').join(' ');
+    const res = {
+        ...rowConfig,
+        ctv: {
+            ...rowConfig?.ctv,
+            container: {
+                ...rowConfig?.ctv?.container,
+                display: rowConfig?.ctv?.container?.display ?? 'grid',
+                grid_template_columns: rowConfig?.ctv?.container?.grid_template_columns ?? gridTemplateColumns,
+            },
+        },
+    };
+    return res;
+};
+//# sourceMappingURL=rowConfig.js.map

package/dist/esm/components/dataTable/utils/rowConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rowConfig.js","sourceRoot":"","sources":["../../../../../src/components/dataTable/utils/rowConfig.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,OAAO,GACkB,EAA+B,EAAE;IAC1D,MAAM,mBAAmB,GAAG,OAAO,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACpF,MAAM,GAAG,GAAG;QACV,GAAG,SAAS;QACZ,GAAG,EAAE;YACH,GAAG,SAAS,EAAE,GAAG;YACjB,SAAS,EAAE;gBACT,GAAG,SAAS,EAAE,GAAG,EAAE,SAAS;gBAC5B,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,IAAI,MAAM;gBACrD,qBAAqB,EACnB,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,qBAAqB,IAAI,mBAAmB;aAC1E;SACF;KACF,CAAC;IACF,OAAO,GAAG,CAAC;AACb,CAAC,CAAC"}

package/dist/esm/components/dataTable/utils/tableConfig.d.ts

@@ -0,0 +1,12 @@
+import { DataTableTableConfigType } from '../types';
+type ApplyZIndexToWrapperParams = {
+    tableConfig?: DataTableTableConfigType;
+    zIndex?: number;
+};
+export declare const applyZIndexToWrapper: ({ tableConfig, zIndex, }: ApplyZIndexToWrapperParams) => DataTableTableConfigType;
+type ApplyPositionToWrapperParams = {
+    tableConfig?: DataTableTableConfigType;
+    position?: string;
+};
+export declare const applyPositionToWrapper: ({ tableConfig, position, }: ApplyPositionToWrapperParams) => DataTableTableConfigType;
+export {};

package/dist/esm/components/dataTable/utils/tableConfig.js

@@ -0,0 +1,27 @@
+export const applyZIndexToWrapper = ({ tableConfig, zIndex, }) => {
+    const overridenTableConfig = {
+        ...tableConfig,
+        ctv: {
+            ...tableConfig?.ctv,
+            wrapper: {
+                ...tableConfig?.ctv?.wrapper,
+                z_index: tableConfig?.ctv?.wrapper?.z_index ?? zIndex,
+            },
+        },
+    };
+    return overridenTableConfig;
+};
+export const applyPositionToWrapper = ({ tableConfig, position, }) => {
+    const overridenTableConfig = {
+        ...tableConfig,
+        ctv: {
+            ...tableConfig?.ctv,
+            wrapper: {
+                ...tableConfig?.ctv?.wrapper,
+                position: tableConfig?.ctv?.wrapper?.position ?? position,
+            },
+        },
+    };
+    return overridenTableConfig;
+};
+//# sourceMappingURL=tableConfig.js.map

package/dist/esm/components/dataTable/utils/tableConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableConfig.js","sourceRoot":"","sources":["../../../../../src/components/dataTable/utils/tableConfig.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,WAAW,EACX,MAAM,GACqB,EAA4B,EAAE;IACzD,MAAM,oBAAoB,GAAG;QAC3B,GAAG,WAAW;QACd,GAAG,EAAE;YACH,GAAG,WAAW,EAAE,GAAG;YACnB,OAAO,EAAE;gBACP,GAAG,WAAW,EAAE,GAAG,EAAE,OAAO;gBAC5B,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,IAAI,MAAM;aACtD;SACF;KACF,CAAC;IACF,OAAO,oBAAoB,CAAC;AAC9B,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,WAAW,EACX,QAAQ,GACqB,EAA4B,EAAE;IAC3D,MAAM,oBAAoB,GAAG;QAC3B,GAAG,WAAW;QACd,GAAG,EAAE;YACH,GAAG,WAAW,EAAE,GAAG;YACnB,OAAO,EAAE;gBACP,GAAG,WAAW,EAAE,GAAG,EAAE,OAAO;gBAC5B,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,IAAI,QAAQ;aAC1D;SACF;KACF,CAAC;IACF,OAAO,oBAAoB,CAAC;AAC9B,CAAC,CAAC"}

package/dist/esm/components/drawer/drawerStandAlone.js

@@ -3,15 +3,14 @@ import * as React from 'react';
 import { ElementOrIcon } from '../../components/elementOrIcon';
 import { Footer } from '../../components/footer';
 import { PopoverControlled as Popover } from '../../components/popover';
-import { Text } from '../../components/text';
+import { Text, TextComponentType } from '../../components/text';
 import { useId } from '../../hooks';
 import { DrawerContentStyled, DrawerFooterStyled, DrawerNavigationStyled, DrawerStyled, DrawerTitleContentFooterContainerStyled, DrawerTitleStyled, } from './drawer.styled';
-import { DrawerTitleComponentType } from './types';
-const DrawerStandAloneComponent = ({ blocked = false, scrollableRef, shadowRef, footerRef, contentRef, ...props }, ref) => {
+const DrawerStandAloneComponent = ({ blocked = false, scrollableRef, shadowRef, footerRef, contentRef, titleComponent = TextComponentType.H3, ...props }, ref) => {
     const uniqueTitleId = useId('drawer-title');
     const titleIdFinal = props.title?.id ?? uniqueTitleId;
     const position = props.styles[props.level]?.containerPosition;
-    return (_jsx(Popover, { "aria-labelledby": titleIdFinal, "aria-modal": props.open, clickOverlayClose: !blocked, dataTestId: `${props.dataTestId}Popover`, hasBackDrop: true, open: props.open, trapFocusInsideModal: true, variant: position, ...props.popover, children: _jsxs(DrawerStyled, { ref: ref, "data-testid": `${props.dataTestId}Drawer`, position: position, styles: props.styles, children: [!blocked && (_jsx(DrawerNavigationStyled, { level: props.level, styles: props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles.icon, ...props.closeIcon, dataTestId: `${props.dataTestId}CloseIcon` }) })), _jsxs(DrawerTitleContentFooterContainerStyled, { ref: contentRef, blocked: blocked, styles: props.styles, children: [_jsx(DrawerTitleStyled, { ref: shadowRef, as: Text, component: DrawerTitleComponentType.H3, customTypography: props.styles.title, dataTestId: `${titleIdFinal}Title`, id: titleIdFinal, ...props.title, children: props.title?.content }), _jsx(DrawerContentStyled, { ref: scrollableRef, styles: props.styles, children: props.children }), props.footer?.content && props.styles.footer?.variant && (_jsx(DrawerFooterStyled, { ref: footerRef, as: Footer, customFooterStyles: props.styles, variant: props.styles.footer?.variant, ...props.footer, children: props.footer.content }))] })] }) }));
+    return (_jsx(Popover, { "aria-labelledby": titleIdFinal, "aria-modal": props.open, clickOverlayClose: !blocked, dataTestId: `${props.dataTestId}Popover`, hasBackDrop: true, open: props.open, trapFocusInsideModal: true, variant: position, ...props.popover, children: _jsxs(DrawerStyled, { ref: ref, "data-testid": `${props.dataTestId}Drawer`, position: position, styles: props.styles, children: [!blocked && (_jsx(DrawerNavigationStyled, { level: props.level, styles: props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles.icon, ...props.closeIcon, dataTestId: `${props.dataTestId}CloseIcon` }) })), _jsxs(DrawerTitleContentFooterContainerStyled, { ref: contentRef, blocked: blocked, styles: props.styles, children: [_jsx(DrawerTitleStyled, { ref: shadowRef, as: Text, component: titleComponent, customTypography: props.styles.title, dataTestId: `${titleIdFinal}Title`, id: titleIdFinal, ...props.title, children: props.title?.content }), _jsx(DrawerContentStyled, { ref: scrollableRef, styles: props.styles, children: props.children }), props.footer?.content && props.styles.footer?.variant && (_jsx(DrawerFooterStyled, { ref: footerRef, as: Footer, customFooterStyles: props.styles, variant: props.styles.footer?.variant, ...props.footer, children: props.footer.content }))] })] }) }));
 };
 export const DrawerStandAlone = React.forwardRef(DrawerStandAloneComponent);
 //# sourceMappingURL=drawerStandAlone.js.map