@hazelcast/ui 1.3.3-next.24 → 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 (56) 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 +11 -3
  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 +7 -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 +12 -7
  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 +11 -12
  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 +6 -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/lib/Tooltip.d.ts +1 -0
  46. package/lib/Tooltip.js +3 -3
  47. package/lib/Tooltip.js.map +1 -1
  48. package/lib/TruncatedText.d.ts +1 -0
  49. package/lib/TruncatedText.js +2 -2
  50. package/lib/TruncatedText.js.map +1 -1
  51. package/package.json +7 -6
  52. package/styles/typography/fonts/UbuntuMono-Bold.woff2 +0 -0
  53. package/styles/typography/fonts/UbuntuMono-BoldItalic.woff2 +0 -0
  54. package/styles/typography/fonts/UbuntuMono-Italic.woff2 +0 -0
  55. package/styles/typography/fonts/UbuntuMono-Regular.woff2 +0 -0
  56. package/styles/typography/ubuntu-mono.css +31 -0
@@ -2,13 +2,14 @@ import cn from 'classnames';
2
2
  import { IgnoreKeys } from 'react-hotkeys';
3
3
  import React, { useCallback } from 'react';
4
4
  import { Loader } from '../Loader';
5
+ import { getCellStyle, getRowStyle, prepareCell, prepareRow } from './utils';
5
6
  import { CellWrapper } from './CellWrapper';
6
7
  import { LinkRow, Row } from './Row';
7
8
  import { isCellSelected } from './features/columnsSelection';
8
9
  import styles from './TableContent.module.scss';
