@snack-uikit/toolbar 0.5.0 → 0.5.2

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 (9) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/README.md +1 -1
  3. package/dist/components/Toolbar/Toolbar.js +1 -1
  4. package/dist/helperComponents/DeleteAction/DeleteAction.d.ts +1 -1
  5. package/dist/helperComponents/DeleteAction/DeleteAction.js +1 -1
  6. package/dist/helperComponents/MoreActions/MoreActions.js +2 -2
  7. package/dist/helperComponents/MoreActions/constants.js +1 -1
  8. package/package.json +6 -6
  9. package/src/helperComponents/DeleteAction/DeleteAction.tsx +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,30 @@
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.5.2 (2023-12-18)
7
+
8
+ ### Only dependencies have been changed
9
+ * [@snack-uikit/droplist@0.12.2](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/droplist/CHANGELOG.md)
10
+ * [@snack-uikit/icons@0.19.2](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/icons/CHANGELOG.md)
11
+ * [@snack-uikit/search@0.6.2](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/search/CHANGELOG.md)
12
+ * [@snack-uikit/toggles@0.9.2](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/toggles/CHANGELOG.md)
13
+
14
+
15
+
16
+
17
+
18
+ ## 0.5.1 (2023-12-14)
19
+
20
+ ### Only dependencies have been changed
21
+ * [@snack-uikit/droplist@0.12.1](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/droplist/CHANGELOG.md)
22
+ * [@snack-uikit/icons@0.19.1](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/icons/CHANGELOG.md)
23
+ * [@snack-uikit/search@0.6.1](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/search/CHANGELOG.md)
24
+ * [@snack-uikit/toggles@0.9.1](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/toggles/CHANGELOG.md)
25
+
26
+
27
+
28
+
29
+
6
30
  # 0.5.0 (2023-12-14)
7
31
 
8
32
 
package/README.md CHANGED
@@ -24,7 +24,7 @@ Toolbar
24
24
  | onDelete | `() => void` | - | Колбек удаления |
25
25
  | checked | `boolean` | - | Значения чекбокса |
26
26
  | indeterminate | `boolean` | - | Состояние частичного выбора |
27
- | selectionMode | enum SelectionMode: `"single"`, `"multiple"` | - | Режим выбора @default SelectionMode.Multiple |
27
+ | selectionMode | enum SelectionMode: `"single"`, `"multiple"` | 'multiple' | Режим выбора |
28
28
  | onRefresh | `() => void` | - | Колбек обновления |
29
29
  | actions | `ReactNode` | - | Дополнительный слот |
30
30
  | moreActions | `Pick<DroplistItemSingleProps, "option" \| "caption" \| "description" \| "tagLabel" \| "disabled" \| "icon" \| "onClick">[]` | - | Элементы выпадающего списка кнопки с действиями |
