@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.
- package/lib/Button.d.ts +2 -1
- package/lib/Button.js.map +1 -1
- package/lib/Icon.d.ts +2 -1
- package/lib/Icon.js +2 -2
- package/lib/Icon.js.map +1 -1
- package/lib/Pagination.js +9 -9
- package/lib/Pagination.js.map +1 -1
- package/lib/Table/Cell.d.ts +5 -3
- package/lib/Table/Cell.js +1 -1
- package/lib/Table/Cell.js.map +1 -1
- package/lib/Table/Cell.module.scss +4 -0
- package/lib/Table/CellWrapper.d.ts +6 -6
- package/lib/Table/CellWrapper.js +6 -6
- package/lib/Table/CellWrapper.js.map +1 -1
- package/lib/Table/EnhancedRenderers.d.ts +8 -10
- package/lib/Table/EnhancedRenderers.js +6 -10
- package/lib/Table/EnhancedRenderers.js.map +1 -1
- package/lib/Table/Header.d.ts +9 -5
- package/lib/Table/Header.js +12 -7
- package/lib/Table/Header.js.map +1 -1
- package/lib/Table/Header.module.scss +6 -2
- package/lib/Table/Row.d.ts +5 -3
- package/lib/Table/Row.js +4 -4
- package/lib/Table/Row.js.map +1 -1
- package/lib/Table/Row.module.scss +8 -0
- package/lib/Table/Table.d.ts +21 -36
- package/lib/Table/Table.js +102 -93
- package/lib/Table/Table.js.map +1 -1
- package/lib/Table/Table.module.scss +4 -0
- package/lib/Table/TableContent.d.ts +7 -7
- package/lib/Table/TableContent.js +20 -14
- package/lib/Table/TableContent.js.map +1 -1
- package/lib/Table/helpers.d.ts +2 -0
- package/lib/Table/helpers.js +10 -0
- package/lib/Table/helpers.js.map +1 -0
- package/lib/Table/tableTypes.d.ts +80 -0
- package/lib/Table/tableTypes.js +2 -0
- package/lib/Table/tableTypes.js.map +1 -0
- package/lib/Table/useTrackTableState.d.ts +3 -0
- package/lib/Table/useTrackTableState.js +30 -0
- package/lib/Table/useTrackTableState.js.map +1 -0
- package/lib/Table/utils.d.ts +16 -0
- package/lib/Table/utils.js +121 -0
- package/lib/Table/utils.js.map +1 -0
- package/package.json +7 -6
|
@@ -1 +1 @@
|
|
|
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,WAAW,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"TableContent.js","sourceRoot":"","sources":["../../src/Table/TableContent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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 @@
|
|
|
1
|
+
{"version":3,"file":"tableTypes.js","sourceRoot":"","sources":["../../src/Table/tableTypes.ts"],"names":[],"mappings":""}
|
|
@@ -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.
|
|
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.
|
|
50
|
-
"@hazelcast/services": "^1.3.
|
|
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": "
|
|
125
|
+
"gitHead": "46b1e752c3a8fc405570332cff8992b1107c9da1"
|
|
125
126
|
}
|