@semcore/data-table 4.50.2-prerelease.0 → 4.51.0-prerelease.0

package/lib/types/components/DataTable/ScrollBars.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type Props = {
+    loading?: boolean;
+    withHeaderScrollBar?: boolean;
+    topOffset?: number;
+    withAnimation: boolean;
+};
+export declare class ScrollBars extends React.PureComponent<Props> {
+    render(): React.ReactNode;
+}
+export {};

package/lib/types/components/Head/Column.d.ts

@@ -0,0 +1,39 @@
+import { Component } from '@semcore/core';
+import * as React from 'react';
+import type { ColumnPropsInner, DataTableColumnProps } from './Column.types';
+import type { IFocusableCell, LockedCell } from '../../enhancers/focusableCell';
+import type { ROW_GROUP } from '../DataTable/DataTable';
+import type { DataTableData, SortDirection } from '../DataTable/DataTable.types';
+type State = {
+    sortVisible: boolean;
+};
+export declare class Column<Data extends DataTableData, UniqKey extends (Data[number] extends {
+    [ROW_GROUP]: DataTableData;
+} ? keyof Data[number][typeof ROW_GROUP][number] : keyof Data[number]), UniqKeyType extends (Data[number] extends {
+    [ROW_GROUP]: DataTableData;
+} ? Data[number][typeof ROW_GROUP][number][UniqKey] : Data[number][UniqKey])> extends Component<DataTableColumnProps, [
+], {}, ColumnPropsInner<Data, UniqKey, UniqKeyType>, State> implements IFocusableCell {
+    lockedCell: LockedCell;
+    static displayName: string;
+    static style: {
+        [key: string]: string;
+    };
+    columnRef: React.RefObject<HTMLDivElement>;
+    sortWrapperRef: React.RefObject<HTMLDivElement>;
+    state: State;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: DataTableColumnProps & ColumnPropsInner<Data, UniqKey, UniqKeyType>): void;
+    changeTemplateColumnBySort(): void;
+    calculateActiveColumnMinWidth: () => number | null;
+    get defaultDirection(): SortDirection;
+    handleMouseEnter: () => void;
+    handleMouseLeave: () => void;
+    handleBlur: (e: React.FocusEvent<HTMLElement>) => void;
+    handleSort: (e: React.SyntheticEvent<HTMLElement>) => void;
+    handleSortClick: (e: React.SyntheticEvent<HTMLElement>) => void;
+    handleFocusableCellKeyDown: (e: React.KeyboardEvent) => void;
+    handleFocusableCellFocus: (e: React.FocusEvent<HTMLElement, HTMLElement>) => void;
+    handleClick: (e: React.SyntheticEvent<HTMLElement>) => void;
+    render(): React.ReactNode;
+}
+export {};

package/lib/types/components/Head/Column.types.d.ts