package/dist/components/Toolbar/Toolbar.js CHANGED
@@ -21,5 +21,5 @@ import { extractDeleteActionProps, extractSearchPrivateProps, isDeleteActionProp
21
21
  import styles from './styles.module.css';
22
22
  export function Toolbar(_a) {
23
23
  var { className, actions, outline, moreActions, onRefresh } = _a, rest = __rest(_a, ["className", "actions", "outline", "moreActions", "onRefresh"]);
24
- return (_jsxs("div", Object.assign({ className: cn(styles.container, className) }, extractSupportProps(rest), { "data-outline": outline || undefined }, { children: [isDeleteActionProps(rest) && (_jsxs(_Fragment, { children: [_jsx(DeleteAction, Object.assign({}, extractDeleteActionProps(rest))), _jsx(Separator, {})] })), onRefresh && (_jsxs(_Fragment, { children: [_jsx(ButtonFunction, { icon: _jsx(UpdateSVG, {}), size: 'm', className: styles.updateButton, onClick: onRefresh, "data-test-id": TEST_IDS.refreshButton }), _jsx(Separator, {})] })), _jsx(SearchPrivate, Object.assign({}, extractSearchPrivateProps(rest), { className: styles.search, size: 'm', "data-test-id": TEST_IDS.search })), actions && (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsx("div", Object.assign({ "data-test-id": TEST_IDS.actions, className: styles.actions }, { children: actions }))] })), moreActions && (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsx(MoreActions, { moreActions: moreActions })] }))] })));
24
+ return (_jsxs("div", Object.assign({ className: cn(styles.container, className) }, extractSupportProps(rest), { "data-outline": outline || undefined, children: [isDeleteActionProps(rest) && (_jsxs(_Fragment, { children: [_jsx(DeleteAction, Object.assign({}, extractDeleteActionProps(rest))), _jsx(Separator, {})] })), onRefresh && (_jsxs(_Fragment, { children: [_jsx(ButtonFunction, { icon: _jsx(UpdateSVG, {}), size: 'm', className: styles.updateButton, onClick: onRefresh, "data-test-id": TEST_IDS.refreshButton }), _jsx(Separator, {})] })), _jsx(SearchPrivate, Object.assign({}, extractSearchPrivateProps(rest), { className: styles.search, size: 'm', "data-test-id": TEST_IDS.search })), actions && (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsx("div", { "data-test-id": TEST_IDS.actions, className: styles.actions, children: actions })] })), moreActions && (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsx(MoreActions, { moreActions: moreActions })] }))] })));
25
25
  }
package/dist/helperComponents/DeleteAction/DeleteAction.d.ts CHANGED
@@ -8,7 +8,7 @@ export type DeleteActionProps = {
8
8
  checked?: boolean;
9
9
  /** Состояние частичного выбора */
10
10
  indeterminate?: boolean;
11
- /** Режим выбора @default SelectionMode.Multiple*/
11
+ /** Режим выбора @default 'multiple'*/
12
12
  selectionMode?: SelectionMode;
13
13
  };
14
14
  export declare function DeleteAction({ checked, onCheck, onDelete, indeterminate, selectionMode, }: DeleteActionProps): import("react/jsx-runtime").JSX.Element;
package/dist/helperComponents/DeleteAction/DeleteAction.js CHANGED
@@ -12,5 +12,5 @@ export function DeleteAction({ checked, onCheck, onDelete, indeterminate, select
12
12
  onCheck === null || onCheck === void 0 ? void 0 : onCheck();
13
13
  }
14
14
  }, [onCheck]);
15
- return (_jsxs(_Fragment, { children: [selectionMode === SELECTION_MODE.Multiple && (_jsx("div", Object.assign({ className: styles.checkboxWrapper, onClick: onCheck, tabIndex: 0, role: 'checkbox', "aria-checked": checked, onKeyDown: handleKeyDown, "data-test-id": TEST_IDS.checkbox }, { children: _jsx(Checkbox, { size: 's', checked: checked, indeterminate: indeterminate, tabIndex: -1 }) }))), onDelete && (_jsx(ButtonFunction, { "data-test-id": TEST_IDS.deleteButton, icon: _jsx(TrashSVG, {}), size: 'm', onClick: onDelete, disabled: !checked && !indeterminate }))] }));
15
+ return (_jsxs(_Fragment, { children: [selectionMode === SELECTION_MODE.Multiple && (_jsx("div", { className: styles.checkboxWrapper, onClick: onCheck, tabIndex: 0, role: 'checkbox', "aria-checked": checked, onKeyDown: handleKeyDown, "data-test-id": TEST_IDS.checkbox, children: _jsx(Checkbox, { size: 's', checked: checked, indeterminate: indeterminate, tabIndex: -1 }) })), onDelete && (_jsx(ButtonFunction, { "data-test-id": TEST_IDS.deleteButton, icon: _jsx(TrashSVG, {}), size: 'm', onClick: onDelete, disabled: !checked && !indeterminate }))] }));
16
16
  }
