@salutejs/plasma-new-hope 0.127.0-canary.1349.10460832766.0 → 0.127.0-canary.1372.10460662678.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (172) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.js +1 -1
  2. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
  3. package/cjs/components/Pagination/Pagination.css +13 -13
  4. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +13 -13
  5. package/cjs/components/Select/Select.css +13 -13
  6. package/cjs/components/Select/Select.js +7 -15
  7. package/cjs/components/Select/Select.js.map +1 -1
  8. package/cjs/components/Select/Select.styles.js +16 -25
  9. package/cjs/components/Select/Select.styles.js.map +1 -1
  10. package/cjs/components/Select/{Select.styles_hzoeqc.css → Select.styles_1e7cbbz.css} +1 -1
  11. package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  12. package/cjs/components/Select/hooks/usePathMaps.js +2 -2
  13. package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
  14. package/cjs/components/Select/ui/Inner/Inner.css +13 -13
  15. package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
  16. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +13 -13
  17. package/cjs/components/Select/ui/Inner/ui/Item/Item.js +5 -14
  18. package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  19. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +6 -15
  20. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  21. package/cjs/components/Select/ui/Inner/ui/Item/{Item.styles_baxa65.css → Item.styles_y3jg1m.css} +1 -1
  22. package/cjs/components/Select/ui/Target/Target.js +2 -4
  23. package/cjs/components/Select/ui/Target/Target.js.map +1 -1
  24. package/cjs/components/Select/ui/Target/ui/Button/Button.js +1 -3
  25. package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  26. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +5 -7
  27. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  28. package/cjs/components/Select/utils/getButtonLabel.js +5 -5
  29. package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
  30. package/cjs/components/Select/utils/initialItemsTransform.js.map +1 -1
  31. package/cjs/components/Select/utils/updateAncestors.js.map +1 -1
  32. package/cjs/components/Select/utils/updateDescendants.js.map +1 -1
  33. package/cjs/components/Select/utils/updateSingleAncestors.js.map +1 -1
  34. package/cjs/index.css +13 -13
  35. package/emotion/cjs/components/Autocomplete/Autocomplete.js +1 -1
  36. package/emotion/cjs/components/Select/Select.js +7 -15
  37. package/emotion/cjs/components/Select/Select.styles.js +13 -16
  38. package/emotion/cjs/components/Select/hooks/usePathMaps.js +2 -2
  39. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +5 -14
  40. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +11 -14
  41. package/emotion/cjs/components/Select/ui/Target/Target.js +2 -4
  42. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +1 -3
  43. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +5 -7
  44. package/emotion/cjs/components/Select/utils/getButtonLabel.js +5 -5
  45. package/emotion/cjs/components/Select/utils/index.js +1 -8
  46. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +21 -38
  47. package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +21 -38
  48. package/emotion/es/components/Autocomplete/Autocomplete.js +1 -1
  49. package/emotion/es/components/Select/Select.js +8 -16
  50. package/emotion/es/components/Select/Select.styles.js +13 -16
  51. package/emotion/es/components/Select/hooks/usePathMaps.js +2 -2
  52. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +5 -14
  53. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +11 -14
  54. package/emotion/es/components/Select/ui/Target/Target.js +2 -4
  55. package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +1 -3
  56. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +5 -7
  57. package/emotion/es/components/Select/utils/getButtonLabel.js +5 -5
  58. package/emotion/es/components/Select/utils/index.js +1 -2
  59. package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +21 -38
  60. package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +21 -38
  61. package/es/components/Autocomplete/Autocomplete.js +1 -1
  62. package/es/components/Autocomplete/Autocomplete.js.map +1 -1
  63. package/es/components/Pagination/Pagination.css +13 -13
  64. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +13 -13
  65. package/es/components/Select/Select.css +13 -13
  66. package/es/components/Select/Select.js +7 -15
  67. package/es/components/Select/Select.js.map +1 -1
  68. package/es/components/Select/Select.styles.js +16 -25
  69. package/es/components/Select/Select.styles.js.map +1 -1
  70. package/es/components/Select/{Select.styles_hzoeqc.css → Select.styles_1e7cbbz.css} +1 -1
  71. package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  72. package/es/components/Select/hooks/usePathMaps.js +2 -2
  73. package/es/components/Select/hooks/usePathMaps.js.map +1 -1
  74. package/es/components/Select/ui/Inner/Inner.css +13 -13
  75. package/es/components/Select/ui/Inner/Inner.js.map +1 -1
  76. package/es/components/Select/ui/Inner/ui/Item/Item.css +13 -13
  77. package/es/components/Select/ui/Inner/ui/Item/Item.js +5 -14
  78. package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  79. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +6 -15
  80. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  81. package/es/components/Select/ui/Inner/ui/Item/{Item.styles_baxa65.css → Item.styles_y3jg1m.css} +1 -1
  82. package/es/components/Select/ui/Target/Target.js +2 -4
  83. package/es/components/Select/ui/Target/Target.js.map +1 -1
  84. package/es/components/Select/ui/Target/ui/Button/Button.js +1 -3
  85. package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  86. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +5 -7
  87. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  88. package/es/components/Select/utils/getButtonLabel.js +5 -5
  89. package/es/components/Select/utils/getButtonLabel.js.map +1 -1
  90. package/es/components/Select/utils/initialItemsTransform.js.map +1 -1
  91. package/es/components/Select/utils/updateAncestors.js.map +1 -1
  92. package/es/components/Select/utils/updateDescendants.js.map +1 -1
  93. package/es/components/Select/utils/updateSingleAncestors.js.map +1 -1
  94. package/es/index.css +13 -13
  95. package/package.json +4 -4
  96. package/styled-components/cjs/components/Autocomplete/Autocomplete.js +1 -1
  97. package/styled-components/cjs/components/Select/Select.js +7 -15
  98. package/styled-components/cjs/components/Select/Select.styles.js +9 -12
  99. package/styled-components/cjs/components/Select/hooks/usePathMaps.js +2 -2
  100. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +5 -14
  101. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +3 -6
  102. package/styled-components/cjs/components/Select/ui/Target/Target.js +2 -4
  103. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +1 -3
  104. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +5 -7
  105. package/styled-components/cjs/components/Select/utils/getButtonLabel.js +5 -5
  106. package/styled-components/cjs/components/Select/utils/index.js +1 -8
  107. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +21 -38
  108. package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +21 -38
  109. package/styled-components/es/components/Autocomplete/Autocomplete.js +1 -1
  110. package/styled-components/es/components/Select/Select.js +8 -16
  111. package/styled-components/es/components/Select/Select.styles.js +9 -12
  112. package/styled-components/es/components/Select/hooks/usePathMaps.js +2 -2
  113. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +5 -14
  114. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +3 -6
  115. package/styled-components/es/components/Select/ui/Target/Target.js +2 -4
  116. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +1 -3
  117. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +5 -7
  118. package/styled-components/es/components/Select/utils/getButtonLabel.js +5 -5
  119. package/styled-components/es/components/Select/utils/index.js +1 -2
  120. package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +21 -38
  121. package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +21 -38
  122. package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  123. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +27 -123
  124. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  125. package/types/components/Select/Select.d.ts +3 -3
  126. package/types/components/Select/Select.d.ts.map +1 -1
  127. package/types/components/Select/Select.styles.d.ts +1 -3
  128. package/types/components/Select/Select.styles.d.ts.map +1 -1
  129. package/types/components/Select/Select.types.d.ts +11 -140
  130. package/types/components/Select/Select.types.d.ts.map +1 -1
  131. package/types/components/Select/hooks/useKeyboardNavigation.d.ts +6 -6
  132. package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
  133. package/types/components/Select/hooks/usePathMaps.d.ts +6 -6
  134. package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
  135. package/types/components/Select/index.d.ts +1 -1
  136. package/types/components/Select/index.d.ts.map +1 -1
  137. package/types/components/Select/ui/Inner/Inner.type.d.ts +4 -4
  138. package/types/components/Select/ui/Inner/Inner.type.d.ts.map +1 -1
  139. package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -1
  140. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +1 -3
  141. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
  142. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +3 -18
  143. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
  144. package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
  145. package/types/components/Select/ui/Target/Target.types.d.ts +3 -4
  146. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  147. package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
  148. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  149. package/types/components/Select/utils/index.d.ts +0 -1
  150. package/types/components/Select/utils/index.d.ts.map +1 -1
  151. package/types/components/Select/utils/initialItemsTransform.d.ts +2 -2
  152. package/types/components/Select/utils/initialItemsTransform.d.ts.map +1 -1
  153. package/types/components/Select/utils/updateAncestors.d.ts +2 -2
  154. package/types/components/Select/utils/updateAncestors.d.ts.map +1 -1
  155. package/types/components/Select/utils/updateDescendants.d.ts +2 -2
  156. package/types/components/Select/utils/updateDescendants.d.ts.map +1 -1
  157. package/types/components/Select/utils/updateSingleAncestors.d.ts +2 -2
  158. package/types/components/Select/utils/updateSingleAncestors.d.ts.map +1 -1
  159. package/types/examples/plasma_b2c/components/Select/Select.d.ts +27 -123
  160. package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
  161. package/types/examples/plasma_web/components/Select/Select.d.ts +27 -123
  162. package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
  163. package/cjs/components/Select/utils/getView.js +0 -27
  164. package/cjs/components/Select/utils/getView.js.map +0 -1
  165. package/emotion/cjs/components/Select/utils/getView.js +0 -26
  166. package/emotion/es/components/Select/utils/getView.js +0 -20
  167. package/es/components/Select/utils/getView.js +0 -23
  168. package/es/components/Select/utils/getView.js.map +0 -1
  169. package/styled-components/cjs/components/Select/utils/getView.js +0 -26
  170. package/styled-components/es/components/Select/utils/getView.js +0 -20
  171. package/types/components/Select/utils/getView.d.ts +0 -3
  172. package/types/components/Select/utils/getView.d.ts.map +0 -1
@@ -22,8 +22,6 @@ var Item = function Item(_ref) {
22
22
  var value = item.value,
23
23
  label = item.label,
24
24
  disabled = item.disabled,
25
- isDisabled = item.isDisabled,
26
- color = item.color,
27
25
  contentLeft = item.contentLeft,
28
26
  contentRight = item.contentRight;
29
27
  var ref = useRef(null);
@@ -35,10 +33,8 @@ var Item = function Item(_ref) {
35
33
  handleCheckboxChange = _useContext.handleCheckboxChange,
36
34
  handleItemClick = _useContext.handleItemClick,
37
35
  variant = _useContext.variant,
38
- renderItem = _useContext.renderItem,
39
- valueToItemMap = _useContext.valueToItemMap;
40
- var itemDisabled = Boolean(disabled || isDisabled);
41
- var isDisabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;
36
+ renderItem = _useContext.renderItem;
37
+ var isDisabledClassName = disabled ? classes.dropdownItemIsDisabled : undefined;
42
38
  var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? classes.dropdownItemIsFocused : undefined;
43
39
  var activeClass = value === (path === null || path === void 0 ? void 0 : path[currentLevel + 1]) ? classes.dropdownItemIsActive : undefined;
44
40
  useEffect(function () {
@@ -51,15 +47,12 @@ var Item = function Item(_ref) {
51
47
  }
52
48
  }, [focusedClass]);
53
49
  var handleChange = function handleChange(e) {
54
- if (itemDisabled) return;
50
+ if (disabled) return;
55
51
  e.stopPropagation();
56
52
  handleCheckboxChange(item);
57
53
  };
58
54
  var handleClick = function handleClick(e) {
59
- if (itemDisabled) {
60
- e.stopPropagation();
61
- return;
62
- }
55
+ if (disabled) return;
63
56
  handleItemClick(item, e);
64
57
  };
65
58
  return /*#__PURE__*/React.createElement(Wrapper, {
@@ -90,9 +83,7 @@ var Item = function Item(_ref) {
90
83
  }))), !multiselect && checked.get(item.value) === 'done' && /*#__PURE__*/React.createElement(IconDone, {
91
84
  size: sizeToIconSize(size, variant),
92
85
  color: "inherit"
93
- })), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(StyledText, {
94
- color: color
95
- }, renderItem && renderItem(valueToItemMap.get(value)) || label), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight), !isEmpty(item.items) && /*#__PURE__*/React.createElement(DisclosureIconWrapper, null, /*#__PURE__*/React.createElement(IconDisclosureRightCentered, {
86
+ })), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(StyledText, null, renderItem && renderItem(value, label) || label), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight), !isEmpty(item.items) && /*#__PURE__*/React.createElement(DisclosureIconWrapper, null, /*#__PURE__*/React.createElement(IconDisclosureRightCentered, {
96
87
  size: sizeToIconSize(size, variant),
97
88
  color: "inherit"
98
89
  })));