@@ -0,0 +1,85 @@
+import type { Property } from 'csstype';
+import type { BodyPropsInner } from '../Body/Body.types';
+import type { DataTableCellProps } from '../Body/Cell.types';
+import type { ROW_GROUP } from '../DataTable/DataTable';
+import type { ColumnGroupConfig, ColumnItemConfig, DataTableData, DataTableProps, DTUse, SortDirection } from '../DataTable/DataTable.types';
+export type CommonColumnType = {
+    /**
+     * Name of column for mapping with data
+     */
+    name: string;
+    /**
+     * Flag to define column as sortable
+     */
+    sortable?: boolean | SortDirection;
+    /**
+     * Fixes column to some side of table
+     */
+    fixed?: 'left' | 'right';
+    /**
+     * Adds vertical border(s)
+     */
+    borders?: 'both' | 'left' | 'right';
+    /**
+     * It manages the `flex-wrap` property
+     */
+    flexWrap?: boolean;
+    /**
+     * It manages the `align-items` property
+     */
+    alignItems?: Property.AlignItems;
+    /**
+     * It manages the `align-content` property
+     */
+    alignContent?: Property.AlignContent;
+    /**
+     * CSS `justify-content` property
+     */
+    justifyContent?: Property.JustifyContent;
+    /**
+     * CSS `text-align` property
+     */
+    textAlign?: Property.TextAlign;
+};
+export type DTColumn = ColumnItemConfig & CommonColumnType & {
+    /**
+     * Width for grid-template-columns
+     */
+    gtcWidth: string;
+    parent?: DTColumn | ColumnGroupConfig;
+    columns?: DTColumn[];
+    children?: React.ReactNode | React.FC;
+    gridArea?: string;
+    showShadowVertical?: boolean;
+};
+export type DataTableColumnProps = CommonColumnType & {
+    /**
+     * Value for grid-template-columns for current column
+     */
+    gtcWidth?: string;
+    /**
+     * Flag for change column size if sorted by it
+     */
+    changeSortSize?: boolean;
+};
+export type ColumnPropsInner<Data extends DataTableData, UniqKey extends (Data[number] extends {
+    [ROW_GROUP]: DataTableData;
+} ? keyof Data[number][typeof ROW_GROUP][number] : keyof Data[number]), UniqKeyType extends (Data[number] extends {
+    [ROW_GROUP]: DataTableData;
+} ? Data[number][typeof ROW_GROUP][number][UniqKey] : Data[number][UniqKey])> = {
+    use: DTUse;
+    borders?: 'both' | 'left' | 'right';
+    sort?: DataTableProps<Data, UniqKey, UniqKeyType>['sort'];
+    onSortChange?: DataTableProps<Data, UniqKey, UniqKeyType>['onSortChange'];
+    uid: string;
+    parent?: DTColumn;
+    sortableColumnDescribeId: string;
+    columnIndex: number;
+    tableRef: React.RefObject<HTMLElement>;
+    gridTemplateColumns: string[];
+    gridTemplateAreas: string[];
+    sticky: boolean;
+    onClick: DataTableCellProps<Data, UniqKeyType>['onClick'];
+    shadowVertical?: BodyPropsInner<Data, UniqKeyType>['shadowVertical'];
+    scrollDirection?: 'horizontal' | 'vertical' | 'both';
+};

package/lib/types/components/Head/Group.d.ts

@@ -0,0 +1,15 @@
+import { Component } from '@semcore/core';
+import React from 'react';
+import type { DataTableGroupProps, GroupPropsInner } from './Group.type';
+export declare class Group extends Component<DataTableGroupProps, typeof Group.enhance, {}, GroupPropsInner> {
+    static displayName: string;
+    static style: {
+        [key: string]: string;
+    };
+    static enhance: readonly [(props: any) => {
+        uid: ReturnType<typeof import("@semcore/core/lib/utils/uniqueID").useUID>;
+    }];
+    componentDidMount(): void;
+    get groupId(): string;
+    render(): React.ReactNode;
+}

package/lib/types/components/Head/Group.type.d.ts

@@ -0,0 +1,18 @@
+import type { ReactElement } from 'react';
+import type { DataTableColumnProps, DTColumn } from './Column.types';
+import type { BodyPropsInner } from '../Body/Body.types';
+import type { DTUse } from '../DataTable/DataTable.types';
+export type DataTableGroupProps = {
+    title: React.ReactNode;
+    borders?: 'both' | 'left' | 'right';
+    fixed?: 'left' | 'right';
+    children: Array<ReactElement<DataTableColumnProps>>;
+    name?: string;
+    columns?: DTColumn[];
+};
+export type GroupPropsInner = {
+    use: DTUse;
+    withConfig: boolean;
+    getFixedStyle: (cell: Pick<DTColumn, 'name' | 'fixed'>) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];
+    shadowVertical?: BodyPropsInner<any, any>['shadowVertical'];
+};

package/lib/types/components/Head/Head.d.ts

@@ -0,0 +1,9 @@
+import { type Intergalactic } from '@semcore/core';
+import type Tooltip from '@semcore/tooltip';
+import type { DataTableColumnProps } from './Column.types';
+import type { DataTableGroupProps } from './Group.type';
+import type { DataTableHeadProps } from './Head.types';
+export declare const Head: Intergalactic.Component<"div", DataTableHeadProps> & {
+    Column: <Tag extends "div" | typeof Tooltip = "div">(props: Intergalactic.InternalTypings.ComponentProps<Tag, "div", DataTableColumnProps, {}, []>) => Intergalactic.InternalTypings.ComponentRenderingResults;
+    Group: <Tag extends "div" | typeof Tooltip = "div">(props: Intergalactic.InternalTypings.ComponentProps<Tag, "div", DataTableGroupProps, {}, []>) => Intergalactic.InternalTypings.ComponentRenderingResults;
+};

