@snack-uikit/table 0.6.5-preview-85c5f47b.0 → 0.7.1

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 (6) hide show
  1. package/CHANGELOG.md +44 -0
  2. package/dist/components/Table/Table.js +1 -1
  3. package/dist/helperComponents/Cells/RowActionsCell/styles.module.css +1 -0
  4. package/package.json +15 -15
  5. package/src/components/Table/Table.tsx +1 -1
  6. package/src/helperComponents/Cells/RowActionsCell/styles.module.scss +3 -0
package/CHANGELOG.md CHANGED
@@ -3,6 +3,50 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 0.7.1 (2023-12-06)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **FF-3646:** fix refresh button render in case without onRefresh callback in props ([d99a0e6](https://github.com/cloud-ru-tech/snack-uikit/commit/d99a0e6ef75d6c0d5c49f0c06259c92584821a04))
12
+
13
+
14
+
15
+
16
+
17
+ # 0.7.0 (2023-12-06)
18
+
19
+
20
+ ### Bug Fixes
21
+
22
+ * **FF-0000:** remove extractDataProps ([9d676b9](https://github.com/cloud-ru-tech/snack-uikit/commit/9d676b9df214167bfd1b7ce9f1590891ca62f9a3))
23
+ * **FF-3409:** fix RowActionsCell button ([9704aba](https://github.com/cloud-ru-tech/snack-uikit/commit/9704aba6527f0e6fce0e90982aeca62adff57d34))
24
+ * **FF-3578:** element order in export functions ([a6d5487](https://github.com/cloud-ru-tech/snack-uikit/commit/a6d5487636d931fbd748ad70e76a8dd62b23b374))
25
+ * **FF-3643:** add manual pagination control ([9d9b732](https://github.com/cloud-ru-tech/snack-uikit/commit/9d9b732258e06bd586f9cb06feec93bbc16e38b1))
26
+ * **FF-3643:** fix onDelete/onCheck action ([b46ebe5](https://github.com/cloud-ru-tech/snack-uikit/commit/b46ebe5a123aed64e3aecf2bf8fc2165ce9deb60))
27
+ * **FF-3643:** fix radio selection view ([918c07f](https://github.com/cloud-ru-tech/snack-uikit/commit/918c07fefb3db21eb03501105a9a89703e72ec84))
28
+ * **FF-3711:** fix align sort icon in header ([c527892](https://github.com/cloud-ru-tech/snack-uikit/commit/c52789250585c3d778743175ad6168dfe816e172))
29
+ * **FF-3712:** chips usage update ([dee75b1](https://github.com/cloud-ru-tech/snack-uikit/commit/dee75b1725afdc1a90d734b55c3d18f4f168664f))
30
+
31
+
32
+ ### Features
33
+
34
+ * **FF-2653:** add Table package ([29ec955](https://github.com/cloud-ru-tech/snack-uikit/commit/29ec9557279d88bf7bb281bbd524ba747d1b817b))
35
+ * **FF-3309:** table additions ([e6936f0](https://github.com/cloud-ru-tech/snack-uikit/commit/e6936f08e5b2d59fca98ab184aa1a2c5aa769ddc))
36
+ * **FF-3326:** use useKeyboardNavigation from Droplist package instead of local implementation ([9615d55](https://github.com/cloud-ru-tech/snack-uikit/commit/9615d5589ee6743ad7fc24c95e1fb96a9ab42752))
37
+ * **FF-3392:** added csv,xlsx export functions ([d4f1a68](https://github.com/cloud-ru-tech/snack-uikit/commit/d4f1a68e0ec8c47ab3f3865c13846d4a097b386a))
38
+ * **FF-3409:** replace ButtonLight to ButtonFunction ([e76a1db](https://github.com/cloud-ru-tech/snack-uikit/commit/e76a1dbf2e2db07a9197c413619e4df6f5976246))
39
+ * **FF-3711:** update rows volume chip view ([bbd7a80](https://github.com/cloud-ru-tech/snack-uikit/commit/bbd7a80b3bfd273f182cc1e8f9e96bf9d3e924df))
40
+
41
+
42
+ ### BREAKING CHANGES
43
+
44
+
45
+ * **FF-3823:** move to snack-uikit scope ([ac9e30d](https://github.com/cloud-ru-tech/snack-uikit/commit/ac9e30d574d529b2bf4f5184b70c511c981a6032))
46
+
47
+
48
+
49
+
6
50
  ## 0.6.4 (2023-12-05)
7
51
 
8
52
  ### Only dependencies have been changed
package/dist/components/Table/Table.js CHANGED
@@ -115,7 +115,7 @@ export function Table(_a) {
115
115
  const tableRows = table.getRowModel().rows;
116
116
  const loadingTableRows = loadingTable.getRowModel().rows;
117
117
  const tablePagination = table.getState().pagination;
118
- return (_jsx(_Fragment, { children: _jsxs("div", Object.assign({ style: { '--page-size': !suppressPagination ? tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.pageSize : pageSize }, className: className }, extractSupportProps(rest), { children: [!suppressToolbar && (_jsxs("div", Object.assign({ className: styles.header }, { children: [_jsx(Toolbar, { value: globalFilter, onChange: onGlobalFilterChange, checked: table.getIsAllPageRowsSelected(), indeterminate: table.getIsSomePageRowsSelected(), className: styles.toolbar, onRefresh: handleOnRefresh, onDelete: enableSelection && onDelete ? handleOnDelete : undefined, onCheck: enableSelection ? handleOnCheck : undefined, outline: outline, loading: search === null || search === void 0 ? void 0 : search.loading, placeholder: (search === null || search === void 0 ? void 0 : search.placeholder) || 'Search', selectionMode: (rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.multiRow) ? Toolbar.selectionModes.Multiple : Toolbar.selectionModes.Single, actions: exportFileName ? (_jsx(ExportButton, { fileName: exportFileName, columnDefinitions: columnDefinitions, data: data })) : undefined, moreActions: moreActions }), columnFiltersProp && _jsxs("div", Object.assign({ className: styles.filtersWrapper }, { children: [" ", columnFiltersProp, " "] }))] }))), _jsx("div", Object.assign({ className: styles.scrollWrapper, "data-outline": outline || undefined }, { children: _jsx(Scroll, Object.assign({ size: Scroll.sizes.S, className: styles.table }, { children: _jsx("div", Object.assign({ className: styles.tableContent }, { children: _jsx(TableContext.Provider, Object.assign({ value: { table } }, { children: loading ? (_jsxs(SkeletonContextProvider, Object.assign({ loading: true }, { children: [_jsx(HeaderRow, {}), loadingTableRows.map(row => (_jsx(BodyRow, { row: row }, row.id)))] }))) : (_jsxs(_Fragment, { children: [tableRows.length ? _jsx(HeaderRow, {}) : null, tableRows.map(row => (_jsx(BodyRow, { row: row, onRowClick: onRowClick }, row.id))), !tableRows.length && globalFilter && _jsx(TableEmptyState, Object.assign({}, noResultsState)), !tableRows.length && !globalFilter && _jsx(TableEmptyState, Object.assign({}, noDataState))] })) })) })) })) })), !suppressPagination && (_jsx(TablePagination, { table: table, options: paginationProp === null || paginationProp === void 0 ? void 0 : paginationProp.options, optionsLabel: paginationProp === null || paginationProp === void 0 ? void 0 : paginationProp.optionsLabel, pageCount: pageCount }))] })) }));
118
+ return (_jsx(_Fragment, { children: _jsxs("div", Object.assign({ style: { '--page-size': !suppressPagination ? tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.pageSize : pageSize }, className: className }, extractSupportProps(rest), { children: [!suppressToolbar && (_jsxs("div", Object.assign({ className: styles.header }, { children: [_jsx(Toolbar, { value: globalFilter, onChange: onGlobalFilterChange, checked: table.getIsAllPageRowsSelected(), indeterminate: table.getIsSomePageRowsSelected(), className: styles.toolbar, onRefresh: onRefresh ? handleOnRefresh : undefined, onDelete: enableSelection && onDelete ? handleOnDelete : undefined, onCheck: enableSelection ? handleOnCheck : undefined, outline: outline, loading: search === null || search === void 0 ? void 0 : search.loading, placeholder: (search === null || search === void 0 ? void 0 : search.placeholder) || 'Search', selectionMode: (rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.multiRow) ? Toolbar.selectionModes.Multiple : Toolbar.selectionModes.Single, actions: exportFileName ? (_jsx(ExportButton, { fileName: exportFileName, columnDefinitions: columnDefinitions, data: data })) : undefined, moreActions: moreActions }), columnFiltersProp && _jsxs("div", Object.assign({ className: styles.filtersWrapper }, { children: [" ", columnFiltersProp, " "] }))] }))), _jsx("div", Object.assign({ className: styles.scrollWrapper, "data-outline": outline || undefined }, { children: _jsx(Scroll, Object.assign({ size: Scroll.sizes.S, className: styles.table }, { children: _jsx("div", Object.assign({ className: styles.tableContent }, { children: _jsx(TableContext.Provider, Object.assign({ value: { table } }, { children: loading ? (_jsxs(SkeletonContextProvider, Object.assign({ loading: true }, { children: [_jsx(HeaderRow, {}), loadingTableRows.map(row => (_jsx(BodyRow, { row: row }, row.id)))] }))) : (_jsxs(_Fragment, { children: [tableRows.length ? _jsx(HeaderRow, {}) : null, tableRows.map(row => (_jsx(BodyRow, { row: row, onRowClick: onRowClick }, row.id))), !tableRows.length && globalFilter && _jsx(TableEmptyState, Object.assign({}, noResultsState)), !tableRows.length && !globalFilter && _jsx(TableEmptyState, Object.assign({}, noDataState))] })) })) })) })) })), !suppressPagination && (_jsx(TablePagination, { table: table, options: paginationProp === null || paginationProp === void 0 ? void 0 : paginationProp.options, optionsLabel: paginationProp === null || paginationProp === void 0 ? void 0 : paginationProp.optionsLabel, pageCount: pageCount }))] })) }));
119
119
  }
120
120
  Table.columnPinPositions = ColumnPinPosition;
121
121
  Table.columnAligns = ColumnAlign;
package/dist/helperComponents/Cells/RowActionsCell/styles.module.css CHANGED
@@ -22,6 +22,7 @@
22
22
  }
23
23
 
24
24
  .rowActionsCellTrigger{
25
+ --offset:0px;
25
26
  padding-left:var(--space-table-cell-action-padding, 4px);
26
27
  padding-right:var(--space-table-cell-action-padding, 4px);
27
28
  cursor:pointer;
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Table",
7
- "version": "0.6.5-preview-85c5f47b.0",
7
+ "version": "0.7.1",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -32,24 +32,24 @@
32
32
  "license": "Apache-2.0",
33
33
  "scripts": {},
34
34
  "dependencies": {
35
- "@snack-uikit/button": "0.13.7-preview-85c5f47b.0",
36
- "@snack-uikit/chips": "0.8.5-preview-85c5f47b.0",
37
- "@snack-uikit/droplist": "0.10.13-preview-85c5f47b.0",
38
- "@snack-uikit/icon-predefined": "0.2.6-preview-85c5f47b.0",
39
- "@snack-uikit/icons": "0.18.2-preview-85c5f47b.0",
40
- "@snack-uikit/pagination": "0.4.11-preview-85c5f47b.0",
41
- "@snack-uikit/scroll": "0.3.5-preview-85c5f47b.0",
42
- "@snack-uikit/skeleton": "0.2.5-preview-85c5f47b.0",
43
- "@snack-uikit/toggles": "0.7.1-preview-85c5f47b.0",
44
- "@snack-uikit/toolbar": "0.3.8-preview-85c5f47b.0",
45
- "@snack-uikit/truncate-string": "0.2.17-preview-85c5f47b.0",
46
- "@snack-uikit/typography": "0.4.5-preview-85c5f47b.0",
47
- "@snack-uikit/utils": "2.0.2-preview-85c5f47b.0",
35
+ "@snack-uikit/button": "0.14.1",
36
+ "@snack-uikit/chips": "0.9.1",
37
+ "@snack-uikit/droplist": "0.11.1",
38
+ "@snack-uikit/icon-predefined": "0.3.1",
39
+ "@snack-uikit/icons": "0.19.0",
40
+ "@snack-uikit/pagination": "0.5.1",
41
+ "@snack-uikit/scroll": "0.4.1",
42
+ "@snack-uikit/skeleton": "0.3.1",
43
+ "@snack-uikit/toggles": "0.8.1",
44
+ "@snack-uikit/toolbar": "0.4.1",
45
+ "@snack-uikit/truncate-string": "0.3.1",
46
+ "@snack-uikit/typography": "0.5.1",
47
+ "@snack-uikit/utils": "3.1.0",
48
48
  "@tanstack/match-sorter-utils": "8.8.4",
49
49
  "@tanstack/react-table": "8.10.7",
50
50
  "classnames": "2.3.2",
51
51
  "uncontrollable": "8.0.0",
52
52
  "xlsx": "0.18.5"
53
53
  },
54
- "gitHead": "6a7eef41d780d945f64f791448eaa72b9e0ae72d"
54
+ "gitHead": "76a159dde7baccf49dc7b11e1fd7abc31424b42f"
55
55
  }
package/src/components/Table/Table.tsx CHANGED
@@ -316,7 +316,7 @@ export function Table<TData extends object>({
316
316
  checked={table.getIsAllPageRowsSelected()}
317
317
  indeterminate={table.getIsSomePageRowsSelected()}
318
318
  className={styles.toolbar}
319
- onRefresh={handleOnRefresh}
319
+ onRefresh={onRefresh ? handleOnRefresh : undefined}
320
320
  onDelete={enableSelection && onDelete ? handleOnDelete : undefined}
321
321
  onCheck={enableSelection ? handleOnCheck : undefined}
322
322
  outline={outline}
package/src/helperComponents/Cells/RowActionsCell/styles.module.scss CHANGED
@@ -30,7 +30,10 @@
30
30
  }
31
31
 
32
32
  .rowActionsCellTrigger {
33
+ --offset: 0px;
34
+
33
35
  @include composite-var($table-cells-action);
36
+
34
37
 
35
38
  cursor: pointer;
36
39