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

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

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

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

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

package/dist/esm/components/tableRow/tableRow.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ITableRow } from './types';
+export declare const TableRow: React.ForwardRefExoticComponent<ITableRow & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLTableRowElement>>;

package/dist/esm/components/tableRow/tableRow.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { STYLES_NAME } from '../../constants';
+import { useStylesV2 } from '../../hooks';
+import { TableRowStandAlone } from './tableRowStandAlone';
+const TableRowComponent = ({ variant, ctv, ...props }, ref) => {
+    const styles = useStylesV2({
+        styleName: STYLES_NAME.TABLE_ROW,
+        variantName: variant,
+        customTokens: ctv,
+        isOptional: true,
+    });
+    return _jsx(TableRowStandAlone, { ref: ref, styles: styles, ...props });
+};
+export const TableRow = React.forwardRef(TableRowComponent);
+//# sourceMappingURL=tableRow.js.map

package/dist/esm/components/tableRow/tableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableRow.js","sourceRoot":"","sources":["../../../../src/components/tableRow/tableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,MAAM,iBAAiB,GAAG,CACxB,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAAsC,EAC9D,GAA4C,EAC5C,EAAE;IACF,MAAM,MAAM,GAAG,WAAW,CAA0B;QAClD,SAAS,EAAE,WAAW,CAAC,SAAS;QAChC,WAAW,EAAE,OAAO;QACpB,YAAY,EAAE,GAAG;QACjB,UAAU,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,OAAO,KAAC,kBAAkB,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAAC;AACrE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC"}

package/dist/esm/components/tableRow/tableRow.styled.d.ts

@@ -0,0 +1,4 @@
+import { TableRowPropsStylesType } from './types';
+export declare const TRStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {
+    $styles?: TableRowPropsStylesType;
+}>> & string;

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

@@ -0,0 +1,22 @@
+import styled from 'styled-components';
+import { getStyles, getTypographyStyles } from '../../utils';
+export const TRStyled = styled.tr `
+  ${({ $styles }) => getStyles($styles?.container)};
+  ${({ $styles }) => getTypographyStyles($styles?.container)};
+  /* Styles are applied over the cell and no over the row, this is because the cell background could have been set, and it should be overriden when active or hover */
+  &[data-hoverable='true'] {
+    &:hover td,
+    &:hover th {
+      ${({ $styles }) => getStyles($styles?.hoveredCellContainer)};
+      ${({ $styles }) => getTypographyStyles($styles?.hoveredCellContainer)};
+    }
+  }
+  &[data-active='true'] {
+    td,
+    th {
+      ${({ $styles }) => getStyles($styles?.activeCellContainer)};
+      ${({ $styles }) => getTypographyStyles($styles?.activeCellContainer)};
+    }
+  }
+`;
+//# sourceMappingURL=tableRow.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tableRow.styled.js","sourceRoot":"","sources":["../../../../src/components/tableRow/tableRow.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAIzD,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAE/B;IACE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC;IAC9C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,SAAS,CAAC;;;;;QAKpD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,oBAAoB,CAAC;QACzD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,oBAAoB,CAAC;;;;;;QAMnE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,mBAAmB,CAAC;QACxD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,mBAAmB,CAAC;;;CAGzE,CAAC"}

package/dist/esm/components/tableRow/tableRowStandAlone.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ITableRowStandAlone } from './types';
+export declare const TableRowStandAlone: React.ForwardRefExoticComponent<ITableRowStandAlone & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLTableRowElement>>;

package/dist/esm/components/tableRow/tableRowStandAlone.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { TRStyled } from './tableRow.styled';
+const TableRowStandAloneComponent = ({ dataTestId = 'tableRow', children, styles, id, active, hoverable = true, component, onClick, onMouseEnter, onMouseLeave, }, ref) => {
+    return (_jsx(TRStyled, { ref: ref, "data-table-row": true, "$styles": styles, as: component, "data-active": active, "data-hoverable": hoverable, "data-testid": dataTestId, id: id, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: children }));
+};
+export const TableRowStandAlone = React.forwardRef(TableRowStandAloneComponent);
+//# sourceMappingURL=tableRowStandAlone.js.map