package/lib/types/components/Head/Head.types.d.ts

@@ -0,0 +1,58 @@
+import type { ColumnPropsInner, DTColumn } from './Column.types';
+import type { ISelectedRows } from '../../store/SelectableRows';
+import type { BodyPropsInner } from '../Body/Body.types';
+import type { DataTableCellProps } from '../Body/Cell.types';
+import type { DTRow } from '../Body/Row.types';
+import type { ROW_GROUP } from '../DataTable/DataTable';
+import type { DataTableData, DataTableProps, DTUse } from '../DataTable/DataTable.types';
+export type DataTableHeadProps = {
+    /**
+     * Sticky header
+     * @default false
+     */
+    sticky?: boolean;
+    /**
+     * offset for sticky header
+     */
+    top?: number;
+    /**
+     * Height of header in px
+     */
+    h?: number;
+    /** Enable scroll bar element in header */
+    withScrollBar?: boolean;
+    /** Animation duration for a top property. When it's set adds animation for top changes */
+    animationDuration?: number;
+    /** Outer ref for the header */
+    ref?: React.Ref<HTMLDivElement>;
+};
+export type HeadPropsInner<Data extends DataTableData, UniqKey extends (Data[number] extends {
+    [ROW_GROUP]: DataTableData;
+} ? keyof Data[number][typeof ROW_GROUP][number] : keyof Data[number]), UniqKeyType extends (Data[number] extends {
+    [ROW_GROUP]: DataTableData;
+} ? Data[number][typeof ROW_GROUP][number][UniqKey] : Data[number][UniqKey])> = {
+    use: DTUse;
+    tableRef: React.RefObject<HTMLElement>;
+    columns: DTColumn[];
+    treeColumns: DTColumn[];
+    compact: boolean;
+    sort?: DataTableProps<Data, UniqKey, UniqKeyType>['sort'];
+    onSortChange?: DataTableProps<Data, UniqKey, UniqKeyType>['onSortChange'];
+    getI18nText: (key: string) => string;
+    uid: string;
+    ref: React.Ref<HTMLDivElement>;
+    gridAreaGroupMap: Map<number, string>;
+    gridTemplateColumns: string[];
+    gridTemplateAreas: string[];
+    sideIndents?: 'wide';
+    totalRows: number;
+    selectedRows?: UniqKeyType[] | ISelectedRows<UniqKeyType>;
+    onChangeSelectAll?: (selectedRows: UniqKeyType[], event?: React.SyntheticEvent<HTMLElement>) => void;
+    flatRows: DTRow<UniqKeyType>[];
+    getFixedStyle: (cell: Pick<DTColumn, 'name' | 'fixed'>) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];
+    onCellClick: DataTableCellProps<Data, UniqKeyType>['onClick'];
+    shadowVertical?: BodyPropsInner<Data, UniqKeyType>['shadowVertical'];
+    scrollDirection?: ColumnPropsInner<Data, UniqKey, UniqKeyType>['scrollDirection'];
+    isDataEmpty: boolean;
+    withAnimation: boolean;
+};