@@ -1 +1 @@
1
- {"version":3,"file":"Item.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.tsx"],"sourcesContent":["import React, { useEffect, useRef, FC, useContext } from 'react';\n\nimport { sizeToIconSize } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { cx, isEmpty } from '../../../../../../utils';\nimport { IconDisclosureRightCentered, IconDone } from '../../../../../_Icon';\nimport { Context } from '../../../../Select';\n\nimport { ItemProps } from './Item.types';\nimport {\n StyledContentLeft,\n StyledContentRight,\n StyledText,\n Wrapper,\n DisclosureIconWrapper,\n StyledCheckbox,\n IconWrapper,\n StyledIndicator,\n StyledCheckboxWrapper,\n} from './Item.styles';\n\nexport const Item: FC<ItemProps> = ({\n item,\n path,\n currentLevel,\n index,\n ariaControls,\n ariaExpanded,\n ariaLevel,\n ariaLabel,\n}) => {\n const { value, label, disabled, isDisabled, color, contentLeft, contentRight } = item;\n const ref = useRef<HTMLLIElement | null>(null);\n\n const {\n focusedPath,\n checked,\n multiselect,\n size,\n handleCheckboxChange,\n handleItemClick,\n variant,\n renderItem,\n valueToItemMap,\n } = useContext(Context);\n\n const itemDisabled = Boolean(disabled || isDisabled);\n\n const isDisabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;\n const focusedClass =\n currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n ? classes.dropdownItemIsFocused\n : undefined;\n const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n useEffect(() => {\n if (focusedClass && ref?.current) {\n ref.current.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n }\n }, [focusedClass]);\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (itemDisabled) return;\n\n e.stopPropagation();\n\n handleCheckboxChange(item);\n };\n\n const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n if (itemDisabled) {\n e.stopPropagation();\n return;\n }\n\n handleItemClick(item, e);\n };\n\n return (\n <Wrapper\n className={cx(isDisabledClassName, focusedClass, activeClass)}\n id={value.toString()}\n ref={ref}\n onClick={handleClick}\n variant={variant}\n aria-controls={ariaControls}\n aria-expanded={ariaExpanded}\n aria-level={ariaLevel}\n aria-label={ariaLabel}\n role=\"treeitem\"\n >\n <IconWrapper variant={variant}>\n {multiselect && (\n <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n <StyledCheckbox\n checked={Boolean(checked.get(item.value))}\n indeterminate={checked.get(item.value) === 'indeterminate'}\n onChange={handleChange}\n className={classes.selectItemCheckbox}\n />\n </StyledCheckboxWrapper>\n )}\n\n {!multiselect && checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n {!multiselect && checked.get(item.value) === 'done' && (\n <IconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n )}\n </IconWrapper>\n\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n\n <StyledText color={color}>{(renderItem && renderItem(valueToItemMap.get(value)!)) || label}</StyledText>\n\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n\n {!isEmpty(item.items) && (\n <DisclosureIconWrapper>\n <IconDisclosureRightCentered size={sizeToIconSize(size, variant)} color=\"inherit\" />\n </DisclosureIconWrapper>\n )}\n </Wrapper>\n );\n};\n"],"names":["Item","_ref","item","path","currentLevel","index","ariaControls","ariaExpanded","ariaLevel","ariaLabel","value","label","disabled","isDisabled","color","contentLeft","contentRight","ref","useRef","_useContext","useContext","Context","focusedPath","checked","multiselect","size","handleCheckboxChange","handleItemClick","variant","renderItem","valueToItemMap","itemDisabled","Boolean","isDisabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useEffect","current","scrollIntoView","behavior","block","inline","handleChange","e","stopPropagation","handleClick","React","createElement","Wrapper","className","cx","id","toString","onClick","role","IconWrapper","StyledCheckboxWrapper","StyledCheckbox","get","indeterminate","onChange","selectItemCheckbox","_StyledIndicator","StyledIndicator","view","IconDone","sizeToIconSize","StyledContentLeft","StyledText","StyledContentRight","isEmpty","items","DisclosureIconWrapper","IconDisclosureRightCentered"],"mappings":"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"}
1
+ {"version":3,"file":"Item.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.tsx"],"sourcesContent":["import React, { useEffect, useRef, FC, useContext } from 'react';\n\nimport { sizeToIconSize } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { cx, isEmpty } from '../../../../../../utils';\nimport { IconDisclosureRightCentered, IconDone } from '../../../../../_Icon';\nimport { Context } from '../../../../Select';\n\nimport { ItemProps } from './Item.types';\nimport {\n StyledContentLeft,\n StyledContentRight,\n StyledText,\n Wrapper,\n DisclosureIconWrapper,\n StyledCheckbox,\n IconWrapper,\n StyledIndicator,\n StyledCheckboxWrapper,\n} from './Item.styles';\n\nexport const Item: FC<ItemProps> = ({\n item,\n path,\n currentLevel,\n index,\n ariaControls,\n ariaExpanded,\n ariaLevel,\n ariaLabel,\n}) => {\n const { value, label, disabled, contentLeft, contentRight } = item;\n const ref = useRef<HTMLLIElement | null>(null);\n\n const {\n focusedPath,\n checked,\n multiselect,\n size,\n handleCheckboxChange,\n handleItemClick,\n variant,\n renderItem,\n } = useContext(Context);\n\n const isDisabledClassName = disabled ? classes.dropdownItemIsDisabled : undefined;\n const focusedClass =\n currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n ? classes.dropdownItemIsFocused\n : undefined;\n const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n useEffect(() => {\n if (focusedClass && ref?.current) {\n ref.current.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n }\n }, [focusedClass]);\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (disabled) return;\n\n e.stopPropagation();\n\n handleCheckboxChange(item);\n };\n\n const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n if (disabled) return;\n\n handleItemClick(item, e);\n };\n\n return (\n <Wrapper\n className={cx(isDisabledClassName, focusedClass, activeClass)}\n id={value.toString()}\n ref={ref}\n onClick={handleClick}\n variant={variant}\n aria-controls={ariaControls}\n aria-expanded={ariaExpanded}\n aria-level={ariaLevel}\n aria-label={ariaLabel}\n role=\"treeitem\"\n >\n <IconWrapper variant={variant}>\n {multiselect && (\n <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n <StyledCheckbox\n checked={Boolean(checked.get(item.value))}\n indeterminate={checked.get(item.value) === 'indeterminate'}\n onChange={handleChange}\n className={classes.selectItemCheckbox}\n />\n </StyledCheckboxWrapper>\n )}\n\n {!multiselect && checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n {!multiselect && checked.get(item.value) === 'done' && (\n <IconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n )}\n </IconWrapper>\n\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n\n <StyledText>{(renderItem && renderItem(value, label)) || label}</StyledText>\n\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n\n {!isEmpty(item.items) && (\n <DisclosureIconWrapper>\n <IconDisclosureRightCentered size={sizeToIconSize(size, variant)} color=\"inherit\" />\n </DisclosureIconWrapper>\n )}\n </Wrapper>\n );\n};\n"],"names":["Item","_ref","item","path","currentLevel","index","ariaControls","ariaExpanded","ariaLevel","ariaLabel","value","label","disabled","contentLeft","contentRight","ref","useRef","_useContext","useContext","Context","focusedPath","checked","multiselect","size","handleCheckboxChange","handleItemClick","variant","renderItem","isDisabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useEffect","current","scrollIntoView","behavior","block","inline","handleChange","e","stopPropagation","handleClick","React","createElement","Wrapper","className","cx","id","toString","onClick","role","IconWrapper","StyledCheckboxWrapper","StyledCheckbox","Boolean","get","indeterminate","onChange","selectItemCheckbox","_StyledIndicator","StyledIndicator","view","IconDone","sizeToIconSize","color","StyledContentLeft","StyledText","StyledContentRight","isEmpty","items","DisclosureIconWrapper","IconDisclosureRightCentered"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import './Item.styles_baxa65.css';
1
+ import './Item.styles_y3jg1m.css';
2
2
  import { styled } from '@linaria/react';
3
3
  import { tokens } from '../../../../Select.tokens.js';
4
4
  import '@linaria/core';
@@ -69,23 +69,14 @@ var IconWrapper = /*#__PURE__*/styled('div')({
69
69
  "i581hb1-2": [/*#__PURE__*/_exp25()]
70
70
  }
71
71
  });
72
- var _exp27 = function _exp27() {
73
- return function (_ref4) {
74
- var color = _ref4.color;
75
- return color || 'inherit';
76
- };
77
- };
78
72
  var StyledText = /*#__PURE__*/styled('div')({
79
73
  name: "StyledText",
80
74
  "class": "scgpql7",
81
- propsAsIs: false,
82
- vars: {
83
- "scgpql7-0": [/*#__PURE__*/_exp27()]
84
- }
75
+ propsAsIs: false
85
76
  });
