@salutejs/plasma-new-hope 0.339.0-canary.2286.18651387499.0 → 0.339.0-canary.2286.18687473889.0

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 (33) hide show
  1. package/cjs/components/Select/ui/TreeList/ui/Item/Item.js +76 -17
  2. package/cjs/components/Select/ui/TreeList/ui/Item/Item.js.map +1 -1
  3. package/emotion/cjs/components/Select/ui/TreeList/ui/Item/Item.js +66 -17
  4. package/emotion/es/components/Select/ui/TreeList/ui/Item/Item.js +67 -18
  5. package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
  6. package/es/components/Select/ui/TreeList/ui/Item/Item.js +77 -18
  7. package/es/components/Select/ui/TreeList/ui/Item/Item.js.map +1 -1
  8. package/package.json +4 -4
  9. package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/Item.js +66 -17
  10. package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
  11. package/styled-components/es/components/Select/ui/TreeList/ui/Item/Item.js +67 -18
  12. package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
  13. package/types/components/Select/ui/TreeList/ui/Item/Item.d.ts.map +1 -1
  14. package/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +0 -89
  15. package/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js.map +0 -1
  16. package/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +0 -89
  17. package/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js.map +0 -1
  18. package/emotion/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +0 -112
  19. package/emotion/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +0 -112
  20. package/emotion/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +0 -61
  21. package/emotion/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +0 -61
  22. package/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +0 -81
  23. package/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js.map +0 -1
  24. package/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +0 -81
  25. package/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js.map +0 -1
  26. package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +0 -112
  27. package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +0 -112
  28. package/styled-components/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +0 -61
  29. package/styled-components/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +0 -61
  30. package/types/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.d.ts +0 -4
  31. package/types/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.d.ts.map +0 -1
  32. package/types/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.d.ts +0 -4
  33. package/types/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.d.ts.map +0 -1
@@ -9,10 +9,10 @@ Object.defineProperty(exports, "Item", {
9
9
  }
10
10
  });
11
11
  var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
12
+ var _Selecttokens = require("../../../../Select.tokens");
13
+ var _utils = require("../../../../utils");
12
14
  var _treePathReducer = require("../../../../reducers/treePathReducer");
13
15
  var _Selectcontext = require("../../../../Select.context");
14
- var _ItemArrowLeft = require("./ui/ItemArrowLeft/ItemArrowLeft");
15
- var _ItemArrowRight = require("./ui/ItemArrowRight/ItemArrowRight");
16
16
  var _Itemstyles = require("./Item.styles");
