@salutejs/plasma-new-hope 0.339.0-canary.2286.18651387499.0 → 0.339.0-canary.2286.18719037766.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 (34) 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/cjs/examples/components/Combobox/Combobox.js +15 -0
  5. package/emotion/es/components/Select/ui/TreeList/ui/Item/Item.js +67 -18
  6. package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
  7. package/es/components/Select/ui/TreeList/ui/Item/Item.js +77 -18
  8. package/es/components/Select/ui/TreeList/ui/Item/Item.js.map +1 -1
  9. package/package.json +4 -4
  10. package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/Item.js +66 -17
  11. package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
  12. package/styled-components/es/components/Select/ui/TreeList/ui/Item/Item.js +67 -18
  13. package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
  14. package/types/components/Select/ui/TreeList/ui/Item/Item.d.ts.map +1 -1
  15. package/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +0 -89
  16. package/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js.map +0 -1
  17. package/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +0 -89
  18. package/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js.map +0 -1
  19. package/emotion/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +0 -112
  20. package/emotion/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +0 -112
  21. package/emotion/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +0 -61
  22. package/emotion/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +0 -61
  23. package/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +0 -81
  24. package/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js.map +0 -1
  25. package/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +0 -81
  26. package/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js.map +0 -1
  27. package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +0 -112
  28. package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +0 -112
  29. package/styled-components/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +0 -61
  30. package/styled-components/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +0 -61
  31. package/types/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.d.ts +0 -4
  32. package/types/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.d.ts.map +0 -1
  33. package/types/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.d.ts +0 -4
  34. package/types/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.d.ts.map +0 -1
package/cjs/components/Select/ui/TreeList/ui/Item/Item.js CHANGED
@@ -3,33 +3,47 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
+ var Select_tokens = require('../../../../Select.tokens.js');
6
7
  var treePathReducer = require('../../../../reducers/treePathReducer.js');
7
8
  var Select_context = require('../../../../Select.context.js');
8
- var ItemArrowLeft = require('./ui/ItemArrowLeft/ItemArrowLeft.js');
9
- var ItemArrowRight = require('./ui/ItemArrowRight/ItemArrowRight.js');
10
9
  var Item_styles = require('./Item.styles.js');
10
+ var sizeToIconSize = require('../../../../utils/sizeToIconSize.js');
11
11
 
12
12
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
13
13
 
14
14
  var React__default = /*#__PURE__*/_interopDefault(React);
15
15
 