package/dist/esm/components/tableRow/tableRowStandAlone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableRowStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tableRow/tableRowStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG7C,MAAM,2BAA2B,GAAG,CAClC,EACE,UAAU,GAAG,UAAU,EACvB,QAAQ,EACR,MAAM,EACN,EAAE,EACF,MAAM,EACN,SAAS,GAAG,IAAI,EAChB,SAAS,EACT,OAAO,EACP,YAAY,EACZ,YAAY,GACiC,EAC/C,GAA4C,EAC5C,EAAE;IACF,OAAO,CACL,KAAC,QAAQ,IACP,GAAG,EAAE,GAAG,qCAGC,MAAM,EACf,EAAE,EAAE,SAAS,iBACA,MAAM,oBACH,SAAS,iBACZ,UAAU,EACvB,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,YAEzB,QAAQ,GACA,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './tableRow';
+export * from './tableRowTheme';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/tableRow/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC"}

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

@@ -0,0 +1,16 @@
+import { CustomTokenTypes } from '../../../types';
+import { TableRowPropsStylesType } from './tableRowTheme';
+export interface ITableRowStandAlone {
+    styles?: TableRowPropsStylesType;
+    id?: string;
+    active?: boolean;
+    hoverable?: boolean;
+    component?: string | React.ComponentType<any>;
+    dataTestId?: string;
+    onClick?: React.MouseEventHandler<HTMLTableRowElement>;
+    onMouseEnter?: React.MouseEventHandler<HTMLTableRowElement>;
+    onMouseLeave?: React.MouseEventHandler<HTMLTableRowElement>;
+}
+export interface ITableRow extends Omit<ITableRowStandAlone, 'styles'>, Omit<CustomTokenTypes<TableRowPropsStylesType>, 'cts' | 'extraCt'> {
+    variant?: string;
+}

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

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

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

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

package/dist/esm/components/tableRow/types/tableRowTheme.d.ts

@@ -0,0 +1,9 @@
+import { CommonStyleType, TypographyTypes } from '../../../types';
+export type TableRowPropsStylesType = {
+    container?: CommonStyleType & TypographyTypes;
+    activeCellContainer?: CommonStyleType & TypographyTypes;
+    hoveredCellContainer?: CommonStyleType & TypographyTypes;
+};
+export type TableRowStylesType<P extends string | number | symbol> = {
+    [variant in P]: TableRowPropsStylesType;
+};

package/dist/esm/components/tableRow/types/tableRowTheme.js

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

package/dist/esm/components/tableRow/types/tableRowTheme.js.map

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

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

@@ -0,0 +1,3 @@
+export * from './useTableHasScroll';
+export * from './useTableShadow';
+export * from './useTableStickyColumns';

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

@@ -0,0 +1,4 @@
+export * from './useTableHasScroll';
+export * from './useTableShadow';
+export * from './useTableStickyColumns';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/tableV2/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC"}

package/dist/esm/components/tableV2/hooks/useTableHasScroll.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+type UseTableHasScrollParamsType = {
+    ref: React.RefObject<HTMLDivElement>;
+    disabled?: boolean;
+};
+type UseTableHasScrollReturnType = {
+    hasScroll: boolean;
+};
+export declare const useTableHasScroll: ({ ref, disabled, }: UseTableHasScrollParamsType) => UseTableHasScrollReturnType;
+export {};

package/dist/esm/components/tableV2/hooks/useTableHasScroll.js

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

package/dist/esm/components/tableV2/hooks/useTableHasScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableHasScroll.js","sourceRoot":"","sources":["../../../../../src/components/tableV2/hooks/useTableHasScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,SAAS,CAAC;AAWrD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,GAAG,EACH,QAAQ,GAAG,KAAK,GACY,EAA+B,EAAE;IAC7D,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,CAAC,mCAAmC,CAAC,CAAC;QAC9F,IAAI,cAA8B,CAAC;QACnC,IAAI,mBAAmB,YAAY,WAAW,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC5D,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,IAAI,QAAQ,EAAE,CAAC;YACb,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;QACD,OAAO,GAAG,EAAE;YACV,cAAc,EAAE,UAAU,EAAE,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,EAAE,SAAS,EAAE,CAAC;AACvB,CAAC,CAAC"}

