@semcore/data-table 16.0.2 → 16.0.3-prerelease.0

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -6,12 +6,12 @@ import it from "./it.json.mjs";
 import ja from "./ja.json.mjs";
 import ko from "./ko.json.mjs";
 import nl from "./nl.json.mjs";
+import pl from "./pl.json.mjs";
 import pt from "./pt.json.mjs";
+import sv from "./sv.json.mjs";
 import tr from "./tr.json.mjs";
 import vi from "./vi.json.mjs";
 import zh from "./zh.json.mjs";
-import pl from "./pl.json.mjs";
-import sv from "./sv.json.mjs";
 var localizedMessages = {
   de,
   en,

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

@@ -1,8 +1,8 @@
-import { Component, Intergalactic } from '@semcore/core';
-import { DataTableBodyProps } from './Body.types';
-import { DataTableRowProps } from './Row.types';
-import { DataTableCellProps } from './Cell.types';
-export declare const Body: (<Tag extends Intergalactic.InternalTypings.ComponentTag = "div", Props extends DataTableBodyProps = DataTableBodyProps>(props: Intergalactic.InternalTypings.ComponentProps<Tag, "div", Props, {}, never[]>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<"div", Intergalactic.InternalTypings.ComponentTag, DataTableBodyProps, {}, never[]> & {
-    Row: Intergalactic.Component<'div', DataTableRowProps>;
-    Cell: Intergalactic.Component<'div', DataTableCellProps>;
+import { type Intergalactic } from '@semcore/core';
+import type { DataTableBodyProps } from './Body.types';
+import type { DataTableCellProps } from './Cell.types';
+import type { DataTableRowProps } from './Row.types';
+export declare const Body: Intergalactic.Component<"div", DataTableBodyProps> & {
+    Row: Intergalactic.Component<"div", DataTableRowProps>;
+    Cell: Intergalactic.Component<"div", DataTableCellProps>;
 };

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { DTRow } from './Row.types';
-import { DTColumn } from '../Head/Column.types';
-import { DTUse, VirtualScroll } from '../DataTable/DataTable.types';
-import { Theme } from './Cell.types';
+import type { Theme } from './Cell.types';
+import type { DTRow } from './Row.types';
+import type { DTUse, VirtualScroll } from '../DataTable/DataTable.types';
+import type { DTColumn } from '../Head/Column.types';
 export type CellRenderProps = {
     dataKey: string;
     row: DTRow;

package/lib/types/components/Body/Cell.types.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import { DTRow, DTRows } from './Row.types';
-import { DTUse } from '../DataTable/DataTable.types';
-import { DTColumn } from '../Head/Column.types';
+import type { DTRow, DTRows } from './Row.types';
+import type { DTUse } from '../DataTable/DataTable.types';
+import type { DTColumn } from '../Head/Column.types';
 export type Theme = 'muted' | 'info' | 'success' | 'warning' | 'danger';
 export type DataTableCellProps = {
     id: string;

package/lib/types/components/Body/MergedCells.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { DataTableData } from '../DataTable/DataTable.types';
+import type { DataTableData } from '../DataTable/DataTable.types';
 export declare class MergedRowsCell {
     readonly value: any;
     readonly rowsCount: number;

package/lib/types/components/Body/Row.types.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-import { DTValue, DTUse, DataTableData } from '../DataTable/DataTable.types';
-import { DTColumn } from '../Head/Column.types';
-import { MergedColumnsCell, MergedRowsCell } from './MergedCells';
-import { ACCORDION, ROW_GROUP, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';
-import { DataTableCellProps } from './Cell.types';
+import type { DataTableCellProps } from './Cell.types';
+import type { MergedColumnsCell, MergedRowsCell } from './MergedCells';
+import type { ACCORDION, ROW_GROUP, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';
+import type { DTValue, DTUse, DataTableData } from '../DataTable/DataTable.types';
+import type { DTColumn } from '../Head/Column.types';
 export type UniqRowKey = string;
 export type DTRow = {
     [UNIQ_ROW_KEY]: UniqRowKey;

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

@@ -1,13 +1,13 @@
-import { DataTableProps, DataTableData, DataTableType } from './DataTable.types';
-import { Head } from '../Head/Head';
+import type { DataTableType } from './DataTable.types';
 import { Body } from '../Body/Body';
+import { Head } from '../Head/Head';
 export declare const ACCORDION: unique symbol;
 export declare const ROW_GROUP: unique symbol;
 export declare const UNIQ_ROW_KEY: unique symbol;
 export declare const SELECT_ALL: unique symbol;
 export declare const ROW_INDEX: unique symbol;
 export declare const DataTable: DataTableType;
-export declare const DataTableInternal: (<Data extends DataTableData, Tag extends import("@semcore/core").Intergalactic.InternalTypings.ComponentTag = "div">(props: import("@semcore/core").Intergalactic.InternalTypings.EfficientOmit<import("@semcore/core").Intergalactic.InternalTypings.ComponentProps<Tag, "div", DataTableProps<Data>, never, never[]>, "tag" | "children">) => import("@semcore/core").Intergalactic.InternalTypings.ComponentRenderingResults) & import("@semcore/core").Intergalactic.InternalTypings.ComponentAdditive<"div", "div", DataTableProps<any>, {}, {}> & {
+export declare const DataTableInternal: DataTableType & {
     Head: typeof Head;
     Body: typeof Body;
 };

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

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-import { Intergalactic } from '@semcore/core';
-import { BoxProps } from '@semcore/base-components';
-import { ACCORDION, ROW_GROUP, UNIQ_ROW_KEY } from './DataTable';
-import { DataTableColumnProps } from '../Head/Column.types';
-import { DataTableBodyProps } from '../Body/Body.types';
-import Tooltip from '@semcore/tooltip';
-import { DTRow } from '../Body/Row.types';
+import type { BoxProps } from '@semcore/base-components';
+import type { Intergalactic } from '@semcore/core';
+import type Tooltip from '@semcore/tooltip';
+import type { ACCORDION, ROW_GROUP, UNIQ_ROW_KEY } from './DataTable';
+import type { DataTableBodyProps } from '../Body/Body.types';
+import type { DTRow } from '../Body/Row.types';
+import type { DataTableColumnProps } from '../Head/Column.types';
 /**
  * Datatable must have an accessible name (aria-table-name).
  * It should describe table content.
@@ -13,7 +12,7 @@ import { DTRow } from '../Body/Row.types';
 export type DataTableAriaProps = Intergalactic.RequireAtLeastOne<{
     'aria-label'?: string;
     'aria-labelledby'?: string;
-    title?: string;
+    'title'?: string;
 }>;
 export type SortDirection = 'asc' | 'desc';
 export type DataTableSort<Column> = [sortBy: Column, sortDirection: SortDirection];

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
 import { Component } from '@semcore/core';
-import { ColumnPropsInner, DataTableColumnProps } from './Column.types';
+import * as React from 'react';
+import type { ColumnPropsInner, DataTableColumnProps } from './Column.types';
 import type { DataTableData, SortDirection } from '../DataTable/DataTable.types';
 type State = {
     sortVisible: boolean;

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { ColumnGroupConfig, ColumnItemConfig, DataTableData, DataTableProps, DTUse, SortDirection } from '../DataTable/DataTable.types';
 import type { Property } from 'csstype';
+import type { ColumnGroupConfig, ColumnItemConfig, DataTableData, DataTableProps, DTUse, SortDirection } from '../DataTable/DataTable.types';
 export type CommonColumnType = {
     /**
      * Name of column for mapping with data

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

@@ -1,13 +1,13 @@
-import * as React from 'react';
 import { Component } from '@semcore/core';
-import { DataTableGroupProps, GroupPropsInner } from './Group.type';
+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: string;
+        uid: ReturnType<typeof import("@semcore/core/lib/utils/uniqueID").useUID>;
     }];
     componentDidMount(): void;
     get groupId(): string;

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

@@ -1,6 +1,6 @@
-import { DTUse } from '../DataTable/DataTable.types';
-import { ReactElement } from 'react';
-import { DataTableColumnProps, DTColumn } from './Column.types';
+import type { ReactElement } from 'react';
+import type { DataTableColumnProps, DTColumn } from './Column.types';
+import type { DTUse } from '../DataTable/DataTable.types';
 export type DataTableGroupProps = {
     title: React.ReactNode;
     borders?: 'both' | 'left' | 'right';

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

@@ -1,98 +1,9 @@
-import * as React from 'react';
-import { Intergalactic } from '@semcore/core';
-import { DataTableHeadProps } from './Head.types';
+import { type Intergalactic } from '@semcore/core';
 import type Tooltip from '@semcore/tooltip';
-import { DataTableColumnProps } from './Column.types';
-import { DataTableGroupProps } from './Group.type';
-export declare const Head: (<Tag extends Intergalactic.InternalTypings.ComponentTag = "div", Props extends DataTableHeadProps = DataTableHeadProps>(props: Intergalactic.InternalTypings.ComponentProps<Tag, "div", Props, {}, never[]>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<"div", Intergalactic.InternalTypings.ComponentTag, DataTableHeadProps, {}, never[]> & {
-    Column: <Tag_1 extends "div" | ((<Tag_2 extends Intergalactic.InternalTypings.ComponentTag = "div", Props_1 extends import("@semcore/tooltip").TooltipProps = import("@semcore/tooltip").TooltipProps>(props: Intergalactic.InternalTypings.ComponentProps<Tag_2, "div", Props_1, import("@semcore/base-components").PopperContext, never[]>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<"div", Intergalactic.InternalTypings.ComponentTag, import("@semcore/tooltip").TooltipProps, import("@semcore/base-components").PopperContext, never[]> & {
-        Trigger: Intergalactic.Component<"div", import("@semcore/base-components").PopperTriggerProps, import("@semcore/tooltip").TooltipTriggerContext, never[]>;
-        Popper: Intergalactic.Component<"div", Intergalactic.InternalTypings.EfficientOmit<import("@semcore/base-components").PopperProps, "interaction"> & import("@semcore/core").StyledProps & {
-            display?: import("csstype").Property.Display | undefined;
-            inline?: boolean | undefined;
-            boxSizing?: boolean | "border-box" | undefined;
-            flex?: import("csstype").Property.Flex<string> | undefined;
-            m?: string | number | undefined;
-            mt?: string | number | undefined;
-            mr?: string | number | undefined;
-            mb?: string | number | undefined;
-            ml?: string | number | undefined;
-            mx?: string | number | undefined;
-            my?: string | number | undefined;
-            p?: string | number | undefined;
-            pt?: string | number | undefined;
-            pr?: string | number | undefined;
-            pb?: string | number | undefined;
-            pl?: string | number | undefined;
-            px?: string | number | undefined;
-            py?: string | number | undefined;
-            w?: string | number | undefined;
-            wMin?: string | number | undefined;
-            wMax?: string | number | undefined;
-            h?: string | number | undefined;
-            hMin?: string | number | undefined;
-            hMax?: string | number | undefined;
-            scaleIndent?: number | undefined;
-            innerOutline?: boolean | undefined;
-            css?: React.CSSProperties | undefined;
-            position?: import("csstype").Property.Position | undefined;
-            top?: string | number | undefined;
-            left?: string | number | undefined;
-            bottom?: string | number | undefined;
-            right?: string | number | undefined;
-            zIndex?: number | undefined;
-            children?: React.ReactNode;
-        } & {
-            disableEnforceFocus?: boolean | undefined;
-        } & {
-            title?: React.ReactNode;
-            theme?: "default" | "warning" | "invert" | undefined;
-            interaction?: "none" | "hover" | "click" | "focus" | import("@semcore/base-components").eventInteraction | undefined;
-        } & import("@semcore/tooltip").ArrowCustom, import("@semcore/base-components").PopperContext, never[]>;
-    }) = "div">(props: Intergalactic.InternalTypings.ComponentProps<Tag_1, "div", DataTableColumnProps, {}, []>) => Intergalactic.InternalTypings.ComponentRenderingResults;
-    Group: <Tag_3 extends "div" | ((<Tag_2 extends Intergalactic.InternalTypings.ComponentTag = "div", Props_1 extends import("@semcore/tooltip").TooltipProps = import("@semcore/tooltip").TooltipProps>(props: Intergalactic.InternalTypings.ComponentProps<Tag_2, "div", Props_1, import("@semcore/base-components").PopperContext, never[]>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<"div", Intergalactic.InternalTypings.ComponentTag, import("@semcore/tooltip").TooltipProps, import("@semcore/base-components").PopperContext, never[]> & {
-        Trigger: Intergalactic.Component<"div", import("@semcore/base-components").PopperTriggerProps, import("@semcore/tooltip").TooltipTriggerContext, never[]>;
-        Popper: Intergalactic.Component<"div", Intergalactic.InternalTypings.EfficientOmit<import("@semcore/base-components").PopperProps, "interaction"> & import("@semcore/core").StyledProps & {
-            display?: import("csstype").Property.Display | undefined;
-            inline?: boolean | undefined;
-            boxSizing?: boolean | "border-box" | undefined;
-            flex?: import("csstype").Property.Flex<string> | undefined;
-            m?: string | number | undefined;
-            mt?: string | number | undefined;
-            mr?: string | number | undefined;
-            mb?: string | number | undefined;
-            ml?: string | number | undefined;
-            mx?: string | number | undefined;
-            my?: string | number | undefined;
-            p?: string | number | undefined;
-            pt?: string | number | undefined;
-            pr?: string | number | undefined;
-            pb?: string | number | undefined;
-            pl?: string | number | undefined;
-            px?: string | number | undefined;
-            py?: string | number | undefined;
-            w?: string | number | undefined;
-            wMin?: string | number | undefined;
-            wMax?: string | number | undefined;
-            h?: string | number | undefined;
-            hMin?: string | number | undefined;
-            hMax?: string | number | undefined;
-            scaleIndent?: number | undefined;
-            innerOutline?: boolean | undefined;
-            css?: React.CSSProperties | undefined;
-            position?: import("csstype").Property.Position | undefined;
-            top?: string | number | undefined;
-            left?: string | number | undefined;
-            bottom?: string | number | undefined;
-            right?: string | number | undefined;
-            zIndex?: number | undefined;
-            children?: React.ReactNode;
-        } & {
-            disableEnforceFocus?: boolean | undefined;
-        } & {
-            title?: React.ReactNode;
-            theme?: "default" | "warning" | "invert" | undefined;
-            interaction?: "none" | "hover" | "click" | "focus" | import("@semcore/base-components").eventInteraction | undefined;
-        } & import("@semcore/tooltip").ArrowCustom, import("@semcore/base-components").PopperContext, never[]>;
-    }) = "div">(props: Intergalactic.InternalTypings.ComponentProps<Tag_3, "div", DataTableGroupProps, {}, []>) => Intergalactic.InternalTypings.ComponentRenderingResults;
+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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { DataTableData, DataTableProps, DTUse } from '../DataTable/DataTable.types';
-import { DTColumn } from './Column.types';
+import type { DTColumn } from './Column.types';
+import type { DataTableData, DataTableProps, DTUse } from '../DataTable/DataTable.types';
 export type DataTableHeadProps = {
     /**
      * Sticky header

package/lib/types/index.d.ts

@@ -1,10 +1,7 @@
+import type { Intergalactic } from '@semcore/core';
+import type React from 'react';
 import { DataTable, ACCORDION, ROW_GROUP, UNIQ_ROW_KEY } from './components/DataTable/DataTable';
 import type { DataTableSort, DataTableType, DataTableData } from './components/DataTable/DataTable.types';
-import { Intergalactic } from '@semcore/core';
-import React from 'react';
-declare const wrapDataTable: <PropsExtending extends {}>(wrapper: (props: Intergalactic.InternalTypings.EfficientOmit<Intergalactic.InternalTypings.ComponentPropsNesting<DataTableType>, "tag" | "ref"> & {
-    ref: React.Ref<any>;
-    tag: Intergalactic.InternalTypings.ComponentTag;
-} & PropsExtending) => React.ReactNode) => DataTableType;
+declare const wrapDataTable: <PropsExtending extends {}>(wrapper: (props: Intergalactic.InternalTypings.UntypeRefAndTag<Intergalactic.InternalTypings.ComponentPropsNesting<DataTableType>> & PropsExtending) => React.ReactNode) => DataTableType;
 export { DataTable, ACCORDION, ROW_GROUP, UNIQ_ROW_KEY, wrapDataTable };
 export type { DataTableSort, DataTableData };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/data-table",
   "description": "Semrush DataTable Component",
-  "version": "16.0.2",
+  "version": "16.0.3-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,7 +14,7 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/icon": "16.2.0",
+    "@semcore/icon": "16.2.0-prerelease.0",
     "@semcore/button": "16.0.1",
     "@semcore/checkbox": "16.0.1",
     "@semcore/flex-box": "16.0.1",
@@ -24,21 +24,21 @@
     "@semcore/widget-empty": "16.0.1"
   },
   "devDependencies": {
-    "@types/react": "18.0.21",
-    "@semcore/testing-utils": "1.0.0",
-    "@semcore/base-trigger": "*",
-    "@semcore/dropdown-menu": "*",
-    "@semcore/typography": "*",
-    "@semcore/accordion": "*",
-    "@semcore/divider": "*",
-    "@semcore/portal": "*",
-    "@semcore/progress-bar": "*",
-    "@semcore/skeleton": "*",
-    "@semcore/spin": "*",
-    "@semcore/spin-container": "*",
-    "@semcore/tooltip": "*",
     "@types/node": "18.16.15",
-    "csstype": "3.1.3"
+    "csstype": "3.1.3",
+    "@semcore/testing-utils": "1.0.0",
+    "@semcore/dropdown-menu": "16.1.2-prerelease.0",
+    "@semcore/typography": "16.1.1",
+    "@semcore/accordion": "16.2.0",
+    "@semcore/divider": "16.0.1",
+    "@semcore/base-trigger": "16.2.0",
+    "@semcore/progress-bar": "16.0.1",
+    "@semcore/portal": "16.0.1",
+    "@semcore/skeleton": "16.0.1",
+    "@semcore/spin-container": "16.0.1",
+    "@semcore/base-components": "16.0.1",
+    "@semcore/spin": "16.0.1",
+    "@semcore/tooltip": "16.0.1"
   },
   "peerDependencies": {
     "@semcore/base-components": "^16.0.0"