@snack-uikit/toolbar 0.14.29-preview-02d918ac.0 → 0.14.29

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 (11) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/components/Toolbar/Toolbar.js +13 -16
  3. package/dist/cjs/components/Toolbar/helpers.js +6 -7
  4. package/dist/cjs/components/Toolbar/hooks/useFilters.js +27 -18
  5. package/dist/cjs/components/Toolbar/hooks/usePersistState/usePersistState.js +11 -14
  6. package/dist/cjs/components/Toolbar/hooks/usePersistState/utils/parser.js +5 -1
  7. package/dist/cjs/components/Toolbar/hooks/usePersistState/utils/serializer.js +8 -3
  8. package/dist/cjs/helperComponents/BulkActions/BulkActions.js +32 -37
  9. package/dist/cjs/helperComponents/FilterButton/FilterButton.js +5 -8
  10. package/dist/cjs/helperComponents/MoreActions/MoreActions.js +7 -4
  11. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -3,6 +3,18 @@
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.14.29 (2026-07-03)
7
+
8
+ ### Only dependencies have been changed
9
+ * [@snack-uikit/chips@0.30.2]($PUBLIC_PROJECT_URL/blob/master/packages/chips/CHANGELOG.md)
10
+ * [@snack-uikit/list@0.33.3]($PUBLIC_PROJECT_URL/blob/master/packages/list/CHANGELOG.md)
11
+ * [@snack-uikit/tag@0.15.22]($PUBLIC_PROJECT_URL/blob/master/packages/tag/CHANGELOG.md)
12
+ * [@snack-uikit/tooltip@0.18.15]($PUBLIC_PROJECT_URL/blob/master/packages/tooltip/CHANGELOG.md)
13
+
14
+
15
+
16
+
17
+
6
18
  ## 0.14.28 (2026-06-24)
7
19
 
8
20
  ### Only dependencies have been changed
package/dist/cjs/components/Toolbar/Toolbar.js CHANGED
@@ -31,26 +31,23 @@ const helpers_1 = require("./helpers");
31
31
  const hooks_1 = require("./hooks");
32
32
  const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