86
- var _exp29 = function _exp29() {
87
- return function (_ref5) {
88
- var variant = _ref5.variant;
77
+ var _exp28 = function _exp28() {
78
+ return function (_ref4) {
79
+ var variant = _ref4.variant;
89
80
  return "var(".concat(variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding, ")");
90
81
  };
91
82
  };
@@ -94,7 +85,7 @@ var Wrapper = /*#__PURE__*/styled('li')({
94
85
  "class": "wzzpzvq",
95
86
  propsAsIs: false,
96
87
  vars: {
97
- "wzzpzvq-0": [/*#__PURE__*/_exp29()]
88
+ "wzzpzvq-0": [/*#__PURE__*/_exp28()]
98
89
  }
99
90
  });
100
91
  var StyledCheckboxWrapper = /*#__PURE__*/styled('span')({
@@ -1 +1 @@
1
- {"version":3,"file":"Item.styles.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../../../Select.tokens';\nimport { addFocus, applyEllipsis } from '../../../../../../mixins';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { checkboxConfig, checkboxTokens } from '../../../../../Checkbox';\nimport { indicatorConfig, indicatorTokens } from '../../../../../Indicator';\nimport type { SelectProps } from '../../../../Select.types';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nexport const StyledCheckbox = styled(Checkbox)`\n ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n`;\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledIndicator = styled(Indicator)`\n ${indicatorTokens.size}: var(${tokens.indicatorSize});\n ${indicatorTokens.color}: var(${tokens.checkboxFillColor});\n`;\n\nexport const StyledContentLeft = styled.div`\n display: inline-flex;\n`;\n\nexport const StyledContentRight = styled.div`\n margin-left: auto;\n display: inline-flex;\n`;\n\nexport const DisclosureIconWrapper = styled.div`\n line-height: 0;\n color: var(${constants.disclosureIconColor});\n\n &:hover {\n color: var(${constants.disclosureIconColorHover});\n }\n`;\n\nexport const IconWrapper = styled.div<{ variant: SelectProps['variant'] }>`\n display: flex;\n align-items: center;\n justify-content: center;\n width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n margin: var(${tokens.itemIconMargin});\n line-height: 0;\n color: var(${tokens.checkboxFillColor});\n\n & .${classes.selectItemCheckbox} {\n --plasma-checkbox-trigger-size: ${({ variant }) =>\n `var(${variant === 'tight' ? tokens.checkboxTriggerSizeTight : tokens.checkboxTriggerSize})`};\n --plasma-checkbox-trigger-border-radius: ${({ variant }) =>\n `var(${\n variant === 'tight' ? tokens.checkboxTriggerBorderRadiusTight : tokens.checkboxTriggerBorderRadius\n })`};\n }\n`;\n\nexport const StyledText = styled.div<{ color?: string }>`\n ${applyEllipsis()};\n flex: 1;\n color: ${({ color }) => color || 'inherit'};\n`;\n\nexport const Wrapper = styled.li<{ variant: SelectProps['variant'] }>`\n display: flex;\n align-items: center;\n min-height: var(${tokens.itemHeight});\n margin: 0;\n box-sizing: content-box;\n padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n background: var(${constants.itemBackground});\n color: var(--text-primary);\n border-radius: var(${tokens.itemBorderRadius});\n user-select: none;\n\n &:hover:not(.${classes.dropdownItemIsDisabled}) {\n cursor: pointer;\n background: var(${constants.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsActive} {\n background: var(${constants.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsDisabled} {\n opacity: ${constants.opacity};\n cursor: not-allowed;\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineSize: '0.0625rem',\n outlineOffset: '0',\n outlineColor: `var(${constants.focusColor})`,\n outlineRadius: `var(${tokens.itemBorderRadius})`,\n hasTransition: false,\n customFocusRules: `\n &.${classes.dropdownItemIsFocused}:before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(${constants.focusColor});\n }\n `,\n })};\n`;\n\nexport const StyledCheckboxWrapper = styled.span``;\n"],"names":["mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","_exp","StyledCheckbox","styled","name","class","propsAsIs","mergedIndicatorConfig","indicatorConfig","Indicator","_exp12","StyledIndicator","StyledContentLeft","StyledContentRight","DisclosureIconWrapper","_exp20","_ref","variant","tokens","itemIconSizeTight","itemIconSize","_exp24","_ref2","checkboxTriggerSizeTight","checkboxTriggerSize","_exp25","_ref3","checkboxTriggerBorderRadiusTight","checkboxTriggerBorderRadius","IconWrapper","vars","_exp27","_ref4","color","StyledText","_exp29","_ref5","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper"],"mappings":"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"}
1
+ {"version":3,"file":"Item.styles.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../../../Select.tokens';\nimport { addFocus, applyEllipsis } from '../../../../../../mixins';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { checkboxConfig, checkboxTokens } from '../../../../../Checkbox';\nimport { indicatorConfig, indicatorTokens } from '../../../../../Indicator';\nimport type { SelectProps } from '../../../../Select.types';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nexport const StyledCheckbox = styled(Checkbox)`\n ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n`;\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledIndicator = styled(Indicator)`\n ${indicatorTokens.size}: var(${tokens.indicatorSize});\n ${indicatorTokens.color}: var(${tokens.checkboxFillColor});\n`;\n\nexport const StyledContentLeft = styled.div`\n display: inline-flex;\n`;\n\nexport const StyledContentRight = styled.div`\n margin-left: auto;\n display: inline-flex;\n`;\n\nexport const DisclosureIconWrapper = styled.div`\n line-height: 0;\n color: var(${constants.disclosureIconColor});\n\n &:hover {\n color: var(${constants.disclosureIconColorHover});\n }\n`;\n\nexport const IconWrapper = styled.div<{ variant: SelectProps['variant'] }>`\n display: flex;\n align-items: center;\n justify-content: center;\n width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n margin: var(${tokens.itemIconMargin});\n line-height: 0;\n color: var(${tokens.checkboxFillColor});\n\n & .${classes.selectItemCheckbox} {\n --plasma-checkbox-trigger-size: ${({ variant }) =>\n `var(${variant === 'tight' ? tokens.checkboxTriggerSizeTight : tokens.checkboxTriggerSize})`};\n --plasma-checkbox-trigger-border-radius: ${({ variant }) =>\n `var(${\n variant === 'tight' ? tokens.checkboxTriggerBorderRadiusTight : tokens.checkboxTriggerBorderRadius\n })`};\n }\n`;\n\nexport const StyledText = styled.div`\n ${applyEllipsis()};\n flex: 1;\n`;\n\nexport const Wrapper = styled.li<{ variant: SelectProps['variant'] }>`\n display: flex;\n align-items: center;\n min-height: var(${tokens.itemHeight});\n margin: 0;\n box-sizing: content-box;\n padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n background: var(${constants.itemBackground});\n color: var(--text-primary);\n border-radius: var(${tokens.itemBorderRadius});\n user-select: none;\n\n &:hover:not(.${classes.dropdownItemIsDisabled}) {\n cursor: pointer;\n background: var(${constants.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsActive} {\n background: var(${constants.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsDisabled} {\n opacity: ${constants.opacity};\n cursor: not-allowed;\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineSize: '0.0625rem',\n outlineOffset: '0',\n outlineColor: `var(${constants.focusColor})`,\n outlineRadius: `var(${tokens.itemBorderRadius})`,\n hasTransition: false,\n customFocusRules: `\n &.${classes.dropdownItemIsFocused}:before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(${constants.focusColor});\n }\n `,\n })};\n`;\n\nexport const StyledCheckboxWrapper = styled.span``;\n"],"names":["mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","_exp","StyledCheckbox","styled","name","class","propsAsIs","mergedIndicatorConfig","indicatorConfig","Indicator","_exp12","StyledIndicator","StyledContentLeft","StyledContentRight","DisclosureIconWrapper","_exp20","_ref","variant","tokens","itemIconSizeTight","itemIconSize","_exp24","_ref2","checkboxTriggerSizeTight","checkboxTriggerSize","_exp25","_ref3","checkboxTriggerBorderRadiusTight","checkboxTriggerBorderRadius","IconWrapper","vars","StyledText","_exp28","_ref4","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper"],"mappings":"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"}
@@ -4,6 +4,6 @@
4
4
  .s1nd9idj{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
5
5
  .dnb2nsj{line-height:0;color:var(--text-secondary);}.dnb2nsj:hover{color:var(--text-secondary-hover);}
6
6
  .i581hb1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--i581hb1-0);height:var(--i581hb1-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}.i581hb1 .select-item-checkbox{--plasma-checkbox-trigger-size:var(--i581hb1-1);--plasma-checkbox-trigger-border-radius:var(--i581hb1-2);}
7
- .scgpql7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--scgpql7-0);}
7
+ .scgpql7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
8
8
  .wzzpzvq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wzzpzvq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.wzzpzvq:hover:not(.dropdown-item-is-disabled){cursor:pointer;background:var(--surface-transparent-secondary);}.wzzpzvq.dropdown-item-is-active{background:var(--surface-transparent-secondary);}.wzzpzvq.dropdown-item-is-disabled{opacity:0.4;cursor:not-allowed;}.wzzpzvq:focus{outline:none;}.wzzpzvq::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.wzzpzvq.dropdown-item-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
9
9
 
