@salutejs/plasma-new-hope 0.339.0-canary.2291.18715632452.0 → 0.339.0-canary.2291.18777467026.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (220) hide show
  1. package/cjs/components/Pagination/Pagination.css +19 -0
  2. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +19 -0
  3. package/cjs/components/Select/Select.css +19 -0
  4. package/cjs/components/Select/Select.js +44 -9
  5. package/cjs/components/Select/Select.js.map +1 -1
  6. package/cjs/components/Select/Select.tokens.js +2 -0
  7. package/cjs/components/Select/Select.tokens.js.map +1 -1
  8. package/cjs/components/Select/hooks/useKeyboardNavigation.js +185 -1
  9. package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  10. package/cjs/components/Select/hooks/usePathMaps.js +7 -3
  11. package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
  12. package/cjs/components/Select/reducers/treePathReducer.js +87 -0
  13. package/cjs/components/Select/reducers/treePathReducer.js.map +1 -0
  14. package/cjs/components/Select/ui/TreeList/TreeList.css +57 -0
  15. package/cjs/components/Select/ui/TreeList/TreeList.js +96 -0
  16. package/cjs/components/Select/ui/TreeList/TreeList.js.map +1 -0
  17. package/cjs/components/Select/ui/TreeList/TreeList.styles.js +30 -0
  18. package/cjs/components/Select/ui/TreeList/TreeList.styles.js.map +1 -0
  19. package/cjs/components/Select/ui/TreeList/TreeList.styles_1t38mek.css +2 -0
  20. package/cjs/components/Select/ui/TreeList/ui/Item/Item.css +54 -0
  21. package/cjs/components/Select/ui/TreeList/ui/Item/Item.js +130 -0
  22. package/cjs/components/Select/ui/TreeList/ui/Item/Item.js.map +1 -0
  23. package/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js +214 -0
  24. package/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js.map +1 -0
  25. package/cjs/components/Select/ui/TreeList/ui/Item/Item.styles_i0dby2.css +15 -0
  26. package/cjs/components/Table/Table.css +19 -0
  27. package/cjs/components/Table/ui/Cell/Cell.css +19 -0
  28. package/cjs/components/Table/ui/EditableCell/EditableCell.css +19 -0
  29. package/cjs/components/Table/ui/HeadCell/HeadCell.css +19 -0
  30. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +19 -0
  31. package/cjs/components/TextArea/TextArea.js +3 -2
  32. package/cjs/components/TextArea/TextArea.js.map +1 -1
  33. package/cjs/components/TextField/TextField.js +3 -2
  34. package/cjs/components/TextField/TextField.js.map +1 -1
  35. package/cjs/components/Tree/utils/traverseTree.js +2 -23
  36. package/cjs/components/Tree/utils/traverseTree.js.map +1 -1
  37. package/cjs/index.css +19 -0
  38. package/cjs/index.js +2 -0
  39. package/cjs/index.js.map +1 -1
  40. package/cjs/utils/deepCopy.js +30 -0
  41. package/cjs/utils/deepCopy.js.map +1 -0
  42. package/cjs/utils/index.js.map +1 -1
  43. package/emotion/cjs/components/Select/Select.js +33 -6
  44. package/emotion/cjs/components/Select/Select.tokens.js +2 -0
  45. package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +166 -0
  46. package/emotion/cjs/components/Select/hooks/usePathMaps.js +35 -3
  47. package/emotion/cjs/components/Select/reducers/index.js +1 -0
  48. package/emotion/cjs/components/Select/reducers/treePathReducer.js +98 -0
  49. package/emotion/cjs/components/Select/ui/TreeList/TreeList.js +126 -0
  50. package/emotion/cjs/components/Select/ui/TreeList/TreeList.styles.js +36 -0
  51. package/emotion/cjs/components/Select/ui/TreeList/TreeList.types.js +4 -0
  52. package/emotion/cjs/components/Select/ui/TreeList/ui/Item/Item.js +150 -0
  53. package/emotion/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js +186 -0
  54. package/emotion/cjs/components/Select/ui/TreeList/ui/Item/Item.types.js +4 -0
  55. package/emotion/cjs/components/Select/ui/index.js +1 -0
  56. package/emotion/cjs/components/TextArea/TextArea.js +3 -3
  57. package/emotion/cjs/components/TextField/TextField.js +3 -3
  58. package/emotion/cjs/components/Tree/utils/traverseTree.js +2 -60
  59. package/emotion/cjs/examples/components/Select/Select.config.js +24 -24
  60. package/emotion/cjs/utils/deepCopy.js +82 -0
  61. package/emotion/cjs/utils/index.js +4 -0
  62. package/emotion/es/components/Select/Select.js +35 -8
  63. package/emotion/es/components/Select/Select.tokens.js +2 -0
  64. package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +166 -0
  65. package/emotion/es/components/Select/hooks/usePathMaps.js +36 -4
  66. package/emotion/es/components/Select/reducers/index.js +1 -0
  67. package/emotion/es/components/Select/reducers/treePathReducer.js +81 -0
  68. package/emotion/es/components/Select/ui/TreeList/TreeList.js +75 -0
  69. package/emotion/es/components/Select/ui/TreeList/TreeList.styles.js +13 -0
  70. package/emotion/es/components/Select/ui/TreeList/TreeList.types.js +1 -0
  71. package/emotion/es/components/Select/ui/TreeList/ui/Item/Item.js +99 -0
  72. package/emotion/es/components/Select/ui/TreeList/ui/Item/Item.styles.js +122 -0
  73. package/emotion/es/components/Select/ui/TreeList/ui/Item/Item.types.js +1 -0
  74. package/emotion/es/components/Select/ui/index.js +1 -0
  75. package/emotion/es/components/TextArea/TextArea.js +3 -3
  76. package/emotion/es/components/TextField/TextField.js +3 -3
  77. package/emotion/es/components/Tree/utils/traverseTree.js +1 -59
  78. package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
  79. package/emotion/es/examples/components/Select/Select.config.js +24 -24
  80. package/emotion/es/utils/deepCopy.js +72 -0
  81. package/emotion/es/utils/index.js +1 -0
  82. package/es/components/Pagination/Pagination.css +19 -0
  83. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +19 -0
  84. package/es/components/Select/Select.css +19 -0
  85. package/es/components/Select/Select.js +44 -9
  86. package/es/components/Select/Select.js.map +1 -1
  87. package/es/components/Select/Select.tokens.js +2 -0
  88. package/es/components/Select/Select.tokens.js.map +1 -1
  89. package/es/components/Select/hooks/useKeyboardNavigation.js +185 -1
  90. package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  91. package/es/components/Select/hooks/usePathMaps.js +7 -3
  92. package/es/components/Select/hooks/usePathMaps.js.map +1 -1
  93. package/es/components/Select/reducers/treePathReducer.js +82 -0
  94. package/es/components/Select/reducers/treePathReducer.js.map +1 -0
  95. package/es/components/Select/ui/TreeList/TreeList.css +57 -0
  96. package/es/components/Select/ui/TreeList/TreeList.js +88 -0
  97. package/es/components/Select/ui/TreeList/TreeList.js.map +1 -0
  98. package/es/components/Select/ui/TreeList/TreeList.styles.js +25 -0
  99. package/es/components/Select/ui/TreeList/TreeList.styles.js.map +1 -0
  100. package/es/components/Select/ui/TreeList/TreeList.styles_1t38mek.css +2 -0
  101. package/es/components/Select/ui/TreeList/ui/Item/Item.css +54 -0
  102. package/es/components/Select/ui/TreeList/ui/Item/Item.js +122 -0
  103. package/es/components/Select/ui/TreeList/ui/Item/Item.js.map +1 -0
  104. package/es/components/Select/ui/TreeList/ui/Item/Item.styles.js +196 -0
  105. package/es/components/Select/ui/TreeList/ui/Item/Item.styles.js.map +1 -0
  106. package/es/components/Select/ui/TreeList/ui/Item/Item.styles_i0dby2.css +15 -0
  107. package/es/components/Table/Table.css +19 -0
  108. package/es/components/Table/ui/Cell/Cell.css +19 -0
  109. package/es/components/Table/ui/EditableCell/EditableCell.css +19 -0
  110. package/es/components/Table/ui/HeadCell/HeadCell.css +19 -0
  111. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +19 -0
  112. package/es/components/TextArea/TextArea.js +3 -2
  113. package/es/components/TextArea/TextArea.js.map +1 -1
  114. package/es/components/TextField/TextField.js +3 -2
  115. package/es/components/TextField/TextField.js.map +1 -1
  116. package/es/components/Tree/utils/traverseTree.js +2 -23
  117. package/es/components/Tree/utils/traverseTree.js.map +1 -1
  118. package/es/index.css +19 -0
  119. package/es/index.js +1 -0
  120. package/es/index.js.map +1 -1
  121. package/es/utils/deepCopy.js +26 -0
  122. package/es/utils/deepCopy.js.map +1 -0
  123. package/es/utils/index.js.map +1 -1
  124. package/package.json +4 -4
  125. package/styled-components/cjs/components/Select/Select.js +33 -6
  126. package/styled-components/cjs/components/Select/Select.tokens.js +2 -0
  127. package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +166 -0
  128. package/styled-components/cjs/components/Select/hooks/usePathMaps.js +35 -3
  129. package/styled-components/cjs/components/Select/reducers/index.js +1 -0
  130. package/styled-components/cjs/components/Select/reducers/treePathReducer.js +98 -0
  131. package/styled-components/cjs/components/Select/ui/TreeList/TreeList.js +126 -0
  132. package/styled-components/cjs/components/Select/ui/TreeList/TreeList.styles.js +50 -0
  133. package/styled-components/cjs/components/Select/ui/TreeList/TreeList.types.js +4 -0
  134. package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/Item.js +150 -0
  135. package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js +300 -0
  136. package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/Item.types.js +4 -0
  137. package/styled-components/cjs/components/Select/ui/index.js +1 -0
  138. package/styled-components/cjs/components/TextArea/TextArea.js +2 -2
  139. package/styled-components/cjs/components/TextField/TextField.js +2 -2
  140. package/styled-components/cjs/components/Tree/utils/traverseTree.js +2 -60
  141. package/styled-components/cjs/examples/components/Select/Select.config.js +12 -4
  142. package/styled-components/cjs/utils/deepCopy.js +82 -0
  143. package/styled-components/cjs/utils/index.js +4 -0
  144. package/styled-components/es/components/Select/Select.js +35 -8
  145. package/styled-components/es/components/Select/Select.tokens.js +2 -0
  146. package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +166 -0
  147. package/styled-components/es/components/Select/hooks/usePathMaps.js +36 -4
  148. package/styled-components/es/components/Select/reducers/index.js +1 -0
  149. package/styled-components/es/components/Select/reducers/treePathReducer.js +81 -0
  150. package/styled-components/es/components/Select/ui/TreeList/TreeList.js +75 -0
  151. package/styled-components/es/components/Select/ui/TreeList/TreeList.styles.js +27 -0
  152. package/styled-components/es/components/Select/ui/TreeList/TreeList.types.js +1 -0
  153. package/styled-components/es/components/Select/ui/TreeList/ui/Item/Item.js +99 -0
  154. package/styled-components/es/components/Select/ui/TreeList/ui/Item/Item.styles.js +236 -0
  155. package/styled-components/es/components/Select/ui/TreeList/ui/Item/Item.types.js +1 -0
  156. package/styled-components/es/components/Select/ui/index.js +1 -0
  157. package/styled-components/es/components/TextArea/TextArea.js +2 -2
  158. package/styled-components/es/components/TextField/TextField.js +2 -2
  159. package/styled-components/es/components/Tree/utils/traverseTree.js +1 -59
  160. package/styled-components/es/examples/components/Select/Select.config.js +12 -4
  161. package/styled-components/es/utils/deepCopy.js +72 -0
  162. package/styled-components/es/utils/index.js +1 -0
  163. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  164. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  165. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  166. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +12 -0
  167. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  168. package/types/components/Range/Range.styles.d.ts.map +1 -1
  169. package/types/components/Select/Select.d.ts.map +1 -1
  170. package/types/components/Select/Select.tokens.d.ts +2 -0
  171. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  172. package/types/components/Select/Select.types.d.ts +26 -2
  173. package/types/components/Select/Select.types.d.ts.map +1 -1
  174. package/types/components/Select/hooks/useKeyboardNavigation.d.ts +6 -2
  175. package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
  176. package/types/components/Select/hooks/usePathMaps.d.ts +2 -1
  177. package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
  178. package/types/components/Select/reducers/index.d.ts +1 -0
  179. package/types/components/Select/reducers/index.d.ts.map +1 -1
  180. package/types/components/Select/reducers/treePathReducer.d.ts +14 -0
  181. package/types/components/Select/reducers/treePathReducer.d.ts.map +1 -0
  182. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  183. package/types/components/Select/ui/TreeList/TreeList.d.ts +4 -0
  184. package/types/components/Select/ui/TreeList/TreeList.d.ts.map +1 -0
  185. package/types/components/Select/ui/TreeList/TreeList.styles.d.ts +6 -0
  186. package/types/components/Select/ui/TreeList/TreeList.styles.d.ts.map +1 -0
  187. package/types/components/Select/ui/TreeList/TreeList.types.d.ts +11 -0
  188. package/types/components/Select/ui/TreeList/TreeList.types.d.ts.map +1 -0
  189. package/types/components/Select/ui/TreeList/ui/Item/Item.d.ts +4 -0
  190. package/types/components/Select/ui/TreeList/ui/Item/Item.d.ts.map +1 -0
  191. package/types/components/Select/ui/TreeList/ui/Item/Item.styles.d.ts +64 -0
  192. package/types/components/Select/ui/TreeList/ui/Item/Item.styles.d.ts.map +1 -0
  193. package/types/components/Select/ui/TreeList/ui/Item/Item.types.d.ts +14 -0
  194. package/types/components/Select/ui/TreeList/ui/Item/Item.types.d.ts.map +1 -0
  195. package/types/components/Select/ui/index.d.ts +1 -0
  196. package/types/components/Select/ui/index.d.ts.map +1 -1
  197. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  198. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +12 -0
  199. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
  200. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  201. package/types/components/TextArea/TextArea.types.d.ts +4 -0
  202. package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
  203. package/types/components/TextField/TextField.d.ts.map +1 -1
  204. package/types/components/TextField/TextField.types.d.ts +4 -0
  205. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  206. package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
  207. package/types/components/Tree/utils/traverseTree.d.ts.map +1 -1
  208. package/types/examples/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  209. package/types/examples/components/Mask/Mask.d.ts.map +1 -1
  210. package/types/examples/components/NumberFormat/NumberFormat.d.ts.map +1 -1
  211. package/types/examples/components/Select/Select.config.d.ts.map +1 -1
  212. package/types/examples/components/Select/Select.d.ts +12 -0
  213. package/types/examples/components/Select/Select.d.ts.map +1 -1
  214. package/types/examples/components/TextArea/TextArea.d.ts +8 -0
  215. package/types/examples/components/TextArea/TextArea.d.ts.map +1 -1
  216. package/types/examples/components/TextField/TextField.d.ts.map +1 -1
  217. package/types/utils/deepCopy.d.ts +2 -0
  218. package/types/utils/deepCopy.d.ts.map +1 -0
  219. package/types/utils/index.d.ts +1 -0
  220. package/types/utils/index.d.ts.map +1 -1