33
33
  function Toolbar(_a) {
34
- var {
35
- className,
36
- after,
37
- outline,
38
- moreActions,
39
- onRefresh,
40
- search,
41
- filterRow: filterRowProps,
42
- persist
43
- } = _a,
34
+ var className = _a.className,
35
+ after = _a.after,
36
+ outline = _a.outline,
37
+ moreActions = _a.moreActions,
38
+ onRefresh = _a.onRefresh,
39
+ search = _a.search,
40
+ filterRowProps = _a.filterRow,
41
+ persist = _a.persist,
44
42
  rest = __rest(_a, ["className", "after", "outline", "moreActions", "onRefresh", "search", "filterRow", "persist"]);
45
43
  const needsBulkActions = (0, helpers_1.isBulkActionsProps)(rest);
46
44
  const hasLeftSideElements = Boolean(needsBulkActions || onRefresh);
47
45
  const resizingContainerRef = (0, react_1.useRef)(null);
48
- const {
49
- filterButton,
50
- filterRow
51
- } = (0, hooks_1.useFilters)({
52
- filterRow: filterRowProps
53
- });
46
+ const _ref = (0, hooks_1.useFilters)({
47
+ filterRow: filterRowProps
48
+ }),
49
+ filterButton = _ref.filterButton,
50
+ filterRow = _ref.filterRow;
54
51
  (0, hooks_1.usePersistState)({
55
52
  persist,
56
53
  filter: filterRow === null || filterRow === void 0 ? void 0 : filterRow.value,
package/dist/cjs/components/Toolbar/helpers.js CHANGED
@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.extractBulkActionsProps = extractBulkActionsProps;
7
7
  exports.isBulkActionsProps = isBulkActionsProps;
8
8
  function extractBulkActionsProps(_ref) {
9
- let {
10
- onCheck,
11
- checked,
12
- indeterminate,
13
- bulkActions = [],
14
- selectionMode
15
- } = _ref;
9
+ let onCheck = _ref.onCheck,
10
+ checked = _ref.checked,
11
+ indeterminate = _ref.indeterminate,
12
+ _ref$bulkActions = _ref.bulkActions,
13
+ bulkActions = _ref$bulkActions === void 0 ? [] : _ref$bulkActions,
14
+ selectionMode = _ref.selectionMode;
16
15
  return {
17
16
  onCheck,
18
17
  checked,
package/dist/cjs/components/Toolbar/hooks/useFilters.js CHANGED
@@ -1,5 +1,7 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
3
5
  var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
4
6
  return mod && mod.__esModule ? mod : {
5
7
  "default": mod
@@ -15,25 +17,32 @@ const uncontrollable_1 = require("uncontrollable");
15
17
  const chips_1 = require("@snack-uikit/chips");
16
18
  const styles_module_scss_1 = __importDefault(require('../styles.module.css'));
17
19
  function useFilters(_ref) {
18
- let {
19
- filterRow
20
- } = _ref;
20
+ let filterRow = _ref.filterRow;
21
21
  var _a;
22
- const [filtersOpen, setFiltersOpen] = (0, uncontrollable_1.useUncontrolledProp)(filterRow === null || filterRow === void 0 ? void 0 : filterRow.open, false, newValue => {
23
- var _a;
24
- const result = typeof newValue === 'function' ? newValue(filtersOpen) : newValue;
25
- (_a = filterRow === null || filterRow === void 0 ? void 0 : filterRow.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(filterRow, result);
26
- });
27
- const [value, setValue] = (0, uncontrollable_1.useUncontrolledProp)(filterRow === null || filterRow === void 0 ? void 0 : filterRow.value, (_a = filterRow === null || filterRow === void 0 ? void 0 : filterRow.defaultValue) !== null && _a !== void 0 ? _a : {}, newValue => {
28
- var _a;
29
- const result = typeof newValue === 'function' ? newValue(value) : newValue;
30
- (_a = filterRow === null || filterRow === void 0 ? void 0 : filterRow.onChange) === null || _a === void 0 ? void 0 : _a.call(filterRow, result);
31
- });
32
- const [visibleFilters, setVisibleFilters] = (0, uncontrollable_1.useUncontrolledProp)(filterRow === null || filterRow === void 0 ? void 0 : filterRow.visibleFilters, Object.keys(value), newState => {
33
- var _a;
34
- const result = typeof newState === 'function' ? newState(visibleFilters) : newState;
35
- (_a = filterRow === null || filterRow === void 0 ? void 0 : filterRow.onVisibleFiltersChange) === null || _a === void 0 ? void 0 : _a.call(filterRow, result);
36
- });
22
+ const _ref2 = (0, uncontrollable_1.useUncontrolledProp)(filterRow === null || filterRow === void 0 ? void 0 : filterRow.open, false, newValue => {
23
+ var _a;
24
+ const result = typeof newValue === 'function' ? newValue(filtersOpen) : newValue;
25
+ (_a = filterRow === null || filterRow === void 0 ? void 0 : filterRow.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(filterRow, result);
26
+ }),
27
+ _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
28
+ filtersOpen = _ref3[0],
29
+ setFiltersOpen = _ref3[1];
30
+ const _ref4 = (0, uncontrollable_1.useUncontrolledProp)(filterRow === null || filterRow === void 0 ? void 0 : filterRow.value, (_a = filterRow === null || filterRow === void 0 ? void 0 : filterRow.defaultValue) !== null && _a !== void 0 ? _a : {}, newValue => {
31
+ var _a;
32
+ const result = typeof newValue === 'function' ? newValue(value) : newValue;
33
+ (_a = filterRow === null || filterRow === void 0 ? void 0 : filterRow.onChange) === null || _a === void 0 ? void 0 : _a.call(filterRow, result);
34
+ }),
35
+ _ref5 = (0, _slicedToArray2.default)(_ref4, 2),
36
+ value = _ref5[0],
37
+ setValue = _ref5[1];
38
+ const _ref6 = (0, uncontrollable_1.useUncontrolledProp)(filterRow === null || filterRow === void 0 ? void 0 : filterRow.visibleFilters, Object.keys(value), newState => {
39
+ var _a;
40
+ const result = typeof newState === 'function' ? newState(visibleFilters) : newState;
41
+ (_a = filterRow === null || filterRow === void 0 ? void 0 : filterRow.onVisibleFiltersChange) === null || _a === void 0 ? void 0 : _a.call(filterRow, result);
42
+ }),
43
+ _ref7 = (0, _slicedToArray2.default)(_ref6, 2),
44
+ visibleFilters = _ref7[0],
45
+ setVisibleFilters = _ref7[1];
37
46
  const patchedFilters = (0, react_1.useMemo)(() => {
38
47
  var _a;
39
48
  return ((_a = filterRow === null || filterRow === void 0 ? void 0 : filterRow.filters) !== null && _a !== void 0 ? _a : []).map(filter => {
package/dist/cjs/components/Toolbar/hooks/usePersistState/usePersistState.js CHANGED
@@ -8,11 +8,9 @@ const react_1 = require("react");
8
8
  const utils_1 = require("@snack-uikit/utils");
9
9
  const utils_2 = require("./utils");
10
10
  function usePersistState(_ref) {
11
- let {
12
- persist,
13
- filter,
14
- search
15
- } = _ref;
11
+ let persist = _ref.persist,
12
+ filter = _ref.filter,
13
+ search = _ref.search;
16
14
  const hasHydratedRef = (0, react_1.useRef)(false);
17
15
  const dataPersistOptions = (0, react_1.useMemo)(() => {
18
16
  if (!(persist === null || persist === void 0 ? void 0 : persist.filterQueryKey) || !(persist === null || persist === void 0 ? void 0 : persist.id)) return undefined;
@@ -27,18 +25,17 @@ function usePersistState(_ref) {
27
25
  };
28
26
  return {
29
27
  queryKey: persist.filterQueryKey,
30
- localStorageKey: `${persist.id}_filter`,
28
+ localStorageKey: "".concat(persist.id, "_filter"),
31
29
  validateData: combinedValidate
32
30
  };
33
31
  }, [persist]);
34
- const {
35
- getDefaultData,
36
- setDataToStorages
37
- } = (0, utils_1.useDataPersist)({
38
- options: dataPersistOptions,
39
- serializer: value => (persist === null || persist === void 0 ? void 0 : persist.serializer) ? persist.serializer(value) : (0, utils_2.defaultSerializer)(value),
40
- parser: value => (persist === null || persist === void 0 ? void 0 : persist.parser) ? persist.parser(value) : (0, utils_2.defaultParser)(value)
41
- });
32
+ const _ref2 = (0, utils_1.useDataPersist)({
33
+ options: dataPersistOptions,
34
+ serializer: value => (persist === null || persist === void 0 ? void 0 : persist.serializer) ? persist.serializer(value) : (0, utils_2.defaultSerializer)(value),
35
+ parser: value => (persist === null || persist === void 0 ? void 0 : persist.parser) ? persist.parser(value) : (0, utils_2.defaultParser)(value)
36
+ }),
37
+ getDefaultData = _ref2.getDefaultData,
38
+ setDataToStorages = _ref2.setDataToStorages;
42
39
  const defaultState = (0, react_1.useMemo)(getDefaultData, [getDefaultData]);
43
40
  (0, react_1.useEffect)(() => {
44
41
  var _a, _b;
package/dist/cjs/components/Toolbar/hooks/usePersistState/utils/parser.js CHANGED
@@ -1,5 +1,7 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
@@ -38,7 +40,9 @@ const defaultParser = value => {
38
40
  };
39
41
  exports.defaultParser = defaultParser;
40
42
  const prepareDataForFilter = filter => Object.entries(filter).reduce((acc, _ref) => {
41
- let [key, value] = _ref;
43
+ let _ref2 = (0, _slicedToArray2.default)(_ref, 2),
44
+ key = _ref2[0],
45
+ value = _ref2[1];
42
46
  if (Array.isArray(value)) {
43
47
  acc[key] = value.map(parseValue);
44
48
  } else {
package/dist/cjs/components/Toolbar/hooks/usePersistState/utils/serializer.js CHANGED
@@ -1,5 +1,7 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
@@ -20,10 +22,13 @@ const mapFilterToPayload = value => {
20
22
  return undefined;
21
23
  }
22
24
  return Object.entries(value).filter(_ref => {
23
- let [, v] = _ref;
25
+ let _ref2 = (0, _slicedToArray2.default)(_ref, 2),
26
+ v = _ref2[1];
24
27
  return v !== undefined;
25
- }).map(_ref2 => {
26
- let [key, v] = _ref2;
28
+ }).map(_ref3 => {
29
+ let _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
30
+ key = _ref4[0],
31
+ v = _ref4[1];
27
32
  return Array.isArray(v) ? {
28
33
  value: v.map(mapValueToString),
29
34
  condition: 'in',
package/dist/cjs/helperComponents/BulkActions/BulkActions.js CHANGED
@@ -21,29 +21,28 @@ const constants_1 = require("../../constants");
21
21
  const constants_2 = require("./constants");
22
22
  const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
23
23
  function BulkActions(_ref) {
24
- let {
25
- actions = [],
26
- checked,
27
- onCheck,
28
- indeterminate,
29
- selectionMode = constants_2.SELECTION_MODE.Multiple,
30
- resizingContainerRef
31
- } = _ref;
24
+ let _ref$actions = _ref.actions,
25
+ actions = _ref$actions === void 0 ? [] : _ref$actions,
26
+ checked = _ref.checked,
27
+ onCheck = _ref.onCheck,
28
+ indeterminate = _ref.indeterminate,
29
+ _ref$selectionMode = _ref.selectionMode,
30
+ selectionMode = _ref$selectionMode === void 0 ? constants_2.SELECTION_MODE.Multiple : _ref$selectionMode,
31
+ resizingContainerRef = _ref.resizingContainerRef;
32
32
  const handleKeyDown = (0, react_1.useCallback)(e => {
33
33
  if (e.key === ' ' || e.key === 'Enter') {
34
34
  onCheck === null || onCheck === void 0 ? void 0 : onCheck();
35
35
  }
36
36
  }, [onCheck]);
37
37
  const parentContainerRef = (0, react_1.useRef)(null);
38
- const {
39
- visibleItems,
40
- hiddenItems
41
- } = (0, utils_1.useDynamicList)({
42
- items: actions,
43
- resizingContainerRef,
44
- parentContainerRef,
45
- maxVisibleItems: 3
46
- });
38
+ const _ref2 = (0, utils_1.useDynamicList)({
39
+ items: actions,
40
+ resizingContainerRef,
41
+ parentContainerRef,
42
+ maxVisibleItems: 3
43
+ }),
44
+ visibleItems = _ref2.visibleItems,
45
+ hiddenItems = _ref2.hiddenItems;
47
46
  return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
48
47
  children: [selectionMode === constants_2.SELECTION_MODE.Multiple && (0, jsx_runtime_1.jsx)("div", {
49
48
  className: styles_module_scss_1.default.checkboxWrapper,
@@ -65,20 +64,18 @@ function BulkActions(_ref) {
65
64
  ref: parentContainerRef,
66
65
  children: [(0, jsx_runtime_1.jsx)("div", {
67
66
  className: styles_module_scss_1.default.bulkActions,
68
- children: visibleItems.map(_ref2 => {
69
- let {
70
- label,
71
- icon: Icon,
72
- onClick,
73
- disabled,
74
- tooltip,
75
- 'data-test-id': testId
76
- } = _ref2;
67
+ children: visibleItems.map(_ref3 => {
68
+ let label = _ref3.label,
69
+ Icon = _ref3.icon,
70
+ onClick = _ref3.onClick,
71
+ disabled = _ref3.disabled,
72
+ tooltip = _ref3.tooltip,
73
+ testId = _ref3['data-test-id'];
77
74
  return (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, {
78
75
  tip: tooltip,
79
76
  open: tooltip ? undefined : false,
80
77
  placement: 'top',
81
- "data-test-id": `${testId}-tooltip`,
78
+ "data-test-id": "".concat(testId, "-tooltip"),
82
79
  children: (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, {
83
80
  className: styles_module_scss_1.default.action,
84
81
  fullWidth: true,
@@ -95,15 +92,13 @@ function BulkActions(_ref) {
95
92
  }), hiddenItems.length > 0 && (0, jsx_runtime_1.jsx)(list_1.Droplist, {
96
93
  trigger: 'clickAndFocusVisible',
97
94
  closeDroplistOnItemClick: true,
98
- items: hiddenItems.map(_ref3 => {
99
- let {
100
- label,
101
- icon: Icon,
102
- onClick,
103
- disabled,
104
- tooltip,
105
- 'data-test-id': testId
106
- } = _ref3;
95
+ items: hiddenItems.map(_ref4 => {
96
+ let label = _ref4.label,
97
+ Icon = _ref4.icon,
98
+ onClick = _ref4.onClick,
99
+ disabled = _ref4.disabled,
100
+ tooltip = _ref4.tooltip,
101
+ testId = _ref4['data-test-id'];
107
102
  return {
108
103
  id: label,
109
104
  content: {
@@ -116,7 +111,7 @@ function BulkActions(_ref) {
116
111
  tip: tooltip,
117
112
  open: tooltip ? undefined : false,
118
113
  placement: 'right',
119
- "data-test-id": `${testId}-tooltip`,
114
+ "data-test-id": "".concat(testId, "-tooltip"),
120
115
  children: item
121
116
  }),
122
117
  'data-test-id': testId
package/dist/cjs/helperComponents/FilterButton/FilterButton.js CHANGED
@@ -11,14 +11,11 @@ const locale_1 = require("@snack-uikit/locale");
11
11
  const tooltip_1 = require("@snack-uikit/tooltip");
12
12
  const constants_1 = require("../../constants");
13
13
  function FilterButton(_ref) {
14
- let {
15
- open,
16
- onOpenChange,
17
- numberOfFilters
18
- } = _ref;
19
- const {
20
- t
21
- } = (0, locale_1.useLocale)('Toolbar');
14
+ let open = _ref.open,
15
+ onOpenChange = _ref.onOpenChange,
16
+ numberOfFilters = _ref.numberOfFilters;
17
+ const _ref2 = (0, locale_1.useLocale)('Toolbar'),
18
+ t = _ref2.t;
22
19
  return (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, {
23
20
  tip: open ? t('hideFilters') : t('showFilters'),
24
21
  children: (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, {
package/dist/cjs/helperComponents/MoreActions/MoreActions.js CHANGED
@@ -1,5 +1,7 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
@@ -12,10 +14,11 @@ const list_1 = require("@snack-uikit/list");
12
14
  const tag_1 = require("@snack-uikit/tag");
13
15
  const constants_1 = require("../../constants");
14
16
  function MoreActions(_ref) {
15
- let {
16
- moreActions
17
- } = _ref;
18
- const [isOpen, setIsOpen] = (0, react_1.useState)(false);
17
+ let moreActions = _ref.moreActions;
18
+ const _ref2 = (0, react_1.useState)(false),
19
+ _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
20
+ isOpen = _ref3[0],
21
+ setIsOpen = _ref3[1];
19
22
  return (0, jsx_runtime_1.jsx)(list_1.Droplist, {
20
23
  trigger: 'clickAndFocusVisible',
21
24
  open: isOpen,
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Toolbar",
7
- "version": "0.14.29-preview-02d918ac.0",
7
+ "version": "0.14.29",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -38,13 +38,13 @@
38
38
  "dependencies": {
39
39
  "@cloud-ru/ft-request-payload-transform": "0.3.0",
40
40
  "@snack-uikit/button": "0.19.19",
41
- "@snack-uikit/chips": "0.30.2-preview-02d918ac.0",
41
+ "@snack-uikit/chips": "0.30.2",
42
42
  "@snack-uikit/icons": "0.27.7",
43
- "@snack-uikit/list": "0.33.3-preview-02d918ac.0",
43
+ "@snack-uikit/list": "0.33.3",
44
44
  "@snack-uikit/search-private": "0.4.37",
45
- "@snack-uikit/tag": "0.15.22-preview-02d918ac.0",
45
+ "@snack-uikit/tag": "0.15.22",
46
46
  "@snack-uikit/toggles": "0.13.27",
47
- "@snack-uikit/tooltip": "0.18.15-preview-02d918ac.0",
47
+ "@snack-uikit/tooltip": "0.18.15",
48
48
  "@snack-uikit/utils": "4.0.2",
49
49
  "classnames": "2.5.1",
50
50
  "uncontrollable": "8.0.4"
@@ -52,5 +52,5 @@
52
52
  "peerDependencies": {
53
53
  "@snack-uikit/locale": "*"
54
54
  },
55
- "gitHead": "00136e44a3f59e0cf80df069e32dac42b3a8d88a"
55
+ "gitHead": "864821fceaa6bbb61080166d14f1682fa16e3f85"
56
56
  }