@@ -18,8 +18,7 @@ var Target = function Target(_ref) {
18
18
  renderValue = _ref.renderValue,
19
19
  focusedPath = _ref.focusedPath,
20
20
  focusedToValueMap = _ref.focusedToValueMap,
21
- selectProps = _ref.selectProps,
22
- separator = _ref.separator;
21
+ selectProps = _ref.selectProps;
23
22
  return selectProps.target === 'button-like' ? /*#__PURE__*/React.createElement(Button, {
24
23
  opened: opened,
25
24
  value: value,
@@ -31,8 +30,7 @@ var Target = function Target(_ref) {
31
30
  renderValue: renderValue,
32
31
  focusedPath: focusedPath,
33
32
  focusedToValueMap: focusedToValueMap,
34
- selectProps: selectProps,
35
- separator: separator
33
+ selectProps: selectProps
36
34
  }) : /*#__PURE__*/React.createElement(Textfield, {
37
35
  opened: opened,
38
36
  value: value,
@@ -1 +1 @@
1
- {"version":3,"file":"Target.js","sources":["../../../../../src/components/Select/ui/Target/Target.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { TargetProps } from './Target.types';\nimport { Button, Textfield } from './ui';\n\nexport const Target: React.FC<TargetProps> = ({\n value,\n opened,\n valueToItemMap,\n onChipClick,\n label,\n placeholder,\n onKeyDown,\n focusedChipIndex,\n labelPlacement,\n size,\n contentLeft,\n disabled,\n renderValue,\n focusedPath,\n focusedToValueMap,\n selectProps,\n separator,\n}) => {\n return selectProps.target === 'button-like' ? (\n <Button\n opened={opened}\n value={value}\n valueToItemMap={valueToItemMap}\n onKeyDown={onKeyDown}\n label={label}\n size={size}\n disabled={disabled}\n renderValue={renderValue}\n focusedPath={focusedPath}\n focusedToValueMap={focusedToValueMap}\n selectProps={selectProps}\n separator={separator}\n />\n ) : (\n <Textfield\n opened={opened}\n value={value}\n valueToItemMap={valueToItemMap}\n onChipClick={onChipClick}\n label={label}\n placeholder={placeholder}\n onKeyDown={onKeyDown}\n focusedChipIndex={focusedChipIndex}\n labelPlacement={labelPlacement}\n size={size}\n contentLeft={contentLeft}\n disabled={disabled}\n renderValue={renderValue}\n focusedPath={focusedPath}\n focusedToValueMap={focusedToValueMap}\n selectProps={selectProps}\n />\n );\n};\n"],"names":["Target","_ref","value","opened","valueToItemMap","onChipClick","label","placeholder","onKeyDown","focusedChipIndex","labelPlacement","size","contentLeft","disabled","renderValue","focusedPath","focusedToValueMap","selectProps","separator","target","React","createElement","Button","Textfield"],"mappings":";;;;IAKaA,MAA6B,GAAG,SAAhCA,MAA6BA,CAAAC,IAAA,EAkBpC;AAAA,EAAA,IAjBFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IACXC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,gBAAgB,GAAAR,IAAA,CAAhBQ,gBAAgB;IAChBC,cAAc,GAAAT,IAAA,CAAdS,cAAc;IACdC,IAAI,GAAAV,IAAA,CAAJU,IAAI;IACJC,WAAW,GAAAX,IAAA,CAAXW,WAAW;IACXC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;IACRC,WAAW,GAAAb,IAAA,CAAXa,WAAW;IACXC,WAAW,GAAAd,IAAA,CAAXc,WAAW;IACXC,iBAAiB,GAAAf,IAAA,CAAjBe,iBAAiB;IACjBC,WAAW,GAAAhB,IAAA,CAAXgB,WAAW;IACXC,SAAS,GAAAjB,IAAA,CAATiB,SAAS,CAAA;EAET,OAAOD,WAAW,CAACE,MAAM,KAAK,aAAa,gBACvCC,KAAA,CAAAC,aAAA,CAACC,MAAM,EAAA;AACHnB,IAAAA,MAAM,EAAEA,MAAO;AACfD,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,cAAc,EAAEA,cAAe;AAC/BI,IAAAA,SAAS,EAAEA,SAAU;AACrBF,IAAAA,KAAK,EAAEA,KAAM;AACbK,IAAAA,IAAI,EAAEA,IAAK;AACXE,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GACxB,CAAC,gBAEFE,KAAA,CAAAC,aAAA,CAACE,SAAS,EAAA;AACNpB,IAAAA,MAAM,EAAEA,MAAO;AACfD,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,IAAAA,WAAW,EAAEA,WAAAA;AAAY,GAC5B,CACJ,CAAA;AACL;;;;"}
1
+ {"version":3,"file":"Target.js","sources":["../../../../../src/components/Select/ui/Target/Target.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { TargetProps } from './Target.types';\nimport { Button, Textfield } from './ui';\n\nexport const Target: React.FC<TargetProps> = ({\n value,\n opened,\n valueToItemMap,\n onChipClick,\n label,\n placeholder,\n onKeyDown,\n focusedChipIndex,\n labelPlacement,\n size,\n contentLeft,\n disabled,\n renderValue,\n focusedPath,\n focusedToValueMap,\n selectProps,\n}) => {\n return selectProps.target === 'button-like' ? (\n <Button\n opened={opened}\n value={value}\n valueToItemMap={valueToItemMap}\n onKeyDown={onKeyDown}\n label={label}\n size={size}\n disabled={disabled}\n renderValue={renderValue}\n focusedPath={focusedPath}\n focusedToValueMap={focusedToValueMap}\n selectProps={selectProps}\n />\n ) : (\n <Textfield\n opened={opened}\n value={value}\n valueToItemMap={valueToItemMap}\n onChipClick={onChipClick}\n label={label}\n placeholder={placeholder}\n onKeyDown={onKeyDown}\n focusedChipIndex={focusedChipIndex}\n labelPlacement={labelPlacement}\n size={size}\n contentLeft={contentLeft}\n disabled={disabled}\n renderValue={renderValue}\n focusedPath={focusedPath}\n focusedToValueMap={focusedToValueMap}\n selectProps={selectProps}\n />\n );\n};\n"],"names":["Target","_ref","value","opened","valueToItemMap","onChipClick","label","placeholder","onKeyDown","focusedChipIndex","labelPlacement","size","contentLeft","disabled","renderValue","focusedPath","focusedToValueMap","selectProps","target","React","createElement","Button","Textfield"],"mappings":";;;;IAKaA,MAA6B,GAAG,SAAhCA,MAA6BA,CAAAC,IAAA,EAiBpC;AAAA,EAAA,IAhBFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IACXC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,gBAAgB,GAAAR,IAAA,CAAhBQ,gBAAgB;IAChBC,cAAc,GAAAT,IAAA,CAAdS,cAAc;IACdC,IAAI,GAAAV,IAAA,CAAJU,IAAI;IACJC,WAAW,GAAAX,IAAA,CAAXW,WAAW;IACXC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;IACRC,WAAW,GAAAb,IAAA,CAAXa,WAAW;IACXC,WAAW,GAAAd,IAAA,CAAXc,WAAW;IACXC,iBAAiB,GAAAf,IAAA,CAAjBe,iBAAiB;IACjBC,WAAW,GAAAhB,IAAA,CAAXgB,WAAW,CAAA;EAEX,OAAOA,WAAW,CAACC,MAAM,KAAK,aAAa,gBACvCC,KAAA,CAAAC,aAAA,CAACC,MAAM,EAAA;AACHlB,IAAAA,MAAM,EAAEA,MAAO;AACfD,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,cAAc,EAAEA,cAAe;AAC/BI,IAAAA,SAAS,EAAEA,SAAU;AACrBF,IAAAA,KAAK,EAAEA,KAAM;AACbK,IAAAA,IAAI,EAAEA,IAAK;AACXE,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,IAAAA,WAAW,EAAEA,WAAAA;AAAY,GAC5B,CAAC,gBAEFE,KAAA,CAAAC,aAAA,CAACE,SAAS,EAAA;AACNnB,IAAAA,MAAM,EAAEA,MAAO;AACfD,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,IAAAA,WAAW,EAAEA,WAAAA;AAAY,GAC5B,CACJ,CAAA;AACL;;;;"}
@@ -41,9 +41,7 @@ var Button = function Button(_ref) {
41
41
  "aria-activedescendant": getActiveDescendant(),
42
42
  "aria-label": label,
43
43
  renderTarget: Boolean(selectProps.renderTarget)
44
- }, selectProps.renderTarget ? selectProps.renderTarget(Array.isArray(value) ? value.map(function (value) {
45
- return valueToItemMap.get(value);
46
- }) : valueToItemMap.get(value)) : /*#__PURE__*/React.createElement(Label, null, getButtonLabel({
44
+ }, selectProps.renderTarget ? selectProps.renderTarget(value) : /*#__PURE__*/React.createElement(Label, null, getButtonLabel({
47
45
  value: value,
48
46
  valueToItemMap: valueToItemMap,
49
47
  label: label,
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Button/Button.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx } from '../../../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { getButtonLabel, sizeToIconSize } from '../../../../utils';\n\nimport { ButtonProps } from './Button.types';\nimport { StyledButton, StyledArrow, Label, ButtonWrapper, IconArrowWrapper } from './Button.styles';\n\nexport const Button: React.FC<ButtonProps> = ({\n opened,\n value,\n valueToItemMap,\n onKeyDown,\n label,\n size,\n disabled,\n renderValue,\n focusedPath,\n focusedToValueMap,\n selectProps,\n}) => {\n const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n const getActiveDescendant = () => {\n const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n return focusedToValueMap?.get(focusedPathAsString)?.value.toString();\n };\n\n return (\n <ButtonWrapper>\n <StyledButton\n stretching=\"filled\"\n onKeyDown={onKeyDown}\n className={opened ? classes.selectWithoutBoxShadow : undefined}\n disabled={disabled}\n contentRight={\n <IconArrowWrapper>\n <StyledArrow\n size={sizeToIconSize(size)}\n color=\"inherit\"\n className={cx(classes.selectTargetArrow, withArrowInverse)}\n />\n </IconArrowWrapper>\n }\n role=\"combobox\"\n aria-controls=\"tree_level_1\"\n aria-expanded={opened}\n aria-activedescendant={getActiveDescendant()}\n aria-label={label}\n renderTarget={Boolean(selectProps.renderTarget)}\n >\n {selectProps.renderTarget ? (\n selectProps.renderTarget(\n Array.isArray(value)\n ? value.map((value) => valueToItemMap.get(value)!)\n : valueToItemMap.get(value)!,\n )\n ) : (\n <Label>\n {getButtonLabel({\n value,\n valueToItemMap,\n label,\n renderValue,\n selectProps,\n })}\n </Label>\n )}\n </StyledButton>\n </ButtonWrapper>\n );\n};\n"],"names":["Button","_ref","opened","value","valueToItemMap","onKeyDown","label","size","disabled","renderValue","focusedPath","focusedToValueMap","selectProps","withArrowInverse","classes","arrowInverse","undefined","getActiveDescendant","_focusedToValueMap$ge","focusedPathAsString","reduce","acc","n","concat","replace","get","toString","React","createElement","ButtonWrapper","StyledButton","stretching","className","selectWithoutBoxShadow","contentRight","IconArrowWrapper","StyledArrow","sizeToIconSize","color","cx","selectTargetArrow","role","renderTarget","Boolean","Array","isArray","map","Label","getButtonLabel"],"mappings":"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"}
1
+ {"version":3,"file":"Button.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Button/Button.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx } from '../../../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { getButtonLabel, sizeToIconSize } from '../../../../utils';\n\nimport { ButtonProps } from './Button.types';\nimport { StyledButton, StyledArrow, Label, ButtonWrapper, IconArrowWrapper } from './Button.styles';\n\nexport const Button: React.FC<ButtonProps> = ({\n opened,\n value,\n valueToItemMap,\n onKeyDown,\n label,\n size,\n disabled,\n renderValue,\n focusedPath,\n focusedToValueMap,\n selectProps,\n}) => {\n const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n const getActiveDescendant = () => {\n const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n return focusedToValueMap?.get(focusedPathAsString)?.value.toString();\n };\n\n return (\n <ButtonWrapper>\n <StyledButton\n stretching=\"filled\"\n onKeyDown={onKeyDown}\n className={opened ? classes.selectWithoutBoxShadow : undefined}\n disabled={disabled}\n contentRight={\n <IconArrowWrapper>\n <StyledArrow\n size={sizeToIconSize(size)}\n color=\"inherit\"\n className={cx(classes.selectTargetArrow, withArrowInverse)}\n />\n </IconArrowWrapper>\n }\n role=\"combobox\"\n aria-controls=\"tree_level_1\"\n aria-expanded={opened}\n aria-activedescendant={getActiveDescendant()}\n aria-label={label}\n renderTarget={Boolean(selectProps.renderTarget)}\n >\n {selectProps.renderTarget ? (\n selectProps.renderTarget(value as any)\n ) : (\n <Label>\n {getButtonLabel({\n value,\n valueToItemMap,\n label,\n renderValue,\n selectProps,\n })}\n </Label>\n )}\n </StyledButton>\n </ButtonWrapper>\n );\n};\n"],"names":["Button","_ref","opened","value","valueToItemMap","onKeyDown","label","size","disabled","renderValue","focusedPath","focusedToValueMap","selectProps","withArrowInverse","classes","arrowInverse","undefined","getActiveDescendant","_focusedToValueMap$ge","focusedPathAsString","reduce","acc","n","concat","replace","get","toString","React","createElement","ButtonWrapper","StyledButton","stretching","className","selectWithoutBoxShadow","contentRight","IconArrowWrapper","StyledArrow","sizeToIconSize","color","cx","selectTargetArrow","role","renderTarget","Boolean","Label","getButtonLabel"],"mappings":"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"}
@@ -17,7 +17,7 @@ var getLabel = function getLabel(_ref) {
17
17
  labelPlacement = _ref.labelPlacement,
18
18
  size = _ref.size,
19
19
  renderValue = _ref.renderValue;
20
- if (isEmpty(value) && typeof value !== 'number') {
20
+ if (isEmpty(value)) {
21
21
  if (!label || labelPlacement === 'outer') {
22
22
  return /*#__PURE__*/React.createElement(Placeholder, null, placeholder);
23
23
  }
@@ -33,7 +33,7 @@ var getLabel = function getLabel(_ref) {
33
33
  return value.map(function (currentValue, index) {
34
34
  var itemLabel = valueToItemMap.get(currentValue).label;
35
35
  return /*#__PURE__*/React.createElement(Chip, {
36
- text: renderValue ? renderValue(valueToItemMap.get(currentValue)) : itemLabel,
36
+ text: renderValue ? renderValue(currentValue, itemLabel) : itemLabel,
37
37
  onClick: function onClick(e) {
38
38
  e.stopPropagation();
39
39
  onChipClick(currentValue);
@@ -44,9 +44,9 @@ var getLabel = function getLabel(_ref) {
44
44
  }
45
45
  var itemLabel = valueToItemMap.get(value).label;
46
46
  if (!label || labelPlacement === 'outer') {
47
- return /*#__PURE__*/React.createElement(Value, null, renderValue ? renderValue(valueToItemMap.get(value)) : itemLabel);
47
+ return /*#__PURE__*/React.createElement(Value, null, renderValue ? renderValue(value, itemLabel) : itemLabel);
48
48
  }
49
- return /*#__PURE__*/React.createElement(InnerLabelWrapper, null, size !== 'xs' && /*#__PURE__*/React.createElement(InnerLabel, null, label), /*#__PURE__*/React.createElement(Value, null, renderValue ? renderValue(valueToItemMap.get(value)) : itemLabel));
49
+ return /*#__PURE__*/React.createElement(InnerLabelWrapper, null, size !== 'xs' && /*#__PURE__*/React.createElement(InnerLabel, null, label), /*#__PURE__*/React.createElement(Value, null, renderValue ? renderValue(value, itemLabel) : itemLabel));
50
50
  };
51
51
  var Textfield = function Textfield(_ref2) {
52
52
  var opened = _ref2.opened,
@@ -87,9 +87,7 @@ var Textfield = function Textfield(_ref2) {
87
87
  "aria-activedescendant": getActiveDescendant(),
88
88
  "aria-label": label,
89
89
  renderTarget: Boolean(selectProps.renderTarget)
90
- }, /*#__PURE__*/React.createElement(Wrapper, null, selectProps !== null && selectProps !== void 0 && selectProps.renderTarget ? selectProps.renderTarget(Array.isArray(value) ? value.map(function (value) {
91
- return valueToItemMap.get(value);
92
- }) : valueToItemMap.get(value)) : /*#__PURE__*/React.createElement(React.Fragment, null, contentLeft && (!selectProps.multiselect || isEmpty(value)) && /*#__PURE__*/React.createElement(ContentLeftWrapper, null, contentLeft), /*#__PURE__*/React.createElement(ChipWrapper, null, getLabel({
90
+ }, /*#__PURE__*/React.createElement(Wrapper, null, selectProps !== null && selectProps !== void 0 && selectProps.renderTarget ? selectProps.renderTarget(value) : /*#__PURE__*/React.createElement(React.Fragment, null, contentLeft && (!selectProps.multiselect || isEmpty(value)) && /*#__PURE__*/React.createElement(ContentLeftWrapper, null, contentLeft), /*#__PURE__*/React.createElement(ChipWrapper, null, getLabel({
93
91
  value: value,
94
92
  valueToItemMap: valueToItemMap,
95
93
  onChipClick: onChipClick,
@@ -1 +1 @@
1
- {"version":3,"file":"Textfield.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx, isEmpty } from '../../../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { sizeToIconSize } from '../../../../utils';\n\nimport { TextfieldProps, GetTextfieldLabelProps } from './Textfield.types';\nimport { Chip } from './ui';\nimport {\n StyledButton,\n StyledArrow,\n Wrapper,\n ChipWrapper,\n TextfieldWrapper,\n IconArrowWrapper,\n Label,\n Placeholder,\n InnerLabel,\n InnerLabelWrapper,\n ContentLeftWrapper,\n Value,\n} from './Textfield.styles';\n\nconst getLabel = ({\n value,\n isTargetAmount,\n valueToItemMap,\n onChipClick,\n label,\n placeholder,\n focusedChipIndex,\n labelPlacement,\n size,\n renderValue,\n}: GetTextfieldLabelProps) => {\n if (isEmpty(value) && typeof value !== 'number') {\n if (!label || labelPlacement === 'outer') {\n return <Placeholder>{placeholder}</Placeholder>;\n }\n\n return <Label>{label}</Label>;\n }\n\n if (Array.isArray(value) && isTargetAmount) {\n return <Chip text={`Выбрано: ${value.length}`} isTargetAmount={isTargetAmount} />;\n }\n\n if (Array.isArray(value)) {\n return value.map((currentValue, index) => {\n const itemLabel = valueToItemMap.get(currentValue)!.label;\n\n return (\n <Chip\n text={renderValue ? renderValue(valueToItemMap.get(currentValue)!) : itemLabel}\n onClick={(e: React.MouseEvent<HTMLElement>) => {\n e.stopPropagation();\n onChipClick(currentValue);\n }}\n focused={focusedChipIndex === index}\n />\n );\n });\n }\n\n const itemLabel = valueToItemMap.get(value)!.label;\n\n if (!label || labelPlacement === 'outer') {\n return <Value>{renderValue ? renderValue(valueToItemMap.get(value)!) : itemLabel}</Value>;\n }\n\n return (\n <InnerLabelWrapper>\n {size !== 'xs' && <InnerLabel>{label}</InnerLabel>}\n <Value>{renderValue ? renderValue(valueToItemMap.get(value)!) : itemLabel}</Value>\n </InnerLabelWrapper>\n );\n};\n\nexport const Textfield: React.FC<TextfieldProps> = ({\n opened,\n value,\n valueToItemMap,\n onChipClick,\n label,\n placeholder,\n onKeyDown,\n focusedChipIndex,\n labelPlacement,\n size,\n contentLeft,\n disabled,\n renderValue,\n focusedPath,\n focusedToValueMap,\n selectProps,\n}) => {\n const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n const getActiveDescendant = () => {\n const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n return focusedToValueMap?.get(focusedPathAsString)?.value.toString();\n };\n\n return (\n <TextfieldWrapper opened={opened} value={value}>\n <StyledButton\n stretching=\"filled\"\n className={cx(\n classes.textfieldTarget,\n opened || focusedChipIndex !== null ? classes.selectWithoutBoxShadow : undefined,\n )}\n onKeyDown={onKeyDown}\n disabled={disabled}\n role=\"combobox\"\n aria-controls=\"tree_level_1\"\n aria-expanded={opened}\n aria-activedescendant={getActiveDescendant()}\n aria-label={label}\n renderTarget={Boolean(selectProps.renderTarget)}\n >\n <Wrapper>\n {selectProps?.renderTarget ? (\n selectProps.renderTarget(\n Array.isArray(value)\n ? value.map((value) => valueToItemMap.get(value)!)\n : valueToItemMap.get(value)!,\n )\n ) : (\n <>\n {contentLeft && (!selectProps.multiselect || isEmpty(value)) && (\n <ContentLeftWrapper>{contentLeft}</ContentLeftWrapper>\n )}\n\n <ChipWrapper>\n {getLabel({\n value,\n valueToItemMap,\n onChipClick,\n focusedChipIndex,\n label,\n labelPlacement,\n placeholder,\n isTargetAmount: selectProps.isTargetAmount,\n renderValue,\n size,\n })}\n </ChipWrapper>\n </>\n )}\n\n <IconArrowWrapper>\n <StyledArrow\n size={sizeToIconSize(size)}\n color=\"inherit\"\n className={cx(classes.selectTargetArrow, withArrowInverse)}\n />\n </IconArrowWrapper>\n </Wrapper>\n </StyledButton>\n </TextfieldWrapper>\n );\n};\n"],"names":["getLabel","_ref","value","isTargetAmount","valueToItemMap","onChipClick","label","placeholder","focusedChipIndex","labelPlacement","size","renderValue","isEmpty","React","createElement","Placeholder","Label","Array","isArray","Chip","text","concat","length","map","currentValue","index","itemLabel","get","onClick","e","stopPropagation","focused","Value","InnerLabelWrapper","InnerLabel","Textfield","_ref2","opened","onKeyDown","contentLeft","disabled","focusedPath","focusedToValueMap","selectProps","withArrowInverse","classes","arrowInverse","undefined","getActiveDescendant","_focusedToValueMap$ge","focusedPathAsString","reduce","acc","n","replace","toString","TextfieldWrapper","StyledButton","stretching","className","cx","textfieldTarget","selectWithoutBoxShadow","role","renderTarget","Boolean","Wrapper","Fragment","multiselect","ContentLeftWrapper","ChipWrapper","IconArrowWrapper","StyledArrow","sizeToIconSize","color","selectTargetArrow"],"mappings":"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"}
1
+ {"version":3,"file":"Textfield.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx, isEmpty } from '../../../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { sizeToIconSize } from '../../../../utils';\n\nimport { TextfieldProps, GetTextfieldLabelProps } from './Textfield.types';\nimport { Chip } from './ui';\nimport {\n StyledButton,\n StyledArrow,\n Wrapper,\n ChipWrapper,\n TextfieldWrapper,\n IconArrowWrapper,\n Label,\n Placeholder,\n InnerLabel,\n InnerLabelWrapper,\n ContentLeftWrapper,\n Value,\n} from './Textfield.styles';\n\nconst getLabel = ({\n value,\n isTargetAmount,\n valueToItemMap,\n onChipClick,\n label,\n placeholder,\n focusedChipIndex,\n labelPlacement,\n size,\n renderValue,\n}: GetTextfieldLabelProps) => {\n if (isEmpty(value)) {\n if (!label || labelPlacement === 'outer') {\n return <Placeholder>{placeholder}</Placeholder>;\n }\n\n return <Label>{label}</Label>;\n }\n\n if (Array.isArray(value) && isTargetAmount) {\n return <Chip text={`Выбрано: ${value.length}`} isTargetAmount={isTargetAmount} />;\n }\n\n if (Array.isArray(value)) {\n return value.map((currentValue, index) => {\n const itemLabel = valueToItemMap.get(currentValue)!.label;\n\n return (\n <Chip\n text={renderValue ? renderValue(currentValue, itemLabel) : itemLabel}\n onClick={(e: React.MouseEvent<HTMLElement>) => {\n e.stopPropagation();\n onChipClick(currentValue);\n }}\n focused={focusedChipIndex === index}\n />\n );\n });\n }\n\n const itemLabel = valueToItemMap.get(value)!.label;\n\n if (!label || labelPlacement === 'outer') {\n return <Value>{renderValue ? renderValue(value, itemLabel) : itemLabel}</Value>;\n }\n\n return (\n <InnerLabelWrapper>\n {size !== 'xs' && <InnerLabel>{label}</InnerLabel>}\n <Value>{renderValue ? renderValue(value, itemLabel) : itemLabel}</Value>\n </InnerLabelWrapper>\n );\n};\n\nexport const Textfield: React.FC<TextfieldProps> = ({\n opened,\n value,\n valueToItemMap,\n onChipClick,\n label,\n placeholder,\n onKeyDown,\n focusedChipIndex,\n labelPlacement,\n size,\n contentLeft,\n disabled,\n renderValue,\n focusedPath,\n focusedToValueMap,\n selectProps,\n}) => {\n const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n const getActiveDescendant = () => {\n const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n return focusedToValueMap?.get(focusedPathAsString)?.value.toString();\n };\n\n return (\n <TextfieldWrapper opened={opened} value={value}>\n <StyledButton\n stretching=\"filled\"\n className={cx(\n classes.textfieldTarget,\n opened || focusedChipIndex !== null ? classes.selectWithoutBoxShadow : undefined,\n )}\n onKeyDown={onKeyDown}\n disabled={disabled}\n role=\"combobox\"\n aria-controls=\"tree_level_1\"\n aria-expanded={opened}\n aria-activedescendant={getActiveDescendant()}\n aria-label={label}\n renderTarget={Boolean(selectProps.renderTarget)}\n >\n <Wrapper>\n {selectProps?.renderTarget ? (\n selectProps.renderTarget(value as any)\n ) : (\n <>\n {contentLeft && (!selectProps.multiselect || isEmpty(value)) && (\n <ContentLeftWrapper>{contentLeft}</ContentLeftWrapper>\n )}\n\n <ChipWrapper>\n {getLabel({\n value,\n valueToItemMap,\n onChipClick,\n focusedChipIndex,\n label,\n labelPlacement,\n placeholder,\n isTargetAmount: selectProps.isTargetAmount,\n renderValue,\n size,\n })}\n </ChipWrapper>\n </>\n )}\n\n <IconArrowWrapper>\n <StyledArrow\n size={sizeToIconSize(size)}\n color=\"inherit\"\n className={cx(classes.selectTargetArrow, withArrowInverse)}\n />\n </IconArrowWrapper>\n </Wrapper>\n </StyledButton>\n </TextfieldWrapper>\n );\n};\n"],"names":["getLabel","_ref","value","isTargetAmount","valueToItemMap","onChipClick","label","placeholder","focusedChipIndex","labelPlacement","size","renderValue","isEmpty","React","createElement","Placeholder","Label","Array","isArray","Chip","text","concat","length","map","currentValue","index","itemLabel","get","onClick","e","stopPropagation","focused","Value","InnerLabelWrapper","InnerLabel","Textfield","_ref2","opened","onKeyDown","contentLeft","disabled","focusedPath","focusedToValueMap","selectProps","withArrowInverse","classes","arrowInverse","undefined","getActiveDescendant","_focusedToValueMap$ge","focusedPathAsString","reduce","acc","n","replace","toString","TextfieldWrapper","StyledButton","stretching","className","cx","textfieldTarget","selectWithoutBoxShadow","role","renderTarget","Boolean","Wrapper","Fragment","multiselect","ContentLeftWrapper","ChipWrapper","IconArrowWrapper","StyledArrow","sizeToIconSize","color","selectTargetArrow"],"mappings":"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"}
@@ -6,9 +6,9 @@ var getLabel = function getLabel(_ref) {
6
6
  var value = _ref.value,
7
7
  valueToItemMap = _ref.valueToItemMap,
8
8
  renderValue = _ref.renderValue;
9
- var _ref2 = valueToItemMap.get(value),
9
+ var _ref2 = valueToItemMap.get(value === null || value === void 0 ? void 0 : value.toString()),
10
10
  label = _ref2.label;
11
- return renderValue ? renderValue(valueToItemMap.get(value)) : label;
11
+ return renderValue ? renderValue(value, label) : label;
12
12
  };
13
13
  var getButtonLabel = function getButtonLabel(_ref3) {
14
14
  var value = _ref3.value,
@@ -16,7 +16,7 @@ var getButtonLabel = function getButtonLabel(_ref3) {
16
16
  label = _ref3.label,
17
17
  renderValue = _ref3.renderValue,
18
18
  selectProps = _ref3.selectProps;
19
- if (isEmpty(value) && typeof value !== 'number') {
19
+ if (isEmpty(value)) {
20
20
  return label || '';
21
21
  }
22
22
  if (selectProps.multiselect && selectProps.isTargetAmount) {
@@ -32,9 +32,9 @@ var getButtonLabel = function getButtonLabel(_ref3) {
32
32
  }).join(', ');
33
33
  }
34
34
  return getLabel({
35
+ renderValue: renderValue,
35
36
  value: value,
36
- valueToItemMap: valueToItemMap,
37
- renderValue: renderValue
37
+ valueToItemMap: valueToItemMap
38
38
  });
39
39
  };
40
40
 
@@ -1 +1 @@
1
- {"version":3,"file":"getButtonLabel.js","sources":["../../../../src/components/Select/utils/getButtonLabel.ts"],"sourcesContent":["import { GetButtonLabelProps } from '../ui/Target/ui/Button/Button.types';\nimport { isEmpty } from '../../../utils';\n\nconst getLabel = ({\n value,\n valueToItemMap,\n renderValue,\n}: Omit<GetButtonLabelProps, 'label' | 'selectProps' | 'value'> & { value: any }): string => {\n const { label } = valueToItemMap.get(value)!;\n\n return renderValue ? renderValue(valueToItemMap.get(value)!) : label;\n};\n\nexport const getButtonLabel = ({\n value,\n valueToItemMap,\n label,\n renderValue,\n selectProps,\n}: GetButtonLabelProps): string => {\n if (isEmpty(value) && typeof value !== 'number') {\n return label || '';\n }\n\n if (selectProps.multiselect && selectProps.isTargetAmount) {\n return `Выбрано: ${value.length}`;\n }\n\n if (selectProps.multiselect && Array.isArray(value)) {\n return value\n ?.map((itemValue) =>\n getLabel({\n value: itemValue,\n valueToItemMap,\n renderValue,\n }),\n )\n .join(', ');\n }\n\n return getLabel({\n value,\n valueToItemMap,\n renderValue,\n });\n};\n"],"names":["getLabel","_ref","value","valueToItemMap","renderValue","_ref2","get","label","getButtonLabel","_ref3","selectProps","isEmpty","multiselect","isTargetAmount","concat","length","Array","isArray","map","itemValue","join"],"mappings":";;;;AAGA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAI+E;AAAA,EAAA,IAHzFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IACdC,WAAW,GAAAH,IAAA,CAAXG,WAAW,CAAA;AAEX,EAAA,IAAAC,KAAA,GAAkBF,cAAc,CAACG,GAAG,CAACJ,KAAK,CAAC;IAAnCK,KAAK,GAAAF,KAAA,CAALE,KAAK,CAAA;AAEb,EAAA,OAAOH,WAAW,GAAGA,WAAW,CAACD,cAAc,CAACG,GAAG,CAACJ,KAAK,CAAE,CAAC,GAAGK,KAAK,CAAA;AACxE,CAAC,CAAA;IAEYC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,KAAA,EAMQ;AAAA,EAAA,IAL/BP,KAAK,GAAAO,KAAA,CAALP,KAAK;IACLC,cAAc,GAAAM,KAAA,CAAdN,cAAc;IACdI,KAAK,GAAAE,KAAA,CAALF,KAAK;IACLH,WAAW,GAAAK,KAAA,CAAXL,WAAW;IACXM,WAAW,GAAAD,KAAA,CAAXC,WAAW,CAAA;EAEX,IAAIC,OAAO,CAACT,KAAK,CAAC,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7C,OAAOK,KAAK,IAAI,EAAE,CAAA;AACtB,GAAA;AAEA,EAAA,IAAIG,WAAW,CAACE,WAAW,IAAIF,WAAW,CAACG,cAAc,EAAE;AACvD,IAAA,OAAA,8CAAA,CAAAC,MAAA,CAAmBZ,KAAK,CAACa,MAAM,CAAA,CAAA;AACnC,GAAA;EAEA,IAAIL,WAAW,CAACE,WAAW,IAAII,KAAK,CAACC,OAAO,CAACf,KAAK,CAAC,EAAE;IACjD,OAAOA,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CACNgB,GAAG,CAAC,UAACC,SAAS,EAAA;AAAA,MAAA,OACZnB,QAAQ,CAAC;AACLE,QAAAA,KAAK,EAAEiB,SAAS;AAChBhB,QAAAA,cAAc,EAAdA,cAAc;AACdC,QAAAA,WAAW,EAAXA,WAAAA;AACJ,OAAC,CAAC,CAAA;AAAA,KACN,CAAC,CACAgB,IAAI,CAAC,IAAI,CAAC,CAAA;AACnB,GAAA;AAEA,EAAA,OAAOpB,QAAQ,CAAC;AACZE,IAAAA,KAAK,EAALA,KAAK;AACLC,IAAAA,cAAc,EAAdA,cAAc;AACdC,IAAAA,WAAW,EAAXA,WAAAA;AACJ,GAAC,CAAC,CAAA;AACN;;;;"}
1
+ {"version":3,"file":"getButtonLabel.js","sources":["../../../../src/components/Select/utils/getButtonLabel.ts"],"sourcesContent":["import { GetButtonLabelProps } from '../ui/Target/ui/Button/Button.types';\nimport { isEmpty } from '../../../utils';\n\nconst getLabel = ({\n value,\n valueToItemMap,\n renderValue,\n}: Omit<GetButtonLabelProps, 'label' | 'selectProps'>): string => {\n const { label } = valueToItemMap.get(value?.toString())!;\n\n return renderValue ? renderValue(value as string, label) : label;\n};\n\nexport const getButtonLabel = ({\n value,\n valueToItemMap,\n label,\n renderValue,\n selectProps,\n}: GetButtonLabelProps): string => {\n if (isEmpty(value)) {\n return label || '';\n }\n\n if (selectProps.multiselect && selectProps.isTargetAmount) {\n return `Выбрано: ${value.length}`;\n }\n\n if (selectProps.multiselect && Array.isArray(value)) {\n return value\n ?.map((itemValue) =>\n getLabel({\n value: itemValue,\n valueToItemMap,\n renderValue,\n }),\n )\n .join(', ');\n }\n\n return getLabel({\n renderValue,\n value,\n valueToItemMap,\n });\n};\n"],"names":["getLabel","_ref","value","valueToItemMap","renderValue","_ref2","get","toString","label","getButtonLabel","_ref3","selectProps","isEmpty","multiselect","isTargetAmount","concat","length","Array","isArray","map","itemValue","join"],"mappings":";;;;AAGA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAIoD;AAAA,EAAA,IAH9DC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IACdC,WAAW,GAAAH,IAAA,CAAXG,WAAW,CAAA;AAEX,EAAA,IAAAC,KAAA,GAAkBF,cAAc,CAACG,GAAG,CAACJ,KAAK,KAALA,IAAAA,IAAAA,KAAK,uBAALA,KAAK,CAAEK,QAAQ,EAAE,CAAC;IAA/CC,KAAK,GAAAH,KAAA,CAALG,KAAK,CAAA;EAEb,OAAOJ,WAAW,GAAGA,WAAW,CAACF,KAAK,EAAYM,KAAK,CAAC,GAAGA,KAAK,CAAA;AACpE,CAAC,CAAA;IAEYC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,KAAA,EAMQ;AAAA,EAAA,IAL/BR,KAAK,GAAAQ,KAAA,CAALR,KAAK;IACLC,cAAc,GAAAO,KAAA,CAAdP,cAAc;IACdK,KAAK,GAAAE,KAAA,CAALF,KAAK;IACLJ,WAAW,GAAAM,KAAA,CAAXN,WAAW;IACXO,WAAW,GAAAD,KAAA,CAAXC,WAAW,CAAA;AAEX,EAAA,IAAIC,OAAO,CAACV,KAAK,CAAC,EAAE;IAChB,OAAOM,KAAK,IAAI,EAAE,CAAA;AACtB,GAAA;AAEA,EAAA,IAAIG,WAAW,CAACE,WAAW,IAAIF,WAAW,CAACG,cAAc,EAAE;AACvD,IAAA,OAAA,8CAAA,CAAAC,MAAA,CAAmBb,KAAK,CAACc,MAAM,CAAA,CAAA;AACnC,GAAA;EAEA,IAAIL,WAAW,CAACE,WAAW,IAAII,KAAK,CAACC,OAAO,CAAChB,KAAK,CAAC,EAAE;IACjD,OAAOA,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CACNiB,GAAG,CAAC,UAACC,SAAS,EAAA;AAAA,MAAA,OACZpB,QAAQ,CAAC;AACLE,QAAAA,KAAK,EAAEkB,SAAS;AAChBjB,QAAAA,cAAc,EAAdA,cAAc;AACdC,QAAAA,WAAW,EAAXA,WAAAA;AACJ,OAAC,CAAC,CAAA;AAAA,KACN,CAAC,CACAiB,IAAI,CAAC,IAAI,CAAC,CAAA;AACnB,GAAA;AAEA,EAAA,OAAOrB,QAAQ,CAAC;AACZI,IAAAA,WAAW,EAAXA,WAAW;AACXF,IAAAA,KAAK,EAALA,KAAK;AACLC,IAAAA,cAAc,EAAdA,cAAAA;AACJ,GAAC,CAAC,CAAA;AACN;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"initialItemsTransform.js","sources":["../../../../src/components/Select/utils/initialItemsTransform.ts"],"sourcesContent":["import { MergedDropdownNodeTransformed } from '../ui/Inner/ui/Item/Item.types';\n\n// Проходимся по массиву items и добавляем в каждый item ключ parent, который ссылается на item родителя.\n// Дает возможность прохода к корневому элементу (снизу вверх).\n\nexport const initialItemsTransform = (\n items: Array<MergedDropdownNodeTransformed>,\n parent?: MergedDropdownNodeTransformed,\n): Array<MergedDropdownNodeTransformed> => {\n items.forEach((item) => {\n item.parent = parent;\n\n if (item.items) {\n item.items = initialItemsTransform(item.items, item);\n }\n });\n\n return items;\n};\n"],"names":["initialItemsTransform","items","parent","forEach","item"],"mappings":"AAEA;AACA;;AAEO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAC9BC,KAA2C,EAC3CC,MAAsC,EACC;AACvCD,EAAAA,KAAK,CAACE,OAAO,CAAC,UAACC,IAAI,EAAK;IACpBA,IAAI,CAACF,MAAM,GAAGA,MAAM,CAAA;IAEpB,IAAIE,IAAI,CAACH,KAAK,EAAE;MACZG,IAAI,CAACH,KAAK,GAAGD,qBAAqB,CAACI,IAAI,CAACH,KAAK,EAAEG,IAAI,CAAC,CAAA;AACxD,KAAA;AACJ,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOH,KAAK,CAAA;AAChB;;;;"}
1
+ {"version":3,"file":"initialItemsTransform.js","sources":["../../../../src/components/Select/utils/initialItemsTransform.ts"],"sourcesContent":["import { ItemOptionTransformed } from '../ui/Inner/ui/Item/Item.types';\n\n// Проходимся по массиву items и добавляем в каждый item ключ parent, который ссылается на item родителя.\n// Дает возможность прохода к корневому элементу (снизу вверх).\n\nexport const initialItemsTransform = (\n items: Array<ItemOptionTransformed>,\n parent?: ItemOptionTransformed,\n): Array<ItemOptionTransformed> => {\n items.forEach((item) => {\n item.parent = parent;\n\n if (item.items) {\n item.items = initialItemsTransform(item.items, item);\n }\n });\n\n return items;\n};\n"],"names":["initialItemsTransform","items","parent","forEach","item"],"mappings":"AAEA;AACA;;AAEO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAC9BC,KAAmC,EACnCC,MAA8B,EACC;AAC/BD,EAAAA,KAAK,CAACE,OAAO,CAAC,UAACC,IAAI,EAAK;IACpBA,IAAI,CAACF,MAAM,GAAGA,MAAM,CAAA;IAEpB,IAAIE,IAAI,CAACH,KAAK,EAAE;MACZG,IAAI,CAACH,KAAK,GAAGD,qBAAqB,CAACI,IAAI,CAACH,KAAK,EAAEG,IAAI,CAAC,CAAA;AACxD,KAAA;AACJ,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOH,KAAK,CAAA;AAChB;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"updateAncestors.js","sources":["../../../../src/components/Select/utils/updateAncestors.ts"],"sourcesContent":["import type { MergedDropdownNodeTransformed } from '../ui/Inner/ui/Item/Item.types';\nimport type { ValueToCheckedMapType } from '../hooks/usePathMaps';\n\nexport const updateAncestors = (node: MergedDropdownNodeTransformed, checkedMap: ValueToCheckedMapType) => {\n if (!node?.parent) {\n return;\n }\n\n const { parent } = node;\n const siblings = parent.items!;\n const siblingsLength = siblings.length;\n let checkedFromAllSiblings = 0;\n let isParentIndeterminate = false;\n\n siblings.forEach((sib) => {\n if (checkedMap.get(sib.value) === 'indeterminate') {\n isParentIndeterminate = true;\n return;\n }\n\n if (checkedMap.get(sib.value)) {\n checkedFromAllSiblings += 1;\n }\n });\n\n if (isParentIndeterminate || (checkedFromAllSiblings > 0 && checkedFromAllSiblings < siblingsLength)) {\n checkedMap.set(parent.value, 'indeterminate');\n } else if (checkedFromAllSiblings === 0) {\n checkedMap.set(parent.value, false);\n } else {\n checkedMap.set(parent.value, true);\n }\n\n updateAncestors(parent, checkedMap);\n};\n"],"names":["updateAncestors","node","checkedMap","parent","siblings","items","siblingsLength","length","checkedFromAllSiblings","isParentIndeterminate","forEach","sib","get","value","set"],"mappings":"AAGO,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAmC,EAAEC,UAAiC,EAAK;EACvG,IAAI,EAACD,IAAI,KAAJA,IAAAA,IAAAA,IAAI,eAAJA,IAAI,CAAEE,MAAM,CAAE,EAAA;AACf,IAAA,OAAA;AACJ,GAAA;AAEA,EAAA,IAAQA,MAAM,GAAKF,IAAI,CAAfE,MAAM,CAAA;AACd,EAAA,IAAMC,QAAQ,GAAGD,MAAM,CAACE,KAAM,CAAA;AAC9B,EAAA,IAAMC,cAAc,GAAGF,QAAQ,CAACG,MAAM,CAAA;EACtC,IAAIC,sBAAsB,GAAG,CAAC,CAAA;EAC9B,IAAIC,qBAAqB,GAAG,KAAK,CAAA;AAEjCL,EAAAA,QAAQ,CAACM,OAAO,CAAC,UAACC,GAAG,EAAK;IACtB,IAAIT,UAAU,CAACU,GAAG,CAACD,GAAG,CAACE,KAAK,CAAC,KAAK,eAAe,EAAE;AAC/CJ,MAAAA,qBAAqB,GAAG,IAAI,CAAA;AAC5B,MAAA,OAAA;AACJ,KAAA;IAEA,IAAIP,UAAU,CAACU,GAAG,CAACD,GAAG,CAACE,KAAK,CAAC,EAAE;AAC3BL,MAAAA,sBAAsB,IAAI,CAAC,CAAA;AAC/B,KAAA;AACJ,GAAC,CAAC,CAAA;EAEF,IAAIC,qBAAqB,IAAKD,sBAAsB,GAAG,CAAC,IAAIA,sBAAsB,GAAGF,cAAe,EAAE;IAClGJ,UAAU,CAACY,GAAG,CAACX,MAAM,CAACU,KAAK,EAAE,eAAe,CAAC,CAAA;AACjD,GAAC,MAAM,IAAIL,sBAAsB,KAAK,CAAC,EAAE;IACrCN,UAAU,CAACY,GAAG,CAACX,MAAM,CAACU,KAAK,EAAE,KAAK,CAAC,CAAA;AACvC,GAAC,MAAM;IACHX,UAAU,CAACY,GAAG,CAACX,MAAM,CAACU,KAAK,EAAE,IAAI,CAAC,CAAA;AACtC,GAAA;AAEAb,EAAAA,eAAe,CAACG,MAAM,EAAED,UAAU,CAAC,CAAA;AACvC;;;;"}
1
+ {"version":3,"file":"updateAncestors.js","sources":["../../../../src/components/Select/utils/updateAncestors.ts"],"sourcesContent":["import type { ItemOptionTransformed } from '../ui/Inner/ui/Item/Item.types';\nimport type { ValueToCheckedMapType } from '../hooks/usePathMaps';\n\nexport const updateAncestors = (node: ItemOptionTransformed, checkedMap: ValueToCheckedMapType) => {\n if (!node?.parent) {\n return;\n }\n\n const { parent } = node;\n const siblings = parent.items!;\n const siblingsLength = siblings.length;\n let checkedFromAllSiblings = 0;\n let isParentIndeterminate = false;\n\n siblings.forEach((sib) => {\n if (checkedMap.get(sib.value) === 'indeterminate') {\n isParentIndeterminate = true;\n return;\n }\n\n if (checkedMap.get(sib.value)) {\n checkedFromAllSiblings += 1;\n }\n });\n\n if (isParentIndeterminate || (checkedFromAllSiblings > 0 && checkedFromAllSiblings < siblingsLength)) {\n checkedMap.set(parent.value, 'indeterminate');\n } else if (checkedFromAllSiblings === 0) {\n checkedMap.set(parent.value, false);\n } else {\n checkedMap.set(parent.value, true);\n }\n\n updateAncestors(parent, checkedMap);\n};\n"],"names":["updateAncestors","node","checkedMap","parent","siblings","items","siblingsLength","length","checkedFromAllSiblings","isParentIndeterminate","forEach","sib","get","value","set"],"mappings":"AAGO,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAA2B,EAAEC,UAAiC,EAAK;EAC/F,IAAI,EAACD,IAAI,KAAJA,IAAAA,IAAAA,IAAI,eAAJA,IAAI,CAAEE,MAAM,CAAE,EAAA;AACf,IAAA,OAAA;AACJ,GAAA;AAEA,EAAA,IAAQA,MAAM,GAAKF,IAAI,CAAfE,MAAM,CAAA;AACd,EAAA,IAAMC,QAAQ,GAAGD,MAAM,CAACE,KAAM,CAAA;AAC9B,EAAA,IAAMC,cAAc,GAAGF,QAAQ,CAACG,MAAM,CAAA;EACtC,IAAIC,sBAAsB,GAAG,CAAC,CAAA;EAC9B,IAAIC,qBAAqB,GAAG,KAAK,CAAA;AAEjCL,EAAAA,QAAQ,CAACM,OAAO,CAAC,UAACC,GAAG,EAAK;IACtB,IAAIT,UAAU,CAACU,GAAG,CAACD,GAAG,CAACE,KAAK,CAAC,KAAK,eAAe,EAAE;AAC/CJ,MAAAA,qBAAqB,GAAG,IAAI,CAAA;AAC5B,MAAA,OAAA;AACJ,KAAA;IAEA,IAAIP,UAAU,CAACU,GAAG,CAACD,GAAG,CAACE,KAAK,CAAC,EAAE;AAC3BL,MAAAA,sBAAsB,IAAI,CAAC,CAAA;AAC/B,KAAA;AACJ,GAAC,CAAC,CAAA;EAEF,IAAIC,qBAAqB,IAAKD,sBAAsB,GAAG,CAAC,IAAIA,sBAAsB,GAAGF,cAAe,EAAE;IAClGJ,UAAU,CAACY,GAAG,CAACX,MAAM,CAACU,KAAK,EAAE,eAAe,CAAC,CAAA;AACjD,GAAC,MAAM,IAAIL,sBAAsB,KAAK,CAAC,EAAE;IACrCN,UAAU,CAACY,GAAG,CAACX,MAAM,CAACU,KAAK,EAAE,KAAK,CAAC,CAAA;AACvC,GAAC,MAAM;IACHX,UAAU,CAACY,GAAG,CAACX,MAAM,CAACU,KAAK,EAAE,IAAI,CAAC,CAAA;AACtC,GAAA;AAEAb,EAAAA,eAAe,CAACG,MAAM,EAAED,UAAU,CAAC,CAAA;AACvC;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"updateDescendants.js","sources":["../../../../src/components/Select/utils/updateDescendants.ts"],"sourcesContent":["import type { MergedDropdownNodeTransformed } from '../ui/Inner/ui/Item/Item.types';\nimport type { ValueToCheckedMapType } from '../hooks/usePathMaps';\n\nexport const updateDescendants = (\n node: MergedDropdownNodeTransformed,\n checkedMap: ValueToCheckedMapType,\n isChecked: boolean,\n) => {\n if (!node?.items) {\n return;\n }\n\n node.items.forEach((item) => {\n checkedMap.set(item.value, isChecked);\n\n if (item.items) {\n updateDescendants(item, checkedMap, isChecked);\n }\n });\n};\n"],"names":["updateDescendants","node","checkedMap","isChecked","items","forEach","item","set","value"],"mappings":"AAGO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAC1BC,IAAmC,EACnCC,UAAiC,EACjCC,SAAkB,EACjB;EACD,IAAI,EAACF,IAAI,KAAJA,IAAAA,IAAAA,IAAI,eAAJA,IAAI,CAAEG,KAAK,CAAE,EAAA;AACd,IAAA,OAAA;AACJ,GAAA;AAEAH,EAAAA,IAAI,CAACG,KAAK,CAACC,OAAO,CAAC,UAACC,IAAI,EAAK;IACzBJ,UAAU,CAACK,GAAG,CAACD,IAAI,CAACE,KAAK,EAAEL,SAAS,CAAC,CAAA;IAErC,IAAIG,IAAI,CAACF,KAAK,EAAE;AACZJ,MAAAA,iBAAiB,CAACM,IAAI,EAAEJ,UAAU,EAAEC,SAAS,CAAC,CAAA;AAClD,KAAA;AACJ,GAAC,CAAC,CAAA;AACN;;;;"}
1
+ {"version":3,"file":"updateDescendants.js","sources":["../../../../src/components/Select/utils/updateDescendants.ts"],"sourcesContent":["import type { ItemOptionTransformed } from '../ui/Inner/ui/Item/Item.types';\nimport type { ValueToCheckedMapType } from '../hooks/usePathMaps';\n\nexport const updateDescendants = (\n node: ItemOptionTransformed,\n checkedMap: ValueToCheckedMapType,\n isChecked: boolean,\n) => {\n if (!node?.items) {\n return;\n }\n\n node.items.forEach((item) => {\n checkedMap.set(item.value, isChecked);\n\n if (item.items) {\n updateDescendants(item, checkedMap, isChecked);\n }\n });\n};\n"],"names":["updateDescendants","node","checkedMap","isChecked","items","forEach","item","set","value"],"mappings":"AAGO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAC1BC,IAA2B,EAC3BC,UAAiC,EACjCC,SAAkB,EACjB;EACD,IAAI,EAACF,IAAI,KAAJA,IAAAA,IAAAA,IAAI,eAAJA,IAAI,CAAEG,KAAK,CAAE,EAAA;AACd,IAAA,OAAA;AACJ,GAAA;AAEAH,EAAAA,IAAI,CAACG,KAAK,CAACC,OAAO,CAAC,UAACC,IAAI,EAAK;IACzBJ,UAAU,CAACK,GAAG,CAACD,IAAI,CAACE,KAAK,EAAEL,SAAS,CAAC,CAAA;IAErC,IAAIG,IAAI,CAACF,KAAK,EAAE;AACZJ,MAAAA,iBAAiB,CAACM,IAAI,EAAEJ,UAAU,EAAEC,SAAS,CAAC,CAAA;AAClD,KAAA;AACJ,GAAC,CAAC,CAAA;AACN;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"updateSingleAncestors.js","sources":["../../../../src/components/Select/utils/updateSingleAncestors.ts"],"sourcesContent":["import type { MergedDropdownNodeTransformed } from '../ui/Inner/ui/Item/Item.types';\nimport type { ValueToCheckedMapType } from '../hooks/usePathMaps';\n\nexport const updateSingleAncestors = (\n node: MergedDropdownNodeTransformed,\n checkedMap: ValueToCheckedMapType,\n type: boolean | 'done' | 'dot' | 'indeterminate',\n) => {\n if (!node.parent) {\n return;\n }\n\n const { parent } = node;\n\n checkedMap.set(parent.value, type);\n\n updateSingleAncestors(parent, checkedMap, type);\n};\n"],"names":["updateSingleAncestors","node","checkedMap","type","parent","set","value"],"mappings":"AAGO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAC9BC,IAAmC,EACnCC,UAAiC,EACjCC,IAAgD,EAC/C;AACD,EAAA,IAAI,CAACF,IAAI,CAACG,MAAM,EAAE;AACd,IAAA,OAAA;AACJ,GAAA;AAEA,EAAA,IAAQA,MAAM,GAAKH,IAAI,CAAfG,MAAM,CAAA;EAEdF,UAAU,CAACG,GAAG,CAACD,MAAM,CAACE,KAAK,EAAEH,IAAI,CAAC,CAAA;AAElCH,EAAAA,qBAAqB,CAACI,MAAM,EAAEF,UAAU,EAAEC,IAAI,CAAC,CAAA;AACnD;;;;"}
1
+ {"version":3,"file":"updateSingleAncestors.js","sources":["../../../../src/components/Select/utils/updateSingleAncestors.ts"],"sourcesContent":["import type { ItemOptionTransformed } from '../ui/Inner/ui/Item/Item.types';\nimport type { ValueToCheckedMapType } from '../hooks/usePathMaps';\n\nexport const updateSingleAncestors = (\n node: ItemOptionTransformed,\n checkedMap: ValueToCheckedMapType,\n type: boolean | 'done' | 'dot' | 'indeterminate',\n) => {\n if (!node.parent) {\n return;\n }\n\n const { parent } = node;\n\n checkedMap.set(parent.value, type);\n\n updateSingleAncestors(parent, checkedMap, type);\n};\n"],"names":["updateSingleAncestors","node","checkedMap","type","parent","set","value"],"mappings":"AAGO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAC9BC,IAA2B,EAC3BC,UAAiC,EACjCC,IAAgD,EAC/C;AACD,EAAA,IAAI,CAACF,IAAI,CAACG,MAAM,EAAE;AACd,IAAA,OAAA;AACJ,GAAA;AAEA,EAAA,IAAQA,MAAM,GAAKH,IAAI,CAAfG,MAAM,CAAA;EAEdF,UAAU,CAACG,GAAG,CAACD,MAAM,CAACE,KAAK,EAAEH,IAAI,CAAC,CAAA;AAElCH,EAAAA,qBAAqB,CAACI,MAAM,EAAEF,UAAU,EAAEC,IAAI,CAAC,CAAA;AACnD;;;;"}
package/es/index.css CHANGED
@@ -484,14 +484,14 @@
484
484
  .InfiniteLoader_styles_1ezg778_s11j0scm__684907a2{--plasma-spinner-color:var(--text-primary);--plasma-spinner-size:var(--plasma-select-spinner-size);}
485
485
  .InfiniteLoader_styles_1ezg778_w109lweq__684907a2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:0.25rem;height:var(--plasma-select-item-height);padding:var(--w109lweq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.InfiniteLoader_styles_1ezg778_w109lweq__684907a2 .InfiniteLoader_styles_1ezg778_selectSpinner__684907a2{--plasma-spinner-size:var(--w109lweq-1);}
486
486
 
487
- .Item_styles_baxa65_s1vls8ri__1ba2f282{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);}
488
- .Item_styles_baxa65_s1to2lz5__1ba2f282{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
489
- .Item_styles_baxa65_s17z4dei__1ba2f282{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
490
- .Item_styles_baxa65_s1nd9idj__1ba2f282{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
491
- .Item_styles_baxa65_dnb2nsj__1ba2f282{line-height:0;color:var(--text-secondary);}.Item_styles_baxa65_dnb2nsj__1ba2f282:hover{color:var(--text-secondary-hover);}
492
- .Item_styles_baxa65_i581hb1__1ba2f282{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--i581hb1-0);height:var(--i581hb1-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}.Item_styles_baxa65_i581hb1__1ba2f282 .Item_styles_baxa65_selectItemCheckbox__1ba2f282{--plasma-checkbox-trigger-size:var(--i581hb1-1);--plasma-checkbox-trigger-border-radius:var(--i581hb1-2);}
493
- .Item_styles_baxa65_scgpql7__1ba2f282{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--scgpql7-0);}
494
- .Item_styles_baxa65_wzzpzvq__1ba2f282{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wzzpzvq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.Item_styles_baxa65_wzzpzvq__1ba2f282:hover:not(.Item_styles_baxa65_dropdownItemIsDisabled__1ba2f282){cursor:pointer;background:var(--surface-transparent-secondary);}.Item_styles_baxa65_wzzpzvq__1ba2f282.Item_styles_baxa65_dropdownItemIsActive__1ba2f282{background:var(--surface-transparent-secondary);}.Item_styles_baxa65_wzzpzvq__1ba2f282.Item_styles_baxa65_dropdownItemIsDisabled__1ba2f282{opacity:0.4;cursor:not-allowed;}.Item_styles_baxa65_wzzpzvq__1ba2f282:focus{outline:none;}.Item_styles_baxa65_wzzpzvq__1ba2f282::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_baxa65_wzzpzvq__1ba2f282.Item_styles_baxa65_dropdownItemIsFocused__1ba2f282:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
487
+ .Item_styles_y3jg1m_s1vls8ri__110489ac{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);}
488
+ .Item_styles_y3jg1m_s1to2lz5__110489ac{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
489
+ .Item_styles_y3jg1m_s17z4dei__110489ac{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
490
+ .Item_styles_y3jg1m_s1nd9idj__110489ac{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
491
+ .Item_styles_y3jg1m_dnb2nsj__110489ac{line-height:0;color:var(--text-secondary);}.Item_styles_y3jg1m_dnb2nsj__110489ac:hover{color:var(--text-secondary-hover);}
492
+ .Item_styles_y3jg1m_i581hb1__110489ac{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--i581hb1-0);height:var(--i581hb1-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}.Item_styles_y3jg1m_i581hb1__110489ac .Item_styles_y3jg1m_selectItemCheckbox__110489ac{--plasma-checkbox-trigger-size:var(--i581hb1-1);--plasma-checkbox-trigger-border-radius:var(--i581hb1-2);}
493
+ .Item_styles_y3jg1m_scgpql7__110489ac{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
494
+ .Item_styles_y3jg1m_wzzpzvq__110489ac{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wzzpzvq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.Item_styles_y3jg1m_wzzpzvq__110489ac:hover:not(.Item_styles_y3jg1m_dropdownItemIsDisabled__110489ac){cursor:pointer;background:var(--surface-transparent-secondary);}.Item_styles_y3jg1m_wzzpzvq__110489ac.Item_styles_y3jg1m_dropdownItemIsActive__110489ac{background:var(--surface-transparent-secondary);}.Item_styles_y3jg1m_wzzpzvq__110489ac.Item_styles_y3jg1m_dropdownItemIsDisabled__110489ac{opacity:0.4;cursor:not-allowed;}.Item_styles_y3jg1m_wzzpzvq__110489ac:focus{outline:none;}.Item_styles_y3jg1m_wzzpzvq__110489ac::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_y3jg1m_wzzpzvq__110489ac.Item_styles_y3jg1m_dropdownItemIsFocused__110489ac:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
495
495
 
496
496
 
497
497
  .Button_styles_lxxm4p_sfn0xs0__70a12c1a{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--sfn0xs0-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);text-align:left;}
@@ -515,11 +515,11 @@
515
515
  .Textfield_styles_5mg7p7_c1ox0htq__edd76511{-webkit-flex:none;-ms-flex:none;flex:none;margin-left:-0.125rem;margin-right:0.375rem;line-height:0;}
516
516
  .Textfield_styles_5mg7p7_v1kam5d__edd76511{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
517
517
 
518
- .Select_styles_hzoeqc_spxbau6__886d9f84 .Select_styles_hzoeqc_popoverRoot__886d9f84{width:var(--spxbau6-0);}.Select_styles_hzoeqc_spxbau6__886d9f84 .Select_styles_hzoeqc_popoverTarget__886d9f84{width:100%;}
519
- .Select_styles_hzoeqc_u1yey2x3__886d9f84{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-select-border-radius);width:var(--u1yey2x3-0);height:var(--u1yey2x3-1);overflow:var(--u1yey2x3-2);margin:var(--u1yey2x3-3);padding:var(--plasma-select-padding);}
520
- .Select_styles_hzoeqc_bvro45w__886d9f84 .Select_styles_hzoeqc_popoverWrapper__886d9f84,.Select_styles_hzoeqc_bvro45w__886d9f84 .Select_styles_hzoeqc_popoverTarget__886d9f84{display:block;}
521
- .Select_styles_hzoeqc_ogpldc9__886d9f84{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
522
- .Select_styles_hzoeqc_h2ef052__886d9f84{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}
518
+ .Select_styles_1e7cbbz_spxbau6__4a6fbd83 .Select_styles_1e7cbbz_popoverRoot__4a6fbd83,.Select_styles_1e7cbbz_spxbau6__4a6fbd83 .Select_styles_1e7cbbz_popoverTarget__4a6fbd83{width:100%;}
519
+ .Select_styles_1e7cbbz_u1yey2x3__4a6fbd83{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-select-border-radius);width:var(--u1yey2x3-0);height:var(--u1yey2x3-1);overflow:var(--u1yey2x3-2);margin:var(--u1yey2x3-3);padding:var(--plasma-select-padding);}
520
+ .Select_styles_1e7cbbz_bvro45w__4a6fbd83 .Select_styles_1e7cbbz_popoverWrapper__4a6fbd83,.Select_styles_1e7cbbz_bvro45w__4a6fbd83 .Select_styles_1e7cbbz_popoverTarget__4a6fbd83{display:block;}
521
+ .Select_styles_1e7cbbz_ogpldc9__4a6fbd83{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
522
+ .Select_styles_1e7cbbz_h2ef052__4a6fbd83{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}
523
523
 
524
524
  .base_1mk6ghf_b1qy9s12__46da26aa{background:var(--plasma-divider-background);}
525
525