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

package/dist/esm/components/checkboxWithLabel/checkboxWithLabelUncontrolled.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { ICheckboxWithLabelUncontrolled } from './types';
-declare const CheckboxWithLabelUncontrolled: <V extends unknown>(props: ICheckboxWithLabelUncontrolled<V> & {
+declare const CheckboxWithLabelUncontrolled: <V extends string | unknown>(props: ICheckboxWithLabelUncontrolled<V> & {
     ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
 }) => JSX.Element;
 export { CheckboxWithLabelUncontrolled };

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IChipControlled } from './types/chip';
-declare const ChipBoundary: <V extends unknown>(props: IChipControlled<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
+declare const ChipBoundary: <V extends string | unknown>(props: IChipControlled<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
 declare const Chip: <V extends string>(props: React.PropsWithChildren<IChipControlled<V>> & {
     ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
 }) => ReturnType<typeof ChipBoundary>;

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

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import { ChipPropsStylesType } from './types';
 type IChipStyled = {
     styles?: ChipPropsStylesType;
 };
-export declare const ChipStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IChipStyled>>;
-export declare const RangeItemWrapperStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, IChipStyled>>;
-export declare const ErrorStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IChipStyled>>;
-export declare const RangeContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const ChipStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IChipStyled>> & string;
+export declare const RangeItemWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, IChipStyled>> & string;
+export declare const ErrorStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IChipStyled>> & string;
+export declare const RangeContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export {};

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IConfirmationMessage } from './types';
-declare const ConfirmationMessage: <V extends unknown>(props: IConfirmationMessage<V> & {
+declare const ConfirmationMessage: <V extends string | unknown>(props: IConfirmationMessage<V> & {
     ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
 }) => JSX.Element;
 export { ConfirmationMessage };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ALIGN_TYPE, AlignTypeConfirmationMessage } from './types';
 import { ConfirmationMessagePropsStylesType } from './types/confirmationMessageTheme';
 type DescriptionPropsStyles = {
@@ -7,13 +6,13 @@ type DescriptionPropsStyles = {
 type ConfirmationMessagePropsStyles = {
     styles?: ConfirmationMessagePropsStylesType;
 };
-export declare const ConfirmationMessageStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ConfirmationMessagePropsStyles>>;
-export declare const TitleAndDescriptionStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ConfirmationMessagePropsStyles & DescriptionPropsStyles>>;
-export declare const TitleTextStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ConfirmationMessagePropsStyles & DescriptionPropsStyles>>;
-export declare const DescriptionTextStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ConfirmationMessagePropsStyles & DescriptionPropsStyles>>;
-export declare const ContentContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ConfirmationMessagePropsStyles & DescriptionPropsStyles>>;
-export declare const FooterWrapperStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DescriptionPropsStyles>>;
-export declare const FooterStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    customFooterStyles?: ConfirmationMessagePropsStylesType | undefined;
-}>>;
+export declare const ConfirmationMessageStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ConfirmationMessagePropsStyles>> & string;
+export declare const TitleAndDescriptionStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ConfirmationMessagePropsStyles & DescriptionPropsStyles>> & string;
+export declare const TitleTextStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ConfirmationMessagePropsStyles & DescriptionPropsStyles>> & string;
+export declare const DescriptionTextStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ConfirmationMessagePropsStyles & DescriptionPropsStyles>> & string;
+export declare const ContentContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ConfirmationMessagePropsStyles & DescriptionPropsStyles>> & string;
+export declare const FooterWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DescriptionPropsStyles>> & string;
+export declare const FooterStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    customFooterStyles?: ConfirmationMessagePropsStylesType;
+}>> & string;
 export {};

package/dist/esm/components/confirmationMessage/confirmationMessageStandAlone.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable complexity */
 import * as React from 'react';
 import { ContentDirectionType, Footer } from '../../components/footer';
 import { Text } from '../../components/text';
@@ -19,7 +18,7 @@ const ConfirmationMessageStandAloneComponent = ({ align = ALIGN_TYPE.CENTER, ...
         const isTextContent = typeof props.description.content === 'string';
         return (_jsx(_Fragment, { children: isTextContent ? (_jsx(Text, { component: TextComponentType.PARAGRAPH, customTypography: props.stylesState?.description, dataTestId: `${props.dataTestId}Description`, ...props.description, children: props.description.content })) : (props.description.content) }));
     };
-    return (_jsxs(ConfirmationMessageStyled, { ref: ref, styles: props.stylesState, children: [_jsxs(TitleAndDescriptionStyled, { align: alignValue[align.toLocaleLowerCase()], styles: props.stylesState, children: [props.title && (_jsxs(TitleTextStyled, { align: alignValue[align.toLocaleLowerCase()], styles: props.stylesState, children: [props.decorativeElement?.element && (_jsx(DecorativeElement, { ...props.decorativeElement, element: buildPropsDecorativeElement(props.decorativeElement?.element, props.stylesState) })), _jsx(Text, { align: align, component: props.title?.component || TextComponentType.H2, customTypography: props.stylesState?.title, dataTestId: `${props.dataTestId}Title`, ...props.title, children: props.title.content })] })), _jsxs(DescriptionTextStyled, { align: alignValue[align.toLocaleLowerCase()], styles: props.stylesState, children: [buildDescription(), _jsx(Text, { component: TextComponentType.PARAGRAPH, customTypography: props.stylesState?.secondaryDescription, dataTestId: `${props.dataTestId}SecondaryDescription`, ...props.secondaryDescription, children: props.secondaryDescription?.content })] })] }), props.content && (_jsx(ContentContainerStyled, { align: alignValue[align.toLocaleLowerCase()], styles: props.stylesState, children: props.content })), props.footer?.content && footerVariant && (_jsx(FooterWrapperStyled, { align: alignValue[align.toLocaleLowerCase()], children: _jsx(FooterStyled, { as: Footer, contentDirection: alignValue[align.toLocaleLowerCase()] === ALIGN_TYPE.CENTER
+    return (_jsxs(ConfirmationMessageStyled, { ref: ref, styles: props.stylesState, children: [_jsxs(TitleAndDescriptionStyled, { align: alignValue[align.toLocaleLowerCase()], "data-testid": `${props.dataTestId}TitleAndDescriptionContainer`, styles: props.stylesState, children: [props.title && (_jsxs(TitleTextStyled, { align: alignValue[align.toLocaleLowerCase()], "data-testid": `${props.dataTestId}TitleContainer`, styles: props.stylesState, children: [props.decorativeElement?.element && (_jsx(DecorativeElement, { ...props.decorativeElement, dataTestId: `${props.dataTestId}DecorativeElement`, element: buildPropsDecorativeElement(props.decorativeElement?.element, props.stylesState) })), _jsx(Text, { align: align, component: props.title?.component || TextComponentType.H2, customTypography: props.stylesState?.title, dataTestId: `${props.dataTestId}Title`, ...props.title, children: props.title.content })] })), _jsxs(DescriptionTextStyled, { align: alignValue[align.toLocaleLowerCase()], "data-testid": `${props.dataTestId}DescriptionContainer`, styles: props.stylesState, children: [buildDescription(), _jsx(Text, { component: TextComponentType.PARAGRAPH, customTypography: props.stylesState?.secondaryDescription, dataTestId: `${props.dataTestId}SecondaryDescription`, ...props.secondaryDescription, children: props.secondaryDescription?.content })] })] }), props.content && (_jsx(ContentContainerStyled, { align: alignValue[align.toLocaleLowerCase()], "data-testid": `${props.dataTestId}Content`, styles: props.stylesState, children: props.content })), props.footer?.content && footerVariant && (_jsx(FooterWrapperStyled, { align: alignValue[align.toLocaleLowerCase()], children: _jsx(FooterStyled, { as: Footer, contentDirection: alignValue[align.toLocaleLowerCase()] === ALIGN_TYPE.CENTER
                         ? ContentDirectionType.VERTICAL
                         : ContentDirectionType.HORIZONTAL, customFooterStyles: props.stylesState, dataTestId: `${props.dataTestId}Navbar`, forceVertical: alignValue[align.toLocaleLowerCase()] === ALIGN_TYPE.CENTER, variant: footerVariant, ...props.footer, children: props.footer.content }) }))] }));
 };

package/dist/esm/components/confirmationMessage/confirmationMessageStandAlone.js.map

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

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { ContainerPropsStylesType } from './types';
 type ContainerPropsStyles = {
     styles: ContainerPropsStylesType;
 };
-export declare const ParentContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerPropsStyles>>;
-export declare const HeaderStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerPropsStyles>>;
-export declare const ContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerPropsStyles>>;
+export declare const ParentContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerPropsStyles>> & string;
+export declare const HeaderStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerPropsStyles>> & string;
+export declare const ContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerPropsStyles>> & string;
 export {};

package/dist/esm/components/container/containerStandAlone.d.ts

@@ -11,5 +11,5 @@ import { IContainerStandAlone } from './types';
  * @returns {JSX.Element} - The JSX element representing the container component.
  */
 export declare const ContainerStandAlone: React.ForwardRefExoticComponent<IContainerStandAlone & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IText } from '../../../components/text';
 import { CustomTokenTypes } from '../../../types';
 import { ContainerPropsStylesType } from './containerTheme';

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ICssAnimationStyled } from './types/cssAnimation';
-export declare const CssAnimationContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ICssAnimationStyled>>;
+export declare const CssAnimationContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ICssAnimationStyled>> & string;

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

@@ -0,0 +1,14 @@
+import { DataTableColumnType, DataTableTableHeadConfigType, DataTableTableRowConfigType } from '../types';
+interface IDataTableHead {
+    hidden?: boolean;
+    sticky?: boolean;
+    columns?: DataTableColumnType[];
+    tableHeadConfig?: DataTableTableHeadConfigType;
+    tableHeadRowConfig?: DataTableTableRowConfigType;
+    tableHeadVariant?: string;
+    tableHeadRowVariant?: string;
+    tableHeadCellVariant?: string;
+    usingRowGroups?: boolean;
+}
+export declare const DataTableHead: ({ hidden, columns, sticky, tableHeadConfig, tableHeadRowConfig, tableHeadVariant, tableHeadRowVariant, tableHeadCellVariant, usingRowGroups, }: IDataTableHead) => JSX.Element;
+export {};

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TableCell } from '../../../components/tableCell';
+import { TableHead } from '../../../components/tableHead';
+import { TableRow } from '../../../components/tableRow';
+import { applyGridToRow } from '../utils';
+export const DataTableHead = ({ hidden, columns, sticky, tableHeadConfig, tableHeadRowConfig, tableHeadVariant, tableHeadRowVariant, tableHeadCellVariant, usingRowGroups, }) => {
+    const rowConfig = usingRowGroups
+        ? applyGridToRow({ rowConfig: tableHeadRowConfig, columns })
+        : tableHeadRowConfig;
+    return (_jsx(TableHead, { component: usingRowGroups ? 'div' : undefined, hidden: hidden, sticky: sticky, variant: tableHeadVariant, ...tableHeadConfig, children: _jsx(TableRow, { component: usingRowGroups ? 'div' : undefined, hoverable: false, variant: tableHeadRowVariant, ...rowConfig, children: columns?.map(column => {
+                const value = column.headerContent;
+                if (value && typeof value === 'object' && 'complex' in value) {
+                    return (_jsx(TableCell
+                    // Do not apply width and minWidth when using row groups
+                    // They will be applied in the display grid of the row
+                    , { th: true, component: usingRowGroups ? 'div' : undefined, hidden: column.hidden, maxWidth: usingRowGroups ? undefined : column.maxWidth, minWidth: usingRowGroups ? undefined : column.minWidth, scope: "col", sticky: column.sticky, textAlign: column.textAlign, variant: tableHeadCellVariant, width: usingRowGroups ? undefined : column.width, ...value.complex, children: value.complex?.content }, column.field));
+                }
+                return (_jsx(TableCell
+                // Do not apply width and minWidth when using row groups
+                // They will be applied in the display grid of the row
+                , { th: true, component: usingRowGroups ? 'div' : undefined, hidden: column.hidden, maxWidth: usingRowGroups ? undefined : column.maxWidth, minWidth: usingRowGroups ? undefined : column.minWidth, scope: "col", sticky: column.sticky, textAlign: column.textAlign, variant: tableHeadCellVariant, width: usingRowGroups ? undefined : column.width, children: value }, column.field));
+            }) }) }));
+};
+//# sourceMappingURL=dataTableHead.js.map

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

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

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

@@ -0,0 +1,14 @@
+import { DataTableColumnType, DataTableRowType } from '../types';
+interface IDataTableRows {
+    columns?: DataTableColumnType[];
+    rows?: DataTableRowType[];
+    activeRows?: string[];
+    hoverable?: boolean;
+    hoverableRows?: string[];
+    nonHoverableRows?: string[];
+    tableBodyRowVariant?: string;
+    tableBodyCellVariant?: string;
+    usingRowGroups?: boolean;
+}
+export declare const DataTableRows: ({ rows, columns, activeRows, hoverable, hoverableRows, nonHoverableRows, tableBodyRowVariant, tableBodyCellVariant, usingRowGroups, }: IDataTableRows) => JSX.Element;
+export {};

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { TableCell } from '../../../components/tableCell';
+import { TableRow } from '../../../components/tableRow';
+import { applyGridToRow, isRowHoverable } from '../utils';
+export const DataTableRows = ({ rows, columns, activeRows, hoverable, hoverableRows, nonHoverableRows, tableBodyRowVariant, tableBodyCellVariant, usingRowGroups, }) => {
+    return (_jsx(_Fragment, { children: rows?.map((row, index) => {
+            const rowConfig = usingRowGroups
+                ? applyGridToRow({
+                    rowConfig: row?.config,
+                    columns,
+                })
+                : row?.config;
+            return (_jsx(TableRow, { active: Boolean(row.id && activeRows?.includes(row.id)), hoverable: isRowHoverable({ row, hoverable, hoverableRows, nonHoverableRows }), variant: tableBodyRowVariant, ...rowConfig, children: columns?.map(column => {
+                    const value = column.valueGetter
+                        ? column.valueGetter(row[column.field], row)
+                        : row[column.field];
+                    if (value && typeof value === 'object' && 'complex' in value) {
+                        return (_jsx(TableCell
+                        // Do not apply width and minWidth when using row groups
+                        // They will be applied in the display grid of the row
+                        , { maxWidth: usingRowGroups ? undefined : column.maxWidth, minWidth: usingRowGroups ? undefined : column.minWidth, sticky: column.sticky, textAlign: column.valueTextAlign ?? column.textAlign, variant: tableBodyCellVariant, width: usingRowGroups ? undefined : column.width, ...value.complex, children: value.complex?.content }, column.field));
+                    }
+                    return (_jsx(TableCell
+                    // Do not apply width and minWidth when using row groups
+                    // They will be applied in the display grid of the row
+                    , { maxWidth: usingRowGroups ? undefined : column.maxWidth, minWidth: usingRowGroups ? undefined : column.minWidth, sticky: column.sticky, textAlign: column.valueTextAlign ?? column.textAlign, variant: tableBodyCellVariant, width: usingRowGroups ? undefined : column.width, children: value }, column.field));
+                }) }, row.id ?? index));
+        }) }));
+};
+//# sourceMappingURL=dataTableRows.js.map

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

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

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

@@ -0,0 +1,9 @@
+import { DataTableColumnType } from '../types';
+interface IHiddenDataTableHead {
+    columns?: DataTableColumnType[];
+    tableHeadVariant?: string;
+    tableHeadRowVariant?: string;
+    tableHeadCellVariant?: string;
+}
+export declare const HiddenDataTableHead: ({ columns, tableHeadVariant, tableHeadRowVariant, tableHeadCellVariant, }: IHiddenDataTableHead) => JSX.Element;
+export {};

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TableCell } from '../../../components/tableCell';
+import { TableHead } from '../../../components/tableHead';
+import { TableRow } from '../../../components/tableRow';
+export const HiddenDataTableHead = ({ columns, tableHeadVariant, tableHeadRowVariant, tableHeadCellVariant, }) => {
+    return (_jsx(TableHead, { hidden: true, variant: tableHeadVariant, children: _jsx(TableRow, { variant: tableHeadRowVariant, children: columns?.map(column => {
+                let value = column.headerHiddenContent;
+                if (!value) {
+                    const headerContent = column.headerContent;
+                    if (headerContent && typeof headerContent === 'object' && 'complex' in headerContent) {
+                        value = headerContent.complex?.content;
+                    }
+                    else {
+                        value = headerContent;
+                    }
+                }
+                return (_jsx(TableCell, { th: true, scope: "col", variant: tableHeadCellVariant, children: value }, column.field));
+            }) }) }));
+};
+//# sourceMappingURL=hiddenDataTableHead.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hiddenDataTableHead.js","sourceRoot":"","sources":["../../../../../src/components/dataTable/components/hiddenDataTableHead.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAWjD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,OAAO,EACP,gBAAgB,EAChB,mBAAmB,EACnB,oBAAoB,GACC,EAAe,EAAE;IACtC,OAAO,CACL,KAAC,SAAS,IAAC,MAAM,QAAC,OAAO,EAAE,gBAAgB,YACzC,KAAC,QAAQ,IAAC,OAAO,EAAE,mBAAmB,YACnC,OAAO,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE;gBACrB,IAAI,KAAK,GAAoB,MAAM,CAAC,mBAAmB,CAAC;gBACxD,IAAI,CAAC,KAAK,EAAE,CAAC;oBACX,MAAM,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC;oBAC3C,IAAI,aAAa,IAAI,OAAO,aAAa,KAAK,QAAQ,IAAI,SAAS,IAAI,aAAa,EAAE,CAAC;wBACrF,KAAK,GAAG,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC;oBACzC,CAAC;yBAAM,CAAC;wBACN,KAAK,GAAG,aAAgC,CAAC;oBAC3C,CAAC;gBACH,CAAC;gBACD,OAAO,CACL,KAAC,SAAS,IAAoB,EAAE,QAAC,KAAK,EAAC,KAAK,EAAC,OAAO,EAAE,oBAAoB,YACvE,KAAK,IADQ,MAAM,CAAC,KAAK,CAEhB,CACb,CAAC;YACJ,CAAC,CAAC,GACO,GACD,CACb,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './dataTableRows';
+export * from './dataTableHead';
+export * from './hiddenDataTableHead';

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

@@ -0,0 +1,4 @@
+export * from './dataTableRows';
+export * from './dataTableHead';
+export * from './hiddenDataTableHead';
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { STYLES_NAME } from '../../constants';
+import { useStylesV2 } from '../../hooks';
+import { DataTableStandAlone } from './dataTableStandAlone';
+import { useDataTableHasScroll, useDataTableShadow, useDataTableStickyColumns } from './hooks';
+const DataTableComponent = ({ variant, ctv, ...props }, ref) => {
+    const styles = useStylesV2({
+        styleName: STYLES_NAME.DATA_TABLE,
+        variantName: variant,
+        customTokens: ctv,
+        isOptional: true,
+    });
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => innerRef.current, []);
+    // Indicates if the data-table has scroll in order to add accesibility aria props
+    const { hasScroll } = useDataTableHasScroll({ ref: innerRef });
+    // Set column sticky if data table has horizontal scroll
+    useDataTableStickyColumns({ ref: innerRef });
+    // Set shadow when scrolling
+    useDataTableShadow({
+        ref: innerRef,
+        headBoxShadow: styles?.headBoxShadow,
+        leftBoxShadow: styles?.leftBoxShadow,
+        rightBoxShadow: styles?.rightBoxShadow,
+    });
+    return _jsx(DataTableStandAlone, { ref: innerRef, hasScroll: hasScroll, styles: styles, ...props });
+};
+export const DataTable = React.forwardRef(DataTableComponent);
+//# sourceMappingURL=dataTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dataTable.js","sourceRoot":"","sources":["../../../../src/components/dataTable/dataTable.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,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAG/F,MAAM,kBAAkB,GAAG,CACzB,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAAc,EACtC,GAAuC,EACvC,EAAE;IACF,MAAM,MAAM,GAAG,WAAW,CAA2B;QACnD,SAAS,EAAE,WAAW,CAAC,UAAU;QACjC,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,iFAAiF;IACjF,MAAM,EAAE,SAAS,EAAE,GAAG,qBAAqB,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC/D,wDAAwD;IACxD,yBAAyB,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC7C,4BAA4B;IAC5B,kBAAkB,CAAC;QACjB,GAAG,EAAE,QAAQ;QACb,aAAa,EAAE,MAAM,EAAE,aAAa;QACpC,aAAa,EAAE,MAAM,EAAE,aAAa;QACpC,cAAc,EAAE,MAAM,EAAE,cAAc;KACvC,CAAC,CAAC;IAEH,OAAO,KAAC,mBAAmB,IAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAAC;AACjG,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC"}

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

@@ -0,0 +1,13 @@
+import { DataTablePropsStylesType } from './types';
+export declare const WrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $styles?: DataTablePropsStylesType;
+}>> & string;
+export declare const ScrollableContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $styles?: DataTablePropsStylesType;
+}>> & 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?: DataTablePropsStylesType;
+}>> & 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?: DataTablePropsStylesType;
+}>> & string;

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 {};