package/dist/esm/components/tableV2/hooks/useTableShadow.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+type UseTableShadowParamsType = {
+    ref: React.RefObject<HTMLDivElement>;
+    headBoxShadow?: string;
+    leftBoxShadow?: string;
+    rightBoxShadow?: string;
+    disabled?: boolean;
+};
+type UseTableShadowReturnType = object;
+export declare const useTableShadow: ({ ref, headBoxShadow, leftBoxShadow, rightBoxShadow, disabled, }: UseTableShadowParamsType) => UseTableShadowReturnType;
+export {};

package/dist/esm/components/tableV2/hooks/useTableShadow.js

@@ -0,0 +1,65 @@
+import * as React from 'react';
+export const useTableShadow = ({ ref, headBoxShadow, leftBoxShadow, rightBoxShadow, disabled = false, }) => {
+    React.useEffect(() => {
+        const wrapper = ref.current;
+        const scrollableContainer = wrapper?.querySelector('[data-table-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
+            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-table-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) {
+                const rightBoxShadowContainer = wrapper?.querySelector('[data-table-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 = '';
+                    }
+                }
+            }
+        };
+        if (!disabled) {
+            updateShadow();
+            scrollableContainer?.addEventListener('scroll', updateShadow);
+            window.addEventListener('resize', updateShadow);
+        }
+        return () => {
+            scrollableContainer?.removeEventListener('scroll', updateShadow);
+            window.removeEventListener('resize', updateShadow);
+        };
+    }, [disabled]);
+    return {};
+};
+//# sourceMappingURL=useTableShadow.js.map

package/dist/esm/components/tableV2/hooks/useTableShadow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableShadow.js","sourceRoot":"","sources":["../../../../../src/components/tableV2/hooks/useTableShadow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,GAAG,EACH,aAAa,EACb,aAAa,EACb,cAAc,EACd,QAAQ,GAAG,KAAK,GACS,EAA4B,EAAE;IACvD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,MAAM,mBAAmB,GAAG,OAAO,EAAE,aAAa,CAAC,mCAAmC,CAAC,CAAC;QACxF,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,4CAA4C;YAC5C,IAAI,aAAa,EAAE,CAAC;gBAClB,yCAAyC;gBACzC,8GAA8G;gBAC9G,MAAM,sBAAsB,GAAG,OAAO,EAAE,aAAa,CAAC,0BAA0B,CAAC,CAAC;gBAClF,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,MAAM,uBAAuB,GAAG,OAAO,EAAE,aAAa,CAAC,2BAA2B,CAAC,CAAC;gBACpF,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;QACF,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,YAAY,EAAE,CAAC;YACf,mBAAmB,EAAE,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YAC9D,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAClD,CAAC;QACD,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,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC"}

package/dist/esm/components/tableV2/hooks/useTableStickyColumns.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+type UseTableStickyColumnsParamsType = {
+    ref: React.RefObject<HTMLDivElement>;
+    disabled?: boolean;
+};
+type UseTableStickyColumnsReturnType = object;
+export declare const useTableStickyColumns: ({ ref, disabled, }: UseTableStickyColumnsParamsType) => UseTableStickyColumnsReturnType;
+export {};

package/dist/esm/components/tableV2/hooks/useTableStickyColumns.js