16
+ var _StyledIndicator, _StyledIndicator2;
16
17
  var Item = function Item(_ref) {
17
- var _item$items;
18
+ var _valueToPathMap$get, _item$items;
18
19
  var item = _ref.item,
19
20
  index = _ref.index;
20
- var value = item.value,
21
+ var label = item.label,
22
+ value = item.value,
21
23
  disabled = item.disabled,
22
- isDisabled = item.isDisabled;
24
+ isDisabled = item.isDisabled,
25
+ contentLeft = item.contentLeft,
26
+ contentRight = item.contentRight;
23
27
  var isLeaf = !(item !== null && item !== void 0 && item.items);
24
28
  var _useContext = React.useContext(Select_context.Context),
29
+ checked = _useContext.checked,
30
+ multiselect = _useContext.multiselect,
31
+ size = _useContext.size,
32
+ variant = _useContext.variant,
33
+ renderItem = _useContext.renderItem,
34
+ _checkboxAppearance = _useContext._checkboxAppearance,
35
+ focusedPath = _useContext.focusedPath,
25
36
  treePath = _useContext.treePath,
26
37
  dispatchTreePath = _useContext.dispatchTreePath,
27
38
  arrowPlacement = _useContext.arrowPlacement,
28
39
  handleItemClick = _useContext.handleItemClick,
29
40
  handleCheckboxChange = _useContext.handleCheckboxChange,
30
41
  valueToPathMap = _useContext.valueToPathMap;
31
- var isCurrentLevelOpened = treePathReducer.keyExists(treePath, valueToPathMap.get(value.toString()) || []);
32
42
  var itemDisabled = Boolean(disabled || isDisabled);
43
+ var currentItemDepth = (((_valueToPathMap$get = valueToPathMap.get(item.value.toString())) === null || _valueToPathMap$get === void 0 ? void 0 : _valueToPathMap$get.length) || 0) - 1;
44
+ var isCurrentLevelOpened = treePathReducer.keyExists(treePath, valueToPathMap.get(value.toString()) || []);
45
+ var withArrowInverse = isCurrentLevelOpened ? Select_tokens.classes.arrowInverse : undefined;
46
+ var focusedClass = currentItemDepth === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentItemDepth]) ? Select_tokens.classes.dropdownItemIsFocused : undefined;
33
47
  var handleClick = function handleClick(e) {
34
48
  if (!isLeaf) {
35
49
  dispatchTreePath({
@@ -46,19 +60,64 @@ var Item = function Item(_ref) {
46
60
  e.stopPropagation();
47
61
  handleCheckboxChange(item);
48
62
  };
49
- return /*#__PURE__*/React__default.default.createElement(Item_styles.ItemWrapper, null, arrowPlacement === 'left' ? /*#__PURE__*/React__default.default.createElement(ItemArrowLeft.ItemArrowLeft, {
50
- item: item,
51
- onClick: handleClick,
52
- onChange: handleChange,
53
- isCurrentLevelOpened: isCurrentLevelOpened,
54
- index: index
55
- }) : /*#__PURE__*/React__default.default.createElement(ItemArrowRight.ItemArrowRight, {
56
- item: item,
63
+ return /*#__PURE__*/React__default.default.createElement(Item_styles.ItemWrapper, null, /*#__PURE__*/React__default.default.createElement(Item_styles.Wrapper, {
64
+ className: focusedClass,
57
65
  onClick: handleClick,
66
+ variant: variant,
67
+ role: "treeitem"
68
+ }, /*#__PURE__*/React__default.default.createElement(Item_styles.Offset, {
69
+ depth: currentItemDepth
70
+ }), arrowPlacement === 'left' && /*#__PURE__*/React__default.default.createElement(Item_styles.DisclosureIconWrapper, {
71
+ visibility: isLeaf ? 'hidden' : 'visible'
72
+ }, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledArrowLeft, {
73
+ size: sizeToIconSize.sizeToIconSize(size, variant),
74
+ color: "inherit",
75
+ className: withArrowInverse
76
+ })), multiselect && /*#__PURE__*/React__default.default.createElement(Item_styles.IconWrapper, {
77
+ variant: variant
78
+ }, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledCheckboxWrapper, {
79
+ onClick: function onClick(e) {
80
+ return e.stopPropagation();
81
+ }
82
+ }, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledCheckbox, {
83
+ disabled: itemDisabled,
84
+ checked: Boolean(checked.get(item.value)),
85
+ indeterminate: checked.get(item.value) === 'indeterminate',
58
86
  onChange: handleChange,
59
- isCurrentLevelOpened: isCurrentLevelOpened,
60
- index: index
61
- }), !isLeaf && isCurrentLevelOpened && /*#__PURE__*/React__default.default.createElement(Item_styles.ChildItems, null, (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.map(function (item, index) {
87
+ appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
88
+ }))), !multiselect && arrowPlacement === 'right' && /*#__PURE__*/React__default.default.createElement(Item_styles.IconWrapper, {
89
+ variant: variant
90
+ }, checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/React__default.default.createElement(Item_styles.StyledIndicator, {
91
+ size: "s",
92
+ view: "default"
93
+ }))), checked.get(item.value) === 'done' && /*#__PURE__*/React__default.default.createElement(Item_styles.StyledIconDone, {
94
+ size: sizeToIconSize.sizeToIconSize(size, variant),
95
+ color: "inherit"
96
+ })), renderItem ? /*#__PURE__*/React__default.default.createElement(Item_styles.StyledText, null, renderItem(item)) : /*#__PURE__*/React__default.default.createElement(Item_styles.StyledWrapper, {
97
+ disabled: itemDisabled
98
+ }, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledCell, {
99
+ contentLeft: contentLeft,
100
+ contentRight: contentRight
101
+ // TODO: #1548
102
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
103
+ // @ts-ignore
104
+ ,
105
+ title: /*#__PURE__*/React__default.default.createElement("span", null, label)
106
+ })), !multiselect && arrowPlacement === 'left' && /*#__PURE__*/React__default.default.createElement(Item_styles.IconWrapper, {
107
+ variant: variant
108
+ }, checked.get(item.value) === 'dot' && (_StyledIndicator2 || (_StyledIndicator2 = /*#__PURE__*/React__default.default.createElement(Item_styles.StyledIndicator, {
109
+ size: "s",
110
+ view: "default"
111
+ }))), checked.get(item.value) === 'done' && /*#__PURE__*/React__default.default.createElement(Item_styles.StyledIconDone, {
112
+ size: sizeToIconSize.sizeToIconSize(size, variant),
113
+ color: "inherit"
114
+ })), arrowPlacement === 'right' && /*#__PURE__*/React__default.default.createElement(Item_styles.DisclosureIconWrapper, {
115
+ visibility: isLeaf ? 'hidden' : 'visible'
116
+ }, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledArrowRight, {
117
+ size: sizeToIconSize.sizeToIconSize(size, variant),
118
+ color: "inherit",
119
+ className: withArrowInverse
120
+ }))), !isLeaf && isCurrentLevelOpened && /*#__PURE__*/React__default.default.createElement(Item_styles.ChildItems, null, (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.map(function (item, index) {
62
121
  return /*#__PURE__*/React__default.default.createElement(Item, {
63
122
  item: item,
64
123
  index: index,
package/cjs/components/Select/ui/TreeList/ui/Item/Item.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Item.js","sources":["../../../../../../../src/components/Select/ui/TreeList/ui/Item/Item.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { keyExists } from '../../../../reducers/treePathReducer';\nimport { Context } from '../../../../Select.context';\n\nimport { ItemArrowLeft } from './ui/ItemArrowLeft/ItemArrowLeft';\nimport { ItemArrowRight } from './ui/ItemArrowRight/ItemArrowRight';\nimport { Props } from './Item.types';\nimport { ItemWrapper, ChildItems } from './Item.styles';\n\nexport const Item: React.FC<Props> = ({ item, index }) => {\n const { value, disabled, isDisabled } = item;\n\n const isLeaf = !item?.items;\n\n const {\n treePath,\n dispatchTreePath,\n arrowPlacement,\n handleItemClick,\n handleCheckboxChange,\n valueToPathMap,\n } = useContext(Context);\n\n const isCurrentLevelOpened = keyExists(treePath, valueToPathMap.get(value.toString()) || []);\n const itemDisabled = Boolean(disabled || isDisabled);\n\n const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n if (!isLeaf) {\n dispatchTreePath({ type: 'toggled_level', value: valueToPathMap.get(value.toString()) || [] });\n }\n\n if (handleItemClick) {\n handleItemClick(item, e);\n }\n };\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (itemDisabled) return;\n\n e.stopPropagation();\n\n handleCheckboxChange(item);\n };\n\n return (\n <ItemWrapper>\n {arrowPlacement === 'left' ? (\n <ItemArrowLeft\n item={item}\n onClick={handleClick}\n onChange={handleChange}\n isCurrentLevelOpened={isCurrentLevelOpened}\n index={index}\n />\n ) : (\n <ItemArrowRight\n item={item}\n onClick={handleClick}\n onChange={handleChange}\n isCurrentLevelOpened={isCurrentLevelOpened}\n index={index}\n />\n )}\n\n {!isLeaf && isCurrentLevelOpened && (\n <ChildItems>\n {item.items?.map((item, index) => {\n return <Item item={item} index={index} key={index} />;\n })}\n </ChildItems>\n )}\n </ItemWrapper>\n );\n};\n"],"names":["Item","_ref","_item$items","item","index","value","disabled","isDisabled","isLeaf","items","_useContext","useContext","Context","treePath","dispatchTreePath","arrowPlacement","handleItemClick","handleCheckboxChange","valueToPathMap","isCurrentLevelOpened","keyExists","get","toString","itemDisabled","Boolean","handleClick","e","type","handleChange","stopPropagation","React","createElement","ItemWrapper","ItemArrowLeft","onClick","onChange","ItemArrowRight","ChildItems","map","key"],"mappings":";;;;;;;;;;;;;;;IAUaA,IAAqB,GAAG,SAAxBA,IAAqBA,CAAAC,IAAA,EAAwB;AAAA,EAAA,IAAAC,WAAA,CAAA;AAAA,EAAA,IAAlBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK,CAAA;AAC/C,EAAA,IAAQC,KAAK,GAA2BF,IAAI,CAApCE,KAAK;IAAEC,QAAQ,GAAiBH,IAAI,CAA7BG,QAAQ;IAAEC,UAAU,GAAKJ,IAAI,CAAnBI,UAAU,CAAA;EAEnC,IAAMC,MAAM,GAAG,EAACL,IAAI,aAAJA,IAAI,KAAA,KAAA,CAAA,IAAJA,IAAI,CAAEM,KAAK,CAAA,CAAA;AAE3B,EAAA,IAAAC,WAAA,GAOIC,gBAAU,CAACC,sBAAO,CAAC;IANnBC,QAAQ,GAAAH,WAAA,CAARG,QAAQ;IACRC,gBAAgB,GAAAJ,WAAA,CAAhBI,gBAAgB;IAChBC,cAAc,GAAAL,WAAA,CAAdK,cAAc;IACdC,eAAe,GAAAN,WAAA,CAAfM,eAAe;IACfC,oBAAoB,GAAAP,WAAA,CAApBO,oBAAoB;IACpBC,cAAc,GAAAR,WAAA,CAAdQ,cAAc,CAAA;AAGlB,EAAA,IAAMC,oBAAoB,GAAGC,yBAAS,CAACP,QAAQ,EAAEK,cAAc,CAACG,GAAG,CAAChB,KAAK,CAACiB,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,CAAA;AAC5F,EAAA,IAAMC,YAAY,GAAGC,OAAO,CAAClB,QAAQ,IAAIC,UAAU,CAAC,CAAA;AAEpD,EAAA,IAAMkB,WAAW,GAAG,SAAdA,WAAWA,CAAIC,CAAgC,EAAK;IACtD,IAAI,CAAClB,MAAM,EAAE;AACTM,MAAAA,gBAAgB,CAAC;AAAEa,QAAAA,IAAI,EAAE,eAAe;QAAEtB,KAAK,EAAEa,cAAc,CAACG,GAAG,CAAChB,KAAK,CAACiB,QAAQ,EAAE,CAAC,IAAI,EAAA;AAAG,OAAC,CAAC,CAAA;AAClG,KAAA;AAEA,IAAA,IAAIN,eAAe,EAAE;AACjBA,MAAAA,eAAe,CAACb,IAAI,EAAEuB,CAAC,CAAC,CAAA;AAC5B,KAAA;GACH,CAAA;AAED,EAAA,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAIF,CAAsC,EAAK;AAC7D,IAAA,IAAIH,YAAY,EAAE,OAAA;IAElBG,CAAC,CAACG,eAAe,EAAE,CAAA;IAEnBZ,oBAAoB,CAACd,IAAI,CAAC,CAAA;GAC7B,CAAA;AAED,EAAA,oBACI2B,sBAAA,CAAAC,aAAA,CAACC,uBAAW,EACPjB,IAAAA,EAAAA,cAAc,KAAK,MAAM,gBACtBe,sBAAA,CAAAC,aAAA,CAACE,2BAAa,EAAA;AACV9B,IAAAA,IAAI,EAAEA,IAAK;AACX+B,IAAAA,OAAO,EAAET,WAAY;AACrBU,IAAAA,QAAQ,EAAEP,YAAa;AACvBT,IAAAA,oBAAoB,EAAEA,oBAAqB;AAC3Cf,IAAAA,KAAK,EAAEA,KAAAA;AAAM,GAChB,CAAC,gBAEF0B,sBAAA,CAAAC,aAAA,CAACK,6BAAc,EAAA;AACXjC,IAAAA,IAAI,EAAEA,IAAK;AACX+B,IAAAA,OAAO,EAAET,WAAY;AACrBU,IAAAA,QAAQ,EAAEP,YAAa;AACvBT,IAAAA,oBAAoB,EAAEA,oBAAqB;AAC3Cf,IAAAA,KAAK,EAAEA,KAAAA;AAAM,GAChB,CACJ,EAEA,CAACI,MAAM,IAAIW,oBAAoB,iBAC5BW,sBAAA,CAAAC,aAAA,CAACM,sBAAU,EAAAnC,IAAAA,EAAAA,CAAAA,WAAA,GACNC,IAAI,CAACM,KAAK,MAAAP,IAAAA,IAAAA,WAAA,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,WAAA,CAAYoC,GAAG,CAAC,UAACnC,IAAI,EAAEC,KAAK,EAAK;AAC9B,IAAA,oBAAO0B,sBAAA,CAAAC,aAAA,CAAC/B,IAAI,EAAA;AAACG,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,KAAK,EAAEA,KAAM;AAACmC,MAAAA,GAAG,EAAEnC,KAAAA;AAAM,KAAE,CAAC,CAAA;GACxD,CACO,CAEP,CAAC,CAAA;AAEtB;;;;"}
1
+ {"version":3,"file":"Item.js","sources":["../../../../../../../src/components/Select/ui/TreeList/ui/Item/Item.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { classes } from 'src/components/Select/Select.tokens';\nimport { sizeToIconSize } from 'src/components/Select/utils';\n\nimport { keyExists } from '../../../../reducers/treePathReducer';\nimport { Context } from '../../../../Select.context';\n\nimport { Props } from './Item.types';\nimport {\n ItemWrapper,\n ChildItems,\n Offset,\n IconWrapper,\n StyledCheckboxWrapper,\n StyledCheckbox,\n StyledIndicator,\n StyledIconDone,\n StyledText,\n StyledWrapper,\n StyledCell,\n DisclosureIconWrapper,\n StyledArrowRight,\n Wrapper,\n StyledArrowLeft,\n} from './Item.styles';\n\nexport const Item: React.FC<Props> = ({ item, index }) => {\n const { label, value, 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 treePath,\n dispatchTreePath,\n arrowPlacement,\n handleItemClick,\n handleCheckboxChange,\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 isCurrentLevelOpened = keyExists(treePath, valueToPathMap.get(value.toString()) || []);\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 const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n if (!isLeaf) {\n dispatchTreePath({ type: 'toggled_level', value: valueToPathMap.get(value.toString()) || [] });\n }\n\n if (handleItemClick) {\n handleItemClick(item, e);\n }\n };\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (itemDisabled) return;\n\n e.stopPropagation();\n\n handleCheckboxChange(item);\n };\n\n return (\n <ItemWrapper>\n <Wrapper className={focusedClass} onClick={handleClick} variant={variant} role=\"treeitem\">\n <Offset depth={currentItemDepth} />\n\n {arrowPlacement === 'left' && (\n <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n <StyledArrowLeft\n size={sizeToIconSize(size, variant)}\n color=\"inherit\"\n className={withArrowInverse}\n />\n </DisclosureIconWrapper>\n )}\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={handleChange}\n appearance={_checkboxAppearance ?? 'default'}\n />\n </StyledCheckboxWrapper>\n </IconWrapper>\n )}\n\n {!multiselect && arrowPlacement === 'right' && (\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 {!multiselect && arrowPlacement === 'left' && (\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 {arrowPlacement === 'right' && (\n <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n <StyledArrowRight\n size={sizeToIconSize(size, variant)}\n color=\"inherit\"\n className={withArrowInverse}\n />\n </DisclosureIconWrapper>\n )}\n </Wrapper>\n\n {!isLeaf && isCurrentLevelOpened && (\n <ChildItems>\n {item.items?.map((item, index) => {\n return <Item item={item} index={index} key={index} />;\n })}\n </ChildItems>\n )}\n </ItemWrapper>\n );\n};\n"],"names":["Item","_ref","_valueToPathMap$get","_item$items","item","index","label","value","disabled","isDisabled","contentLeft","contentRight","isLeaf","items","_useContext","useContext","Context","checked","multiselect","size","variant","renderItem","_checkboxAppearance","focusedPath","treePath","dispatchTreePath","arrowPlacement","handleItemClick","handleCheckboxChange","valueToPathMap","itemDisabled","Boolean","currentItemDepth","get","toString","length","isCurrentLevelOpened","keyExists","withArrowInverse","classes","arrowInverse","undefined","focusedClass","dropdownItemIsFocused","handleClick","e","type","handleChange","stopPropagation","React","createElement","ItemWrapper","Wrapper","className","onClick","role","Offset","depth","DisclosureIconWrapper","visibility","StyledArrowLeft","sizeToIconSize","color","IconWrapper","StyledCheckboxWrapper","StyledCheckbox","indeterminate","onChange","appearance","_StyledIndicator","StyledIndicator","view","StyledIconDone","StyledText","StyledWrapper","StyledCell","title","_StyledIndicator2","StyledArrowRight","ChildItems","map","key"],"mappings":"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"}
package/emotion/cjs/components/Select/ui/TreeList/ui/Item/Item.js CHANGED
@@ -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,
package/emotion/cjs/examples/components/Combobox/Combobox.js CHANGED
@@ -1 +1,16 @@
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;
package/emotion/es/components/Select/ui/TreeList/ui/Item/Item.js CHANGED
@@ -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,
package/emotion/es/examples/components/Combobox/Combobox.js CHANGED
@@ -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 };
package/es/components/Select/ui/TreeList/ui/Item/Item.js CHANGED
@@ -1,27 +1,41 @@
1
1
  import React, { useContext } from 'react';
2
+ import { classes } from '../../../../Select.tokens.js';
2
3
  import { keyExists } from '../../../../reducers/treePathReducer.js';
3
4
  import { Context } from '../../../../Select.context.js';
4
- import { ItemArrowLeft } from './ui/ItemArrowLeft/ItemArrowLeft.js';
5
- import { ItemArrowRight } from './ui/ItemArrowRight/ItemArrowRight.js';
6
- import { ItemWrapper, ChildItems } from './Item.styles.js';
5
+ import { ItemWrapper, Wrapper, Offset, DisclosureIconWrapper, StyledArrowLeft, IconWrapper, StyledCheckboxWrapper, StyledCheckbox, StyledIndicator, StyledIconDone, StyledText, StyledWrapper, StyledCell, StyledArrowRight, ChildItems } from './Item.styles.js';
6
+ import { sizeToIconSize } from '../../../../utils/sizeToIconSize.js';
7
7
 
8
+ var _StyledIndicator, _StyledIndicator2;
8
9
  var Item = function Item(_ref) {
9
- var _item$items;
10
+ var _valueToPathMap$get, _item$items;
10
11
  var item = _ref.item,
11
12
  index = _ref.index;
12
- var value = item.value,
13
+ var label = item.label,
14
+ value = item.value,
13
15
  disabled = item.disabled,
14
- isDisabled = item.isDisabled;
16
+ isDisabled = item.isDisabled,
17
+ contentLeft = item.contentLeft,
18
+ contentRight = item.contentRight;
15
19
  var isLeaf = !(item !== null && item !== void 0 && item.items);
16
20
  var _useContext = useContext(Context),
21
+ checked = _useContext.checked,
22
+ multiselect = _useContext.multiselect,
23
+ size = _useContext.size,
24
+ variant = _useContext.variant,
25
+ renderItem = _useContext.renderItem,
26
+ _checkboxAppearance = _useContext._checkboxAppearance,
27
+ focusedPath = _useContext.focusedPath,
17
28
  treePath = _useContext.treePath,
18
29
  dispatchTreePath = _useContext.dispatchTreePath,
19
30
  arrowPlacement = _useContext.arrowPlacement,
20
31
  handleItemClick = _useContext.handleItemClick,
21
32
  handleCheckboxChange = _useContext.handleCheckboxChange,
22
33
  valueToPathMap = _useContext.valueToPathMap;
23
- var isCurrentLevelOpened = keyExists(treePath, valueToPathMap.get(value.toString()) || []);
24
34
  var itemDisabled = Boolean(disabled || isDisabled);
35
+ var currentItemDepth = (((_valueToPathMap$get = valueToPathMap.get(item.value.toString())) === null || _valueToPathMap$get === void 0 ? void 0 : _valueToPathMap$get.length) || 0) - 1;
36
+ var isCurrentLevelOpened = keyExists(treePath, valueToPathMap.get(value.toString()) || []);
37
+ var withArrowInverse = isCurrentLevelOpened ? classes.arrowInverse : undefined;
38
+ var focusedClass = currentItemDepth === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentItemDepth]) ? classes.dropdownItemIsFocused : undefined;
25
39
  var handleClick = function handleClick(e) {
26
40
  if (!isLeaf) {
27
41
  dispatchTreePath({
@@ -38,19 +52,64 @@ var Item = function Item(_ref) {
38
52
  e.stopPropagation();
39
53
  handleCheckboxChange(item);
40
54
  };
41
- return /*#__PURE__*/React.createElement(ItemWrapper, null, arrowPlacement === 'left' ? /*#__PURE__*/React.createElement(ItemArrowLeft, {
42
- item: item,
43
- onClick: handleClick,
44
- onChange: handleChange,
45
- isCurrentLevelOpened: isCurrentLevelOpened,
46
- index: index
47
- }) : /*#__PURE__*/React.createElement(ItemArrowRight, {
48
- item: item,
55
+ return /*#__PURE__*/React.createElement(ItemWrapper, null, /*#__PURE__*/React.createElement(Wrapper, {
56
+ className: focusedClass,
49
57
  onClick: handleClick,
58
+ variant: variant,
59
+ role: "treeitem"
60
+ }, /*#__PURE__*/React.createElement(Offset, {
61
+ depth: currentItemDepth
62
+ }), arrowPlacement === 'left' && /*#__PURE__*/React.createElement(DisclosureIconWrapper, {
63
+ visibility: isLeaf ? 'hidden' : 'visible'
64
+ }, /*#__PURE__*/React.createElement(StyledArrowLeft, {
65
+ size: sizeToIconSize(size, variant),
66
+ color: "inherit",
67
+ className: withArrowInverse
68
+ })), multiselect && /*#__PURE__*/React.createElement(IconWrapper, {
69
+ variant: variant
70
+ }, /*#__PURE__*/React.createElement(StyledCheckboxWrapper, {
71
+ onClick: function onClick(e) {
72
+ return e.stopPropagation();
73
+ }
74
+ }, /*#__PURE__*/React.createElement(StyledCheckbox, {
75
+ disabled: itemDisabled,
76
+ checked: Boolean(checked.get(item.value)),
77
+ indeterminate: checked.get(item.value) === 'indeterminate',
50
78
  onChange: handleChange,
51
- isCurrentLevelOpened: isCurrentLevelOpened,
52
- index: index
53
- }), !isLeaf && isCurrentLevelOpened && /*#__PURE__*/React.createElement(ChildItems, null, (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.map(function (item, index) {
79
+ appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
80
+ }))), !multiselect && arrowPlacement === 'right' && /*#__PURE__*/React.createElement(IconWrapper, {
81
+ variant: variant
82
+ }, checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/React.createElement(StyledIndicator, {
83
+ size: "s",
84
+ view: "default"
85
+ }))), checked.get(item.value) === 'done' && /*#__PURE__*/React.createElement(StyledIconDone, {
86
+ size: sizeToIconSize(size, variant),
87
+ color: "inherit"
88
+ })), renderItem ? /*#__PURE__*/React.createElement(StyledText, null, renderItem(item)) : /*#__PURE__*/React.createElement(StyledWrapper, {
89
+ disabled: itemDisabled
90
+ }, /*#__PURE__*/React.createElement(StyledCell, {
91
+ contentLeft: contentLeft,
92
+ contentRight: contentRight
93
+ // TODO: #1548
94
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
95
+ // @ts-ignore
96
+ ,
97
+ title: /*#__PURE__*/React.createElement("span", null, label)
98
+ })), !multiselect && arrowPlacement === 'left' && /*#__PURE__*/React.createElement(IconWrapper, {
99
+ variant: variant
100
+ }, checked.get(item.value) === 'dot' && (_StyledIndicator2 || (_StyledIndicator2 = /*#__PURE__*/React.createElement(StyledIndicator, {
101
+ size: "s",
102
+ view: "default"
103
+ }))), checked.get(item.value) === 'done' && /*#__PURE__*/React.createElement(StyledIconDone, {
104
+ size: sizeToIconSize(size, variant),
105
+ color: "inherit"
106
+ })), arrowPlacement === 'right' && /*#__PURE__*/React.createElement(DisclosureIconWrapper, {
107
+ visibility: isLeaf ? 'hidden' : 'visible'
108
+ }, /*#__PURE__*/React.createElement(StyledArrowRight, {
109
+ size: sizeToIconSize(size, variant),
110
+ color: "inherit",
111
+ className: withArrowInverse
112
+ }))), !isLeaf && isCurrentLevelOpened && /*#__PURE__*/React.createElement(ChildItems, null, (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.map(function (item, index) {
54
113
  return /*#__PURE__*/React.createElement(Item, {
55
114
  item: item,
56
115
  index: index,
package/es/components/Select/ui/TreeList/ui/Item/Item.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Item.js","sources":["../../../../../../../src/components/Select/ui/TreeList/ui/Item/Item.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { keyExists } from '../../../../reducers/treePathReducer';\nimport { Context } from '../../../../Select.context';\n\nimport { ItemArrowLeft } from './ui/ItemArrowLeft/ItemArrowLeft';\nimport { ItemArrowRight } from './ui/ItemArrowRight/ItemArrowRight';\nimport { Props } from './Item.types';\nimport { ItemWrapper, ChildItems } from './Item.styles';\n\nexport const Item: React.FC<Props> = ({ item, index }) => {\n const { value, disabled, isDisabled } = item;\n\n const isLeaf = !item?.items;\n\n const {\n treePath,\n dispatchTreePath,\n arrowPlacement,\n handleItemClick,\n handleCheckboxChange,\n valueToPathMap,\n } = useContext(Context);\n\n const isCurrentLevelOpened = keyExists(treePath, valueToPathMap.get(value.toString()) || []);\n const itemDisabled = Boolean(disabled || isDisabled);\n\n const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n if (!isLeaf) {\n dispatchTreePath({ type: 'toggled_level', value: valueToPathMap.get(value.toString()) || [] });\n }\n\n if (handleItemClick) {\n handleItemClick(item, e);\n }\n };\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (itemDisabled) return;\n\n e.stopPropagation();\n\n handleCheckboxChange(item);\n };\n\n return (\n <ItemWrapper>\n {arrowPlacement === 'left' ? (\n <ItemArrowLeft\n item={item}\n onClick={handleClick}\n onChange={handleChange}\n isCurrentLevelOpened={isCurrentLevelOpened}\n index={index}\n />\n ) : (\n <ItemArrowRight\n item={item}\n onClick={handleClick}\n onChange={handleChange}\n isCurrentLevelOpened={isCurrentLevelOpened}\n index={index}\n />\n )}\n\n {!isLeaf && isCurrentLevelOpened && (\n <ChildItems>\n {item.items?.map((item, index) => {\n return <Item item={item} index={index} key={index} />;\n })}\n </ChildItems>\n )}\n </ItemWrapper>\n );\n};\n"],"names":["Item","_ref","_item$items","item","index","value","disabled","isDisabled","isLeaf","items","_useContext","useContext","Context","treePath","dispatchTreePath","arrowPlacement","handleItemClick","handleCheckboxChange","valueToPathMap","isCurrentLevelOpened","keyExists","get","toString","itemDisabled","Boolean","handleClick","e","type","handleChange","stopPropagation","React","createElement","ItemWrapper","ItemArrowLeft","onClick","onChange","ItemArrowRight","ChildItems","map","key"],"mappings":"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"}
1
+ {"version":3,"file":"Item.js","sources":["../../../../../../../src/components/Select/ui/TreeList/ui/Item/Item.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { classes } from 'src/components/Select/Select.tokens';\nimport { sizeToIconSize } from 'src/components/Select/utils';\n\nimport { keyExists } from '../../../../reducers/treePathReducer';\nimport { Context } from '../../../../Select.context';\n\nimport { Props } from './Item.types';\nimport {\n ItemWrapper,\n ChildItems,\n Offset,\n IconWrapper,\n StyledCheckboxWrapper,\n StyledCheckbox,\n StyledIndicator,\n StyledIconDone,\n StyledText,\n StyledWrapper,\n StyledCell,\n DisclosureIconWrapper,\n StyledArrowRight,\n Wrapper,\n StyledArrowLeft,\n} from './Item.styles';\n\nexport const Item: React.FC<Props> = ({ item, index }) => {\n const { label, value, 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 treePath,\n dispatchTreePath,\n arrowPlacement,\n handleItemClick,\n handleCheckboxChange,\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 isCurrentLevelOpened = keyExists(treePath, valueToPathMap.get(value.toString()) || []);\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 const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n if (!isLeaf) {\n dispatchTreePath({ type: 'toggled_level', value: valueToPathMap.get(value.toString()) || [] });\n }\n\n if (handleItemClick) {\n handleItemClick(item, e);\n }\n };\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (itemDisabled) return;\n\n e.stopPropagation();\n\n handleCheckboxChange(item);\n };\n\n return (\n <ItemWrapper>\n <Wrapper className={focusedClass} onClick={handleClick} variant={variant} role=\"treeitem\">\n <Offset depth={currentItemDepth} />\n\n {arrowPlacement === 'left' && (\n <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n <StyledArrowLeft\n size={sizeToIconSize(size, variant)}\n color=\"inherit\"\n className={withArrowInverse}\n />\n </DisclosureIconWrapper>\n )}\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={handleChange}\n appearance={_checkboxAppearance ?? 'default'}\n />\n </StyledCheckboxWrapper>\n </IconWrapper>\n )}\n\n {!multiselect && arrowPlacement === 'right' && (\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 {!multiselect && arrowPlacement === 'left' && (\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 {arrowPlacement === 'right' && (\n <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n <StyledArrowRight\n size={sizeToIconSize(size, variant)}\n color=\"inherit\"\n className={withArrowInverse}\n />\n </DisclosureIconWrapper>\n )}\n </Wrapper>\n\n {!isLeaf && isCurrentLevelOpened && (\n <ChildItems>\n {item.items?.map((item, index) => {\n return <Item item={item} index={index} key={index} />;\n })}\n </ChildItems>\n )}\n </ItemWrapper>\n );\n};\n"],"names":["Item","_ref","_valueToPathMap$get","_item$items","item","index","label","value","disabled","isDisabled","contentLeft","contentRight","isLeaf","items","_useContext","useContext","Context","checked","multiselect","size","variant","renderItem","_checkboxAppearance","focusedPath","treePath","dispatchTreePath","arrowPlacement","handleItemClick","handleCheckboxChange","valueToPathMap","itemDisabled","Boolean","currentItemDepth","get","toString","length","isCurrentLevelOpened","keyExists","withArrowInverse","classes","arrowInverse","undefined","focusedClass","dropdownItemIsFocused","handleClick","e","type","handleChange","stopPropagation","React","createElement","ItemWrapper","Wrapper","className","onClick","role","Offset","depth","DisclosureIconWrapper","visibility","StyledArrowLeft","sizeToIconSize","color","IconWrapper","StyledCheckboxWrapper","StyledCheckbox","indeterminate","onChange","appearance","_StyledIndicator","StyledIndicator","view","StyledIconDone","StyledText","StyledWrapper","StyledCell","title","_StyledIndicator2","StyledArrowRight","ChildItems","map","key"],"mappings":"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"}