package/dist/helperComponents/MoreActions/MoreActions.js CHANGED
@@ -17,11 +17,11 @@ export function MoreActions({ moreActions }) {
17
17
  needsFocus,
18
18
  setNeedsFocus,
19
19
  });
20
- return (_jsx(Droplist, Object.assign({ open: isOpen, "data-test-id": TEST_IDS.droplist, onOpenChange: setIsOpen, placement: 'bottom-end', onFocusLeave: onFocusLeave, firstElementRefCallback: firstElementRefCallback, useScroll: true, triggerRef: triggerRef, triggerElement: _jsx(ButtonFunction, { icon: _jsx(KebabSVG, { size: 24 }), size: 'm', onKeyDown: onKeyDown, "data-test-id": TEST_IDS.moreActionsButton }), size: 's' }, { children: moreActions.map(item => (_createElement(Droplist.ItemSingle, Object.assign({}, item, { key: item.option, className: styles.item, onClick: e => {
20
+ return (_jsx(Droplist, { open: isOpen, "data-test-id": TEST_IDS.droplist, onOpenChange: setIsOpen, placement: 'bottom-end', onFocusLeave: onFocusLeave, firstElementRefCallback: firstElementRefCallback, useScroll: true, triggerRef: triggerRef, triggerElement: _jsx(ButtonFunction, { icon: _jsx(KebabSVG, { size: 24 }), size: 'm', onKeyDown: onKeyDown, "data-test-id": TEST_IDS.moreActionsButton }), size: 's', children: moreActions.map(item => (_createElement(Droplist.ItemSingle, Object.assign({}, item, { key: item.option, className: styles.item, onClick: e => {
21
21
  var _a;
22
22
  (_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item, e);
23
23
  setIsOpen(false);
24
24
  setNeedsFocus(false);
25
25
  e.stopPropagation();
26
- }, "data-test-id": TEST_IDS.option })))) })));
26
+ }, "data-test-id": TEST_IDS.option })))) }));
27
27
  }
package/dist/helperComponents/MoreActions/constants.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export const TRIGGER_OPEN_DROPLIST_KEY_KEYS = [
2
- ' ',
2
+ ' ', // <- Space key
3
3
  'ArrowDown',
4
4
  ];
5
5
  export const TRIGGER_CLOSE_DROPLIST_KEY_CODES = ['Escape', 'Tab'];
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Toolbar",
7
- "version": "0.5.0",
7
+ "version": "0.5.2",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -33,12 +33,12 @@
33
33
  "scripts": {},
34
34
  "dependencies": {
35
35
  "@snack-uikit/button": "0.15.0",
36
- "@snack-uikit/droplist": "0.12.0",
37
- "@snack-uikit/icons": "0.19.0",
38
- "@snack-uikit/search": "0.6.0",
39
- "@snack-uikit/toggles": "0.9.0",
36
+ "@snack-uikit/droplist": "0.12.2",
37
+ "@snack-uikit/icons": "0.19.2",
38
+ "@snack-uikit/search": "0.6.2",
39
+ "@snack-uikit/toggles": "0.9.2",
40
40
  "@snack-uikit/utils": "3.2.0",
41
41
  "classnames": "2.3.2"
42
42
  },
43
- "gitHead": "bd39c5e674f3b91b0e2487782a04b15034cf3d8b"
43
+ "gitHead": "50ef9bb113ec40897ffb3eeae62539ce82ade899"
44
44
  }
package/src/helperComponents/DeleteAction/DeleteAction.tsx CHANGED
@@ -18,7 +18,7 @@ export type DeleteActionProps = {
18
18
  checked?: boolean;
19
19
  /** Состояние частичного выбора */
20
20
  indeterminate?: boolean;
21
- /** Режим выбора @default SelectionMode.Multiple*/
21
+ /** Режим выбора @default 'multiple'*/
22
22
  selectionMode?: SelectionMode;
23
23
  };
24
24