package/lib/types/components/RowSelector/RowsSelector.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import type { ISelectedRows } from '../../store/SelectableRows';
+import type { Theme } from '../Body/Cell.types';
+import type { DTRow } from '../Body/Row.types';
+type RowSelectorProps<UniqKeyType> = {
+    row: DTRow<UniqKeyType>;
+    rowIndex: number;
+    gridRowIndex: number;
+    expanded: boolean;
+    withAccordion: boolean;
+    uid: string;
+    theme?: Theme;
+    isCellHidden?: boolean;
+    isAccordionRow?: boolean;
+    selectedRows?: UniqKeyType[] | ISelectedRows<UniqKeyType>;
+    onSelectRow?: (isSelect: boolean, selectedRowIndex: number, row: DTRow<UniqKeyType>, event?: React.SyntheticEvent<HTMLElement>) => void;
+    fixed?: boolean;
+};
+type State = {
+    checked: boolean;
+};
+export declare class RowSelector<UniqKeyType> extends React.PureComponent<RowSelectorProps<UniqKeyType>, State> {
+    state: State;
+    private unsubscribeToggle;
+    constructor(props: RowSelectorProps<UniqKeyType>);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    handleSelectRow: (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => void;
+    handleClickCheckbox: (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => void;
+    render(): React.JSX.Element;
+}
+export {};

package/lib/types/components/RowSelector/SRAnnouncer.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { DTRow } from '../Body/Row.types';
+type Props<UniqKey> = {
+    selectedRows: Array<UniqKey>;
+    getI18nText: (key: string) => string;
+    flatRows: DTRow<UniqKey>[];
+    data: unknown[];
+};
+export declare function SRAnnouncer<UniqKey>(props: Props<UniqKey>): React.JSX.Element;
+export {};

package/lib/types/components/RowSelector/SRReactiveAnnouncer.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ISelectedRows } from '../../store/SelectableRows';
+type Props<UniqKey> = {
+    selectedRows: ISelectedRows<UniqKey>;
+    getI18nText: (key: string) => string;
+};
+export declare function SRReactiveAnnouncer<UniqKey>(props: Props<UniqKey>): React.JSX.Element;
+export {};

package/lib/types/enhancers/focusableCell.d.ts

@@ -0,0 +1,9 @@
+import type * as React from 'react';
+export type LockedCell = [HTMLElement | null, boolean];
+export declare function handleFocusCell(lockedCell: LockedCell, target: Element, currentTarget: Element): void;
+export declare function handleKeydownFocusCell(lockedCell: LockedCell, e: React.KeyboardEvent): void;
+export interface IFocusableCell {
+    lockedCell: LockedCell;
+    handleFocusableCellKeyDown: (e: React.KeyboardEvent) => void;
+    handleFocusableCellFocus: (e: React.FocusEvent<HTMLElement, HTMLElement>) => void;
+}

package/lib/types/index.d.ts

@@ -1,2 +1,10 @@
-export { default } from './DataTable';
-export * from './DataTable';
+import type { Intergalactic } from '@semcore/core';
+import type React from 'react';
+import type { CellRenderProps } from './components/Body/Body.types';
+import { MergedRowsCell, MergedColumnsCell } from './components/Body/MergedCells';
+import { DataTable, ACCORDION, ROW_GROUP } from './components/DataTable/DataTable';
+import type { DataTableSort, DataTableType, DataTableData, DataTableProps, DataTableChangeSort, ColumnGroupConfig, ColumnItemConfig } from './components/DataTable/DataTable.types';
+import { SelectableRows } from './store/SelectableRows';
+declare const wrapDataTable: <PropsExtending extends {}>(wrapper: (props: Intergalactic.InternalTypings.UntypeRefAndTag<Intergalactic.InternalTypings.ComponentPropsNesting<DataTableType>> & PropsExtending) => React.ReactNode) => DataTableType;
+export { MergedRowsCell, MergedColumnsCell, DataTable, ACCORDION, ROW_GROUP, wrapDataTable, SelectableRows, };
+export type { DataTableSort, DataTableData, DataTableProps, DataTableChangeSort, ColumnGroupConfig, ColumnItemConfig, CellRenderProps, };

package/lib/types/store/SelectableRows.d.ts

@@ -0,0 +1,60 @@
+import EventEmitter from '@semcore/core/lib/utils/eventEmitter';
+import type { DTRow } from '../components/Body/Row.types';
+export interface ISelectedRows<UniqKeyType> {
+    /** Flag for multiple rows selection */
+    isPressedShift: boolean;
+    /** Method for set keys from data. Call it in DataTable, on data changes */
+    setAvailableKeys(keys: UniqKeyType[]): void;
+    /** Get the list of keys */
+    get(): UniqKeyType[];
+    /** Check if the row is selected */
+    isChecked(key: UniqKeyType): boolean;
+    /** Replace the list of keys.  */
+    replace(value: UniqKeyType[]): void;
+    /** Check if the key exists in selected rows */
+    has(value: UniqKeyType): boolean;
+    /** Select all handler */
+    selectAll(): void;
+    /** Clear all handler */
+    clearAll(): void;
+    /** Clear all available values (rows on current page) handler */
+    clearAllAvailable(): void;
+    /** Toggle selection of row */
+    toggle(selected: boolean, row: DTRow<UniqKeyType>): void;
+    /** Check if all rows selected */
+    isAllSelected(): boolean;
+    /** Check if at least one row selected */
+    isIndeterminate(): boolean;
+    /** Subscribe to changes */
+    on: EventEmitter<Events<UniqKeyType>>['on'];
+    /** Unsubscribe to changes */
+    off: EventEmitter<Events<UniqKeyType>>['off'];
+}
+type Events<UniqRowKeyType> = {
+    [SelectableRows.TOGGLE_EVENT]: (val: UniqRowKeyType) => void;
+    [SelectableRows.SELECT_ALL_EVENT]: () => void;
+    [SelectableRows.SET_INDETERMINATE_EVENT]: () => void;
+};
+export declare class SelectableRows<UniqRowKeyType> extends EventEmitter<Events<UniqRowKeyType>> implements ISelectedRows<UniqRowKeyType> {
+    private readonly values;
+    private availableKeys;
+    private lastSelectedRow;
+    static TOGGLE_EVENT: "toggle_selected_row";
+    static SELECT_ALL_EVENT: "select_all_selected_rows";
+    static SET_INDETERMINATE_EVENT: "set_indeterminate";
+    isPressedShift: boolean;
+    constructor(initValues?: UniqRowKeyType[]);
+    setAvailableKeys(value: UniqRowKeyType[]): void;
+    get(): UniqRowKeyType[];
+    isChecked(key: UniqRowKeyType): boolean;
+    replace(value: UniqRowKeyType[]): void;
+    has(value: UniqRowKeyType): boolean;
+    isAllSelected(): boolean;
+    isIndeterminate(): boolean;
+    selectAll(): void;
+    clearAll(): void;
+    clearAllAvailable(): void;
+    toggle(selected: boolean, row: DTRow<UniqRowKeyType>): void;
+    private toggleOneRow;
+}
+export {};

package/lib/types/translations/__intergalactic-dynamic-locales.d.ts

@@ -1,44 +1,114 @@
 export declare const localizedMessages: {
     de: {
         sortableColumn: string;
+        "DataTable.Cell.AccordionToggle.expand:aria-label": string;
+        "DataTable.Cell.AccordionToggle.collapse:aria-label": string;
+        "DataTable.Header.selectAllCheckbox:aria-label": string;
+        "DataTable.allItemsSelected:aria-live": string;
+        "DataTable.allItemsDeselected:aria-live": string;
     };
     en: {
         sortableColumn: string;
+        "DataTable.Cell.AccordionToggle.expand:aria-label": string;
+        "DataTable.Cell.AccordionToggle.collapse:aria-label": string;
+        "DataTable.Header.selectAllCheckbox:aria-label": string;
+        "DataTable.allItemsSelected:aria-live": string;
+        "DataTable.allItemsDeselected:aria-live": string;
     };
     es: {
         sortableColumn: string;
+        "DataTable.Cell.AccordionToggle.expand:aria-label": string;
+        "DataTable.Cell.AccordionToggle.collapse:aria-label": string;
+        "DataTable.Header.selectAllCheckbox:aria-label": string;
+        "DataTable.allItemsSelected:aria-live": string;
+        "DataTable.allItemsDeselected:aria-live": string;
     };
     fr: {
         sortableColumn: string;
+        "DataTable.Cell.AccordionToggle.expand:aria-label": string;
+        "DataTable.Cell.AccordionToggle.collapse:aria-label": string;
+        "DataTable.Header.selectAllCheckbox:aria-label": string;
+        "DataTable.allItemsSelected:aria-live": string;
+        "DataTable.allItemsDeselected:aria-live": string;
     };
     it: {
         sortableColumn: string;
+        "DataTable.Cell.AccordionToggle.expand:aria-label": string;
+        "DataTable.Cell.AccordionToggle.collapse:aria-label": string;
+        "DataTable.Header.selectAllCheckbox:aria-label": string;
+        "DataTable.allItemsSelected:aria-live": string;
+        "DataTable.allItemsDeselected:aria-live": string;
     };
     ja: {
         sortableColumn: string;
+        "DataTable.Cell.AccordionToggle.expand:aria-label": string;
+        "DataTable.Cell.AccordionToggle.collapse:aria-label": string;
+        "DataTable.Header.selectAllCheckbox:aria-label": string;
+        "DataTable.allItemsSelected:aria-live": string;
+        "DataTable.allItemsDeselected:aria-live": string;
     };
     ko: {
         sortableColumn: string;
+        "DataTable.Cell.AccordionToggle.expand:aria-label": string;
+        "DataTable.Cell.AccordionToggle.collapse:aria-label": string;
+        "DataTable.Header.selectAllCheckbox:aria-label": string;
+        "DataTable.allItemsSelected:aria-live": string;
+        "DataTable.allItemsDeselected:aria-live": string;
     };
     nl: {
         sortableColumn: string;
+        "DataTable.Cell.AccordionToggle.expand:aria-label": string;
+        "DataTable.Cell.AccordionToggle.collapse:aria-label": string;
+        "DataTable.Header.selectAllCheckbox:aria-label": string;
+        "DataTable.allItemsSelected:aria-live": string;
+        "DataTable.allItemsDeselected:aria-live": string;
     };
     pt: {
         sortableColumn: string;
+        "DataTable.Cell.AccordionToggle.expand:aria-label": string;
+        "DataTable.Cell.AccordionToggle.collapse:aria-label": string;
+        "DataTable.Header.selectAllCheckbox:aria-label": string;
+        "DataTable.allItemsSelected:aria-live": string;
+        "DataTable.allItemsDeselected:aria-live": string;
     };
     tr: {
         sortableColumn: string;
+        "DataTable.Cell.AccordionToggle.expand:aria-label": string;
+        "DataTable.Cell.AccordionToggle.collapse:aria-label": string;
+        "DataTable.Header.selectAllCheckbox:aria-label": string;
+        "DataTable.allItemsSelected:aria-live": string;
+        "DataTable.allItemsDeselected:aria-live": string;
     };
     vi: {
         sortableColumn: string;
+        "DataTable.Cell.AccordionToggle.expand:aria-label": string;
+        "DataTable.Cell.AccordionToggle.collapse:aria-label": string;
+        "DataTable.Header.selectAllCheckbox:aria-label": string;
+        "DataTable.allItemsSelected:aria-live": string;
+        "DataTable.allItemsDeselected:aria-live": string;
     };
     zh: {
         sortableColumn: string;
+        "DataTable.Cell.AccordionToggle.expand:aria-label": string;
+        "DataTable.Cell.AccordionToggle.collapse:aria-label": string;
+        "DataTable.Header.selectAllCheckbox:aria-label": string;
+        "DataTable.allItemsSelected:aria-live": string;
+        "DataTable.allItemsDeselected:aria-live": string;
     };
     pl: {
         sortableColumn: string;
+        "DataTable.Cell.AccordionToggle.expand:aria-label": string;
+        "DataTable.Cell.AccordionToggle.collapse:aria-label": string;
+        "DataTable.Header.selectAllCheckbox:aria-label": string;
+        "DataTable.allItemsSelected:aria-live": string;
+        "DataTable.allItemsDeselected:aria-live": string;
     };
     sv: {
         sortableColumn: string;
+        "DataTable.Cell.AccordionToggle.expand:aria-label": string;
+        "DataTable.Cell.AccordionToggle.collapse:aria-label": string;
+        "DataTable.Header.selectAllCheckbox:aria-label": string;
+        "DataTable.allItemsSelected:aria-live": string;
+        "DataTable.allItemsDeselected:aria-live": string;
     };
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/data-table",
   "description": "Semrush DataTable Component",
-  "version": "4.50.2-prerelease.0",
+  "version": "4.51.0-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,10 +14,10 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/flex-box": "5.41.4-prerelease.0",
-    "@semcore/icon": "4.62.1-prerelease.0",
-    "@semcore/scroll-area": "5.45.4-prerelease.0",
-    "@semcore/utils": "4.48.5-prerelease.0"
+    "@semcore/flex-box": "5.42.0-prerelease.0",
+    "@semcore/icon": "4.63.0-prerelease.0",
+    "@semcore/scroll-area": "5.46.0-prerelease.0",
+    "@semcore/utils": "4.49.0-prerelease.0"
   },
   "devDependencies": {
     "@types/react": "18.0.21",
@@ -37,7 +37,7 @@
     "csstype": "3.0.8"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.39.4-prerelease.0",
+    "@semcore/core": "^2.40.0-prerelease.0",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },