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

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/divider/divider.styled.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import { DividerEmbebed, DividerVariantStylesProps } from './types';
 interface IDividerStyled {
     styles: DividerVariantStylesProps;
 }
-export declare const DividerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IDividerStyled & {
-    embebed?: DividerEmbebed | undefined;
-}>>;
-export declare const DividerRowStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IDividerStyled>>;
-export declare const DividerRowLabelIconGroupStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IDividerStyled>>;
+export declare const DividerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IDividerStyled & {
+    embebed?: DividerEmbebed;
+}>> & string;
+export declare const DividerRowStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IDividerStyled>> & string;
+export declare const DividerRowLabelIconGroupStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IDividerStyled>> & string;
 export {};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IElementOrIcon } from '../../../components/elementOrIcon';
 import { IText } from '../../../components/text';
 import { ITooltipUnControlled } from '../../../components/tooltip/types';

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IDot } from './types/dot';
 declare const DotBoundary: <V = string | undefined, S = string | undefined>(props: IDot<V, S>, ref?: React.ForwardedRef<HTMLSpanElement> | undefined | null) => JSX.Element;
-declare const Dot: <V = string | undefined, S = string | undefined>(props: React.PropsWithChildren<IDot<V, S>> & {
+declare const Dot: <V = undefined extends string | unknown ? string | undefined : string | unknown, S = undefined extends string | unknown ? string | undefined : string | unknown>(props: React.PropsWithChildren<IDot<V, S>> & {
     ref?: React.ForwardedRef<HTMLSpanElement> | undefined | null;
 }) => ReturnType<typeof DotBoundary>;
 /**

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CustomTokenTypes } from '../../../types';
 import { DotSizePropsType, DotVariantStylesType } from './dotTheme';
 /**

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DrawerDeviceStyleType, DrawerLevelPositionTypes, DrawerVariantPositionTypes } from './types';
 type DrawerStylesType = {
     level?: DrawerLevelPositionTypes;
@@ -6,12 +5,12 @@ type DrawerStylesType = {
     position?: DrawerVariantPositionTypes;
     blocked?: boolean;
 };
-export declare const DrawerTitleContentFooterContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DrawerStylesType>>;
-export declare const DrawerTitleStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const DrawerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DrawerStylesType>>;
-export declare const DrawerNavigationStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DrawerStylesType>>;
-export declare const DrawerContentStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DrawerStylesType>>;
-export declare const DrawerFooterStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const DrawerTitleContentFooterContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DrawerStylesType>> & string;
+export declare const DrawerTitleStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DrawerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DrawerStylesType>> & string;
+export declare const DrawerNavigationStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DrawerStylesType>> & string;
+export declare const DrawerContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DrawerStylesType>> & string;
+export declare const DrawerFooterStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     customFooterStyles: DrawerDeviceStyleType;
-}>>;
+}>> & string;
 export {};

package/dist/esm/components/drawer/drawerControlled.d.ts

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

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

@@ -1,19 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable complexity */
 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 { ROLES } from '../../types';
 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, "aria-label": typeof props.title?.content === 'string' ? props.title.content : undefined, as: Text, component: DrawerTitleComponentType.H3, customTypography: props.styles.title, dataTestId: `${titleIdFinal}Title`, id: titleIdFinal, role: ROLES.NAVIGATION, ...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

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

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

package/dist/esm/components/drawer/drawerUnControlled.d.ts

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

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

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { IElementOrIcon } from '../../../components/elementOrIcon';
 import { IFooter } from '../../../components/footer';
 import { IPopoverControlled } from '../../../components/popover';
-import { IText } from '../../../components/text';
+import { IText, TextComponentType } from '../../../components/text';
 import { CustomTokenTypes } from '../../../types';
 import { DeviceBreakpointsType } from '../../../types/breakpoints';
 import { DrawerDeviceStyleType, DrawerVariantStylesType } from './drawerTheme';
@@ -21,6 +21,7 @@ export interface IDrawerStandAlone {
     footer?: DrawerFooterType;
     closeIcon?: IElementOrIcon;
     title?: DrawerTextType;
+    titleComponent?: TextComponentType | string;
     open: boolean;
     level: DrawerLevelPositionTypes;
     dataTestId?: string;

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

@@ -1,12 +1,11 @@
-/// <reference types="react" />
 import { DropdownSelectedPropsStylesType } from './types';
 type DropdrownSelectedPropsStyles = {
     styles?: DropdownSelectedPropsStylesType;
     $rotate?: boolean;
 };
-export declare const DropdrownSelectedContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DropdrownSelectedPropsStyles>>;
-export declare const ButtonOrLinkContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, DropdrownSelectedPropsStyles>>;
-export declare const ListOptionsContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DropdrownSelectedPropsStyles>>;
-export declare const PopoverContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const ParentButtonContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const DropdrownSelectedContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DropdrownSelectedPropsStyles>> & string;
+export declare const ButtonOrLinkContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, DropdrownSelectedPropsStyles>> & string;
+export declare const ListOptionsContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DropdrownSelectedPropsStyles>> & string;
+export declare const PopoverContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ParentButtonContainerStyled: 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/dropdownSelected/dropdownSelectedControlled.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IIcon } from '../../../components/icon/types';
 /**
  * @name IElementOrIcon

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IIllustration } from '../../illustration';
 /**
  * @name IElementOrillustration

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

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