9
10
  export const TableContent = (props) => {
10
- const { rootRef, page, onCopy, columns, getHref, loading, className, prepareRow, onRowClick, columnResizing, overlayLoading, onEndSelection, AnchorComponent, cellIndexOffset, selectedColumns, onClickSelection, getCustomRowProps, getCustomCellProps, selectionStartedRef, renderRowSubComponent, onMouseEnterSelection, selectedColumnValuesRef, } = props;
11
- const handleOnContesxtMenu = useCallback((e) => {
11
+ const { rootRef, page, onCopy, getHref, loading, className, totalSize, onRowClick, overlayLoading, onEndSelection, AnchorComponent, cellIndexOffset, selectedColumns, onClickSelection, getCustomRowProps, getCustomCellProps, selectionStartedRef, renderRowSubComponent, onMouseEnterSelection, selectedColumnValuesRef, } = props;
12
+ const handleOnContextMenu = useCallback((e) => {
12
13
  // disable table custom context menu
13
14
  e.stopPropagation();
14
15
  }, []);
@@ -20,29 +21,34 @@ export const TableContent = (props) => {
20
21
  document.body.addEventListener('contextmenu', onEndSelection);
21
22
  } },
22
23
  page.map((row, rowIndex) => {
23
- prepareRow(row);
24
- const { key: rowKey, ...restRowProps } = row.getRowProps(getCustomRowProps === null || getCustomRowProps === void 0 ? void 0 : getCustomRowProps(row));
25
- const cells = row.cells.map((cell, i) => {
26
- const { key: cellKey, ...restCellProps } = cell.getCellProps(getCustomCellProps === null || getCustomCellProps === void 0 ? void 0 : getCustomCellProps(cell));
27
- // We don't want to use cell.column.Cell as that is a ColumnInstance which already has a cell renderer
28
- const column = columns[i];
24
+ const { id: rowKey, ...restRowProps } = row;
25
+ const cells = row.getVisibleCells().map((cell, i) => {
26
+ var _a;
27
+ const { id: cellKey, ...restCellProps } = cell;
29
28
  const cellId = `${rowIndex}:${i}`;
30
29
  const selected = isCellSelected(cellId, selectedColumns);
31
- return (React.createElement(CellWrapper, { cell: cell, key: cellKey, cellId: cellId, column: column, selected: selected, selectable: !!onCopy, align: cell.column.align, columnResizing: columnResizing, onClickSelection: onClickSelection, selectionStartedRef: selectionStartedRef, onMouseEnterSelection: onMouseEnterSelection, selectedColumnValuesRef: selectedColumnValuesRef, ...restCellProps }));
30
+ const { style: cellStyle = {}, ...customProps } = getCustomCellProps ? getCustomCellProps(prepareCell(cell)) : {};
31
+ return (React.createElement(CellWrapper, { cell: cell, style: {
32
+ ...cellStyle,
33
+ ...getCellStyle({
34
+ size: restCellProps.column.getSize(),
35
+ minSize: restCellProps.column.columnDef.minSize || restCellProps.column.getSize(),
36
+ }),
37
+ }, role: "cell", key: cellKey, cellId: cellId, selected: selected, selectable: !!onCopy, onClickSelection: onClickSelection, align: (_a = cell.column.columnDef.meta) === null || _a === void 0 ? void 0 : _a.align, selectionStartedRef: selectionStartedRef, onMouseEnterSelection: onMouseEnterSelection, selectedColumnValuesRef: selectedColumnValuesRef, ...customProps }));
32
38
  });
33
- const expandedRow = row.isExpanded && renderRowSubComponent ? (React.createElement(IgnoreKeys, { tabIndex: -1, className: styles.subRowWrapper, onContextMenu: handleOnContesxtMenu }, renderRowSubComponent(row))) : null;
39
+ const expandedRow = row.getIsExpanded() && renderRowSubComponent ? (React.createElement(IgnoreKeys, { tabIndex: -1, className: styles.subRowWrapper, onContextMenu: handleOnContextMenu }, renderRowSubComponent(prepareRow(row)))) : null;
34
40
  if (getHref) {
35
- const href = getHref(row);
41
+ const href = getHref(prepareRow(row));
36
42
  if (href) {
37
43
  return (React.createElement(React.Fragment, { key: rowKey },
38
- React.createElement(LinkRow, { AnchorComponent: AnchorComponent, ...restRowProps, ariaRowIndex: row.index + 1 + cellIndexOffset, href: href }, cells),
44
+ React.createElement(LinkRow, { role: "row", AnchorComponent: AnchorComponent, ...restRowProps, ariaRowIndex: row.index + 1 + cellIndexOffset, href: href }, cells),
39
45
  expandedRow));
40
46
  }
41
47
  }
42
48
  return (React.createElement(React.Fragment, { key: rowKey },
43
- React.createElement(Row, { ...restRowProps, ariaRowIndex: row.index + 1 + cellIndexOffset, onClick: onRowClick
49
+ React.createElement(Row, { role: "row", ...restRowProps, style: getRowStyle({ totalSize }), ...(getCustomRowProps ? getCustomRowProps(prepareRow(row)) : {}), ariaRowIndex: row.index + 1 + cellIndexOffset, onClick: onRowClick
44
50
  ? () => {
45
- onRowClick(row);
51
+ onRowClick(prepareRow(row));
46
52
  }
47
53
  : undefined }, cells),
48
54
  expandedRow));
@@ -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;AAC3C,OAAO,EAAE,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAuB,MAAM,6BAA6B,CAAA;AAEjF,OAAO,MAAM,MAAM,4BAA4B,CAAA;AAuB/C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAmB,KAA2B,EAAE,EAAE;IAC5E,MAAM,EACJ,OAAO,EACP,IAAI,EACJ,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,EACT,UAAU,EACV,UAAU,EACV,cAAc,EACd,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,oBAAoB,GAAG,WAAW,CAAC,CAAC,CAAsB,EAAE,EAAE;QAClE,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,UAAU,CAAC,GAAG,CAAC,CAAA;YACf,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,GAAG,CAAC,CAAC,CAAA;YAClF,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;gBACtC,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAG,IAAI,CAAC,CAAC,CAAA;gBACxF,sGAAsG;gBACtG,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAmC,CAAA;gBAC3D,MAAM,MAAM,GAAG,GAAG,QAAQ,IAAI,CAAC,EAAE,CAAA;gBACjC,MAAM,QAAQ,GAAG,cAAc,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;gBAExD,OAAO,CACL,oBAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,OAAO,EACZ,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,CAAC,CAAC,MAAM,EACpB,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EACxB,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,mBAAmB,EAAE,mBAAmB,EACxC,qBAAqB,EAAE,qBAAqB,EAC5C,uBAAuB,EAAE,uBAAuB,KAC5C,aAAa,GACjB,CACH,CAAA;YACH,CAAC,CAAC,CAAA;YAEF,MAAM,WAAW,GACf,GAAG,CAAC,UAAU,IAAI,qBAAqB,CAAC,CAAC,CAAC,CACxC,oBAAC,UAAU,IAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,aAAa,EAAE,aAAa,EAAE,oBAAoB,IAC3F,qBAAqB,CAAC,GAAG,CAAC,CAChB,CACd,CAAC,CAAC,CAAC,IAAI,CAAA;YAEV,IAAI,OAAO,EAAE;gBACX,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAA;gBACzB,IAAI,IAAI,EAAE;oBACR,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,MAAM;wBACzB,oBAAC,OAAO,IAAC,eAAe,EAAE,eAAe,KAAM,YAAY,EAAE,YAAY,EAAE,GAAG,CAAC,KAAK,GAAG,CAAC,GAAG,eAAe,EAAE,IAAI,EAAE,IAAI,IACnH,KAAK,CACE;wBACT,WAAW,CACG,CAClB,CAAA;iBACF;aACF;YAED,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,MAAM;gBACzB,oBAAC,GAAG,OACE,YAAY,EAChB,YAAY,EAAE,GAAG,CAAC,KAAK,GAAG,CAAC,GAAG,eAAe,EAC7C,OAAO,EACL,UAAU;wBACR,CAAC,CAAC,GAAG,EAAE;4BACH,UAAU,CAAC,GAAG,CAAC,CAAA;wBACjB,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"}
1
+ {"version":3,"file":"TableContent.js","sourceRoot":"","sources":["../../src/Table/TableContent.tsx"],"names":[],"mappings":"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"}
@@ -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/lib/Tooltip.d.ts CHANGED
@@ -13,6 +13,7 @@ export type TooltipProps = {
13
13
  padding?: number;
14
14
  placement?: Placement;
15
15
  visible?: boolean;
16
+ className?: string;
16
17
  hoverAbleTooltip?: boolean;
17
18
  children: (ref: React.Dispatch<React.SetStateAction<HTMLElement | null>>, onMouseEnter?: MouseEventHandler, onMouseLeave?: MouseEventHandler) => ReactNode;
18
19
  popperRef?: MutableRefObject<PopperRef | undefined>;
package/lib/Tooltip.js CHANGED
@@ -22,7 +22,7 @@ const TooltipContext = createContext(null);
22
22
  * ### Usage
23
23
  * Wrap the target element with Tooltip component and use the "content" property to define what should be displayed inside the tooltip.
24
24
  */
25
- export const Tooltip = ({ id, content, hideTimeoutDuration = 100, offset = 10, padding = 10, placement = 'top', visible: visibilityOverride, children, popperRef, wordBreak, updateToken, tooltipContainer = 'body', hoverAbleTooltip = true, disabled = false, zIndex = 20, arrow = true, color, }) => {
25
+ export const Tooltip = ({ id, content, hideTimeoutDuration = 100, offset = 10, padding = 10, placement = 'top', visible: visibilityOverride, children, popperRef, wordBreak, updateToken, tooltipContainer = 'body', hoverAbleTooltip = true, disabled = false, zIndex = 20, arrow = true, color, className, }) => {
26
26
  const [isShown, setShown] = useState(false);
27
27
  const timeoutRef = useRef(null);
28
28
  const context = useContext(TooltipContext);
@@ -127,12 +127,12 @@ export const Tooltip = ({ id, content, hideTimeoutDuration = 100, offset = 10, p
127
127
  onMouseLeave(e);
128
128
  }),
129
129
  content !== undefined && (React.createElement(React.Fragment, null,
130
- React.createElement("span", { ...(id && { id }), className: styles.tooltipSr, role: "tooltip", "data-test": "tooltip-sr" }, content),
130
+ React.createElement("span", { ...(id && { id }), className: cn(styles.tooltipSr, className), role: "tooltip", "data-test": "tooltip-sr" }, content),
131
131
  tooltipPortalContainer &&
132
132
  ReactDOM.createPortal(React.createElement(React.Fragment, null,
133
133
  React.createElement("span", { ref: setPopperElement, className: cn(styles.overlay, {
134
134
  [styles.hidden]: !isTooltipVisible,
135
- }, color && [styles[color]]), style: { ...popper.styles.popper, ...{ zIndex: context ? zIndex + 1 : zIndex }, wordBreak }, "data-test": "tooltip-overlay", "aria-hidden": true, ...popper.attributes.popper },
135
+ }, color && [styles[color]], className), style: { ...popper.styles.popper, ...{ zIndex: context ? zIndex + 1 : zIndex }, wordBreak }, "data-test": "tooltip-overlay", "aria-hidden": true, ...popper.attributes.popper },
136
136
  content,
137
137
  arrow && (React.createElement("span", { ref: setArrowElement, className: styles.arrow, style: popper.styles.arrow, "data-test": "tooltip-arrow", ...popper.attributes.arrow })))), tooltipPortalContainer)))));
138
138
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"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"}
@@ -6,6 +6,7 @@ interface TruncatedTextProps {
6
6
  className?: string;
7
7
  multiline?: boolean;
8
8
  tooltipVisible?: boolean;
9
+ tooltipClassName?: string;
9
10
  hoverAbleTooltip?: boolean;
10
11
  tooltipPlacement?: TooltipProps['placement'];
11
12
  }
@@ -5,7 +5,7 @@ import useIsomorphicLayoutEffect from 'react-use/lib/useIsomorphicLayoutEffect';
5
5
  import { useUID } from 'react-uid';
6
6
  import { Tooltip } from './Tooltip';
7
7
  import styles from './TruncatedText.module.scss';
8
- export const TruncatedText = ({ text, forceUpdateToken, className, tooltipVisible, tooltipPlacement = 'top', hoverAbleTooltip, multiline, }) => {
8
+ export const TruncatedText = ({ text, forceUpdateToken, className, tooltipVisible, tooltipPlacement = 'top', hoverAbleTooltip, multiline, tooltipClassName, }) => {
9
9
  const textRef = useRef(null);
10
10
  const [tooltip, setTooltip] = useState();
11
11
  const idTooltip = useUID();
@@ -17,7 +17,7 @@ export const TruncatedText = ({ text, forceUpdateToken, className, tooltipVisibl
17
17
  // https://codepen.io/triple-j/pen/wadKQB
18
18
  setTooltip(span.offsetWidth < span.scrollWidth || span.offsetHeight < span.scrollHeight ? text : undefined);
19
19
  }, [text, forceUpdateToken]);
20
- return (React.createElement(Tooltip, { id: idTooltip, content: tooltip, visible: tooltipVisible, placement: tooltipPlacement, updateToken: forceUpdateToken, hoverAbleTooltip: hoverAbleTooltip }, (ref) => (React.createElement("div", { ref: mergeRefs([textRef, ref]), className: cn(styles.truncatedText, { [styles.multiline]: multiline }, className) },
20
+ return (React.createElement(Tooltip, { id: idTooltip, content: tooltip, visible: tooltipVisible, className: tooltipClassName, placement: tooltipPlacement, updateToken: forceUpdateToken, hoverAbleTooltip: hoverAbleTooltip }, (ref) => (React.createElement("div", { ref: mergeRefs([textRef, ref]), className: cn(styles.truncatedText, { [styles.multiline]: multiline }, className) },
21
21
  React.createElement("span", { "aria-labelledby": tooltip ? idTooltip : undefined }, text)))));
22
22
  };
23
23
  //# sourceMappingURL=TruncatedText.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TruncatedText.js","sourceRoot":"","sources":["../src/TruncatedText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,MAAM,EAAE,QAAQ,EAAuC,MAAM,OAAO,CAAA;AACxF,OAAO,SAAS,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,yBAAyB,MAAM,yCAAyC,CAAA;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAA;AAEjD,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAahD,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACpD,IAAI,EACJ,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,gBAAgB,GAAG,KAAK,EACxB,gBAAgB,EAChB,SAAS,GACV,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC5C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAA0B,CAAA;IAChE,MAAM,SAAS,GAAG,MAAM,EAAE,CAAA;IAE1B,yBAAyB,CAAC,GAAG,EAAE;QAC7B,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAA;QAE5B,IAAI,IAAI,KAAK,IAAI,EAAE;YACjB,OAAM;SACP;QAED,yCAAyC;QACzC,UAAU,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAC7G,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAE5B,OAAO,CACL,oBAAC,OAAO,IACN,EAAE,EAAE,SAAS,EACb,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,gBAAgB,EAC3B,WAAW,EAAE,gBAAgB,EAC7B,gBAAgB,EAAE,gBAAgB,IAEjC,CAAC,GAAG,EAAE,EAAE,CAAC,CACR,6BAAK,GAAG,EAAE,SAAS,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,CAAC;QACpH,iDAAuB,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IAAG,IAAI,CAAQ,CACjE,CACP,CACO,CACX,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"TruncatedText.js","sourceRoot":"","sources":["../src/TruncatedText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,MAAM,EAAE,QAAQ,EAAuC,MAAM,OAAO,CAAA;AACxF,OAAO,SAAS,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,yBAAyB,MAAM,yCAAyC,CAAA;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAA;AAEjD,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAchD,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACpD,IAAI,EACJ,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,gBAAgB,GAAG,KAAK,EACxB,gBAAgB,EAChB,SAAS,EACT,gBAAgB,GACjB,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC5C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAA0B,CAAA;IAChE,MAAM,SAAS,GAAG,MAAM,EAAE,CAAA;IAE1B,yBAAyB,CAAC,GAAG,EAAE;QAC7B,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAA;QAE5B,IAAI,IAAI,KAAK,IAAI,EAAE;YACjB,OAAM;SACP;QAED,yCAAyC;QACzC,UAAU,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAC7G,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAE5B,OAAO,CACL,oBAAC,OAAO,IACN,EAAE,EAAE,SAAS,EACb,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,gBAAgB,EAC3B,SAAS,EAAE,gBAAgB,EAC3B,WAAW,EAAE,gBAAgB,EAC7B,gBAAgB,EAAE,gBAAgB,IAEjC,CAAC,GAAG,EAAE,EAAE,CAAC,CACR,6BAAK,GAAG,EAAE,SAAS,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,CAAC;QACpH,iDAAuB,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IAAG,IAAI,CAAQ,CACjE,CACP,CACO,CACX,CAAA;AACH,CAAC,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hazelcast/ui",
3
- "version": "1.3.3-next.24+210f1ac",
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": "210f1ace1becd764a5ec4a496c423e3e8b758f59"
125
+ "gitHead": "46b1e752c3a8fc405570332cff8992b1107c9da1"
125
126
  }
@@ -0,0 +1,31 @@
1
+ @font-face {
2
+ font-family: 'Ubuntu Mono';
3
+ font-style: normal;
4
+ font-display: swap;
5
+ font-weight: 400;
6
+ src: url('./fonts/UbuntuMono-Regular.woff2') format('woff2');
7
+ }
8
+
9
+ @font-face {
10
+ font-family: 'Ubuntu Mono';
11
+ font-style: italic;
12
+ font-display: swap;
13
+ font-weight: 400;
14
+ src: url('./fonts/UbuntuMono-Italic.woff2') format('woff2');
15
+ }
16
+
17
+ @font-face {
18
+ font-family: 'Ubuntu Mono';
19
+ font-style: normal;
20
+ font-display: swap;
21
+ font-weight: 500;
22
+ src: url('./fonts/UbuntuMono-Bold.woff2') format('woff2');
23
+ }
24
+
25
+ @font-face {
26
+ font-family: 'Ubuntu Mono';
27
+ font-style: italic;
28
+ font-display: swap;
29
+ font-weight: 500;
30
+ src: url('./fonts/UbuntuMono-BoldItalic.woff2') format('woff2');
31
+ }