@hazelcast/ui 1.3.3-next.25 → 1.3.3-next.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/lib/Button.d.ts +2 -1
  2. package/lib/Button.js.map +1 -1
  3. package/lib/Icon.d.ts +2 -1
  4. package/lib/Icon.js +2 -2
  5. package/lib/Icon.js.map +1 -1
  6. package/lib/Pagination.js +9 -9
  7. package/lib/Pagination.js.map +1 -1
  8. package/lib/Table/Cell.d.ts +5 -3
  9. package/lib/Table/Cell.js +1 -1
  10. package/lib/Table/Cell.js.map +1 -1
  11. package/lib/Table/Cell.module.scss +4 -0
  12. package/lib/Table/CellWrapper.d.ts +6 -6
  13. package/lib/Table/CellWrapper.js +6 -6
  14. package/lib/Table/CellWrapper.js.map +1 -1
  15. package/lib/Table/EnhancedRenderers.d.ts +8 -10
  16. package/lib/Table/EnhancedRenderers.js +6 -10
  17. package/lib/Table/EnhancedRenderers.js.map +1 -1
  18. package/lib/Table/Header.d.ts +9 -5
  19. package/lib/Table/Header.js +12 -7
  20. package/lib/Table/Header.js.map +1 -1
  21. package/lib/Table/Header.module.scss +6 -2
  22. package/lib/Table/Row.d.ts +5 -3
  23. package/lib/Table/Row.js +4 -4
  24. package/lib/Table/Row.js.map +1 -1
  25. package/lib/Table/Row.module.scss +8 -0
  26. package/lib/Table/Table.d.ts +21 -36
  27. package/lib/Table/Table.js +102 -93
  28. package/lib/Table/Table.js.map +1 -1
  29. package/lib/Table/Table.module.scss +4 -0
  30. package/lib/Table/TableContent.d.ts +7 -7
  31. package/lib/Table/TableContent.js +20 -14
  32. package/lib/Table/TableContent.js.map +1 -1
  33. package/lib/Table/helpers.d.ts +2 -0
  34. package/lib/Table/helpers.js +10 -0
  35. package/lib/Table/helpers.js.map +1 -0
  36. package/lib/Table/tableTypes.d.ts +80 -0
  37. package/lib/Table/tableTypes.js +2 -0
  38. package/lib/Table/tableTypes.js.map +1 -0
  39. package/lib/Table/useTrackTableState.d.ts +3 -0
  40. package/lib/Table/useTrackTableState.js +30 -0
  41. package/lib/Table/useTrackTableState.js.map +1 -0
  42. package/lib/Table/utils.d.ts +16 -0
  43. package/lib/Table/utils.js +121 -0
  44. package/lib/Table/utils.js.map +1 -0
  45. package/package.json +7 -6