17
17
  function _getRequireWildcardCache(nodeInterop) {
18
18
  if (typeof WeakMap !== "function") return null;
@@ -57,12 +57,17 @@ function _interop_require_wildcard(obj, nodeInterop) {
57
57
  }
58
58
  var Item = function(param) {
59
59
  var item = param.item, index = param.index;
60
- var _item_items;
61
- var value = item.value, disabled = item.disabled, isDisabled = item.isDisabled;
60
+ var _valueToPathMap_get, _item_items;
61
+ var label = item.label, value = item.value, disabled = item.disabled, isDisabled = item.isDisabled, contentLeft = item.contentLeft, contentRight = item.contentRight;
62
62
  var isLeaf = !(item === null || item === void 0 ? void 0 : item.items);
63
- var _useContext = (0, _react.useContext)(_Selectcontext.Context), treePath = _useContext.treePath, dispatchTreePath = _useContext.dispatchTreePath, arrowPlacement = _useContext.arrowPlacement, handleItemClick = _useContext.handleItemClick, handleCheckboxChange = _useContext.handleCheckboxChange, valueToPathMap = _useContext.valueToPathMap;
64
- var isCurrentLevelOpened = (0, _treePathReducer.keyExists)(treePath, valueToPathMap.get(value.toString()) || []);
63
+ var _useContext = (0, _react.useContext)(_Selectcontext.Context), checked = _useContext.checked, multiselect = _useContext.multiselect, size = _useContext.size, variant = _useContext.variant, renderItem = _useContext.renderItem, // eslint-disable-next-line @typescript-eslint/ban-ts-comment
64
+ // @ts-ignore
65
+ _checkboxAppearance = _useContext._checkboxAppearance, focusedPath = _useContext.focusedPath, treePath = _useContext.treePath, dispatchTreePath = _useContext.dispatchTreePath, arrowPlacement = _useContext.arrowPlacement, handleItemClick = _useContext.handleItemClick, handleCheckboxChange = _useContext.handleCheckboxChange, valueToPathMap = _useContext.valueToPathMap;
65
66
  var itemDisabled = Boolean(disabled || isDisabled);
67
+ var currentItemDepth = (((_valueToPathMap_get = valueToPathMap.get(item.value.toString())) === null || _valueToPathMap_get === void 0 ? void 0 : _valueToPathMap_get.length) || 0) - 1;
68
+ var isCurrentLevelOpened = (0, _treePathReducer.keyExists)(treePath, valueToPathMap.get(value.toString()) || []);
69
+ var withArrowInverse = isCurrentLevelOpened ? _Selecttokens.classes.arrowInverse : undefined;
70
+ var focusedClass = currentItemDepth === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentItemDepth]) ? _Selecttokens.classes.dropdownItemIsFocused : undefined;
66
71
  var handleClick = function(e) {
67
72
  if (!isLeaf) {
68
73
  dispatchTreePath({
@@ -79,19 +84,63 @@ var Item = function(param) {
79
84
  e.stopPropagation();
80
85
  handleCheckboxChange(item);
81
86
  };
82
- return /*#__PURE__*/ _react.default.createElement(_Itemstyles.ItemWrapper, null, arrowPlacement === 'left' ? /*#__PURE__*/ _react.default.createElement(_ItemArrowLeft.ItemArrowLeft, {
83
- item: item,
84
- onClick: handleClick,
85
- onChange: handleChange,
86
- isCurrentLevelOpened: isCurrentLevelOpened,
87
- index: index
88
- }) : /*#__PURE__*/ _react.default.createElement(_ItemArrowRight.ItemArrowRight, {
89
- item: item,
87
+ return /*#__PURE__*/ _react.default.createElement(_Itemstyles.ItemWrapper, null, /*#__PURE__*/ _react.default.createElement(_Itemstyles.Wrapper, {
88
+ className: focusedClass,
90
89
  onClick: handleClick,
90
+ variant: variant,
91
+ role: "treeitem"
92
+ }, /*#__PURE__*/ _react.default.createElement(_Itemstyles.Offset, {
93
+ depth: currentItemDepth
94
+ }), arrowPlacement === 'left' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.DisclosureIconWrapper, {
95
+ visibility: isLeaf ? 'hidden' : 'visible'
96
+ }, /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledArrowLeft, {
97
+ size: (0, _utils.sizeToIconSize)(size, variant),
98
+ color: "inherit",
99
+ className: withArrowInverse
100
+ })), multiselect && /*#__PURE__*/ _react.default.createElement(_Itemstyles.IconWrapper, {
101
+ variant: variant
102
+ }, /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledCheckboxWrapper, {
103
+ onClick: function(e) {
104
+ return e.stopPropagation();
105
+ }
106
+ }, /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledCheckbox, {
107
+ disabled: itemDisabled,
108
+ checked: Boolean(checked.get(item.value)),
109
+ indeterminate: checked.get(item.value) === 'indeterminate',
91
110
  onChange: handleChange,
92
- isCurrentLevelOpened: isCurrentLevelOpened,
93
- index: index
94
- }), !isLeaf && isCurrentLevelOpened && /*#__PURE__*/ _react.default.createElement(_Itemstyles.ChildItems, null, (_item_items = item.items) === null || _item_items === void 0 ? void 0 : _item_items.map(function(item, index) {
111
+ appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
112
+ }))), !multiselect && arrowPlacement === 'right' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.IconWrapper, {
113
+ variant: variant
114
+ }, checked.get(item.value) === 'dot' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledIndicator, {
115
+ size: "s",
116
+ view: "default"
117
+ }), checked.get(item.value) === 'done' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledIconDone, {
118
+ size: (0, _utils.sizeToIconSize)(size, variant),
119
+ color: "inherit"
120
+ })), renderItem ? /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledText, null, renderItem(item)) : /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledWrapper, {
121
+ disabled: itemDisabled
122
+ }, /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledCell, {
123
+ contentLeft: contentLeft,
124
+ contentRight: contentRight,
125
+ // TODO: #1548
126
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
127
+ // @ts-ignore
128
+ title: /*#__PURE__*/ _react.default.createElement("span", null, label)
129
+ })), !multiselect && arrowPlacement === 'left' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.IconWrapper, {
130
+ variant: variant
131
+ }, checked.get(item.value) === 'dot' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledIndicator, {
132
+ size: "s",
133
+ view: "default"
134
+ }), checked.get(item.value) === 'done' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledIconDone, {
135
+ size: (0, _utils.sizeToIconSize)(size, variant),
136
+ color: "inherit"
137
+ })), arrowPlacement === 'right' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.DisclosureIconWrapper, {
138
+ visibility: isLeaf ? 'hidden' : 'visible'
139
+ }, /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledArrowRight, {
140
+ size: (0, _utils.sizeToIconSize)(size, variant),
141
+ color: "inherit",
142
+ className: withArrowInverse
143
+ }))), !isLeaf && isCurrentLevelOpened && /*#__PURE__*/ _react.default.createElement(_Itemstyles.ChildItems, null, (_item_items = item.items) === null || _item_items === void 0 ? void 0 : _item_items.map(function(item, index) {
95
144
  return /*#__PURE__*/ _react.default.createElement(Item, {
96
145
  item: item,
97
146
  index: index,
@@ -1,16 +1 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "Combobox", {
6
- enumerable: true,
7
- get: function() {
8
- return Combobox;
9
- }
10
- });
11
- var _engines = require("../../../engines");
12
- var _ = require("../../..");
13
- var _Comboboxconfig = require("./Combobox.config");
14
- var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
15
- var ComboboxComponent = (0, _engines.component)(mergedConfig);
16
- var Combobox = ComboboxComponent;
@@ -1,17 +1,22 @@
1
1
  import React, { useContext } from "react";
2
+ import { classes } from "../../../../Select.tokens";
3
+ import { sizeToIconSize } from "../../../../utils";
2
4
  import { keyExists } from "../../../../reducers/treePathReducer";
3
5
  import { Context } from "../../../../Select.context";
4
- import { ItemArrowLeft } from "./ui/ItemArrowLeft/ItemArrowLeft";
5
- import { ItemArrowRight } from "./ui/ItemArrowRight/ItemArrowRight";
6
- import { ItemWrapper, ChildItems } from "./Item.styles";
6
+ import { ItemWrapper, ChildItems, Offset, IconWrapper, StyledCheckboxWrapper, StyledCheckbox, StyledIndicator, StyledIconDone, StyledText, StyledWrapper, StyledCell, DisclosureIconWrapper, StyledArrowRight, Wrapper, StyledArrowLeft } from "./Item.styles";
7
7
  export var Item = function(param) {
8
8
  var item = param.item, index = param.index;
9
- var _item_items;
10
- var value = item.value, disabled = item.disabled, isDisabled = item.isDisabled;
9
+ var _valueToPathMap_get, _item_items;
10
+ var label = item.label, value = item.value, disabled = item.disabled, isDisabled = item.isDisabled, contentLeft = item.contentLeft, contentRight = item.contentRight;
11
11
  var isLeaf = !(item === null || item === void 0 ? void 0 : item.items);
12
- var _useContext = useContext(Context), treePath = _useContext.treePath, dispatchTreePath = _useContext.dispatchTreePath, arrowPlacement = _useContext.arrowPlacement, handleItemClick = _useContext.handleItemClick, handleCheckboxChange = _useContext.handleCheckboxChange, valueToPathMap = _useContext.valueToPathMap;
13
- var isCurrentLevelOpened = keyExists(treePath, valueToPathMap.get(value.toString()) || []);
12
+ var _useContext = useContext(Context), checked = _useContext.checked, multiselect = _useContext.multiselect, size = _useContext.size, variant = _useContext.variant, renderItem = _useContext.renderItem, // eslint-disable-next-line @typescript-eslint/ban-ts-comment
13
+ // @ts-ignore
14
+ _checkboxAppearance = _useContext._checkboxAppearance, focusedPath = _useContext.focusedPath, treePath = _useContext.treePath, dispatchTreePath = _useContext.dispatchTreePath, arrowPlacement = _useContext.arrowPlacement, handleItemClick = _useContext.handleItemClick, handleCheckboxChange = _useContext.handleCheckboxChange, valueToPathMap = _useContext.valueToPathMap;
14
15
  var itemDisabled = Boolean(disabled || isDisabled);
16
+ var currentItemDepth = (((_valueToPathMap_get = valueToPathMap.get(item.value.toString())) === null || _valueToPathMap_get === void 0 ? void 0 : _valueToPathMap_get.length) || 0) - 1;
17
+ var isCurrentLevelOpened = keyExists(treePath, valueToPathMap.get(value.toString()) || []);
18
+ var withArrowInverse = isCurrentLevelOpened ? classes.arrowInverse : undefined;
19
+ var focusedClass = currentItemDepth === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentItemDepth]) ? classes.dropdownItemIsFocused : undefined;
15
20
  var handleClick = function(e) {
16
21
  if (!isLeaf) {
17
22
  dispatchTreePath({
@@ -28,19 +33,63 @@ export var Item = function(param) {
28
33
  e.stopPropagation();
29
34
  handleCheckboxChange(item);
30
35
  };
31
- return /*#__PURE__*/ React.createElement(ItemWrapper, null, arrowPlacement === 'left' ? /*#__PURE__*/ React.createElement(ItemArrowLeft, {
32
- item: item,
33
- onClick: handleClick,
34
- onChange: handleChange,
35
- isCurrentLevelOpened: isCurrentLevelOpened,
36
- index: index
37
- }) : /*#__PURE__*/ React.createElement(ItemArrowRight, {
38
- item: item,
36
+ return /*#__PURE__*/ React.createElement(ItemWrapper, null, /*#__PURE__*/ React.createElement(Wrapper, {
37
+ className: focusedClass,
39
38
  onClick: handleClick,
39
+ variant: variant,
40
+ role: "treeitem"
41
+ }, /*#__PURE__*/ React.createElement(Offset, {
42
+ depth: currentItemDepth
43
+ }), arrowPlacement === 'left' && /*#__PURE__*/ React.createElement(DisclosureIconWrapper, {
44
+ visibility: isLeaf ? 'hidden' : 'visible'
45
+ }, /*#__PURE__*/ React.createElement(StyledArrowLeft, {
46
+ size: sizeToIconSize(size, variant),
47
+ color: "inherit",
48
+ className: withArrowInverse
49
+ })), multiselect && /*#__PURE__*/ React.createElement(IconWrapper, {
50
+ variant: variant
51
+ }, /*#__PURE__*/ React.createElement(StyledCheckboxWrapper, {
52
+ onClick: function(e) {
53
+ return e.stopPropagation();
54
+ }
55
+ }, /*#__PURE__*/ React.createElement(StyledCheckbox, {
56
+ disabled: itemDisabled,
57
+ checked: Boolean(checked.get(item.value)),
58
+ indeterminate: checked.get(item.value) === 'indeterminate',
40
59
  onChange: handleChange,
41
- isCurrentLevelOpened: isCurrentLevelOpened,
42
- index: index
43
- }), !isLeaf && isCurrentLevelOpened && /*#__PURE__*/ React.createElement(ChildItems, null, (_item_items = item.items) === null || _item_items === void 0 ? void 0 : _item_items.map(function(item, index) {
60
+ appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
61
+ }))), !multiselect && arrowPlacement === 'right' && /*#__PURE__*/ React.createElement(IconWrapper, {
62
+ variant: variant
63
+ }, checked.get(item.value) === 'dot' && /*#__PURE__*/ React.createElement(StyledIndicator, {
64
+ size: "s",
65
+ view: "default"
66
+ }), checked.get(item.value) === 'done' && /*#__PURE__*/ React.createElement(StyledIconDone, {
67
+ size: sizeToIconSize(size, variant),
68
+ color: "inherit"
69
+ })), renderItem ? /*#__PURE__*/ React.createElement(StyledText, null, renderItem(item)) : /*#__PURE__*/ React.createElement(StyledWrapper, {
70
+ disabled: itemDisabled
71
+ }, /*#__PURE__*/ React.createElement(StyledCell, {
72
+ contentLeft: contentLeft,
73
+ contentRight: contentRight,
74
+ // TODO: #1548
75
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
76
+ // @ts-ignore
77
+ title: /*#__PURE__*/ React.createElement("span", null, label)
78
+ })), !multiselect && arrowPlacement === 'left' && /*#__PURE__*/ React.createElement(IconWrapper, {
79
+ variant: variant
80
+ }, checked.get(item.value) === 'dot' && /*#__PURE__*/ React.createElement(StyledIndicator, {
81
+ size: "s",
82
+ view: "default"
83
+ }), checked.get(item.value) === 'done' && /*#__PURE__*/ React.createElement(StyledIconDone, {
84
+ size: sizeToIconSize(size, variant),
85
+ color: "inherit"
86
+ })), arrowPlacement === 'right' && /*#__PURE__*/ React.createElement(DisclosureIconWrapper, {
87
+ visibility: isLeaf ? 'hidden' : 'visible'
88
+ }, /*#__PURE__*/ React.createElement(StyledArrowRight, {
89
+ size: sizeToIconSize(size, variant),
90
+ color: "inherit",
91
+ className: withArrowInverse
92
+ }))), !isLeaf && isCurrentLevelOpened && /*#__PURE__*/ React.createElement(ChildItems, null, (_item_items = item.items) === null || _item_items === void 0 ? void 0 : _item_items.map(function(item, index) {
44
93
  return /*#__PURE__*/ React.createElement(Item, {
45
94
  item: item,
46
95
  index: index,
@@ -1,7 +0,0 @@
1
- import { component, mergeConfig } from "../../../engines";
2
- import { comboboxNewConfig } from "../../..";
3
- import { config } from "./Combobox.config";
4
- var mergedConfig = mergeConfig(comboboxNewConfig, config);
5
- var ComboboxComponent = component(mergedConfig);
6
- var Combobox = ComboboxComponent;
7
- export { Combobox };
@@ -1 +1 @@
1
- {"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Select/ui/TreeList/ui/Item/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAGrC,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgEhC,CAAC"}
1
+ {"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Select/ui/TreeList/ui/Item/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAmBrC,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0IhC,CAAC"}
@@ -1,89 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var Select_context = require('../../../../../../Select.context.js');
7
- var Select_tokens = require('../../../../../../Select.tokens.js');
8
- var Item_styles = require('../../Item.styles.js');
9
- var sizeToIconSize = require('../../../../../../utils/sizeToIconSize.js');
10
-
11
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
12
-
13
- var React__default = /*#__PURE__*/_interopDefault(React);
14
-
15
- var _StyledIndicator;
16
- var ItemArrowLeft = function ItemArrowLeft(_ref) {
17
- var _valueToPathMap$get;
18
- var item = _ref.item,
19
- index = _ref.index,
20
- onClick = _ref.onClick,
21
- onChange = _ref.onChange,
22
- isCurrentLevelOpened = _ref.isCurrentLevelOpened;
23
- var label = item.label,
24
- disabled = item.disabled,
25
- isDisabled = item.isDisabled,
26
- contentLeft = item.contentLeft,
27
- contentRight = item.contentRight;
28
- var isLeaf = !(item !== null && item !== void 0 && item.items);
29
- var _useContext = React.useContext(Select_context.Context),
30
- checked = _useContext.checked,
31
- multiselect = _useContext.multiselect,
32
- size = _useContext.size,
33
- variant = _useContext.variant,
34
- renderItem = _useContext.renderItem,
35
- _checkboxAppearance = _useContext._checkboxAppearance,
36
- focusedPath = _useContext.focusedPath,
37
- valueToPathMap = _useContext.valueToPathMap;
38
- var itemDisabled = Boolean(disabled || isDisabled);
39
- var currentItemDepth = (((_valueToPathMap$get = valueToPathMap.get(item.value.toString())) === null || _valueToPathMap$get === void 0 ? void 0 : _valueToPathMap$get.length) || 0) - 1;
40
- var withArrowInverse = isCurrentLevelOpened ? Select_tokens.classes.arrowInverse : undefined;
41
- var focusedClass = currentItemDepth === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentItemDepth]) ? Select_tokens.classes.dropdownItemIsFocused : undefined;
42
- return /*#__PURE__*/React__default.default.createElement(Item_styles.Wrapper, {
43
- className: focusedClass,
44
- onClick: onClick,
45
- variant: variant,
46
- role: "treeitem"
47
- }, /*#__PURE__*/React__default.default.createElement(Item_styles.Offset, {
48
- depth: currentItemDepth
49
- }), /*#__PURE__*/React__default.default.createElement(Item_styles.DisclosureIconWrapper, {
50
- visibility: isLeaf ? 'hidden' : 'visible'
51
- }, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledArrowLeft, {
52
- size: sizeToIconSize.sizeToIconSize(size, variant),
53
- color: "inherit",
54
- className: withArrowInverse
55
- })), multiselect && /*#__PURE__*/React__default.default.createElement(Item_styles.IconWrapper, {
56
- variant: variant
57
- }, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledCheckboxWrapper, {
58
- onClick: function onClick(e) {
59
- return e.stopPropagation();
60
- }
61
- }, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledCheckbox, {
62
- disabled: itemDisabled,
63
- checked: Boolean(checked.get(item.value)),
64
- indeterminate: checked.get(item.value) === 'indeterminate',
65
- onChange: onChange,
66
- appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
67
- }))), renderItem ? /*#__PURE__*/React__default.default.createElement(Item_styles.StyledText, null, renderItem(item)) : /*#__PURE__*/React__default.default.createElement(Item_styles.StyledWrapper, {
68
- disabled: itemDisabled
69
- }, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledCell, {
70
- contentLeft: contentLeft,
71
- contentRight: contentRight
72
- // TODO: #1548
73
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
74
- // @ts-ignore
75
- ,
76
- title: /*#__PURE__*/React__default.default.createElement("span", null, label)
77
- })), !multiselect && /*#__PURE__*/React__default.default.createElement(Item_styles.IconWrapper, {
78
- variant: variant
79
- }, checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/React__default.default.createElement(Item_styles.StyledIndicator, {
80
- size: "s",
81
- view: "default"
82
- }))), checked.get(item.value) === 'done' && /*#__PURE__*/React__default.default.createElement(Item_styles.StyledIconDone, {
83
- size: sizeToIconSize.sizeToIconSize(size, variant),
84
- color: "inherit"
85
- })));
86
- };
87
-
88
- exports.ItemArrowLeft = ItemArrowLeft;
89
- //# sourceMappingURL=ItemArrowLeft.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ItemArrowLeft.js","sources":["../../../../../../../../../src/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport type { FC } from 'react';\nimport { sizeToIconSize } from 'src/components/Select/utils';\nimport { Context } from 'src/components/Select/Select.context';\nimport { classes } from 'src/components/Select/Select.tokens';\n\nimport {\n DisclosureIconWrapper,\n IconWrapper,\n StyledArrowLeft,\n StyledCell,\n StyledCheckbox,\n StyledCheckboxWrapper,\n StyledIconDone,\n StyledIndicator,\n StyledText,\n StyledWrapper,\n Wrapper,\n Offset,\n} from '../../Item.styles';\nimport { ItemArrowProps } from '../../Item.types';\n\nexport const ItemArrowLeft: FC<ItemArrowProps> = ({ item, index, onClick, onChange, isCurrentLevelOpened }) => {\n const { label, disabled, isDisabled, contentLeft, contentRight } = item;\n\n const isLeaf = !item?.items;\n\n const {\n checked,\n multiselect,\n size,\n variant,\n renderItem,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n _checkboxAppearance,\n focusedPath,\n valueToPathMap,\n } = useContext(Context);\n\n const itemDisabled = Boolean(disabled || isDisabled);\n\n const currentItemDepth = (valueToPathMap.get(item.value.toString())?.length || 0) - 1;\n\n const withArrowInverse = isCurrentLevelOpened ? classes.arrowInverse : undefined;\n\n const focusedClass =\n currentItemDepth === focusedPath.length - 1 && index === focusedPath?.[currentItemDepth]\n ? classes.dropdownItemIsFocused\n : undefined;\n\n return (\n <Wrapper className={focusedClass} onClick={onClick} variant={variant} role=\"treeitem\">\n <Offset depth={currentItemDepth} />\n\n <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n <StyledArrowLeft size={sizeToIconSize(size, variant)} color=\"inherit\" className={withArrowInverse} />\n </DisclosureIconWrapper>\n\n {multiselect && (\n <IconWrapper variant={variant}>\n <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n <StyledCheckbox\n disabled={itemDisabled}\n checked={Boolean(checked.get(item.value))}\n indeterminate={checked.get(item.value) === 'indeterminate'}\n onChange={onChange}\n appearance={_checkboxAppearance ?? 'default'}\n />\n </StyledCheckboxWrapper>\n </IconWrapper>\n )}\n\n {renderItem ? (\n <StyledText>{renderItem(item)}</StyledText>\n ) : (\n <StyledWrapper disabled={itemDisabled}>\n <StyledCell\n contentLeft={contentLeft}\n contentRight={contentRight}\n // TODO: #1548\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n title={<span>{label}</span>}\n />\n </StyledWrapper>\n )}\n\n {!multiselect && (\n <IconWrapper variant={variant}>\n {checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n {checked.get(item.value) === 'done' && (\n <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n )}\n </IconWrapper>\n )}\n </Wrapper>\n );\n};\n"],"names":["ItemArrowLeft","_ref","_valueToPathMap$get","item","index","onClick","onChange","isCurrentLevelOpened","label","disabled","isDisabled","contentLeft","contentRight","isLeaf","items","_useContext","useContext","Context","checked","multiselect","size","variant","renderItem","_checkboxAppearance","focusedPath","valueToPathMap","itemDisabled","Boolean","currentItemDepth","get","value","toString","length","withArrowInverse","classes","arrowInverse","undefined","focusedClass","dropdownItemIsFocused","React","createElement","Wrapper","className","role","Offset","depth","DisclosureIconWrapper","visibility","StyledArrowLeft","sizeToIconSize","color","IconWrapper","StyledCheckboxWrapper","e","stopPropagation","StyledCheckbox","indeterminate","appearance","StyledText","StyledWrapper","StyledCell","title","_StyledIndicator","StyledIndicator","view","StyledIconDone"],"mappings":"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"}
@@ -1,89 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var Select_context = require('../../../../../../Select.context.js');
7
- var Select_tokens = require('../../../../../../Select.tokens.js');
8
- var Item_styles = require('../../Item.styles.js');
9
- var sizeToIconSize = require('../../../../../../utils/sizeToIconSize.js');
10
-
11
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
12
-
13
- var React__default = /*#__PURE__*/_interopDefault(React);
14
-
15
- var _StyledIndicator;
16
- var ItemArrowRight = function ItemArrowRight(_ref) {
17
- var _valueToPathMap$get;
18
- var item = _ref.item,
19
- index = _ref.index,
20
- onClick = _ref.onClick,
21
- onChange = _ref.onChange,
22
- isCurrentLevelOpened = _ref.isCurrentLevelOpened;
23
- var label = item.label,
24
- disabled = item.disabled,
25
- isDisabled = item.isDisabled,
26
- contentLeft = item.contentLeft,
27
- contentRight = item.contentRight;
28
- var isLeaf = !(item !== null && item !== void 0 && item.items);
29
- var _useContext = React.useContext(Select_context.Context),
30
- checked = _useContext.checked,
31
- multiselect = _useContext.multiselect,
32
- size = _useContext.size,
33
- variant = _useContext.variant,
34
- renderItem = _useContext.renderItem,
35
- _checkboxAppearance = _useContext._checkboxAppearance,
36
- focusedPath = _useContext.focusedPath,
37
- valueToPathMap = _useContext.valueToPathMap;
38
- var itemDisabled = Boolean(disabled || isDisabled);
39
- var currentItemDepth = (((_valueToPathMap$get = valueToPathMap.get(item.value.toString())) === null || _valueToPathMap$get === void 0 ? void 0 : _valueToPathMap$get.length) || 0) - 1;
40
- var withArrowInverse = isCurrentLevelOpened ? Select_tokens.classes.arrowInverse : undefined;
41
- var focusedClass = currentItemDepth === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentItemDepth]) ? Select_tokens.classes.dropdownItemIsFocused : undefined;
42
- return /*#__PURE__*/React__default.default.createElement(Item_styles.Wrapper, {
43
- className: focusedClass,
44
- onClick: onClick,
45
- variant: variant,
46
- role: "treeitem"
47
- }, /*#__PURE__*/React__default.default.createElement(Item_styles.Offset, {
48
- depth: currentItemDepth
49
- }), multiselect && /*#__PURE__*/React__default.default.createElement(Item_styles.IconWrapper, {
50
- variant: variant
51
- }, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledCheckboxWrapper, {
52
- onClick: function onClick(e) {
53
- return e.stopPropagation();
54
- }
55
- }, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledCheckbox, {
56
- disabled: itemDisabled,
57
- checked: Boolean(checked.get(item.value)),
58
- indeterminate: checked.get(item.value) === 'indeterminate',
59
- onChange: onChange,
60
- appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
61
- }))), !multiselect && /*#__PURE__*/React__default.default.createElement(Item_styles.IconWrapper, {
62
- variant: variant
63
- }, checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/React__default.default.createElement(Item_styles.StyledIndicator, {
64
- size: "s",
65
- view: "default"
66
- }))), checked.get(item.value) === 'done' && /*#__PURE__*/React__default.default.createElement(Item_styles.StyledIconDone, {
67
- size: sizeToIconSize.sizeToIconSize(size, variant),
68
- color: "inherit"
69
- })), renderItem ? /*#__PURE__*/React__default.default.createElement(Item_styles.StyledText, null, renderItem(item)) : /*#__PURE__*/React__default.default.createElement(Item_styles.StyledWrapper, {
70
- disabled: itemDisabled
71
- }, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledCell, {
72
- contentLeft: contentLeft,
73
- contentRight: contentRight
74
- // TODO: #1548
75
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
76
- // @ts-ignore
77
- ,
78
- title: /*#__PURE__*/React__default.default.createElement("span", null, label)
79
- })), /*#__PURE__*/React__default.default.createElement(Item_styles.DisclosureIconWrapper, {
80
- visibility: isLeaf ? 'hidden' : 'visible'
81
- }, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledArrowRight, {
82
- size: sizeToIconSize.sizeToIconSize(size, variant),
83
- color: "inherit",
84
- className: withArrowInverse
85
- })));
86
- };
87
-
88
- exports.ItemArrowRight = ItemArrowRight;
89
- //# sourceMappingURL=ItemArrowRight.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ItemArrowRight.js","sources":["../../../../../../../../../src/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport type { FC } from 'react';\nimport { sizeToIconSize } from 'src/components/Select/utils';\nimport { Context } from 'src/components/Select/Select.context';\nimport { classes } from 'src/components/Select/Select.tokens';\n\nimport {\n DisclosureIconWrapper,\n IconWrapper,\n StyledArrowRight,\n StyledCell,\n StyledCheckbox,\n StyledCheckboxWrapper,\n StyledIconDone,\n StyledIndicator,\n StyledText,\n StyledWrapper,\n Wrapper,\n Offset,\n} from '../../Item.styles';\nimport { ItemArrowProps } from '../../Item.types';\n\nexport const ItemArrowRight: FC<ItemArrowProps> = ({ item, index, onClick, onChange, isCurrentLevelOpened }) => {\n const { label, disabled, isDisabled, contentLeft, contentRight } = item;\n\n const isLeaf = !item?.items;\n\n const {\n checked,\n multiselect,\n size,\n variant,\n renderItem,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n _checkboxAppearance,\n focusedPath,\n valueToPathMap,\n } = useContext(Context);\n\n const itemDisabled = Boolean(disabled || isDisabled);\n\n const currentItemDepth = (valueToPathMap.get(item.value.toString())?.length || 0) - 1;\n\n const withArrowInverse = isCurrentLevelOpened ? classes.arrowInverse : undefined;\n\n const focusedClass =\n currentItemDepth === focusedPath.length - 1 && index === focusedPath?.[currentItemDepth]\n ? classes.dropdownItemIsFocused\n : undefined;\n\n return (\n <Wrapper className={focusedClass} onClick={onClick} variant={variant} role=\"treeitem\">\n <Offset depth={currentItemDepth} />\n\n {multiselect && (\n <IconWrapper variant={variant}>\n <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n <StyledCheckbox\n disabled={itemDisabled}\n checked={Boolean(checked.get(item.value))}\n indeterminate={checked.get(item.value) === 'indeterminate'}\n onChange={onChange}\n appearance={_checkboxAppearance ?? 'default'}\n />\n </StyledCheckboxWrapper>\n </IconWrapper>\n )}\n\n {!multiselect && (\n <IconWrapper variant={variant}>\n {checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n {checked.get(item.value) === 'done' && (\n <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n )}\n </IconWrapper>\n )}\n\n {renderItem ? (\n <StyledText>{renderItem(item)}</StyledText>\n ) : (\n <StyledWrapper disabled={itemDisabled}>\n <StyledCell\n contentLeft={contentLeft}\n contentRight={contentRight}\n // TODO: #1548\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n title={<span>{label}</span>}\n />\n </StyledWrapper>\n )}\n\n <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n <StyledArrowRight size={sizeToIconSize(size, variant)} color=\"inherit\" className={withArrowInverse} />\n </DisclosureIconWrapper>\n </Wrapper>\n );\n};\n"],"names":["ItemArrowRight","_ref","_valueToPathMap$get","item","index","onClick","onChange","isCurrentLevelOpened","label","disabled","isDisabled","contentLeft","contentRight","isLeaf","items","_useContext","useContext","Context","checked","multiselect","size","variant","renderItem","_checkboxAppearance","focusedPath","valueToPathMap","itemDisabled","Boolean","currentItemDepth","get","value","toString","length","withArrowInverse","classes","arrowInverse","undefined","focusedClass","dropdownItemIsFocused","React","createElement","Wrapper","className","role","Offset","depth","IconWrapper","StyledCheckboxWrapper","e","stopPropagation","StyledCheckbox","indeterminate","appearance","_StyledIndicator","StyledIndicator","view","StyledIconDone","sizeToIconSize","color","StyledText","StyledWrapper","StyledCell","title","DisclosureIconWrapper","visibility","StyledArrowRight"],"mappings":"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"}
@@ -1,112 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "ItemArrowLeft", {
6
- enumerable: true,
7
- get: function() {
8
- return ItemArrowLeft;
9
- }
10
- });
11
- var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
12
- var _utils = require("../../../../../../utils");
13
- var _Selectcontext = require("../../../../../../Select.context");
14
- var _Selecttokens = require("../../../../../../Select.tokens");
15
- var _Itemstyles = require("../../Item.styles");
16
- function _getRequireWildcardCache(nodeInterop) {
17
- if (typeof WeakMap !== "function") return null;
18
- var cacheBabelInterop = new WeakMap();
19
- var cacheNodeInterop = new WeakMap();
20
- return (_getRequireWildcardCache = function(nodeInterop) {
21
- return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
22
- })(nodeInterop);
23
- }
24
- function _interop_require_wildcard(obj, nodeInterop) {
25
- if (!nodeInterop && obj && obj.__esModule) {
26
- return obj;
27
- }
28
- if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
29
- return {
30
- default: obj
31
- };
32
- }
33
- var cache = _getRequireWildcardCache(nodeInterop);
34
- if (cache && cache.has(obj)) {
35
- return cache.get(obj);
36
- }
37
- var newObj = {
38
- __proto__: null
39
- };
40
- var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
41
- for(var key in obj){
42
- if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
43
- var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
44
- if (desc && (desc.get || desc.set)) {
45
- Object.defineProperty(newObj, key, desc);
46
- } else {
47
- newObj[key] = obj[key];
48
- }
49
- }
50
- }
51
- newObj.default = obj;
52
- if (cache) {
53
- cache.set(obj, newObj);
54
- }
55
- return newObj;
56
- }
57
- var ItemArrowLeft = function(param) {
58
- var item = param.item, index = param.index, onClick = param.onClick, onChange = param.onChange, isCurrentLevelOpened = param.isCurrentLevelOpened;
59
- var _valueToPathMap_get;
60
- var label = item.label, disabled = item.disabled, isDisabled = item.isDisabled, contentLeft = item.contentLeft, contentRight = item.contentRight;
61
- var isLeaf = !(item === null || item === void 0 ? void 0 : item.items);
62
- var _useContext = (0, _react.useContext)(_Selectcontext.Context), checked = _useContext.checked, multiselect = _useContext.multiselect, size = _useContext.size, variant = _useContext.variant, renderItem = _useContext.renderItem, // eslint-disable-next-line @typescript-eslint/ban-ts-comment
63
- // @ts-ignore
64
- _checkboxAppearance = _useContext._checkboxAppearance, focusedPath = _useContext.focusedPath, valueToPathMap = _useContext.valueToPathMap;
65
- var itemDisabled = Boolean(disabled || isDisabled);
66
- var currentItemDepth = (((_valueToPathMap_get = valueToPathMap.get(item.value.toString())) === null || _valueToPathMap_get === void 0 ? void 0 : _valueToPathMap_get.length) || 0) - 1;
67
- var withArrowInverse = isCurrentLevelOpened ? _Selecttokens.classes.arrowInverse : undefined;
68
- var focusedClass = currentItemDepth === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentItemDepth]) ? _Selecttokens.classes.dropdownItemIsFocused : undefined;
69
- return /*#__PURE__*/ _react.default.createElement(_Itemstyles.Wrapper, {
70
- className: focusedClass,
71
- onClick: onClick,
72
- variant: variant,
73
- role: "treeitem"
74
- }, /*#__PURE__*/ _react.default.createElement(_Itemstyles.Offset, {
75
- depth: currentItemDepth
76
- }), /*#__PURE__*/ _react.default.createElement(_Itemstyles.DisclosureIconWrapper, {
77
- visibility: isLeaf ? 'hidden' : 'visible'
78
- }, /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledArrowLeft, {
79
- size: (0, _utils.sizeToIconSize)(size, variant),
80
- color: "inherit",
81
- className: withArrowInverse
82
- })), multiselect && /*#__PURE__*/ _react.default.createElement(_Itemstyles.IconWrapper, {
83
- variant: variant
84
- }, /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledCheckboxWrapper, {
85
- onClick: function(e) {
86
- return e.stopPropagation();
87
- }
88
- }, /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledCheckbox, {
89
- disabled: itemDisabled,
90
- checked: Boolean(checked.get(item.value)),
91
- indeterminate: checked.get(item.value) === 'indeterminate',
92
- onChange: onChange,
93
- appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
94
- }))), renderItem ? /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledText, null, renderItem(item)) : /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledWrapper, {
95
- disabled: itemDisabled
96
- }, /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledCell, {
97
- contentLeft: contentLeft,
98
- contentRight: contentRight,
99
- // TODO: #1548
100
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
101
- // @ts-ignore
102
- title: /*#__PURE__*/ _react.default.createElement("span", null, label)
103
- })), !multiselect && /*#__PURE__*/ _react.default.createElement(_Itemstyles.IconWrapper, {
104
- variant: variant
105
- }, checked.get(item.value) === 'dot' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledIndicator, {
106
- size: "s",
107
- view: "default"
108
- }), checked.get(item.value) === 'done' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledIconDone, {
109
- size: (0, _utils.sizeToIconSize)(size, variant),
110
- color: "inherit"
111
- })));
112
- };