@@ -0,0 +1,51 @@
+import * as React from 'react';
+import { hasHorizontalScroll, hasVerticalScroll } from '../../../utils';
+export const useTableStickyColumns = ({ ref, disabled = false, }) => {
+    React.useEffect(() => {
+        const scrollableContainer = ref.current?.querySelector('[data-table-scrollable-container]');
+        const rightBoxShadowContainer = ref.current?.querySelector('[data-table-right-shadow]');
+        let resizeObserver;
+        if (scrollableContainer instanceof HTMLElement && !disabled) {
+            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]');
+                // used to calc rightBoxShadowContainer position
+                let maxStickyWidth = 0;
+                rows.forEach(row => {
+                    // 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;
+                        }
+                    });
+                    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`;
+                }
+            };
+            handleElementResize(scrollableContainer);
+            resizeObserver = new ResizeObserver(() => {
+                handleElementResize(scrollableContainer);
+            });
+            resizeObserver.observe(scrollableContainer);
+        }
+        return () => {
+            resizeObserver?.disconnect();
+        };
+    }, [disabled]);
+    return {};
+};
+//# sourceMappingURL=useTableStickyColumns.js.map

package/dist/esm/components/tableV2/hooks/useTableStickyColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableStickyColumns.js","sourceRoot":"","sources":["../../../../../src/components/tableV2/hooks/useTableStickyColumns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AASjE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,GAAG,EACH,QAAQ,GAAG,KAAK,GACgB,EAAmC,EAAE;IACrE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,mBAAmB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,mCAAmC,CAAC,CAAC;QAC5F,MAAM,uBAAuB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,2BAA2B,CAAC,CAAC;QACxF,IAAI,cAA8B,CAAC;QACnC,IAAI,mBAAmB,YAAY,WAAW,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC5D,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE;gBACnD,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;gBAC1D,2DAA2D;gBAC3D,MAAM,IAAI,GAAG,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;gBAC1D,gDAAgD;gBAChD,IAAI,cAAc,GAAG,CAAC,CAAC;gBACvB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACjB,8CAA8C;oBAC9C,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;oBAChF,IAAI,KAAK,GAAG,CAAC,CAAC;oBACd,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;wBAC/B,IAAI,UAAU,YAAY,WAAW,EAAE,CAAC;4BACtC,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,oBAAoB,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;4BACtE,KAAK,IAAI,UAAU,CAAC,WAAW,CAAC;wBAClC,CAAC;oBACH,CAAC,CAAC,CAAC;oBACH,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;gBACnD,CAAC,CAAC,CAAC;gBACH,4FAA4F;gBAC5F,wEAAwE;gBACxE,IAAI,uBAAuB,YAAY,WAAW,EAAE,CAAC;oBACnD,4DAA4D;oBAC5D,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;oBACtD,IAAI,kBAAkB,EAAE,CAAC;wBACvB,MAAM,aAAa,GAAG,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;wBAChE,cAAc,IAAI,aAAa,CAAC;oBAClC,CAAC;oBACD,uBAAuB,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,cAAc,IAAI,CAAC;gBAC9D,CAAC;YACH,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,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export { Table as TableV2 } from './table';
+export * from './types';

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

@@ -0,0 +1,3 @@
+export { Table as TableV2 } from './table';
+export * from './types';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tableV2/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC"}

package/dist/esm/components/tableV2/table.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ITableV2 } from './types';
+export declare const Table: React.ForwardRefExoticComponent<ITableV2 & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/tableV2/table.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { STYLES_NAME } from '../../constants';
+import { useStylesV2 } from '../../hooks';
+import { useTableHasScroll, useTableShadow, useTableStickyColumns } from './hooks';
+import { TableStandAlone } from './tableStandAlone';
+const TableComponent = ({ variant, ctv, autoRightStickyCalc = true, disableShadowEffects, ...props }, ref) => {
+    const styles = useStylesV2({
+        styleName: STYLES_NAME.TABLE_V2,
+        variantName: variant,
+        customTokens: ctv,
+        isOptional: true,
+    });
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => innerRef.current, []);
+    // Indicates if table has scroll in order to add accesibility aria props
+    const { hasScroll } = useTableHasScroll({ ref: innerRef, disabled: props.hasScrollDisabled });
+    // Set column sticky if table has horizontal scroll
+    useTableStickyColumns({ ref: innerRef, disabled: !autoRightStickyCalc });
+    // Set shadow when scrolling
+    useTableShadow({
+        ref: innerRef,
+        headBoxShadow: styles?.headBoxShadow,
+        leftBoxShadow: styles?.leftBoxShadow,
+        rightBoxShadow: styles?.rightBoxShadow,
+        disabled: disableShadowEffects,
+    });
+    return _jsx(TableStandAlone, { ref: innerRef, hasScroll: hasScroll, styles: styles, ...props });
+};
+export const Table = React.forwardRef(TableComponent);
+//# sourceMappingURL=table.js.map

package/dist/esm/components/tableV2/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../src/components/tableV2/table.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACnF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,cAAc,GAAG,CACrB,EACE,OAAO,EACP,GAAG,EACH,mBAAmB,GAAG,IAAI,EAC1B,oBAAoB,EACpB,GAAG,KAAK,EAC0B,EACpC,GAAuC,EACvC,EAAE;IACF,MAAM,MAAM,GAAG,WAAW,CAAyB;QACjD,SAAS,EAAE,WAAW,CAAC,QAAQ;QAC/B,WAAW,EAAE,OAAO;QACpB,YAAY,EAAE,GAAG;QACjB,UAAU,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAyB,EAAE,EAAE,CAAC,CAAC;IAE7E,wEAAwE;IACxE,MAAM,EAAE,SAAS,EAAE,GAAG,iBAAiB,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,iBAAiB,EAAE,CAAC,CAAC;IAC9F,mDAAmD;IACnD,qBAAqB,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,mBAAmB,EAAE,CAAC,CAAC;IACzE,4BAA4B;IAC5B,cAAc,CAAC;QACb,GAAG,EAAE,QAAQ;QACb,aAAa,EAAE,MAAM,EAAE,aAAa;QACpC,aAAa,EAAE,MAAM,EAAE,aAAa;QACpC,cAAc,EAAE,MAAM,EAAE,cAAc;QACtC,QAAQ,EAAE,oBAAoB;KAC/B,CAAC,CAAC;IAEH,OAAO,KAAC,eAAe,IAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAAC;AAC7F,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC"}

package/dist/esm/components/tableV2/table.styled.d.ts

@@ -0,0 +1,19 @@
+import { TablePropsStylesTypeV2 } from './types';
+export declare const TableWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $styles?: TablePropsStylesTypeV2;
+    $position?: string;
+    $zIndex?: number;
+}>> & string;
+export declare const TableScrollableContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $styles?: TablePropsStylesTypeV2;
+    $hasScrollDisabled?: boolean;
+}>> & string;
+export declare const LeftBoxShadowContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $styles?: TablePropsStylesTypeV2;
+}>> & string;
+export declare const RightBoxShadowContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $styles?: TablePropsStylesTypeV2;
+}>> & string;
+export declare const TableStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {
+    $styles?: TablePropsStylesTypeV2;
+}>> & string;

package/dist/esm/components/tableV2/table.styled.js

@@ -0,0 +1,24 @@
+import styled from 'styled-components';
+import { getStyles, getTypographyStyles } from '../../utils';
+export const TableWrapperStyled = styled.div `
+  ${({ $styles }) => getStyles($styles?.wrapper)};
+  &[data-sticky='true'] {
+    position: sticky;
+    top: 0;
+  }
+`;
+export const TableScrollableContainerStyled = styled.div `
+  ${({ $styles }) => getStyles($styles?.scrollableContainer)};
+  overflow: ${({ $hasScrollDisabled }) => $hasScrollDisabled && 'visible'};
+`;
+export const LeftBoxShadowContainerStyled = styled.div `
+  ${({ $styles }) => getStyles($styles?.leftBoxShadowContainer)};
+`;
+export const RightBoxShadowContainerStyled = styled.div `
+  ${({ $styles }) => getStyles($styles?.rightBoxShadowContainer)};
+`;
+export const TableStyled = styled.table `
+  ${({ $styles }) => getStyles($styles?.container)};
+  ${({ $styles }) => getTypographyStyles($styles?.container)};
+`;
+//# sourceMappingURL=table.styled.js.map

package/dist/esm/components/tableV2/table.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.styled.js","sourceRoot":"","sources":["../../../../src/components/tableV2/table.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAIzD,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAI1C;IACE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC;;;;;CAK/C,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC,GAAG,CAGtD;IACE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,mBAAmB,CAAC;cAC9C,CAAC,EAAE,kBAAkB,EAAE,EAAE,EAAE,CAAC,kBAAkB,IAAI,SAAS;CACxE,CAAC;AACF,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;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAErC;IACE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC;IAC9C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,SAAS,CAAC;CAC3D,CAAC"}

package/dist/esm/components/tableV2/tableStandAlone.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ITableStandAloneV2 } from './types';
+export declare const TableStandAlone: React.ForwardRefExoticComponent<ITableStandAloneV2 & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/tableV2/tableStandAlone.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { ROLES } from '../../types';
+import { LeftBoxShadowContainerStyled, RightBoxShadowContainerStyled, TableScrollableContainerStyled, TableStyled, TableWrapperStyled, } from './table.styled';
+const TableStandAloneComponent = ({ dataTestId = 'table', children, styles, hasScrollDisabled, hasScroll, sticky, component, ...props }, ref) => {
+    return (_jsxs(TableWrapperStyled, { ref: ref, "$styles": styles, "data-sticky": sticky, "data-testid": `${dataTestId}Wrapper`, children: [_jsx(TableScrollableContainerStyled, { "data-table-scrollable-container": true, "$hasScrollDisabled": hasScrollDisabled, "$styles": styles, "aria-label": hasScroll ? props['aria-label'] : undefined, "aria-labelledby": hasScroll ? props['aria-labelledby'] : undefined, "data-testid": `${dataTestId}ScrollableContainer`, role: hasScroll ? ROLES.REGION : undefined, tabIndex: hasScroll ? 0 : undefined, children: _jsx(TableStyled, { "$styles": styles, as: component, "data-testid": dataTestId, children: children }) }), _jsx(LeftBoxShadowContainerStyled, { "data-table-left-shadow": true, "$styles": styles }), _jsx(RightBoxShadowContainerStyled, { "data-table-right-shadow": true, "$styles": styles })] }));
+};
+export const TableStandAlone = React.forwardRef(TableStandAloneComponent);
+//# sourceMappingURL=tableStandAlone.js.map

package/dist/esm/components/tableV2/tableStandAlone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tableV2/tableStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EACL,4BAA4B,EAC5B,6BAA6B,EAC7B,8BAA8B,EAC9B,WAAW,EACX,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AAGxB,MAAM,wBAAwB,GAAG,CAC/B,EACE,UAAU,GAAG,OAAO,EACpB,QAAQ,EACR,MAAM,EACN,iBAAiB,EACjB,SAAS,EACT,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACoC,EAC9C,GAAuC,EACvC,EAAE;IACF,OAAO,CACL,MAAC,kBAAkB,IACjB,GAAG,EAAE,GAAG,aACC,MAAM,iBACF,MAAM,iBACN,GAAG,UAAU,SAAS,aAGnC,KAAC,8BAA8B,mEAET,iBAAiB,aAC5B,MAAM,gBACH,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,qBACtC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,iBACpD,GAAG,UAAU,qBAAqB,EAC/C,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,YAEnC,KAAC,WAAW,eAAU,MAAM,EAAE,EAAE,EAAE,SAAS,iBAAe,UAAU,YACjE,QAAQ,GACG,GACiB,EAEjC,KAAC,4BAA4B,+CAAiC,MAAM,GAAI,EAExE,KAAC,6BAA6B,gDAAkC,MAAM,GAAI,IACvD,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './table';
+export * from './tableTheme';

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

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

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

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

package/dist/esm/components/tableV2/types/table.d.ts

@@ -0,0 +1,20 @@
+import { CustomTokenTypes } from '../../../types';
+import { TablePropsStylesTypeV2 } from './tableTheme';
+type TableScrollAriasType = {
+    ['aria-label']?: string;
+    ['aria-labelledby']?: string;
+};
+export interface ITableStandAloneV2 extends TableScrollAriasType {
+    styles?: TablePropsStylesTypeV2;
+    hasScrollDisabled?: boolean;
+    hasScroll?: boolean;
+    sticky?: boolean;
+    component?: string | React.ComponentType<any>;
+    dataTestId?: string;
+}
+export interface ITableV2 extends Omit<ITableStandAloneV2, 'styles' | 'hasScroll'>, Omit<CustomTokenTypes<TablePropsStylesTypeV2>, 'cts' | 'extraCt'> {
+    variant?: string;
+    autoRightStickyCalc?: boolean;
+    disableShadowEffects?: boolean;
+}
+export {};

package/dist/esm/components/tableV2/types/table.js

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

package/dist/esm/components/tableV2/types/table.js.map

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

package/dist/esm/components/tableV2/types/tableTheme.d.ts

@@ -0,0 +1,14 @@
+import { CommonStyleType, TypographyTypes } from '../../../types';
+export type TablePropsStylesTypeV2 = {
+    wrapper?: CommonStyleType;
+    scrollableContainer?: CommonStyleType;
+    leftBoxShadowContainer?: CommonStyleType;
+    rightBoxShadowContainer?: CommonStyleType;
+    container?: CommonStyleType & TypographyTypes;
+    headBoxShadow?: string;
+    leftBoxShadow?: string;
+    rightBoxShadow?: string;
+};
+export type TableStylesTypeV2<P extends string | number | symbol> = {
+    [variant in P]: TablePropsStylesTypeV2;
+};

package/dist/esm/components/tableV2/types/tableTheme.js

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

package/dist/esm/components/tableV2/types/tableTheme.js.map

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