package/es/index.css CHANGED
@@ -708,6 +708,25 @@
708
708
  .SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
709
709
  .SelectAll_styles_ql2mqj_d1nbef5q__b71a8639{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
710
710
 
711
+
712
+ .Item_styles_i0dby2_s14rxgk6__158876c7{--plasma-cell-title-color:var(--s14rxgk6-0);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellContent__158876c7,.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextbox__158876c7{-webkit-flex:1;-ms-flex:1;flex:1;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextboxTitle__158876c7{position:relative;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextboxTitle__158876c7:before{content:' ';visibility:hidden;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextboxTitle__158876c7 span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
713
+
714
+ .Item_styles_i0dby2_s1t6abbl__158876c7{--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-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
715
+ .Item_styles_i0dby2_swduayr__158876c7{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-item-icon-color);}
716
+ .Item_styles_i0dby2_s1r3fsvz__158876c7{width:var(--s1r3fsvz-0);height:var(--s1r3fsvz-0);}.Item_styles_i0dby2_s1r3fsvz__158876c7.Item_styles_i0dby2_arrowInverse__158876c7{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
717
+ .Item_styles_i0dby2_s1us4s6s__158876c7{width:var(--s1us4s6s-0);height:var(--s1us4s6s-0);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Item_styles_i0dby2_s1us4s6s__158876c7.Item_styles_i0dby2_arrowInverse__158876c7{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
718
+ .Item_styles_i0dby2_s14lzt5m__158876c7{width:var(--s14lzt5m-0);height:var(--s14lzt5m-0);}
719
+ .Item_styles_i0dby2_d1178nq__158876c7{line-height:0;color:var(--plasma-select-disclosure-icon-color);visibility:var(--d1178nq-0);}.Item_styles_i0dby2_d1178nq__158876c7:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
720
+ .Item_styles_i0dby2_i1noc5rg__158876c7{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;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i1noc5rg-0);height:var(--i1noc5rg-0);line-height:0;color:var(--plasma-select-item-icon-color);}
721
+ .Item_styles_i0dby2_s1azt70o__158876c7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
722
+ .Item_styles_i0dby2_wa9o46g__158876c7{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;gap:var(--plasma-select-item-gap);min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wa9o46g-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-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_i0dby2_wa9o46g__158876c7:hover:not(.Item_styles_i0dby2_dropdownItemIsDisabled__158876c7){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_i0dby2_wa9o46g__158876c7.Item_styles_i0dby2_dropdownItemIsActive__158876c7{background-color:var(--plasma-select-item-background-hover);}.Item_styles_i0dby2_wa9o46g__158876c7.Item_styles_i0dby2_dropdownItemIsDisabled__158876c7{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.Item_styles_i0dby2_wa9o46g__158876c7:focus{outline:none;}.Item_styles_i0dby2_wa9o46g__158876c7::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_i0dby2_wa9o46g__158876c7.Item_styles_i0dby2_dropdownItemIsFocused__158876c7:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
723
+
724
+
725
+ .Item_styles_i0dby2_o1888l7c__158876c7{width:calc(var(--o1888l7c-0) * var(--plasma-select-item-tree-offset-width));-webkit-flex:none;-ms-flex:none;flex:none;margin-right:calc(var(--plasma-select-item-gap) * -1);}
726
+
727
+ .TreeList_styles_1t38mek_lm92bs9__3097faae{width:100%;padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);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), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
728
+ .TreeList_styles_1t38mek_s12qznqt__3097faae{max-height:var(--s12qznqt-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
729
+
711
730
  .Select_styles_dta4dl_lpxbau6__559b5dde{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);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), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
712
731
  .Select_styles_dta4dl_u1yey2x3__559b5dde{max-height:var(--u1yey2x3-0);overflow-x:hidden;overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
713
732
 
package/es/index.js CHANGED
@@ -35,6 +35,7 @@ export { createEvent } from './utils/createEvent.js';
35
35
  export { noop } from './utils/noop.js';
36
36
  export { getHeightAsNumber } from './utils/getHeightAsNumber.js';
37
37
  export { createConditionalComponent } from './utils/createConditionalComponent.js';
38
+ export { deepCopy } from './utils/deepCopy.js';
38
39
  export { fixedForwardRef } from './utils/fixedForwardRef.js';
39
40
  export { getPlacement, getPlacements } from './utils/getPopoverPlacement.js';
40
41
  export { getCodeValue, getFieldPattern, getPlaceholderValue } from './utils/initialValuesHelper.js';
package/es/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,26 @@
1
+ import { typeof as _typeof, slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
2
+
3
+ // Blazing-fast хелпер для глубокого копирования объектов.
4
+ // Ссылки на функции (React-компоненты) сохраняются.
5
+ var deepCopy = function deepCopy(obj) {
6
+ if (obj === null || _typeof(obj) !== 'object') {
7
+ return obj;
8
+ }
9
+ if (Array.isArray(obj)) {
10
+ return obj.map(function (item) {
11
+ return deepCopy(item);
12
+ });
13
+ }
14
+ if (obj.$$typeof === Symbol["for"]('react.element') || obj.$$typeof === Symbol["for"]('react.fragment') || _typeof(obj === null || obj === void 0 ? void 0 : obj.$$typeof) === 'symbol') {
15
+ return obj;
16
+ }
17
+ return Object.fromEntries(Object.entries(obj).map(function (_ref) {
18
+ var _ref2 = _slicedToArray(_ref, 2),
19
+ key = _ref2[0],
20
+ value = _ref2[1];
21
+ return [key, deepCopy(value)];
22
+ }));
23
+ };
24
+
25
+ export { deepCopy };
26
+ //# sourceMappingURL=deepCopy.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"deepCopy.js","sources":["../../src/utils/deepCopy.ts"],"sourcesContent":["// Blazing-fast хелпер для глубокого копирования объектов.\n// Ссылки на функции (React-компоненты) сохраняются.\nexport const deepCopy = <T>(obj: T): T => {\n if (obj === null || typeof obj !== 'object') {\n return obj;\n }\n\n if (Array.isArray(obj)) {\n return (obj.map((item) => deepCopy(item)) as unknown) as T;\n }\n\n if (\n (obj as any).$$typeof === Symbol.for('react.element') ||\n (obj as any).$$typeof === Symbol.for('react.fragment') ||\n typeof (obj as any)?.$$typeof === 'symbol'\n ) {\n return obj;\n }\n\n return Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, deepCopy(value)])) as T;\n};\n"],"names":["deepCopy","obj","_typeof","Array","isArray","map","item","$$typeof","Symbol","Object","fromEntries","entries","_ref","_ref2","_slicedToArray","key","value"],"mappings":";;AAAA;AACA;IACaA,QAAQ,GAAG,SAAXA,QAAQA,CAAOC,GAAM,EAAQ;EACtC,IAAIA,GAAG,KAAK,IAAI,IAAIC,OAAA,CAAOD,GAAG,CAAK,KAAA,QAAQ,EAAE;AACzC,IAAA,OAAOA,GAAG,CAAA;AACd,GAAA;AAEA,EAAA,IAAIE,KAAK,CAACC,OAAO,CAACH,GAAG,CAAC,EAAE;AACpB,IAAA,OAAQA,GAAG,CAACI,GAAG,CAAC,UAACC,IAAI,EAAA;MAAA,OAAKN,QAAQ,CAACM,IAAI,CAAC,CAAA;KAAC,CAAA,CAAA;AAC7C,GAAA;AAEA,EAAA,IACKL,GAAG,CAASM,QAAQ,KAAKC,MAAM,CAAA,KAAA,CAAI,CAAC,eAAe,CAAC,IACpDP,GAAG,CAASM,QAAQ,KAAKC,MAAM,CAAI,KAAA,CAAA,CAAC,gBAAgB,CAAC,IACtDN,OAAA,CAAQD,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAHA,GAAG,CAAUM,QAAQ,CAAA,KAAK,QAAQ,EAC5C;AACE,IAAA,OAAON,GAAG,CAAA;AACd,GAAA;AAEA,EAAA,OAAOQ,MAAM,CAACC,WAAW,CAACD,MAAM,CAACE,OAAO,CAACV,GAAG,CAAC,CAACI,GAAG,CAAC,UAAAO,IAAA,EAAA;AAAA,IAAA,IAAAC,KAAA,GAAAC,cAAA,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAEG,MAAAA,GAAG,GAAAF,KAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,KAAK,GAAAH,KAAA,CAAA,CAAA,CAAA,CAAA;AAAA,IAAA,OAAM,CAACE,GAAG,EAAEf,QAAQ,CAACgB,KAAK,CAAC,CAAC,CAAA;AAAA,GAAA,CAAC,CAAC,CAAA;AAChG;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport { createEvent } from './createEvent';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport * from './initialValuesHelper';\nexport { noop } from './noop';\nexport { getHeightAsNumber } from './getHeightAsNumber';\nexport { createConditionalComponent } from './createConditionalComponent';\n\nexport const cx = (...classes: (string | boolean | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n let res = '';\n for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n res += s[i] ?? '';\n res += expr[i] ?? '';\n }\n\n return res;\n};\n\nexport { fixedForwardRef } from './fixedForwardRef';\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":"AAiBaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAAuCF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAEzGC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport { createEvent } from './createEvent';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport * from './initialValuesHelper';\nexport { noop } from './noop';\nexport { getHeightAsNumber } from './getHeightAsNumber';\nexport { createConditionalComponent } from './createConditionalComponent';\nexport { deepCopy } from './deepCopy';\n\nexport const cx = (...classes: (string | boolean | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n let res = '';\n for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n res += s[i] ?? '';\n res += expr[i] ?? '';\n }\n\n return res;\n};\n\nexport { fixedForwardRef } from './fixedForwardRef';\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":"AAkBaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAAuCF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAEzGC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.339.0-canary.2291.18715632452.0",
3
+ "version": "0.339.0-canary.2291.18777467026.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -79,7 +79,7 @@
79
79
  "@rollup/plugin-babel": "^6.0.4",
80
80
  "@rollup/plugin-commonjs": "^25.0.4",
81
81
  "@rollup/plugin-node-resolve": "^15.1.0",
82
- "@salutejs/plasma-sb-utils": "0.209.0-canary.2291.18715632452.0",
82
+ "@salutejs/plasma-sb-utils": "0.209.0-canary.2291.18777467026.0",
83
83
  "@salutejs/plasma-themes": "0.38.0",
84
84
  "@storybook/addon-docs": "8.6.12",
85
85
  "@storybook/addon-essentials": "8.6.12",
@@ -117,7 +117,7 @@
117
117
  "@linaria/react": "5.0.3",
118
118
  "@popperjs/core": "2.11.8",
119
119
  "@salutejs/input-core": "2.1.2",
120
- "@salutejs/plasma-core": "1.209.0-canary.2291.18715632452.0",
120
+ "@salutejs/plasma-core": "1.209.0-canary.2291.18777467026.0",
121
121
  "@salutejs/react-maskinput": "3.2.6",
122
122
  "@tanstack/react-table": "8.21.2",
123
123
  "@tanstack/react-virtual": "3.13.2",
@@ -137,5 +137,5 @@
137
137
  "sideEffects": [
138
138
  "*.css"
139
139
  ],
140
- "gitHead": "beb2c4a0b52844a21f73a2cbfa44575cab495618"
140
+ "gitHead": "61d106e3264d2af3ced8454f5d0d59fe7fb82e63"
141
141
  }
@@ -178,7 +178,7 @@ var selectRoot = function(Root) {
178
178
  return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
179
179
  var _getItemByFocused;
180
180
  var // eslint-disable-block @typescript-eslint/ban-ts-comment
181
- id = props.id, outerValue = props.value, outerOnChange = props.onChange, _props_target = props.target, target = _props_target === void 0 ? 'textfield-like' : _props_target, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom' : _props_placement, label = props.label, labelPlacement = props.labelPlacement, placeholder = props.placeholder, helperText = props.helperText, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, outerView = props.view, size = props.size, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, contentLeft = props.contentLeft, onScrollBottom = props.onScrollBottom, onScroll = props.onScroll, chipView = props.chipView, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, portal = props.portal, renderValue = props.renderValue, renderItem = props.renderItem, status = props.status, onItemSelect = props.onItemSelect, separator = props.separator, outerCloseAfterSelect = props.closeAfterSelect, isTargetAmount = props.isTargetAmount, beforeList = props.beforeList, afterList = props.afterList, zIndex = props.zIndex, name = props.name, defaultValue = props.defaultValue, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, onToggle = props.onToggle, chipType = props.chipType, multiselect = props.multiselect, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, chipClickArea = props.chipClickArea, // @ts-ignore
181
+ id = props.id, outerValue = props.value, outerOnChange = props.onChange, _props_target = props.target, target = _props_target === void 0 ? 'textfield-like' : _props_target, items = props.items, _props_treeView = props.treeView, treeView = _props_treeView === void 0 ? false : _props_treeView, _props_arrowPlacement = props.arrowPlacement, arrowPlacement = _props_arrowPlacement === void 0 ? 'left' : _props_arrowPlacement, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom' : _props_placement, label = props.label, labelPlacement = props.labelPlacement, placeholder = props.placeholder, helperText = props.helperText, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, outerView = props.view, size = props.size, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, contentLeft = props.contentLeft, onScrollBottom = props.onScrollBottom, onScroll = props.onScroll, chipView = props.chipView, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, portal = props.portal, renderValue = props.renderValue, renderItem = props.renderItem, status = props.status, onItemSelect = props.onItemSelect, separator = props.separator, outerCloseAfterSelect = props.closeAfterSelect, isTargetAmount = props.isTargetAmount, beforeList = props.beforeList, afterList = props.afterList, zIndex = props.zIndex, name = props.name, defaultValue = props.defaultValue, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, onToggle = props.onToggle, chipType = props.chipType, multiselect = props.multiselect, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, chipClickArea = props.chipClickArea, // @ts-ignore
182
182
  _offset = props._offset, // Извлекаем пропсы для required и hint, чтобы они не попадали в DOM.
183
183
  // @ts-ignore
184
184
  required = props.required, // @ts-ignore
@@ -199,6 +199,8 @@ var selectRoot = function(Root) {
199
199
  "onChange",
200
200
  "target",
201
201
  "items",
202
+ "treeView",
203
+ "arrowPlacement",
202
204
  "placement",
203
205
  "label",
204
206
  "labelPlacement",
@@ -257,13 +259,14 @@ var selectRoot = function(Root) {
257
259
  items
258
260
  ]);
259
261
  // Создаем структуры для быстрой работы с деревом
260
- var _usePathMaps1 = _sliced_to_array((0, _usePathMaps.usePathMaps)(transformedItems), 4), pathMap = _usePathMaps1[0], focusedToValueMap = _usePathMaps1[1], valueToCheckedMap = _usePathMaps1[2], valueToItemMap = _usePathMaps1[3];
262
+ var _usePathMaps1 = _sliced_to_array((0, _usePathMaps.usePathMaps)(transformedItems), 5), pathMap = _usePathMaps1[0], focusedToValueMap = _usePathMaps1[1], valueToCheckedMap = _usePathMaps1[2], valueToItemMap = _usePathMaps1[3], valueToPathMap = _usePathMaps1[4];
261
263
  var _useState = _sliced_to_array((0, _react.useState)(props.multiselect ? [] : ''), 2), internalValue = _useState[0], setInternalValue = _useState[1];
262
264
  var value = outerValue !== null && outerValue !== undefined ? outerValue : internalValue;
263
265
  var floatingPopoverRef = (0, _react.useRef)(null);
264
266
  // Состояния дерева элементов
265
267
  var _useReducer = _sliced_to_array((0, _react.useReducer)(_reducers.pathReducer, []), 2), path = _useReducer[0], dispatchPath = _useReducer[1];
266
- var _useReducer1 = _sliced_to_array((0, _react.useReducer)(_reducers.focusedPathReducer, []), 2), focusedPath = _useReducer1[0], dispatchFocusedPath = _useReducer1[1];
268
+ var _useReducer1 = _sliced_to_array((0, _react.useReducer)(_reducers.treePathReducer, {}), 2), treePath = _useReducer1[0], dispatchTreePath = _useReducer1[1];
269
+ var _useReducer2 = _sliced_to_array((0, _react.useReducer)(_reducers.focusedPathReducer, []), 2), focusedPath = _useReducer2[0], dispatchFocusedPath = _useReducer2[1];
267
270
  var _useState1 = _sliced_to_array((0, _react.useState)(valueToCheckedMap), 2), checked = _useState1[0], setChecked = _useState1[1];
268
271
  var isCurrentListOpen = Boolean(path[0]);
269
272
  var activeDescendantItemValue = ((_getItemByFocused = (0, _useKeyboardNavigation.getItemByFocused)(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value.toString()) || '';
@@ -332,6 +335,9 @@ var selectRoot = function(Root) {
332
335
  dispatchPath({
333
336
  type: 'reset'
334
337
  });
338
+ dispatchTreePath({
339
+ type: 'reset'
340
+ });
335
341
  // Скроллим чипы к левому краю при закрытии компонента
336
342
  var el = rootRef === null || rootRef === void 0 ? void 0 : (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.querySelector('.input-scrollable-wrapper');
337
343
  if (multiselect && value.length > 0 && el) {
@@ -394,6 +400,9 @@ var selectRoot = function(Root) {
394
400
  dispatchFocusedPath({
395
401
  type: 'reset'
396
402
  });
403
+ dispatchTreePath({
404
+ type: 'reset'
405
+ });
397
406
  }
398
407
  if (onChange) {
399
408
  onChange(newValues, item);
@@ -418,6 +427,9 @@ var selectRoot = function(Root) {
418
427
  dispatchFocusedPath({
419
428
  type: 'reset'
420
429
  });
430
+ dispatchTreePath({
431
+ type: 'reset'
432
+ });
421
433
  }
422
434
  // Закрываем список, если элемент уже выбран.
423
435
  if (mode === 'radio' && isCurrentChecked) {
@@ -455,7 +467,11 @@ var selectRoot = function(Root) {
455
467
  pathMap: pathMap,
456
468
  focusedToValueMap: focusedToValueMap,
457
469
  handleListToggle: handleListToggle,
458
- handlePressDown: handlePressDown
470
+ handlePressDown: handlePressDown,
471
+ treePath: treePath,
472
+ dispatchTreePath: dispatchTreePath,
473
+ treeView: treeView,
474
+ valueToPathMap: valueToPathMap
459
475
  }).onKeyDown;
460
476
  // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.
461
477
  // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.
@@ -530,7 +546,11 @@ var selectRoot = function(Root) {
530
546
  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
531
547
  // @ts-ignore
532
548
  // eslint-disable-next-line no-underscore-dangle
533
- _checkboxAppearance: rest._checkboxAppearance
549
+ _checkboxAppearance: rest._checkboxAppearance,
550
+ treePath: treePath,
551
+ dispatchTreePath: dispatchTreePath,
552
+ arrowPlacement: arrowPlacement,
553
+ valueToPathMap: valueToPathMap
534
554
  }
535
555
  }, /*#__PURE__*/ _react.default.createElement(_FloatingPopover.FloatingPopover, {
536
556
  ref: floatingPopoverRef,
@@ -579,7 +599,14 @@ var selectRoot = function(Root) {
579
599
  chipView: chipView,
580
600
  disabled: disabled,
581
601
  readOnly: readOnly
582
- }, rest), /*#__PURE__*/ _react.default.createElement(_Selectstyles.ListWrapper, {
602
+ }, rest), treeView ? /*#__PURE__*/ _react.default.createElement(_ui.TreeList, {
603
+ items: items,
604
+ listMaxHeight: listMaxHeight,
605
+ onScroll: virtual ? undefined : handleScroll,
606
+ virtual: virtual,
607
+ beforeList: beforeList,
608
+ afterList: afterList
609
+ }) : /*#__PURE__*/ _react.default.createElement(_Selectstyles.ListWrapper, {
583
610
  ref: listWrapperRef,
584
611
  listWidth: listWidth
585
612
  }, /*#__PURE__*/ _react.default.createElement(_Selectstyles.Ul, {
@@ -54,6 +54,8 @@ var tokens = {
54
54
  itemDisabledOpacity: '--plasma-select-item-disabled-opacity',
55
55
  itemDisabledColor: '--plasma-select-item-disabled-color',
56
56
  itemIconColor: '--plasma-select-item-icon-color',
57
+ itemGap: '--plasma-select-item-gap',
58
+ itemTreeOffsetWidth: '--plasma-select-item-tree-offset-width',
57
59
  cellPadding: '--plasma-select-cell-padding',
58
60
  cellPaddingLeftContent: '--plasma-select-cell-padding-left-content',
59
61
  cellPaddingContent: '--plasma-select-cell-padding-content',
@@ -19,6 +19,7 @@ _export(exports, {
19
19
  return useKeyNavigation;
20
20
  }
21
21
  });
22
+ var _treePathReducer = require("../reducers/treePathReducer");
22
23
  var JUMP_SIZE = 10;
23
24
  var keys = {
24
25
  Enter: 'Enter',
@@ -42,6 +43,39 @@ var getItemByFocused = function(focusedPath, focusedToValueMap) {
42
43
  return focusedToValueMap.get(focusedPathAsString);
43
44
  };
44
45
  var useKeyNavigation = function(param) {
46
+ var focusedPath = param.focusedPath, dispatchFocusedPath = param.dispatchFocusedPath, path = param.path, dispatchPath = param.dispatchPath, pathMap = param.pathMap, focusedToValueMap = param.focusedToValueMap, handleListToggle = param.handleListToggle, handlePressDown = param.handlePressDown, treePath = param.treePath, dispatchTreePath = param.dispatchTreePath, treeView = param.treeView, valueToPathMap = param.valueToPathMap;
47
+ if (treeView) {
48
+ return keyboardNavigationTree({
49
+ focusedPath: focusedPath,
50
+ dispatchFocusedPath: dispatchFocusedPath,
51
+ path: path,
52
+ dispatchPath: dispatchPath,
53
+ pathMap: pathMap,
54
+ focusedToValueMap: focusedToValueMap,
55
+ handleListToggle: handleListToggle,
56
+ handlePressDown: handlePressDown,
57
+ treePath: treePath,
58
+ dispatchTreePath: dispatchTreePath,
59
+ treeView: treeView,
60
+ valueToPathMap: valueToPathMap
61
+ });
62
+ }
63
+ return keyboardNavigationDefault({
64
+ focusedPath: focusedPath,
65
+ dispatchFocusedPath: dispatchFocusedPath,
66
+ path: path,
67
+ dispatchPath: dispatchPath,
68
+ pathMap: pathMap,
69
+ focusedToValueMap: focusedToValueMap,
70
+ handleListToggle: handleListToggle,
71
+ handlePressDown: handlePressDown,
72
+ treePath: treePath,
73
+ dispatchTreePath: dispatchTreePath,
74
+ treeView: treeView,
75
+ valueToPathMap: valueToPathMap
76
+ });
77
+ };
78
+ var keyboardNavigationDefault = function(param) {
45
79
  var focusedPath = param.focusedPath, dispatchFocusedPath = param.dispatchFocusedPath, path = param.path, dispatchPath = param.dispatchPath, pathMap = param.pathMap, focusedToValueMap = param.focusedToValueMap, handleListToggle = param.handleListToggle, handlePressDown = param.handlePressDown;
46
80
  var currentIndex = (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[focusedPath.length - 1]) || 0;
47
81
  var currentLength = pathMap.get(path === null || path === void 0 ? void 0 : path[focusedPath.length - 1]) || 0;
@@ -306,3 +340,135 @@ var useKeyNavigation = function(param) {
306
340
  onKeyDown: onKeyDown
307
341
  };
308
342
  };
343
+ var keyboardNavigationTree = function(param) {
344
+ var focusedPath = param.focusedPath, dispatchFocusedPath = param.dispatchFocusedPath, path = param.path, dispatchPath = param.dispatchPath, pathMap = param.pathMap, focusedToValueMap = param.focusedToValueMap, handleListToggle = param.handleListToggle, handlePressDown = param.handlePressDown, treePath = param.treePath, dispatchTreePath = param.dispatchTreePath, valueToPathMap = param.valueToPathMap;
345
+ var _currentItem_parent_items, _currentItem_parent;
346
+ var currentIndex = (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[focusedPath.length - 1]) || 0;
347
+ var currentItem = getItemByFocused(focusedPath, focusedToValueMap);
348
+ var currentLength = (currentItem === null || currentItem === void 0 ? void 0 : (_currentItem_parent = currentItem.parent) === null || _currentItem_parent === void 0 ? void 0 : (_currentItem_parent_items = _currentItem_parent.items) === null || _currentItem_parent_items === void 0 ? void 0 : _currentItem_parent_items.length) || pathMap.get('root') || 0;
349
+ var onKeyDown = function(event) {
350
+ switch(event.code){
351
+ case keys.ArrowUp:
352
+ {
353
+ if (focusedPath.length) {
354
+ if (currentIndex > 0) {
355
+ dispatchFocusedPath({
356
+ type: 'change_last_focus',
357
+ value: currentIndex - 1
358
+ });
359
+ }
360
+ } else {
361
+ dispatchPath({
362
+ type: 'opened_first_level'
363
+ });
364
+ dispatchFocusedPath({
365
+ type: 'set_initial_focus'
366
+ });
367
+ handleListToggle(true);
368
+ }
369
+ break;
370
+ }
371
+ case keys.ArrowDown:
372
+ {
373
+ if (focusedPath.length) {
374
+ if (currentIndex + 1 < currentLength) {
375
+ dispatchFocusedPath({
376
+ type: 'change_last_focus',
377
+ value: currentIndex + 1
378
+ });
379
+ }
380
+ } else {
381
+ dispatchPath({
382
+ type: 'opened_first_level'
383
+ });
384
+ dispatchFocusedPath({
385
+ type: 'set_initial_focus'
386
+ });
387
+ handleListToggle(true);
388
+ }
389
+ break;
390
+ }
391
+ case keys.ArrowLeft:
392
+ {
393
+ if (path[0]) {
394
+ if (focusedPath.length) {
395
+ var isCurrentLevelOpened = (0, _treePathReducer.keyExists)(treePath, valueToPathMap.get((currentItem === null || currentItem === void 0 ? void 0 : currentItem.value.toString()) || '') || []);
396
+ if (isCurrentLevelOpened) {
397
+ dispatchTreePath({
398
+ type: 'toggled_level',
399
+ value: valueToPathMap.get((currentItem === null || currentItem === void 0 ? void 0 : currentItem.value.toString()) || '') || []
400
+ });
401
+ } else if (focusedPath.length === 1) {
402
+ handleListToggle(false);
403
+ } else {
404
+ dispatchFocusedPath({
405
+ type: 'return_prev_focus'
406
+ });
407
+ }
408
+ }
409
+ }
410
+ break;
411
+ }
412
+ case keys.ArrowRight:
413
+ {
414
+ if (path[0]) {
415
+ if (!focusedPath.length) {
416
+ break;
417
+ }
418
+ if ((currentItem === null || currentItem === void 0 ? void 0 : currentItem.disabled) || (currentItem === null || currentItem === void 0 ? void 0 : currentItem.isDisabled)) {
419
+ break;
420
+ }
421
+ if (currentItem === null || currentItem === void 0 ? void 0 : currentItem.items) {
422
+ var isCurrentLevelOpened1 = (0, _treePathReducer.keyExists)(treePath, valueToPathMap.get(currentItem.value.toString()) || []);
423
+ if (isCurrentLevelOpened1) {
424
+ dispatchFocusedPath({
425
+ type: 'add_focus',
426
+ value: 0
427
+ });
428
+ } else {
429
+ dispatchTreePath({
430
+ type: 'toggled_level',
431
+ value: valueToPathMap.get(currentItem.value.toString()) || []
432
+ });
433
+ }
434
+ }
435
+ }
436
+ break;
437
+ }
438
+ case keys.Space:
439
+ case keys.Enter:
440
+ {
441
+ event.preventDefault();
442
+ if (!path[0]) {
443
+ dispatchPath({
444
+ type: 'opened_first_level'
445
+ });
446
+ dispatchFocusedPath({
447
+ type: 'set_initial_focus'
448
+ });
449
+ break;
450
+ }
451
+ if (!currentItem || (currentItem === null || currentItem === void 0 ? void 0 : currentItem.disabled) || (currentItem === null || currentItem === void 0 ? void 0 : currentItem.isDisabled)) {
452
+ break;
453
+ }
454
+ handlePressDown(currentItem);
455
+ break;
456
+ }
457
+ case keys.Tab:
458
+ case keys.Escape:
459
+ {
460
+ if (path[0]) {
461
+ handleListToggle(false);
462
+ }
463
+ break;
464
+ }
465
+ default:
466
+ {
467
+ break;
468
+ }
469
+ }
470
+ };
471
+ return {
472
+ onKeyDown: onKeyDown
473
+ };
474
+ };
@@ -9,24 +9,55 @@ Object.defineProperty(exports, "usePathMaps", {
9
9
  }
10
10
  });
11
11
  var _utils = require("../../../utils");
12
+ function _array_like_to_array(arr, len) {
13
+ if (len == null || len > arr.length) len = arr.length;
14
+ for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
15
+ return arr2;
16
+ }
17
+ function _array_without_holes(arr) {
18
+ if (Array.isArray(arr)) return _array_like_to_array(arr);
19
+ }
20
+ function _iterable_to_array(iter) {
21
+ if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
22
+ }
23
+ function _non_iterable_spread() {
24
+ throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
25
+ }
26
+ function _to_consumable_array(arr) {
27
+ return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
28
+ }
29
+ function _unsupported_iterable_to_array(o, minLen) {
30
+ if (!o) return;
31
+ if (typeof o === "string") return _array_like_to_array(o, minLen);
32
+ var n = Object.prototype.toString.call(o).slice(8, -1);
33
+ if (n === "Object" && o.constructor) n = o.constructor.name;
34
+ if (n === "Map" || n === "Set") return Array.from(n);
35
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
36
+ }
12
37
  var usePathMaps = function(items) {
13
38
  var pathMap = new Map();
14
39
  var focusedToValueMap = new Map();
15
40
  var valueToCheckedMap = new Map();
16
41
  var valueToItemMap = new Map();
42
+ var valueToPathMap = new Map();
17
43
  pathMap.set('root', (items === null || items === void 0 ? void 0 : items.length) || 0);
18
44
  var rec = function(items) {
19
- var prevIndex = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : '';
45
+ var prevIndex = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : '', path = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
20
46
  items === null || items === void 0 ? void 0 : items.forEach(function(item, index) {
21
47
  var value = item.value, innerItems = item.items;
22
48
  var currIndex = "".concat(prevIndex, "/").concat(index).replace(/^(\/)/, '');
23
49
  focusedToValueMap.set(currIndex, item);
24
50
  valueToCheckedMap.set(value, false);
51
+ valueToPathMap.set(value.toString(), _to_consumable_array(path).concat([
52
+ value.toString()
53
+ ]));
25
54
  if ((0, _utils.isEmpty)(innerItems) || !innerItems) {
26
55
  valueToItemMap.set(value, item);
27
56
  } else {
28
57
  pathMap.set(value, innerItems.length);
29
- rec(innerItems, currIndex);
58
+ rec(innerItems, currIndex, _to_consumable_array(path).concat([
59
+ value.toString()
60
+ ]));
30
61
  }
31
62
  });
32
63
  };
@@ -35,6 +66,7 @@ var usePathMaps = function(items) {
35
66
  pathMap,
36
67
  focusedToValueMap,
37
68
  valueToCheckedMap,
38
- valueToItemMap
69
+ valueToItemMap,
70
+ valueToPathMap
39
71
  ];
40
72
  };
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  _export_star(require("./pathReducer"), exports);
6
6
  _export_star(require("./focusedPathReducer"), exports);
7
+ _export_star(require("./treePathReducer"), exports);
7
8
  function _export_star(from, to) {
8
9
  Object.keys(from).forEach(function(k) {
9
10
  if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
@@ -0,0 +1,98 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: Object.getOwnPropertyDescriptor(all, name).get
9
+ });
10
+ }
11
+ _export(exports, {
12
+ get keyExists () {
13
+ return keyExists;
14
+ },
15
+ get treePathReducer () {
16
+ return treePathReducer;
17
+ }
18
+ });
19
+ var _utils = require("../../../utils");
20
+ function _type_of(obj) {
21
+ "@swc/helpers - typeof";
22
+ return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
23
+ }
24
+ var keyExists = function(obj, path) {
25
+ if ((typeof obj === "undefined" ? "undefined" : _type_of(obj)) !== 'object' || obj === null || !Array.isArray(path)) {
26
+ return false;
27
+ }
28
+ var current = obj;
29
+ for(var i = 0; i < path.length; i++){
30
+ var key = path[i];
31
+ if (current === null || (typeof current === "undefined" ? "undefined" : _type_of(current)) !== 'object' || !(key in current)) {
32
+ return false;
33
+ }
34
+ current = current[key];
35
+ }
36
+ return true;
37
+ };
38
+ function createObjectAtPath(obj, path) {
39
+ if ((typeof obj === "undefined" ? "undefined" : _type_of(obj)) !== 'object' || obj === null) {
40
+ return;
41
+ }
42
+ var current = obj;
43
+ for(var i = 0; i < path.length; i++){
44
+ var key = path[i];
45
+ if (i === path.length - 1) {
46
+ current[key] = {};
47
+ break;
48
+ }
49
+ if (current[key] === undefined || current[key] === null) {
50
+ current[key] = {};
51
+ }
52
+ current = current[key];
53
+ }
54
+ return obj;
55
+ }
56
+ function removeObjectAtPath(obj, path) {
57
+ if (path.length === 0) {
58
+ return obj;
59
+ }
60
+ var current = obj;
61
+ for(var i = 0; i < path.length; i++){
62
+ var key = path[i];
63
+ if (current === null || (typeof current === "undefined" ? "undefined" : _type_of(current)) !== 'object' || !(key in current)) {
64
+ return obj;
65
+ }
66
+ if (i === path.length - 1) {
67
+ delete current[key];
68
+ break;
69
+ }
70
+ current = current[key];
71
+ }
72
+ return obj;
73
+ }
74
+ function treePathReducer(state, action) {
75
+ switch(action.type){
76
+ case 'reset':
77
+ {
78
+ return {};
79
+ }
80
+ case 'toggled_level':
81
+ {
82
+ var stateCopy = (0, _utils.deepCopy)(state);
83
+ var isTargetLevelOpened = keyExists(stateCopy, action.value);
84
+ if (isTargetLevelOpened) {
85
+ // нужно закрыть текущий уровень
86
+ removeObjectAtPath(stateCopy, action.value);
87
+ } else {
88
+ // нужно открыть требуемый уровень
89
+ createObjectAtPath(stateCopy, action.value);
90
+ }
91
+ return stateCopy;
92
+ }
93
+ default:
94
+ {
95
+ return state;
96
+ }
97
+ }
98
+ }