@@ -1 +1 @@
1
- {"version":3,"file":"TableContent.js","sourceRoot":"","sources":["../../src/Table/TableContent.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TableContent.js","sourceRoot":"","sources":["../../src/Table/TableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAW,UAAU,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,KAAK,EAAE,EAAoE,WAAW,EAAc,MAAM,OAAO,CAAA;AAGxH,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAuB,MAAM,6BAA6B,CAAA;AAEjF,OAAO,MAAM,MAAM,4BAA4B,CAAA;AAsB/C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAoB,KAA2B,EAAE,EAAE;IAC7E,MAAM,EACJ,OAAO,EACP,IAAI,EACJ,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,SAAS,EACT,UAAU,EACV,cAAc,EACd,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,EACrB,uBAAuB,GACxB,GAAG,KAAK,CAAA;IAET,MAAM,mBAAmB,GAAG,WAAW,CAAC,CAAC,CAAsB,EAAE,EAAE;QACjE,oCAAoC;QACpC,CAAC,CAAC,eAAe,EAAE,CAAA;IACrB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO;IACL,mHAAmH;IACnH,6BACE,GAAG,EAAE,OAAO,eACF,eAAe,EACzB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EACxC,WAAW,EAAE,GAAG,EAAE;YAChB,mBAAmB,CAAC,OAAO,GAAG,IAAI,CAAA;YAClC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAA;YACzD,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,cAAc,CAAC,CAAA;QAC/D,CAAC;QAEA,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE;YAC1B,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE,GAAG,GAAG,CAAA;YAC3C,MAAM,KAAK,GAAG,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;;gBAClD,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,GAAG,IAAI,CAAA;gBAC9C,MAAM,MAAM,GAAG,GAAG,QAAQ,IAAI,CAAC,EAAE,CAAA;gBACjC,MAAM,QAAQ,GAAG,cAAc,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;gBACxD,MAAM,EAAE,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,WAAW,EAAE,GAAG,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;gBAEjH,OAAO,CACL,oBAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE;wBACL,GAAG,SAAS;wBACZ,GAAG,YAAY,CAAC;4BACd,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,OAAO,EAAE;4BACpC,OAAO,EAAE,aAAa,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,IAAI,aAAa,CAAC,MAAM,CAAC,OAAO,EAAE;yBAClF,CAAC;qBACH,EACD,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,OAAO,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,CAAC,CAAC,MAAM,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,MAAA,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,0CAAE,KAAK,EACxC,mBAAmB,EAAE,mBAAmB,EACxC,qBAAqB,EAAE,qBAAqB,EAC5C,uBAAuB,EAAE,uBAAuB,KAC5C,WAAW,GACf,CACH,CAAA;YACH,CAAC,CAAC,CAAA;YAEF,MAAM,WAAW,GACf,GAAG,CAAC,aAAa,EAAE,IAAI,qBAAqB,CAAC,CAAC,CAAC,CAC7C,oBAAC,UAAU,IAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,aAAa,EAAE,aAAa,EAAE,mBAAmB,IAC1F,qBAAqB,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAC5B,CACd,CAAC,CAAC,CAAC,IAAI,CAAA;YAEV,IAAI,OAAO,EAAE;gBACX,MAAM,IAAI,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAA;gBACrC,IAAI,IAAI,EAAE;oBACR,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,MAAM;wBACzB,oBAAC,OAAO,IACN,IAAI,EAAC,KAAK,EACV,eAAe,EAAE,eAAe,KAC5B,YAAY,EAChB,YAAY,EAAE,GAAG,CAAC,KAAK,GAAG,CAAC,GAAG,eAAe,EAC7C,IAAI,EAAE,IAAI,IAET,KAAK,CACE;wBACT,WAAW,CACG,CAClB,CAAA;iBACF;aACF;YAED,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,MAAM;gBACzB,oBAAC,GAAG,IACF,IAAI,EAAC,KAAK,KACN,YAAY,EAChB,KAAK,EAAE,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC,KAC7B,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EACjE,YAAY,EAAE,GAAG,CAAC,KAAK,GAAG,CAAC,GAAG,eAAe,EAC7C,OAAO,EACL,UAAU;wBACR,CAAC,CAAC,GAAG,EAAE;4BACH,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAA;wBAC7B,CAAC;wBACH,CAAC,CAAC,SAAS,IAGd,KAAK,CACF;gBACL,WAAW,CACG,CAClB,CAAA;QACH,CAAC,CAAC;QACD,cAAc,IAAI,OAAO,IAAI,CAC5B,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc;YACnC,oBAAC,MAAM,OAAG,CACN,CACP,CACG,CACP,CAAA;AACH,CAAC,CAAA"}
@@ -0,0 +1,2 @@
1
+ import { ColumnType } from './tableTypes';
2
+ export declare const getColumnId: <D extends object>({ id, accessor, Header }: ColumnType<D, any>) => string;
@@ -0,0 +1,10 @@
1
+ export const getColumnId = ({ id, accessor, Header }) => {
2
+ if (id) {
3
+ return id;
4
+ }
5
+ if (typeof accessor === 'string') {
6
+ return accessor;
7
+ }
8
+ return Header;
9
+ };
10
+ //# sourceMappingURL=helpers.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/Table/helpers.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAG,CAAoB,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAiB,EAAE,EAAE;IACxF,IAAI,EAAE,EAAE;QACN,OAAO,EAAE,CAAA;KACV;IAED,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;QAChC,OAAO,QAAQ,CAAA;KAChB;IAED,OAAO,MAAgB,CAAA;AACzB,CAAC,CAAA"}
@@ -0,0 +1,80 @@
1
+ import { ReactNode } from 'react';
2
+ export type RowData = object;
3
+ export type HeaderProps<D extends RowData> = {
4
+ rows: RowType<D>[];
5
+ data: D[];
6
+ };
7
+ export type AccessorFn<TItem> = (item: TItem) => ReactNode | number | string | string[];
8
+ export type Renderable<TProps> = (props: TProps) => ReactNode | JSX.Element | string;
9
+ export type Column<D extends RowData> = {
10
+ id: string;
11
+ index: number;
12
+ hidden: boolean;
13
+ canHide: boolean;
14
+ columns: Column<D>[];
15
+ };
16
+ export type ColumnCoreType<D extends RowData = object, V = any> = {
17
+ width?: number;
18
+ minWidth?: number;
19
+ maxWidth?: number;
20
+ Footer?: string | Renderable<HeaderProps<D>>;
21
+ notAvailable?: boolean;
22
+ Cell?: Renderable<CellType<D, V>>;
23
+ canHide?: boolean;
24
+ align?: 'left' | 'center' | 'right';
25
+ disableResizing?: boolean;
26
+ disableSortBy?: boolean;
27
+ filterable?: boolean;
28
+ sortType?: (r1: RowType<D>, r2: RowType<D>) => number;
29
+ };
30
+ export type ColumnIdentifier<D extends RowData> = {
31
+ id: string;
32
+ accessor?: keyof D | AccessorFn<D>;
33
+ Header?: string | Renderable<HeaderProps<D>>;
34
+ } | {
35
+ id?: never;
36
+ Header: string;
37
+ accessor?: keyof D | AccessorFn<D>;
38
+ } | {
39
+ id?: never;
40
+ Header?: never;
41
+ accessor: keyof D;
42
+ };
43
+ export type ColumnType<D extends RowData = object, V = any> = ColumnCoreType<D, V> & ColumnIdentifier<D>;
44
+ export type RowType<D extends RowData, K = any> = {
45
+ id: string;
46
+ getCanExpand: () => boolean;
47
+ getIsExpanded: () => boolean;
48
+ getToggleExpandedHandler: () => () => void;
49
+ original: D;
50
+ subRows: RowType<D, K>[];
51
+ index: number;
52
+ getValue: <T = K>(columnId: string) => T;
53
+ };
54
+ export type CellType<D extends RowData, V = any> = {
55
+ row: RowType<D, V>;
56
+ column: Column<D>;
57
+ value: V;
58
+ };
59
+ export type SortingRule = {
60
+ id: string;
61
+ desc?: boolean | undefined;
62
+ };
63
+ export type InitialState = Partial<TableState>;
64
+ export type TableState = {
65
+ hiddenColumns: string[];
66
+ columnOrder: string[];
67
+ columnResizing: {
68
+ columnWidths: Record<string, number>;
69
+ };
70
+ sortBy: SortingRule[];
71
+ paginationOptions?: {
72
+ pageIndex?: number;
73
+ pageSize?: number;
74
+ };
75
+ };
76
+ declare module '@tanstack/react-table' {
77
+ interface ColumnMeta<TData, TValue> {
78
+ align?: 'center' | 'left' | 'right';
79
+ }
80
+ }
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=tableTypes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tableTypes.js","sourceRoot":"","sources":["../../src/Table/tableTypes.ts"],"names":[],"mappings":""}
@@ -0,0 +1,3 @@
1
+ import { Table } from '@tanstack/react-table';
2
+ import { TableState } from './tableTypes';
3
+ export declare const useTrackTableState: <D extends object>(tableInstance: Table<D>, onChange?: ((state: TableState) => void) | null | undefined) => void;
@@ -0,0 +1,30 @@
1
+ import { useEffect, useRef } from 'react';
2
+ import { useRefValue } from '../hooks';
3
+ export const useTrackTableState = (tableInstance, onChange) => {
4
+ const { columnOrder, columnVisibility, columnSizing, sorting, pagination: { pageSize }, } = tableInstance.getState();
5
+ const skippedInitialStateChangeRef = useRef(false);
6
+ const getOnChange = useRefValue(onChange);
7
+ useEffect(() => {
8
+ const cb = getOnChange();
9
+ if (cb && skippedInitialStateChangeRef.current) {
10
+ cb({
11
+ sortBy: sorting,
12
+ paginationOptions: { pageSize },
13
+ columnOrder: columnOrder,
14
+ columnResizing: {
15
+ columnWidths: columnSizing,
16
+ },
17
+ hiddenColumns: Object.entries(columnVisibility).reduce((res, [id, visible]) => {
18
+ if (!visible) {
19
+ return [...res, id];
20
+ }
21
+ return res;
22
+ }, []),
23
+ });
24
+ }
25
+ else {
26
+ skippedInitialStateChangeRef.current = true;
27
+ }
28
+ }, [sorting, pageSize, columnOrder, columnVisibility, columnSizing, getOnChange]);
29
+ };
30
+ //# sourceMappingURL=useTrackTableState.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useTrackTableState.js","sourceRoot":"","sources":["../../src/Table/useTrackTableState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAGtC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAoB,aAAuB,EAAE,QAA+C,EAAE,EAAE;IAChI,MAAM,EACJ,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,OAAO,EACP,UAAU,EAAE,EAAE,QAAQ,EAAE,GACzB,GAAG,aAAa,CAAC,QAAQ,EAAE,CAAA;IAC5B,MAAM,4BAA4B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAClD,MAAM,WAAW,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAA;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;QACxB,IAAI,EAAE,IAAI,4BAA4B,CAAC,OAAO,EAAE;YAC9C,EAAE,CAAC;gBACD,MAAM,EAAE,OAAwB;gBAChC,iBAAiB,EAAE,EAAE,QAAQ,EAAE;gBAC/B,WAAW,EAAE,WAAW;gBACxB,cAAc,EAAE;oBACd,YAAY,EAAE,YAAY;iBAC3B;gBACD,aAAa,EAAE,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAW,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE;oBACtF,IAAI,CAAC,OAAO,EAAE;wBACZ,OAAO,CAAC,GAAG,GAAG,EAAE,EAAE,CAAC,CAAA;qBACpB;oBAED,OAAO,GAAG,CAAA;gBACZ,CAAC,EAAE,EAAE,CAAC;aACP,CAAC,CAAA;SACH;aAAM;YACL,4BAA4B,CAAC,OAAO,GAAG,IAAI,CAAA;SAC5C;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,gBAAgB,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC,CAAA;AACnF,CAAC,CAAA"}
@@ -0,0 +1,16 @@
1
+ import { CSSProperties } from 'react';
2
+ import { ColumnDef, Row as TableRow, InitialTableState, Cell, Column as TableColumn } from '@tanstack/react-table';
3
+ import { CellType, ColumnType, InitialState, RowType, Column } from './tableTypes';
4
+ export declare const prepareRow: <D extends object>({ getCanExpand, getIsExpanded, getToggleExpandedHandler, original, subRows, id, index, getValue, }: TableRow<D>) => RowType<D, any>;
5
+ export declare const prepareColumn: <D extends object>({ id, columns, getIndex, getCanHide, getIsVisible }: TableColumn<D, unknown>) => Column<D>;
6
+ export declare const prepareCell: <D extends object, V = unknown>({ getValue, row, column }: Cell<D, V>) => CellType<D, V>;
7
+ export declare const getColumnDef: <D extends object>({ id, width: size, minWidth: minSize, maxWidth: maxSize, Header, Footer, Cell, align, filterable, disableSortBy, disableResizing, canHide: enableHiding, sortType: sortingFn, accessor, }: ColumnType<D, any>) => ColumnDef<D, unknown>;
8
+ export declare const getTableInitialState: ({ hiddenColumns, columnOrder, sortBy, columnResizing, paginationOptions: pagination, }: InitialState) => InitialTableState;
9
+ export declare const getCellStyle: ({ size: width, minSize: minWidth, maxSize: maxWidth, }: {
10
+ size: number;
11
+ minSize?: number;
12
+ maxSize?: number;
13
+ }) => CSSProperties;
14
+ export declare const getRowStyle: ({ totalSize }: {
15
+ totalSize: number;
16
+ }) => CSSProperties;
@@ -0,0 +1,121 @@
1
+ export const prepareRow = ({ getCanExpand, getIsExpanded, getToggleExpandedHandler, original, subRows, id, index, getValue, }) => ({
2
+ id,
3
+ getCanExpand,
4
+ getIsExpanded,
5
+ getToggleExpandedHandler,
6
+ original,
7
+ index,
8
+ getValue,
9
+ subRows: subRows.map(prepareRow),
10
+ });
11
+ export const prepareColumn = ({ id, columns, getIndex, getCanHide, getIsVisible }) => ({
12
+ id,
13
+ index: getIndex(),
14
+ canHide: getCanHide(),
15
+ hidden: !getIsVisible(),
16
+ columns: columns.map(prepareColumn),
17
+ });
18
+ export const prepareCell = ({ getValue, row, column }) => ({
19
+ column: prepareColumn(column),
20
+ value: getValue(),
21
+ row: prepareRow(row),
22
+ });
23
+ const getRendererProps = (props) => {
24
+ const rendererProps = {
25
+ rows: [],
26
+ data: [],
27
+ };
28
+ props.table.getRowModel().rows.forEach((row) => {
29
+ const item = prepareRow(row);
30
+ rendererProps.rows.push(item);
31
+ rendererProps.data.push(item.original);
32
+ });
33
+ return rendererProps;
34
+ };
35
+ export const getColumnDef = ({ id, width: size, minWidth: minSize, maxWidth: maxSize, Header, Footer, Cell, align, filterable, disableSortBy, disableResizing, canHide: enableHiding, sortType: sortingFn, accessor, }) => {
36
+ const commonDef = {
37
+ id,
38
+ header: typeof Header === 'function' ? (props) => Header(getRendererProps(props)) : Header,
39
+ footer: typeof Footer === 'function' ? (props) => Footer(getRendererProps(props)) : Footer,
40
+ enableHiding,
41
+ sortDescFirst: false,
42
+ enableSorting: true,
43
+ meta: { align },
44
+ enableResizing: !disableResizing,
45
+ };
46
+ if (size != undefined) {
47
+ commonDef.size = size;
48
+ }
49
+ if (minSize != undefined) {
50
+ commonDef.minSize = minSize;
51
+ }
52
+ if (maxSize !== undefined) {
53
+ commonDef.maxSize = maxSize;
54
+ }
55
+ if (sortingFn != undefined) {
56
+ commonDef.sortingFn = (rowA, rowB) => sortingFn(prepareRow(rowA), prepareRow(rowB));
57
+ }
58
+ if (Cell != undefined) {
59
+ commonDef.cell =
60
+ typeof Cell === 'function'
61
+ ? (props) => Cell({ column: prepareColumn(props.column), row: prepareRow(props.row), value: props.getValue() })
62
+ : Cell;
63
+ }
64
+ if (filterable !== undefined) {
65
+ commonDef.enableColumnFilter = filterable;
66
+ }
67
+ if (disableSortBy !== undefined) {
68
+ commonDef.enableSorting = !disableSortBy;
69
+ }
70
+ if (accessor != undefined) {
71
+ if (typeof accessor === 'function') {
72
+ return {
73
+ id: '',
74
+ ...commonDef,
75
+ accessorFn: (value) => accessor(value),
76
+ };
77
+ }
78
+ return {
79
+ ...commonDef,
80
+ accessorKey: accessor,
81
+ };
82
+ }
83
+ return commonDef;
84
+ };
85
+ const getColumnVisibility = (hiddenColumns) => {
86
+ const result = {};
87
+ hiddenColumns === null || hiddenColumns === void 0 ? void 0 : hiddenColumns.forEach((column) => {
88
+ result[column] = false;
89
+ });
90
+ return result;
91
+ };
92
+ export const getTableInitialState = ({ hiddenColumns, columnOrder, sortBy, columnResizing, paginationOptions: pagination, }) => {
93
+ var _a, _b;
94
+ return ({
95
+ pagination,
96
+ columnOrder,
97
+ columnSizing: (_a = columnResizing === null || columnResizing === void 0 ? void 0 : columnResizing.columnWidths) !== null && _a !== void 0 ? _a : {},
98
+ columnVisibility: getColumnVisibility(hiddenColumns),
99
+ sorting: (_b = sortBy === null || sortBy === void 0 ? void 0 : sortBy.map(({ id, desc }) => ({ id, desc: !!desc }))) !== null && _b !== void 0 ? _b : [],
100
+ });
101
+ };
102
+ export const getCellStyle = ({ size: width, minSize: minWidth, maxSize: maxWidth, }) => {
103
+ const style = {
104
+ width,
105
+ minWidth: minWidth || width,
106
+ flex: `${width} 0 auto`,
107
+ boxSizing: 'border-box',
108
+ };
109
+ if (maxWidth) {
110
+ style.maxWidth = maxWidth;
111
+ }
112
+ return style;
113
+ };
114
+ export const getRowStyle = ({ totalSize }) => {
115
+ // fix unit tests console error "`NaN` is an invalid value"
116
+ const minWidth = isNaN(totalSize) ? 0 : totalSize;
117
+ return {
118
+ minWidth,
119
+ };
120
+ };
121
+ //# sourceMappingURL=utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/Table/utils.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hazelcast/ui",
3
- "version": "1.3.3-next.25+f817741",
3
+ "version": "1.3.3-next.26+46b1e75",
4
4
  "description": "Hazelcast design system components",
5
5
  "author": "",
6
6
  "homepage": "https://github.com/hazelcast/frontend-shared#readme",
@@ -46,13 +46,13 @@
46
46
  "url": "https://github.com/hazelcast/frontend-shared/issues"
47
47
  },
48
48
  "dependencies": {
49
- "@hazelcast/helpers": "^1.3.2",
50
- "@hazelcast/services": "^1.3.2",
49
+ "@hazelcast/helpers": "^1.3.3-next.26+46b1e75",
50
+ "@hazelcast/services": "^1.3.3-next.26+46b1e75",
51
51
  "@headlessui/react": "^1.4.2",
52
52
  "@icons-pack/react-simple-icons": "^9.3.0",
53
53
  "@popperjs/core": "^2.11.7",
54
+ "@tanstack/react-table": "^8.20.5",
54
55
  "@types/react-modal": "3.16.0",
55
- "@types/react-table": "^7.7.14",
56
56
  "classnames": "^2.3.2",
57
57
  "date-fns": "^2.29.3",
58
58
  "dequal": "^2.0.3",
@@ -68,7 +68,6 @@
68
68
  "react-resize-aware": "3.1.1",
69
69
  "react-select": "^5.8.0",
70
70
  "react-simple-timefield": "^3.3.1",
71
- "react-table": "^7.8.0",
72
71
  "react-uid": "^2.3.2",
73
72
  "react-use": "^17.4.0",
74
73
  "use-deep-compare": "^1.1.0",
@@ -116,10 +115,12 @@
116
115
  "yup": "^0.32.11"
117
116
  },
118
117
  "peerDependencies": {
118
+ "@types/lodash": "^4.17.13",
119
119
  "@types/react": "^17 || ^18",
120
120
  "@types/react-dom": "^17 || ^18",
121
+ "lodash": "^4.17.21",
121
122
  "react": "^17 || ^18",
122
123
  "react-dom": "^17 || ^18"
123
124
  },
124
- "gitHead": "f8177415a8b2d82431a2bfc74e044c587bc94adc"
125
+ "gitHead": "46b1e752c3a8fc405570332cff8992b1107c9da1"
125
126
  }