@weavix/tracker-components 0.0.3 → 0.1.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 (262) hide show
  1. package/build/cjs/assets/icons/keyResult.d.ts +4 -0
  2. package/build/cjs/assets/icons/keyResult.js +21 -0
  3. package/build/cjs/assets/icons/keyResult.js.map +1 -0
  4. package/build/cjs/components/FieldsSelect/FieldsSelect.classname.js +1 -1
  5. package/build/cjs/components/FieldsSelect/FieldsSelect.classname.js.map +1 -1
  6. package/build/cjs/components/Icon/EntityIcon/EntityIcon.classname.js +1 -1
  7. package/build/cjs/components/Icon/EntityIcon/EntityIcon.classname.js.map +1 -1
  8. package/build/cjs/components/Icon/GoalIcon/GoalIcon.d.ts +6 -0
  9. package/build/cjs/components/Icon/GoalIcon/GoalIcon.js +24 -0
  10. package/build/cjs/components/Icon/GoalIcon/GoalIcon.js.map +1 -0
  11. package/build/cjs/components/Icon/GoalIcon/index.d.ts +1 -0
  12. package/build/cjs/components/Icon/GoalIcon/index.js +13 -0
  13. package/build/cjs/components/Icon/GoalIcon/index.js.map +1 -0
  14. package/build/cjs/components/Icon/Icon.classname.js +1 -1
  15. package/build/cjs/components/Icon/Icon.classname.js.map +1 -1
  16. package/build/cjs/components/Icon/IconRefuge/IconRefuge.classname.js +1 -1
  17. package/build/cjs/components/Icon/IconRefuge/IconRefuge.classname.js.map +1 -1
  18. package/build/cjs/components/Icon/IssueTypeIcon/IssueTypeIcon.classname.js +1 -1
  19. package/build/cjs/components/Icon/IssueTypeIcon/IssueTypeIcon.classname.js.map +1 -1
  20. package/build/cjs/components/Icon/KeyResultIcon/KeyResultIcon.d.ts +4 -0
  21. package/build/cjs/components/Icon/KeyResultIcon/KeyResultIcon.js +35 -0
  22. package/build/cjs/components/Icon/KeyResultIcon/KeyResultIcon.js.map +1 -0
  23. package/build/cjs/components/Icon/KeyResultIcon/i18n.d.ts +6 -0
  24. package/build/cjs/components/Icon/KeyResultIcon/i18n.js +13 -0
  25. package/build/cjs/components/Icon/KeyResultIcon/i18n.js.map +1 -0
  26. package/build/cjs/components/Icon/KeyResultIcon/index.d.ts +2 -0
  27. package/build/cjs/components/Icon/KeyResultIcon/index.js +13 -0
  28. package/build/cjs/components/Icon/KeyResultIcon/index.js.map +1 -0
  29. package/build/cjs/components/Icon/MetaEntityIcon/MetaEntityIcon.d.ts +7 -0
  30. package/build/cjs/components/Icon/MetaEntityIcon/MetaEntityIcon.js +46 -0
  31. package/build/cjs/components/Icon/MetaEntityIcon/MetaEntityIcon.js.map +1 -0
  32. package/build/cjs/components/Icon/MetaEntityIcon/index.d.ts +2 -0
  33. package/build/cjs/components/Icon/MetaEntityIcon/index.js +13 -0
  34. package/build/cjs/components/Icon/MetaEntityIcon/index.js.map +1 -0
  35. package/build/cjs/components/Icon/PortfolioIcon/index.d.ts +2 -0
  36. package/build/cjs/components/Icon/PortfolioIcon/index.js +13 -0
  37. package/build/cjs/components/Icon/PortfolioIcon/index.js.map +1 -0
  38. package/build/cjs/components/Icon/ProjectIcon/index.d.ts +2 -0
  39. package/build/cjs/components/Icon/ProjectIcon/index.js +13 -0
  40. package/build/cjs/components/Icon/ProjectIcon/index.js.map +1 -0
  41. package/build/cjs/components/Icon/index.d.ts +7 -2
  42. package/build/cjs/components/Icon/index.js +57 -2
  43. package/build/cjs/components/Icon/index.js.map +1 -1
  44. package/build/cjs/components/MetaEntitiesSelect/MetaEntitiesSelect.classname.d.ts +1 -0
  45. package/build/cjs/components/MetaEntitiesSelect/MetaEntitiesSelect.classname.js +9 -0
  46. package/build/cjs/components/MetaEntitiesSelect/MetaEntitiesSelect.classname.js.map +1 -0
  47. package/build/cjs/components/MetaEntitiesSelect/MetaEntitiesSelect.d.ts +10 -0
  48. package/build/cjs/components/MetaEntitiesSelect/MetaEntitiesSelect.js +65 -0
  49. package/build/cjs/components/MetaEntitiesSelect/MetaEntitiesSelect.js.map +1 -0
  50. package/build/cjs/components/MetaEntitiesSelect/README.md +183 -0
  51. package/build/cjs/components/MetaEntitiesSelect/components/EntitiesSuggest/EntitiesSuggest.d.ts +15 -0
  52. package/build/cjs/components/MetaEntitiesSelect/components/EntitiesSuggest/EntitiesSuggest.js +69 -0
  53. package/build/cjs/components/MetaEntitiesSelect/components/EntitiesSuggest/EntitiesSuggest.js.map +1 -0
  54. package/build/cjs/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.classname.d.ts +1 -0
  55. package/build/cjs/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.classname.js +9 -0
  56. package/build/cjs/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.classname.js.map +1 -0
  57. package/build/cjs/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.css +18 -0
  58. package/build/cjs/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.css.map +1 -0
  59. package/build/cjs/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.d.ts +10 -0
  60. package/build/cjs/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.js +33 -0
  61. package/build/cjs/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.js.map +1 -0
  62. package/build/cjs/components/MetaEntitiesSelect/i18n.d.ts +6 -0
  63. package/build/cjs/components/MetaEntitiesSelect/i18n.js +13 -0
  64. package/build/cjs/components/MetaEntitiesSelect/i18n.js.map +1 -0
  65. package/build/cjs/components/MetaEntitiesSelect/index.d.ts +2 -0
  66. package/build/cjs/components/MetaEntitiesSelect/index.js +13 -0
  67. package/build/cjs/components/MetaEntitiesSelect/index.js.map +1 -0
  68. package/build/cjs/components/MetaEntitiesSelect/utils/getMetaEntityDisplay.d.ts +2 -0
  69. package/build/cjs/components/MetaEntitiesSelect/utils/getMetaEntityDisplay.js +11 -0
  70. package/build/cjs/components/MetaEntitiesSelect/utils/getMetaEntityDisplay.js.map +1 -0
  71. package/build/cjs/components/MetaEntitiesSelect/utils/getMetaEntityId.d.ts +2 -0
  72. package/build/cjs/components/MetaEntitiesSelect/utils/getMetaEntityId.js +10 -0
  73. package/build/cjs/components/MetaEntitiesSelect/utils/getMetaEntityId.js.map +1 -0
  74. package/build/cjs/components/PluginFieldsSelect/PluginFieldsSelect.d.ts +1 -1
  75. package/build/cjs/components/PluginFieldsSelect/PluginFieldsSelect.js.map +1 -1
  76. package/build/cjs/components/QueueIcon/QueueIcon.classname.js +1 -1
  77. package/build/cjs/components/QueueIcon/QueueIcon.classname.js.map +1 -1
  78. package/build/cjs/components/QueueSelect/QueueSelect.classname.js +1 -1
  79. package/build/cjs/components/QueueSelect/QueueSelect.classname.js.map +1 -1
  80. package/build/cjs/components/QueueSelect/QueueSelect.css.map +1 -1
  81. package/build/cjs/components/Select/Autocomplete.d.ts +1 -1
  82. package/build/cjs/components/Select/MultiAutocomplete.d.ts +1 -1
  83. package/build/cjs/components/Select/Select.classname.js +1 -1
  84. package/build/cjs/components/Select/Select.classname.js.map +1 -1
  85. package/build/cjs/components/Select/Select.css.map +1 -1
  86. package/build/cjs/components/Select/Select.d.ts +1 -1
  87. package/build/cjs/components/Select/SelectSearch/SelectSearch.classname.js +1 -1
  88. package/build/cjs/components/Select/SelectSearch/SelectSearch.classname.js.map +1 -1
  89. package/build/cjs/components/Select/SelectSearch/SelectSearch.d.ts +1 -1
  90. package/build/cjs/components/Select/SelectSearch/SelectSearch.js +2 -2
  91. package/build/cjs/components/Select/SelectSearch/SelectSearch.js.map +1 -1
  92. package/build/cjs/components/Select/SelectSearch/hooks/useSelectSearch.d.ts +2 -2
  93. package/build/cjs/components/Select/SelectSearch/hooks/useSelectSearch.js.map +1 -1
  94. package/build/cjs/components/Select/TagsSelect/TagsSelect.classname.js +1 -1
  95. package/build/cjs/components/Select/TagsSelect/TagsSelect.classname.js.map +1 -1
  96. package/build/cjs/components/Suggest/Suggest.classname.d.ts +1 -0
  97. package/build/cjs/components/Suggest/Suggest.classname.js +9 -0
  98. package/build/cjs/components/Suggest/Suggest.classname.js.map +1 -0
  99. package/build/cjs/components/Suggest/Suggest.css +24 -0
  100. package/build/cjs/components/Suggest/Suggest.css.map +1 -0
  101. package/build/cjs/components/Suggest/Suggest.d.ts +147 -0
  102. package/build/cjs/components/Suggest/Suggest.js +621 -0
  103. package/build/cjs/components/Suggest/Suggest.js.map +1 -0
  104. package/build/cjs/components/Suggest/i18n.d.ts +22 -0
  105. package/build/cjs/components/Suggest/i18n.js +29 -0
  106. package/build/cjs/components/Suggest/i18n.js.map +1 -0
  107. package/build/cjs/components/Suggest/index.d.ts +1 -0
  108. package/build/cjs/components/Suggest/index.js +17 -0
  109. package/build/cjs/components/Suggest/index.js.map +1 -0
  110. package/build/cjs/components/TrackerDisclosure/TrackerDisclosure.classname.js +1 -1
  111. package/build/cjs/components/TrackerDisclosure/TrackerDisclosure.classname.js.map +1 -1
  112. package/build/cjs/components/TrackerSelect/TrackerSelect.classname.js +1 -1
  113. package/build/cjs/components/TrackerSelect/TrackerSelect.classname.js.map +1 -1
  114. package/build/cjs/components/TrackerSelect/TrackerSelect.css.map +1 -1
  115. package/build/cjs/components/useOnFocusOutside/OutsideFocusHandlerContainer.d.ts +9 -0
  116. package/build/cjs/components/useOnFocusOutside/OutsideFocusHandlerContainer.js +31 -0
  117. package/build/cjs/components/useOnFocusOutside/OutsideFocusHandlerContainer.js.map +1 -0
  118. package/build/cjs/components/useOnFocusOutside/useOnFocusOutside.d.ts +1 -0
  119. package/build/cjs/components/useOnFocusOutside/useOnFocusOutside.js +38 -0
  120. package/build/cjs/components/useOnFocusOutside/useOnFocusOutside.js.map +1 -0
  121. package/build/cjs/hooks/useConditionallyControlledState.d.ts +1 -0
  122. package/build/cjs/hooks/useConditionallyControlledState.js +15 -0
  123. package/build/cjs/hooks/useConditionallyControlledState.js.map +1 -0
  124. package/build/cjs/hooks/useLocalizedString.d.ts +1 -1
  125. package/build/cjs/hooks/useLocalizedString.js.map +1 -1
  126. package/build/cjs/index.d.ts +1 -0
  127. package/build/cjs/index.js +12 -0
  128. package/build/cjs/index.js.map +1 -1
  129. package/build/esm/assets/icons/keyResult.d.ts +4 -0
  130. package/build/esm/assets/icons/keyResult.js +13 -0
  131. package/build/esm/components/FieldsSelect/FieldsSelect.classname.js +1 -1
  132. package/build/esm/components/FieldsSelect/FieldsSelect.classname.js.map +1 -1
  133. package/build/esm/components/Icon/EntityIcon/EntityIcon.classname.js +1 -1
  134. package/build/esm/components/Icon/EntityIcon/EntityIcon.classname.js.map +1 -1
  135. package/build/esm/components/Icon/GoalIcon/GoalIcon.d.ts +6 -0
  136. package/build/esm/components/Icon/GoalIcon/GoalIcon.js +17 -0
  137. package/build/esm/components/Icon/GoalIcon/GoalIcon.js.map +1 -0
  138. package/build/esm/components/Icon/GoalIcon/index.d.ts +1 -0
  139. package/build/esm/components/Icon/GoalIcon/index.js +2 -0
  140. package/build/esm/components/Icon/GoalIcon/index.js.map +1 -0
  141. package/build/esm/components/Icon/Icon.classname.js +1 -1
  142. package/build/esm/components/Icon/Icon.classname.js.map +1 -1
  143. package/build/esm/components/Icon/IconRefuge/IconRefuge.classname.js +1 -1
  144. package/build/esm/components/Icon/IconRefuge/IconRefuge.classname.js.map +1 -1
  145. package/build/esm/components/Icon/IssueTypeIcon/IssueTypeIcon.classname.js +1 -1
  146. package/build/esm/components/Icon/IssueTypeIcon/IssueTypeIcon.classname.js.map +1 -1
  147. package/build/esm/components/Icon/KeyResultIcon/KeyResultIcon.d.ts +4 -0
  148. package/build/esm/components/Icon/KeyResultIcon/KeyResultIcon.js +28 -0
  149. package/build/esm/components/Icon/KeyResultIcon/KeyResultIcon.js.map +1 -0
  150. package/build/esm/components/Icon/KeyResultIcon/i18n.d.ts +6 -0
  151. package/build/esm/components/Icon/KeyResultIcon/i18n.js +7 -0
  152. package/build/esm/components/Icon/KeyResultIcon/i18n.js.map +1 -0
  153. package/build/esm/components/Icon/KeyResultIcon/index.d.ts +2 -0
  154. package/build/esm/components/Icon/KeyResultIcon/index.js +2 -0
  155. package/build/esm/components/Icon/KeyResultIcon/index.js.map +1 -0
  156. package/build/esm/components/Icon/MetaEntityIcon/MetaEntityIcon.d.ts +7 -0
  157. package/build/esm/components/Icon/MetaEntityIcon/MetaEntityIcon.js +39 -0
  158. package/build/esm/components/Icon/MetaEntityIcon/MetaEntityIcon.js.map +1 -0
  159. package/build/esm/components/Icon/MetaEntityIcon/index.d.ts +2 -0
  160. package/build/esm/components/Icon/MetaEntityIcon/index.js +2 -0
  161. package/build/esm/components/Icon/MetaEntityIcon/index.js.map +1 -0
  162. package/build/esm/components/Icon/PortfolioIcon/index.d.ts +2 -0
  163. package/build/esm/components/Icon/PortfolioIcon/index.js +2 -0
  164. package/build/esm/components/Icon/PortfolioIcon/index.js.map +1 -0
  165. package/build/esm/components/Icon/ProjectIcon/index.d.ts +2 -0
  166. package/build/esm/components/Icon/ProjectIcon/index.js +2 -0
  167. package/build/esm/components/Icon/ProjectIcon/index.js.map +1 -0
  168. package/build/esm/components/Icon/index.d.ts +7 -2
  169. package/build/esm/components/Icon/index.js +7 -2
  170. package/build/esm/components/Icon/index.js.map +1 -1
  171. package/build/esm/components/MetaEntitiesSelect/MetaEntitiesSelect.classname.d.ts +1 -0
  172. package/build/esm/components/MetaEntitiesSelect/MetaEntitiesSelect.classname.js +3 -0
  173. package/build/esm/components/MetaEntitiesSelect/MetaEntitiesSelect.classname.js.map +1 -0
  174. package/build/esm/components/MetaEntitiesSelect/MetaEntitiesSelect.d.ts +10 -0
  175. package/build/esm/components/MetaEntitiesSelect/MetaEntitiesSelect.js +57 -0
  176. package/build/esm/components/MetaEntitiesSelect/MetaEntitiesSelect.js.map +1 -0
  177. package/build/esm/components/MetaEntitiesSelect/README.md +183 -0
  178. package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggest/EntitiesSuggest.d.ts +15 -0
  179. package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggest/EntitiesSuggest.js +61 -0
  180. package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggest/EntitiesSuggest.js.map +1 -0
  181. package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.classname.d.ts +1 -0
  182. package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.classname.js +3 -0
  183. package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.classname.js.map +1 -0
  184. package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.css +18 -0
  185. package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.css.map +1 -0
  186. package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.d.ts +10 -0
  187. package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.js +26 -0
  188. package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.js.map +1 -0
  189. package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.scss +24 -0
  190. package/build/esm/components/MetaEntitiesSelect/i18n.d.ts +6 -0
  191. package/build/esm/components/MetaEntitiesSelect/i18n.js +7 -0
  192. package/build/esm/components/MetaEntitiesSelect/i18n.js.map +1 -0
  193. package/build/esm/components/MetaEntitiesSelect/index.d.ts +2 -0
  194. package/build/esm/components/MetaEntitiesSelect/index.js +2 -0
  195. package/build/esm/components/MetaEntitiesSelect/index.js.map +1 -0
  196. package/build/esm/components/MetaEntitiesSelect/utils/getMetaEntityDisplay.d.ts +2 -0
  197. package/build/esm/components/MetaEntitiesSelect/utils/getMetaEntityDisplay.js +5 -0
  198. package/build/esm/components/MetaEntitiesSelect/utils/getMetaEntityDisplay.js.map +1 -0
  199. package/build/esm/components/MetaEntitiesSelect/utils/getMetaEntityId.d.ts +2 -0
  200. package/build/esm/components/MetaEntitiesSelect/utils/getMetaEntityId.js +4 -0
  201. package/build/esm/components/MetaEntitiesSelect/utils/getMetaEntityId.js.map +1 -0
  202. package/build/esm/components/PluginFieldsSelect/PluginFieldsSelect.d.ts +1 -1
  203. package/build/esm/components/PluginFieldsSelect/PluginFieldsSelect.js.map +1 -1
  204. package/build/esm/components/QueueIcon/QueueIcon.classname.js +1 -1
  205. package/build/esm/components/QueueIcon/QueueIcon.classname.js.map +1 -1
  206. package/build/esm/components/QueueSelect/QueueSelect.classname.js +1 -1
  207. package/build/esm/components/QueueSelect/QueueSelect.classname.js.map +1 -1
  208. package/build/esm/components/QueueSelect/QueueSelect.css.map +1 -1
  209. package/build/esm/components/QueueSelect/QueueSelect.scss +4 -8
  210. package/build/esm/components/Select/Autocomplete.d.ts +1 -1
  211. package/build/esm/components/Select/MultiAutocomplete.d.ts +1 -1
  212. package/build/esm/components/Select/Select.classname.js +1 -1
  213. package/build/esm/components/Select/Select.classname.js.map +1 -1
  214. package/build/esm/components/Select/Select.css.map +1 -1
  215. package/build/esm/components/Select/Select.d.ts +1 -1
  216. package/build/esm/components/Select/Select.scss +3 -4
  217. package/build/esm/components/Select/SelectSearch/SelectSearch.classname.js +1 -1
  218. package/build/esm/components/Select/SelectSearch/SelectSearch.classname.js.map +1 -1
  219. package/build/esm/components/Select/SelectSearch/SelectSearch.d.ts +1 -1
  220. package/build/esm/components/Select/SelectSearch/SelectSearch.js +1 -1
  221. package/build/esm/components/Select/SelectSearch/SelectSearch.js.map +1 -1
  222. package/build/esm/components/Select/SelectSearch/hooks/useSelectSearch.d.ts +2 -2
  223. package/build/esm/components/Select/SelectSearch/hooks/useSelectSearch.js.map +1 -1
  224. package/build/esm/components/Select/TagsSelect/TagsSelect.classname.js +1 -1
  225. package/build/esm/components/Select/TagsSelect/TagsSelect.classname.js.map +1 -1
  226. package/build/esm/components/Suggest/Suggest.classname.d.ts +1 -0
  227. package/build/esm/components/Suggest/Suggest.classname.js +3 -0
  228. package/build/esm/components/Suggest/Suggest.classname.js.map +1 -0
  229. package/build/esm/components/Suggest/Suggest.css +24 -0
  230. package/build/esm/components/Suggest/Suggest.css.map +1 -0
  231. package/build/esm/components/Suggest/Suggest.d.ts +147 -0
  232. package/build/esm/components/Suggest/Suggest.js +613 -0
  233. package/build/esm/components/Suggest/Suggest.js.map +1 -0
  234. package/build/esm/components/Suggest/Suggest.scss +30 -0
  235. package/build/esm/components/Suggest/i18n.d.ts +22 -0
  236. package/build/esm/components/Suggest/i18n.js +23 -0
  237. package/build/esm/components/Suggest/i18n.js.map +1 -0
  238. package/build/esm/components/Suggest/index.d.ts +1 -0
  239. package/build/esm/components/Suggest/index.js +2 -0
  240. package/build/esm/components/Suggest/index.js.map +1 -0
  241. package/build/esm/components/TrackerDisclosure/TrackerDisclosure.classname.js +1 -1
  242. package/build/esm/components/TrackerDisclosure/TrackerDisclosure.classname.js.map +1 -1
  243. package/build/esm/components/TrackerSelect/TrackerSelect.classname.js +1 -1
  244. package/build/esm/components/TrackerSelect/TrackerSelect.classname.js.map +1 -1
  245. package/build/esm/components/TrackerSelect/TrackerSelect.css.map +1 -1
  246. package/build/esm/components/TrackerSelect/TrackerSelect.scss +3 -5
  247. package/build/esm/components/useOnFocusOutside/OutsideFocusHandlerContainer.d.ts +9 -0
  248. package/build/esm/components/useOnFocusOutside/OutsideFocusHandlerContainer.js +24 -0
  249. package/build/esm/components/useOnFocusOutside/OutsideFocusHandlerContainer.js.map +1 -0
  250. package/build/esm/components/useOnFocusOutside/useOnFocusOutside.d.ts +1 -0
  251. package/build/esm/components/useOnFocusOutside/useOnFocusOutside.js +31 -0
  252. package/build/esm/components/useOnFocusOutside/useOnFocusOutside.js.map +1 -0
  253. package/build/esm/hooks/useConditionallyControlledState.d.ts +1 -0
  254. package/build/esm/hooks/useConditionallyControlledState.js +9 -0
  255. package/build/esm/hooks/useConditionallyControlledState.js.map +1 -0
  256. package/build/esm/hooks/useLocalizedString.d.ts +1 -1
  257. package/build/esm/hooks/useLocalizedString.js.map +1 -1
  258. package/build/esm/index.d.ts +1 -0
  259. package/build/esm/index.js +1 -0
  260. package/build/esm/index.js.map +1 -1
  261. package/build/esm/styles/mixins.scss +8 -0
  262. package/package.json +3 -4
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["EntitiesSuggestItem.scss","../../../../../../node_modules/@gravity-ui/uikit/styles/mixins.scss"],"names":[],"mappings":"AAKA;EACI,aAAA;EACA,uBAAA;EACA,mBAAA;EAEA,8CAAA;EAEA,yCAAA;EACA,iDAAA;AANJ;AAQI;EACI,kCAAA;AANR;AASI;EACI,oCAAA;EChBJ,mBAAA;EACA,gBAAA;EACA,uBAH4B;ADahC","file":"EntitiesSuggestItem.css","sourcesContent":["@use '../../../../styles/variables.scss';\n@use '../../../../styles/mixins.scss';\n\n$block: '.#{variables.$ns}entities-suggest-item';\n\n#{$block} {\n display: flex;\n gap: var(--g-spacing-3);\n align-items: center;\n\n padding: var(--g-spacing-2) var(--g-spacing-4);\n\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height-rel);\n\n &__name {\n color: var(--g-color-text-primary);\n }\n\n &__description {\n color: var(--g-color-text-secondary);\n @include mixins.overflow-ellipsis();\n }\n}\n","@use 'sass:list';\n@use 'sass:selector';\n\n@mixin overflow-ellipsis($type: ellipsis) {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: $type;\n}\n\n@mixin button-reset() {\n padding: 0;\n\n font-family: var(--g-text-body-font-family);\n font-size: inherit;\n font-weight: var(--g-text-body-font-weight);\n\n color: inherit;\n background: none;\n border: none;\n outline: none;\n cursor: pointer;\n}\n\n@mixin link-reset() {\n color: inherit;\n text-decoration: inherit;\n}\n\n@mixin expand-interactive-area($h: 4px, $v: $h) {\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n inset: logical (-$v) (-$h);\n }\n}\n\n@mixin max-height($height) {\n max-height: $height;\n overflow-y: auto;\n}\n\n@mixin max-text-width($width: 100%) {\n @include overflow-ellipsis();\n\n max-width: $width;\n}\n\n@mixin aspect-ratio($ratio) {\n position: relative;\n\n &::before {\n display: block;\n content: '';\n width: 100%;\n padding-block-start: $ratio * 100%;\n }\n\n > *:only-child {\n position: absolute;\n inset: 0;\n }\n}\n\n@function get-pin-selector($mod, $selector, $append: true) {\n @if $append {\n @return selector.append($mod, $selector);\n } @else {\n @return list.join($mod, $selector, $separator: space);\n }\n}\n\n@mixin pin($block, $selectors, $radius, $append: true) {\n @each $selector in $selectors {\n @at-root #{get-pin-selector(#{$block}_pin_round-round, $selector, $append)} {\n border-radius: $radius;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_brick-brick, $selector, $append)} {\n border-radius: 0;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_clear-clear, $selector, $append)} {\n border-radius: 0;\n border-inline: 0;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_circle-circle, $selector, $append)} {\n border-radius: 100px;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_round-brick, $selector, $append)} {\n border-start-start-radius: $radius;\n border-start-end-radius: 0;\n border-end-start-radius: $radius;\n border-end-end-radius: 0;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_brick-round, $selector, $append)} {\n border-start-start-radius: 0;\n border-start-end-radius: $radius;\n border-end-start-radius: 0;\n border-end-end-radius: $radius;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_round-clear, $selector, $append)} {\n border-start-start-radius: $radius;\n border-start-end-radius: 0;\n border-end-start-radius: $radius;\n border-end-end-radius: 0;\n border-inline-end: 0;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_clear-round, $selector, $append)} {\n border-start-start-radius: 0;\n border-start-end-radius: $radius;\n border-end-start-radius: 0;\n border-end-end-radius: $radius;\n border-inline-start: 0;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_brick-clear, $selector, $append)} {\n border-radius: 0;\n border-inline-end: 0;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_clear-brick, $selector, $append)} {\n border-radius: 0;\n border-inline-start: 0;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_circle-brick, $selector, $append)} {\n border-start-start-radius: 100px;\n border-start-end-radius: 0;\n border-end-start-radius: 100px;\n border-end-end-radius: 0;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_brick-circle, $selector, $append)} {\n border-start-start-radius: 0;\n border-start-end-radius: 100px;\n border-end-start-radius: 0;\n border-end-end-radius: 100px;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_circle-clear, $selector, $append)} {\n border-start-start-radius: 100px;\n border-start-end-radius: 0;\n border-end-start-radius: 100px;\n border-end-end-radius: 0;\n border-inline-end: 0;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_clear-circle, $selector, $append)} {\n border-start-start-radius: 0;\n border-start-end-radius: 100px;\n border-end-start-radius: 0;\n border-end-end-radius: 100px;\n border-inline-start: 0;\n }\n }\n}\n\n// Typography\n\n@mixin text-body-1() {\n font-family: var(--g-text-body-font-family);\n font-weight: var(--g-text-body-font-weight);\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n}\n\n@mixin text-body-2() {\n font-family: var(--g-text-body-font-family);\n font-weight: var(--g-text-body-font-weight);\n font-size: var(--g-text-body-2-font-size);\n line-height: var(--g-text-body-2-line-height);\n}\n\n@mixin text-body-3() {\n font-family: var(--g-text-body-font-family);\n font-weight: var(--g-text-body-font-weight);\n font-size: var(--g-text-body-3-font-size);\n line-height: var(--g-text-body-3-line-height);\n}\n\n@mixin text-body-short() {\n font-family: var(--g-text-body-font-family);\n font-weight: var(--g-text-body-font-weight);\n font-size: var(--g-text-body-short-font-size);\n line-height: var(--g-text-body-short-line-height);\n}\n\n@mixin text-caption-1() {\n font-family: var(--g-text-caption-font-family);\n font-weight: var(--g-text-caption-font-weight);\n font-size: var(--g-text-caption-1-font-size);\n line-height: var(--g-text-caption-1-line-height);\n}\n\n@mixin text-caption-2() {\n font-family: var(--g-text-caption-font-family);\n font-weight: var(--g-text-caption-font-weight);\n font-size: var(--g-text-caption-2-font-size);\n line-height: var(--g-text-caption-2-line-height);\n}\n\n@mixin text-header-1() {\n font-family: var(--g-text-header-font-family);\n font-weight: var(--g-text-header-font-weight);\n font-size: var(--g-text-header-1-font-size);\n line-height: var(--g-text-header-1-line-height);\n}\n\n@mixin text-header-2() {\n font-family: var(--g-text-header-font-family);\n font-weight: var(--g-text-header-font-weight);\n font-size: var(--g-text-header-2-font-size);\n line-height: var(--g-text-header-2-line-height);\n}\n\n@mixin text-subheader-1() {\n font-family: var(--g-text-subheader-font-family);\n font-weight: var(--g-text-subheader-font-weight);\n font-size: var(--g-text-subheader-1-font-size);\n line-height: var(--g-text-subheader-1-line-height);\n}\n\n@mixin text-subheader-2() {\n font-family: var(--g-text-subheader-font-family);\n font-weight: var(--g-text-subheader-font-weight);\n font-size: var(--g-text-subheader-2-font-size);\n line-height: var(--g-text-subheader-2-line-height);\n}\n\n@mixin text-subheader-3() {\n font-family: var(--g-text-subheader-font-family);\n font-weight: var(--g-text-subheader-font-weight);\n font-size: var(--g-text-subheader-3-font-size);\n line-height: var(--g-text-subheader-3-line-height);\n}\n\n@mixin text-display-1() {\n font-family: var(--g-text-display-font-family);\n font-weight: var(--g-text-display-font-weight);\n font-size: var(--g-text-display-1-font-size);\n line-height: var(--g-text-display-1-line-height);\n}\n\n@mixin text-display-2() {\n font-family: var(--g-text-display-font-family);\n font-weight: var(--g-text-display-font-weight);\n font-size: var(--g-text-display-2-font-size);\n line-height: var(--g-text-display-2-line-height);\n}\n\n@mixin text-display-3() {\n font-family: var(--g-text-display-font-family);\n font-weight: var(--g-text-display-font-weight);\n font-size: var(--g-text-display-3-font-size);\n line-height: var(--g-text-display-3-line-height);\n}\n\n@mixin text-display-4() {\n font-family: var(--g-text-display-font-family);\n font-weight: var(--g-text-display-font-weight);\n font-size: var(--g-text-display-4-font-size);\n line-height: var(--g-text-display-4-line-height);\n}\n\n@mixin text-code-1() {\n font-family: var(--g-text-code-font-family);\n font-weight: var(--g-text-code-font-weight);\n font-size: var(--g-text-code-1-font-size);\n line-height: var(--g-text-code-1-line-height);\n}\n\n@mixin text-code-2() {\n font-family: var(--g-text-code-font-family);\n font-weight: var(--g-text-code-font-weight);\n font-size: var(--g-text-code-2-font-size);\n line-height: var(--g-text-code-2-line-height);\n}\n\n@mixin text-code-3() {\n font-family: var(--g-text-code-font-family);\n font-weight: var(--g-text-code-font-weight);\n font-size: var(--g-text-code-3-font-size);\n line-height: var(--g-text-code-3-line-height);\n}\n\n@mixin text-code-inline-1() {\n font-family: var(--g-text-code-font-family);\n font-weight: var(--g-text-code-font-weight);\n font-size: var(--g-text-code-inline-1-font-size);\n line-height: var(--g-text-code-inline-1-line-height);\n}\n\n@mixin text-code-inline-2() {\n font-family: var(--g-text-code-font-family);\n font-weight: var(--g-text-code-font-weight);\n font-size: var(--g-text-code-inline-2-font-size);\n line-height: var(--g-text-code-inline-2-line-height);\n}\n\n@mixin text-code-inline-3() {\n font-family: var(--g-text-code-font-family);\n font-weight: var(--g-text-code-font-weight);\n font-size: var(--g-text-code-inline-3-font-size);\n line-height: var(--g-text-code-inline-3-line-height);\n}\n\n@mixin text-accent() {\n font-weight: var(--g-text-accent-font-weight);\n}\n\n@mixin loading($loading-color-1: rgba(255, 255, 255, 0.3), $loading-color-2: transparent) {\n background-image: repeating-linear-gradient(\n -45deg,\n $loading-color-1,\n $loading-color-1 4px,\n $loading-color-2 4px,\n $loading-color-2 8px\n );\n background-size: 150%;\n background-clip: padding-box;\n\n // stylelint-disable-next-line no-unknown-animations\n animation: g-loading-animation 0.5s linear infinite;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n}\n\n@mixin scrollbar() {\n &::-webkit-scrollbar,\n *::-webkit-scrollbar {\n width: var(--g-scrollbar-width);\n height: var(--g-scrollbar-width);\n background: var(--g-color-scroll-track);\n }\n\n &::-webkit-scrollbar-track,\n *::-webkit-scrollbar-track {\n background: var(--g-color-scroll-track);\n }\n\n &::-webkit-scrollbar-corner,\n *::-webkit-scrollbar-corner {\n background: var(--g-color-scroll-corner);\n }\n\n &::-webkit-scrollbar-thumb,\n *::-webkit-scrollbar-thumb {\n background: var(--g-color-scroll-handle);\n }\n\n &::-webkit-scrollbar-thumb:hover,\n *::-webkit-scrollbar-thumb:hover {\n background: var(--g-color-scroll-handle-hover);\n }\n}\n\n@mixin focus-outline() {\n outline: 2px solid var(--g-color-line-focus);\n}\n"],"sourceRoot":""}
@@ -0,0 +1,10 @@
1
+ import type { FC, ReactNode } from 'react';
2
+ import './EntitiesSuggestItem.scss';
3
+ export type EntitiesSuggestItemProps = {
4
+ icon?: ReactNode;
5
+ id: number | string;
6
+ name: string;
7
+ description?: string;
8
+ className?: string;
9
+ };
10
+ export declare const EntitiesSuggestItem: FC<EntitiesSuggestItemProps>;
@@ -0,0 +1,26 @@
1
+ import "core-js/modules/es.symbol.js";
2
+ import "core-js/modules/es.symbol.description.js";
3
+ import "core-js/modules/es.function.name.js";
4
+ import React from 'react';
5
+ import { cnEntitiesSuggestItem } from "./EntitiesSuggestItem.classname";
6
+ import "./EntitiesSuggestItem.css";
7
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
8
+ export var EntitiesSuggestItem = function EntitiesSuggestItem(_ref) {
9
+ var icon = _ref.icon,
10
+ name = _ref.name,
11
+ description = _ref.description,
12
+ className = _ref.className;
13
+ return /*#__PURE__*/_jsxs("div", {
14
+ className: cnEntitiesSuggestItem(null, className),
15
+ children: [icon, /*#__PURE__*/_jsxs("div", {
16
+ children: [/*#__PURE__*/_jsx("div", {
17
+ className: cnEntitiesSuggestItem('name'),
18
+ children: name
19
+ }), /*#__PURE__*/_jsx("div", {
20
+ className: cnEntitiesSuggestItem('description'),
21
+ children: description
22
+ })]
23
+ })]
24
+ });
25
+ };
26
+ // #sourceMappingURL=EntitiesSuggestItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","cnEntitiesSuggestItem","jsx","_jsx","jsxs","_jsxs","EntitiesSuggestItem","_ref","icon","name","description","className","children"],"sources":["EntitiesSuggestItem.tsx"],"sourcesContent":["import type {FC, ReactNode} from 'react';\nimport React from 'react';\n\nimport {cnEntitiesSuggestItem} from './EntitiesSuggestItem.classname';\n\nimport './EntitiesSuggestItem.scss';\n\nexport type EntitiesSuggestItemProps = {\n icon?: ReactNode;\n id: number | string;\n name: string;\n description?: string;\n className?: string;\n};\n\nexport const EntitiesSuggestItem: FC<EntitiesSuggestItemProps> = ({\n icon,\n name,\n description,\n className,\n}) => {\n return (\n <div className={cnEntitiesSuggestItem(null, className)}>\n {icon}\n <div>\n <div className={cnEntitiesSuggestItem('name')}>{name}</div>\n <div className={cnEntitiesSuggestItem('description')}>{description}</div>\n </div>\n </div>\n );\n};\n"],"mappings":";;;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAQC,qBAAqB;AAE7B;AAAoC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUpC,OAAO,IAAMC,mBAAiD,GAAG,SAApDA,mBAAiDA,CAAAC,IAAA,EAKxD;EAAA,IAJFC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,SAAS,GAAAJ,IAAA,CAATI,SAAS;EAET,oBACIN,KAAA;IAAKM,SAAS,EAAEV,qBAAqB,CAAC,IAAI,EAAEU,SAAS,CAAE;IAAAC,QAAA,GAClDJ,IAAI,eACLH,KAAA;MAAAO,QAAA,gBACIT,IAAA;QAAKQ,SAAS,EAAEV,qBAAqB,CAAC,MAAM,CAAE;QAAAW,QAAA,EAAEH;MAAI,CAAM,CAAC,eAC3DN,IAAA;QAAKQ,SAAS,EAAEV,qBAAqB,CAAC,aAAa,CAAE;QAAAW,QAAA,EAAEF;MAAW,CAAM,CAAC;IAAA,CACxE,CAAC;EAAA,CACL,CAAC;AAEd,CAAC","ignoreList":[]}
@@ -0,0 +1,24 @@
1
+ @use '../../../../styles/variables.scss';
2
+ @use '../../../../styles/mixins.scss';
3
+
4
+ $block: '.#{variables.$ns}entities-suggest-item';
5
+
6
+ #{$block} {
7
+ display: flex;
8
+ gap: var(--g-spacing-3);
9
+ align-items: center;
10
+
11
+ padding: var(--g-spacing-2) var(--g-spacing-4);
12
+
13
+ font-size: var(--g-text-body-1-font-size);
14
+ line-height: var(--g-text-body-1-line-height-rel);
15
+
16
+ &__name {
17
+ color: var(--g-color-text-primary);
18
+ }
19
+
20
+ &__description {
21
+ color: var(--g-color-text-secondary);
22
+ @include mixins.overflow-ellipsis();
23
+ }
24
+ }
@@ -0,0 +1,6 @@
1
+ export declare const defaultMessages: {
2
+ placeholder: {
3
+ ru: string;
4
+ en: string;
5
+ };
6
+ };
@@ -0,0 +1,7 @@
1
+ export var defaultMessages = {
2
+ placeholder: {
3
+ ru: 'Выберите проект',
4
+ en: 'Select a project'
5
+ }
6
+ };
7
+ // #sourceMappingURL=i18n.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["defaultMessages","placeholder","ru","en"],"sources":["i18n.ts"],"sourcesContent":["export const defaultMessages = {\n placeholder: {\n ru: 'Выберите проект',\n en: 'Select a project',\n },\n};\n"],"mappings":"AAAA,OAAO,IAAMA,eAAe,GAAG;EAC3BC,WAAW,EAAE;IACTC,EAAE,EAAE,iBAAiB;IACrBC,EAAE,EAAE;EACR;AACJ,CAAC","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ export { MetaEntitiesSelect } from './MetaEntitiesSelect';
2
+ export type { MetaEntitiesSelectProps } from './MetaEntitiesSelect';
@@ -0,0 +1,2 @@
1
+ export { MetaEntitiesSelect } from "./MetaEntitiesSelect";
2
+ // #sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["MetaEntitiesSelect"],"sources":["index.ts"],"sourcesContent":["export {MetaEntitiesSelect} from './MetaEntitiesSelect';\nexport type {MetaEntitiesSelectProps} from './MetaEntitiesSelect';\n"],"mappings":"AAAA,SAAQA,kBAAkB","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import type { MetaEntityV2 } from '@weavix/tracker-api-types';
2
+ export declare function getMetaEntityDisplay(metaEntity: MetaEntityV2): string;
@@ -0,0 +1,5 @@
1
+ export function getMetaEntityDisplay(metaEntity) {
2
+ var _metaEntity$fields, _metaEntity$fields2, _metaEntity$fields$su, _metaEntity$fields3;
3
+ return typeof ((_metaEntity$fields = metaEntity.fields) === null || _metaEntity$fields === void 0 ? void 0 : _metaEntity$fields.summary) === 'string' ? (_metaEntity$fields2 = metaEntity.fields) === null || _metaEntity$fields2 === void 0 ? void 0 : _metaEntity$fields2.summary : String((_metaEntity$fields$su = (_metaEntity$fields3 = metaEntity.fields) === null || _metaEntity$fields3 === void 0 || (_metaEntity$fields3 = _metaEntity$fields3.summary) === null || _metaEntity$fields3 === void 0 ? void 0 : _metaEntity$fields3.value) !== null && _metaEntity$fields$su !== void 0 ? _metaEntity$fields$su : metaEntity.id);
4
+ }
5
+ // #sourceMappingURL=getMetaEntityDisplay.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["getMetaEntityDisplay","metaEntity","_metaEntity$fields","_metaEntity$fields2","_metaEntity$fields$su","_metaEntity$fields3","fields","summary","String","value","id"],"sources":["getMetaEntityDisplay.ts"],"sourcesContent":["import type {MetaEntityV2} from '@weavix/tracker-api-types';\n\nexport function getMetaEntityDisplay(metaEntity: MetaEntityV2) {\n return typeof metaEntity.fields?.summary === 'string'\n ? metaEntity.fields?.summary\n : String(metaEntity.fields?.summary?.value ?? metaEntity.id);\n}\n"],"mappings":"AAEA,OAAO,SAASA,oBAAoBA,CAACC,UAAwB,EAAE;EAAA,IAAAC,kBAAA,EAAAC,mBAAA,EAAAC,qBAAA,EAAAC,mBAAA;EAC3D,OAAO,SAAAH,kBAAA,GAAOD,UAAU,CAACK,MAAM,cAAAJ,kBAAA,uBAAjBA,kBAAA,CAAmBK,OAAO,MAAK,QAAQ,IAAAJ,mBAAA,GAC/CF,UAAU,CAACK,MAAM,cAAAH,mBAAA,uBAAjBA,mBAAA,CAAmBI,OAAO,GAC1BC,MAAM,EAAAJ,qBAAA,IAAAC,mBAAA,GAACJ,UAAU,CAACK,MAAM,cAAAD,mBAAA,gBAAAA,mBAAA,GAAjBA,mBAAA,CAAmBE,OAAO,cAAAF,mBAAA,uBAA1BA,mBAAA,CAA4BI,KAAK,cAAAL,qBAAA,cAAAA,qBAAA,GAAIH,UAAU,CAACS,EAAE,CAAC;AACpE","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import type { MetaEntityV2 } from '@weavix/tracker-api-types';
2
+ export declare function getMetaEntityId(metaEntity: MetaEntityV2): string;
@@ -0,0 +1,4 @@
1
+ export function getMetaEntityId(metaEntity) {
2
+ return metaEntity.id;
3
+ }
4
+ // #sourceMappingURL=getMetaEntityId.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["getMetaEntityId","metaEntity","id"],"sources":["getMetaEntityId.ts"],"sourcesContent":["import type {MetaEntityV2} from '@weavix/tracker-api-types';\n\nexport function getMetaEntityId(metaEntity: MetaEntityV2) {\n return metaEntity.id;\n}\n"],"mappings":"AAEA,OAAO,SAASA,eAAeA,CAACC,UAAwB,EAAE;EACtD,OAAOA,UAAU,CAACC,EAAE;AACxB","ignoreList":[]}
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import type { Field } from '@yandex-data-ui/tracker-pub-api-types';
2
+ import type { Field } from '@weavix/tracker-api-types';
3
3
  import type { FieldsSelectProps } from '~/src/components/FieldsSelect';
4
4
  import type { TrackerSelectItemValueBase } from '~/src/components/TrackerSelect';
5
5
  export type PluginFieldsSelectField = {
@@ -1 +1 @@
1
- {"version":3,"names":["React","useMemo","FieldsSelect","jsx","_jsx","PluginFieldsSelect","_ref","fields","fieldsSelectProps","_objectWithoutProperties","_excluded","groups","categories","length","forEach","field","_field$category","_field$category2","categoryId","String","category","id","_field$category3","_objectSpread","name","display","collapsible","items","Object","values"],"sources":["PluginFieldsSelect.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\n\nimport type {Field} from '@yandex-data-ui/tracker-pub-api-types';\n\nimport type {FieldsSelectProps} from '~/src/components/FieldsSelect';\nimport {FieldsSelect} from '~/src/components/FieldsSelect';\nimport type {\n TrackerSelectGroup,\n TrackerSelectItem,\n TrackerSelectItemValueBase,\n TrackerSelectItems,\n} from '~/src/components/TrackerSelect';\n\nexport type PluginFieldsSelectField = {\n id: string;\n name: string;\n category: TrackerSelectItemValueBase;\n} & Partial<Omit<Field, 'category' | 'name'>>;\n\nexport type PluginFieldsSelectProps = {\n fields: PluginFieldsSelectField[];\n} & Omit<FieldsSelectProps, 'groups'>;\n\nexport const PluginFieldsSelect = ({fields, ...fieldsSelectProps}: PluginFieldsSelectProps) => {\n const groups = useMemo(() => {\n const categories: Record<string, TrackerSelectGroup> = {};\n if (fields && fields.length > 0) {\n fields.forEach((field) => {\n const categoryId = String(field.category?.id);\n if (field.category?.id) {\n categories[categoryId] = categories[categoryId] || {\n ...field.category,\n name: field.category?.display,\n collapsible: true,\n items: {} as TrackerSelectItems,\n };\n categories[categoryId].items[field.id] = {\n ...field,\n display: String(field.name),\n } as unknown as TrackerSelectItem;\n }\n });\n }\n return Object.values(categories);\n }, [fields]);\n\n return <FieldsSelect groups={groups} {...fieldsSelectProps} />;\n};\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AAKpC,SAAQC,YAAY;AAAuC,SAAAC,GAAA,IAAAC,IAAA;AAkB3D,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAAgE;EAAA,IAA3DC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAKC,iBAAiB,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAC5D,IAAMC,MAAM,GAAGV,OAAO,CAAC,YAAM;IACzB,IAAMW,UAA8C,GAAG,CAAC,CAAC;IACzD,IAAIL,MAAM,IAAIA,MAAM,CAACM,MAAM,GAAG,CAAC,EAAE;MAC7BN,MAAM,CAACO,OAAO,CAAC,UAACC,KAAK,EAAK;QAAA,IAAAC,eAAA,EAAAC,gBAAA;QACtB,IAAMC,UAAU,GAAGC,MAAM,EAAAH,eAAA,GAACD,KAAK,CAACK,QAAQ,cAAAJ,eAAA,uBAAdA,eAAA,CAAgBK,EAAE,CAAC;QAC7C,KAAAJ,gBAAA,GAAIF,KAAK,CAACK,QAAQ,cAAAH,gBAAA,eAAdA,gBAAA,CAAgBI,EAAE,EAAE;UAAA,IAAAC,gBAAA;UACpBV,UAAU,CAACM,UAAU,CAAC,GAAGN,UAAU,CAACM,UAAU,CAAC,IAAAK,aAAA,CAAAA,aAAA,KACxCR,KAAK,CAACK,QAAQ;YACjBI,IAAI,GAAAF,gBAAA,GAAEP,KAAK,CAACK,QAAQ,cAAAE,gBAAA,uBAAdA,gBAAA,CAAgBG,OAAO;YAC7BC,WAAW,EAAE,IAAI;YACjBC,KAAK,EAAE,CAAC;UAAuB,EAClC;UACDf,UAAU,CAACM,UAAU,CAAC,CAACS,KAAK,CAACZ,KAAK,CAACM,EAAE,CAAC,GAAAE,aAAA,CAAAA,aAAA,KAC/BR,KAAK;YACRU,OAAO,EAAEN,MAAM,CAACJ,KAAK,CAACS,IAAI;UAAC,EACE;QACrC;MACJ,CAAC,CAAC;IACN;IACA,OAAOI,MAAM,CAACC,MAAM,CAACjB,UAAU,CAAC;EACpC,CAAC,EAAE,CAACL,MAAM,CAAC,CAAC;EAEZ,oBAAOH,IAAA,CAACF,YAAY,EAAAqB,aAAA;IAACZ,MAAM,EAAEA;EAAO,GAAKH,iBAAiB,CAAG,CAAC;AAClE,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["React","useMemo","FieldsSelect","jsx","_jsx","PluginFieldsSelect","_ref","fields","fieldsSelectProps","_objectWithoutProperties","_excluded","groups","categories","length","forEach","field","_field$category","_field$category2","categoryId","String","category","id","_field$category3","_objectSpread","name","display","collapsible","items","Object","values"],"sources":["PluginFieldsSelect.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\n\nimport type {Field} from '@weavix/tracker-api-types';\n\nimport type {FieldsSelectProps} from '~/src/components/FieldsSelect';\nimport {FieldsSelect} from '~/src/components/FieldsSelect';\nimport type {\n TrackerSelectGroup,\n TrackerSelectItem,\n TrackerSelectItemValueBase,\n TrackerSelectItems,\n} from '~/src/components/TrackerSelect';\n\nexport type PluginFieldsSelectField = {\n id: string;\n name: string;\n category: TrackerSelectItemValueBase;\n} & Partial<Omit<Field, 'category' | 'name'>>;\n\nexport type PluginFieldsSelectProps = {\n fields: PluginFieldsSelectField[];\n} & Omit<FieldsSelectProps, 'groups'>;\n\nexport const PluginFieldsSelect = ({fields, ...fieldsSelectProps}: PluginFieldsSelectProps) => {\n const groups = useMemo(() => {\n const categories: Record<string, TrackerSelectGroup> = {};\n if (fields && fields.length > 0) {\n fields.forEach((field) => {\n const categoryId = String(field.category?.id);\n if (field.category?.id) {\n categories[categoryId] = categories[categoryId] || {\n ...field.category,\n name: field.category?.display,\n collapsible: true,\n items: {} as TrackerSelectItems,\n };\n categories[categoryId].items[field.id] = {\n ...field,\n display: String(field.name),\n } as unknown as TrackerSelectItem;\n }\n });\n }\n return Object.values(categories);\n }, [fields]);\n\n return <FieldsSelect groups={groups} {...fieldsSelectProps} />;\n};\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AAKpC,SAAQC,YAAY;AAAuC,SAAAC,GAAA,IAAAC,IAAA;AAkB3D,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAAgE;EAAA,IAA3DC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAKC,iBAAiB,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAC5D,IAAMC,MAAM,GAAGV,OAAO,CAAC,YAAM;IACzB,IAAMW,UAA8C,GAAG,CAAC,CAAC;IACzD,IAAIL,MAAM,IAAIA,MAAM,CAACM,MAAM,GAAG,CAAC,EAAE;MAC7BN,MAAM,CAACO,OAAO,CAAC,UAACC,KAAK,EAAK;QAAA,IAAAC,eAAA,EAAAC,gBAAA;QACtB,IAAMC,UAAU,GAAGC,MAAM,EAAAH,eAAA,GAACD,KAAK,CAACK,QAAQ,cAAAJ,eAAA,uBAAdA,eAAA,CAAgBK,EAAE,CAAC;QAC7C,KAAAJ,gBAAA,GAAIF,KAAK,CAACK,QAAQ,cAAAH,gBAAA,eAAdA,gBAAA,CAAgBI,EAAE,EAAE;UAAA,IAAAC,gBAAA;UACpBV,UAAU,CAACM,UAAU,CAAC,GAAGN,UAAU,CAACM,UAAU,CAAC,IAAAK,aAAA,CAAAA,aAAA,KACxCR,KAAK,CAACK,QAAQ;YACjBI,IAAI,GAAAF,gBAAA,GAAEP,KAAK,CAACK,QAAQ,cAAAE,gBAAA,uBAAdA,gBAAA,CAAgBG,OAAO;YAC7BC,WAAW,EAAE,IAAI;YACjBC,KAAK,EAAE,CAAC;UAAuB,EAClC;UACDf,UAAU,CAACM,UAAU,CAAC,CAACS,KAAK,CAACZ,KAAK,CAACM,EAAE,CAAC,GAAAE,aAAA,CAAAA,aAAA,KAC/BR,KAAK;YACRU,OAAO,EAAEN,MAAM,CAACJ,KAAK,CAACS,IAAI;UAAC,EACE;QACrC;MACJ,CAAC,CAAC;IACN;IACA,OAAOI,MAAM,CAACC,MAAM,CAACjB,UAAU,CAAC;EACpC,CAAC,EAAE,CAACL,MAAM,CAAC,CAAC;EAEZ,oBAAOH,IAAA,CAACF,YAAY,EAAAqB,aAAA;IAACZ,MAAM,EAAEA;EAAO,GAAKH,iBAAiB,CAAG,CAAC;AAClE,CAAC","ignoreList":[]}
@@ -1,3 +1,3 @@
1
- import { block } from "../cn";
1
+ import { block } from "./../cn";
2
2
  export var cnQueueIcon = block('queue-icon');
3
3
  // #sourceMappingURL=QueueIcon.classname.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["block","cnQueueIcon"],"sources":["QueueIcon.classname.ts"],"sourcesContent":["import {block} from '../cn';\n\nexport const cnQueueIcon = block('queue-icon');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,WAAW,GAAGD,KAAK,CAAC,YAAY,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["block","cnQueueIcon"],"sources":["QueueIcon.classname.ts"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnQueueIcon = block('queue-icon');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,WAAW,GAAGD,KAAK,CAAC,YAAY,CAAC","ignoreList":[]}
@@ -1,3 +1,3 @@
1
- import { block } from "../cn";
1
+ import { block } from "./../cn";
2
2
  export var cnQueueSelect = block('queue-select');
3
3
  // #sourceMappingURL=QueueSelect.classname.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["block","cnQueueSelect"],"sources":["QueueSelect.classname.ts"],"sourcesContent":["import {block} from '../cn';\n\nexport const cnQueueSelect = block('queue-select');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,aAAa,GAAGD,KAAK,CAAC,cAAc,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["block","cnQueueSelect"],"sources":["QueueSelect.classname.ts"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnQueueSelect = block('queue-select');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,aAAa,GAAGD,KAAK,CAAC,cAAc,CAAC","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"sources":["QueueSelect.scss"],"names":[],"mappings":"AACI;EACI,YAAA;AAAR;AAGI;EACI,WAAA;AADR;AAII;EACI,oCAAA;AAFR;AAMQ;EACI,8CAAA;EACA,mBAAA;EAEA,YAAA;EAEA,kCAAA;AANZ;AASQ;EACI,4BAAA;AAPZ;AAWI;EACI,aAAA;EACA,sBAAA;AATR;;AAaA;EACI,aAAA;EACA,mBAAA;AAVJ;AAYI;EACI,aAAA;EACA,sBAAA;EAEA,UAAA;EACA,YAAA;EACA,gCAAA;AAXR;AAcI;;EAEI,yCAAA;EACA,6CAAA;AAZR;AAeI;EACI,kCAAA;EACA,gBAAA;EAEA,mBAAA;EACA,uBAAA;AAdR;AAiBI;EACI,oCAAA;AAfR;AAkBI;EACI,eAAA;AAhBR;;AAoBA;EACI,aAAA;EACA,mBAAA;AAjBJ;AAmBI;EACI,6BAAA;AAjBR;AAoBI;EACI,gCAAA;AAlBR;;AAuBI;EACI,gCAAA;AApBR;;AAyBI;EACI,aAAA;AAtBR;AAyBI;EACI,aAAA;AAvBR;;AA4BI;EACI,aAAA;AAzBR;AA4BI;EACI,aAAA;AA1BR;;AA8BA;EACI,gBAAA;AA3BJ;;AA8BA;EACI,oBAAA;EAEA,gBAAA;EAEA,mBAAA;EACA,uBAAA;AA7BJ;;AAgCA;EACI,uBAAA;AA7BJ;;AAgCA;EACI,sBAAA;EACA,8CAAA;AA7BJ;;AAgCA;EACI,UAAA;AA7BJ;;AAgCA;EACI,6BAAA;AA7BJ;;AAgCA;EACI,6BAAA;AA7BJ","file":"QueueSelect.css","sourcesContent":[".tpc-queue-select {\n &:not(.tpc-queue-select_with-border) .tpc-select__button::before {\n border: none;\n }\n\n &__control {\n width: 100%;\n }\n\n &__control-block.g-button_size_xl .g-button__icon-inner {\n color: var(--g-color-text-secondary);\n }\n\n &_mobile {\n .tpc-queue-select__control-block {\n --g-button-background-color-hover: transparent;\n align-items: center;\n\n height: auto;\n\n color: var(--g-color-text-primary);\n }\n\n .g-select-list {\n margin: var(--g-spacing-2) 0;\n }\n }\n\n &__popup-content {\n display: flex;\n flex-direction: column;\n }\n}\n\n.tpc-queue-select__select-item_forPopup {\n display: flex;\n align-items: center;\n\n .tpc-queue-select__select-item-texts {\n display: flex;\n flex-direction: column;\n\n flex: auto;\n min-width: 0;\n padding-left: var(--g-spacing-3);\n }\n\n .tpc-queue-select__select-item-name,\n .tpc-queue-select__select-item-key {\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n }\n\n .tpc-queue-select__select-item-name {\n color: var(--g-color-text-primary);\n overflow: hidden;\n\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n .tpc-queue-select__select-item-key {\n color: var(--g-color-text-secondary);\n }\n\n .tpc-queue-select__select-item-icon {\n min-width: 24px;\n }\n}\n\n.tpc-queue-select__select-item_forControl {\n display: flex;\n align-items: center;\n\n &_size-xl {\n padding: var(--g-spacing-2) 0;\n }\n\n .tpc-queue-select__select-item-icon {\n margin-right: var(--g-spacing-3);\n }\n}\n\n.tpc-queue-select__select-item_platform_touch {\n .tpc-queue-select__select-item-icon {\n margin-right: var(--g-spacing-1);\n }\n}\n\n.tpc-queue-select__control.tpc-queue-select__select-item {\n &.tpc-queue-select__select-item_forPopup {\n display: none;\n }\n\n &.tpc-queue-select__select-item_forControl {\n display: flex;\n }\n}\n\n.tpc-queue-select__popup.tpc-queue-select__select-item {\n &.tpc-queue-select__select-item_forPopup {\n display: flex;\n }\n\n &.tpc-queue-select__select-item_forControl {\n display: none;\n }\n}\n\n.tpc-queue-select__popup {\n min-width: 320px;\n}\n\n.tpc-queue-select__select-value-name {\n line-height: unset; // stylelint-disable-line\n\n overflow: hidden;\n\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.tpc-queue-select__select-display {\n gap: var(--g-spacing-2);\n}\n\n.tpc-queue-select__search {\n box-sizing: border-box;\n padding: var(--g-spacing-2) var(--g-spacing-4);\n}\n\n.tpc-queue-select__list-item {\n padding: 0;\n}\n\n.g-select-list__option_colored:has(.tpc-queue-select__list-item_selected) {\n background-color: transparent;\n}\n\n.g-select-list__item.g-list__item_active:has(.tpc-queue-select__list-item_selected) {\n background-color: transparent;\n}\n"],"sourceRoot":""}
1
+ {"version":3,"sources":["QueueSelect.scss","../../styles/mixins.scss"],"names":[],"mappings":"AAGI;EACI,YAAA;AAFR;AAKI;EACI,WAAA;AAHR;AAMI;EACI,oCAAA;AAJR;AAQQ;EACI,8CAAA;EACA,mBAAA;EAEA,YAAA;EAEA,kCAAA;AARZ;AAWQ;EACI,4BAAA;AATZ;AAaI;EACI,aAAA;EACA,sBAAA;AAXR;;AAeA;EACI,aAAA;EACA,mBAAA;AAZJ;AAcI;EACI,aAAA;EACA,sBAAA;EAEA,UAAA;EACA,YAAA;EACA,gCAAA;AAbR;AAgBI;;EAEI,yCAAA;EACA,6CAAA;AAdR;AAiBI;EACI,kCAAA;ECrDJ,gBAAA;EAEA,mBAAA;EACA,uBAAA;ADsCJ;AAgBI;EACI,oCAAA;AAdR;AAiBI;EACI,eAAA;AAfR;;AAmBA;EACI,aAAA;EACA,mBAAA;AAhBJ;AAkBI;EACI,6BAAA;AAhBR;AAmBI;EACI,gCAAA;AAjBR;;AAsBI;EACI,gCAAA;AAnBR;;AAwBI;EACI,aAAA;AArBR;AAwBI;EACI,aAAA;AAtBR;;AA2BI;EACI,aAAA;AAxBR;AA2BI;EACI,aAAA;AAzBR;;AA6BA;EACI,gBAAA;AA1BJ;;AA6BA;EACI,oBAAA;EC9GA,gBAAA;EAEA,mBAAA;EACA,uBAAA;ADoFJ;;AA4BA;EACI,uBAAA;AAzBJ;;AA4BA;EACI,sBAAA;EACA,8CAAA;AAzBJ;;AA4BA;EACI,UAAA;AAzBJ;;AA4BA;EACI,6BAAA;AAzBJ;;AA4BA;EACI,6BAAA;AAzBJ","file":"QueueSelect.css","sourcesContent":["@use '../../styles/mixins.scss';\n\n.tpc-queue-select {\n &:not(.tpc-queue-select_with-border) .tpc-select__button::before {\n border: none;\n }\n\n &__control {\n width: 100%;\n }\n\n &__control-block.g-button_size_xl .g-button__icon-inner {\n color: var(--g-color-text-secondary);\n }\n\n &_mobile {\n .tpc-queue-select__control-block {\n --g-button-background-color-hover: transparent;\n align-items: center;\n\n height: auto;\n\n color: var(--g-color-text-primary);\n }\n\n .g-select-list {\n margin: var(--g-spacing-2) 0;\n }\n }\n\n &__popup-content {\n display: flex;\n flex-direction: column;\n }\n}\n\n.tpc-queue-select__select-item_forPopup {\n display: flex;\n align-items: center;\n\n .tpc-queue-select__select-item-texts {\n display: flex;\n flex-direction: column;\n\n flex: auto;\n min-width: 0;\n padding-left: var(--g-spacing-3);\n }\n\n .tpc-queue-select__select-item-name,\n .tpc-queue-select__select-item-key {\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n }\n\n .tpc-queue-select__select-item-name {\n color: var(--g-color-text-primary);\n @include mixins.text-overflow();\n }\n\n .tpc-queue-select__select-item-key {\n color: var(--g-color-text-secondary);\n }\n\n .tpc-queue-select__select-item-icon {\n min-width: 24px;\n }\n}\n\n.tpc-queue-select__select-item_forControl {\n display: flex;\n align-items: center;\n\n &_size-xl {\n padding: var(--g-spacing-2) 0;\n }\n\n .tpc-queue-select__select-item-icon {\n margin-right: var(--g-spacing-3);\n }\n}\n\n.tpc-queue-select__select-item_platform_touch {\n .tpc-queue-select__select-item-icon {\n margin-right: var(--g-spacing-1);\n }\n}\n\n.tpc-queue-select__control.tpc-queue-select__select-item {\n &.tpc-queue-select__select-item_forPopup {\n display: none;\n }\n\n &.tpc-queue-select__select-item_forControl {\n display: flex;\n }\n}\n\n.tpc-queue-select__popup.tpc-queue-select__select-item {\n &.tpc-queue-select__select-item_forPopup {\n display: flex;\n }\n\n &.tpc-queue-select__select-item_forControl {\n display: none;\n }\n}\n\n.tpc-queue-select__popup {\n min-width: 320px;\n}\n\n.tpc-queue-select__select-value-name {\n line-height: unset; // stylelint-disable-line\n\n @include mixins.text-overflow();\n}\n\n.tpc-queue-select__select-display {\n gap: var(--g-spacing-2);\n}\n\n.tpc-queue-select__search {\n box-sizing: border-box;\n padding: var(--g-spacing-2) var(--g-spacing-4);\n}\n\n.tpc-queue-select__list-item {\n padding: 0;\n}\n\n.g-select-list__option_colored:has(.tpc-queue-select__list-item_selected) {\n background-color: transparent;\n}\n\n.g-select-list__item.g-list__item_active:has(.tpc-queue-select__list-item_selected) {\n background-color: transparent;\n}\n","@forward '~@gravity-ui/uikit/styles/mixins';\n\n@mixin text-overflow {\n overflow: hidden;\n\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n"],"sourceRoot":""}
@@ -1,3 +1,5 @@
1
+ @use '../../styles/mixins.scss';
2
+
1
3
  .tpc-queue-select {
2
4
  &:not(.tpc-queue-select_with-border) .tpc-select__button::before {
3
5
  border: none;
@@ -53,10 +55,7 @@
53
55
 
54
56
  .tpc-queue-select__select-item-name {
55
57
  color: var(--g-color-text-primary);
56
- overflow: hidden;
57
-
58
- white-space: nowrap;
59
- text-overflow: ellipsis;
58
+ @include mixins.text-overflow();
60
59
  }
61
60
 
62
61
  .tpc-queue-select__select-item-key {
@@ -114,10 +113,7 @@
114
113
  .tpc-queue-select__select-value-name {
115
114
  line-height: unset; // stylelint-disable-line
116
115
 
117
- overflow: hidden;
118
-
119
- white-space: nowrap;
120
- text-overflow: ellipsis;
116
+ @include mixins.text-overflow();
121
117
  }
122
118
 
123
119
  .tpc-queue-select__select-display {
@@ -5,7 +5,7 @@ export type AutocompleteProps<TValue = any> = Omit<MultiAutocompleteProps, 'mult
5
5
  value?: SelectOption<TValue>;
6
6
  onUpdate: (value: SelectOption<TValue>) => void;
7
7
  };
8
- export declare const Autocomplete: React.ForwardRefExoticComponent<Omit<MultiAutocompleteProps, "multiple" | "onUpdate" | "value"> & {
8
+ export declare const Autocomplete: React.ForwardRefExoticComponent<Omit<MultiAutocompleteProps, "multiple" | "value" | "onUpdate"> & {
9
9
  value?: SelectOption<any> | undefined;
10
10
  onUpdate: (value: SelectOption<any>) => void;
11
11
  } & React.RefAttributes<HTMLButtonElement>>;
@@ -6,7 +6,7 @@ export type MultiAutocompleteProps = Omit<MultiSelectProps, 'filterable' | 'valu
6
6
  onUpdate: (value: SelectOption[]) => void;
7
7
  searchDelay?: number;
8
8
  };
9
- export declare const MultiAutocomplete: React.ForwardRefExoticComponent<Omit<MultiSelectProps, "onUpdate" | "value" | "filterable"> & {
9
+ export declare const MultiAutocomplete: React.ForwardRefExoticComponent<Omit<MultiSelectProps, "value" | "onUpdate" | "filterable"> & {
10
10
  value?: SelectOption[];
11
11
  onUpdate: (value: SelectOption[]) => void;
12
12
  searchDelay?: number;
@@ -1,3 +1,3 @@
1
- import { block } from "../cn";
1
+ import { block } from "./../cn";
2
2
  export var cnSelect = block('select');
3
3
  // #sourceMappingURL=Select.classname.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["block","cnSelect"],"sources":["Select.classname.ts"],"sourcesContent":["import {block} from '../cn';\n\nexport const cnSelect = block('select');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,QAAQ,GAAGD,KAAK,CAAC,QAAQ,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["block","cnSelect"],"sources":["Select.classname.ts"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnSelect = block('select');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,QAAQ,GAAGD,KAAK,CAAC,QAAQ,CAAC","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"sources":["Select.scss"],"names":[],"mappings":"AAGI;EACI,2BAAA;AAFR;AAIQ;EACI,oDAAA;EACA,wCAAA;AAFZ;AAMY;EACI,+BAAA;AAJhB;AAQQ;EACI,8BAAA;AANZ;AASQ;EACI,+BAAA;AAPZ;AAUQ;EACI,UAAA;AARZ;AAUY;EACI,SAAA;AARhB;AAYQ;EACI,8BAAA;AAVZ;AAYY;EACI,YAAA;AAVhB;AAgBgB;EACI,yBAAA;AAdpB;AAoBI;EACI,sBAAA;AAlBR;AAqBI;EACI,aAAA;EACA,uBAAA;AAnBR;AAsBI;EACI,qBAAA;EAEA,WAAA;EAEA,gBAAA;EAEA,mBAAA;EACA,uBAAA;AAvBR;AAyBQ;EACI,eAAA;EAEA,oCAAA;AAxBZ;AA4BI;EACI,uBAAA;AA1BR;AA8BQ;EACI,+BAAA;AA5BZ;AA+BQ;EACI,WAAA;EACA,gDAAA;AA7BZ;AAiCI;EACI,WAAA;AA/BR;AAkCI;EACI,uBAAA;AAhCR;AAkCQ;EACI,WAAA;EACA,6BAAA;EACA,iCAAA;AAhCZ;AAmCQ;EACI,aAAA;EACA,sBAAA;EAEA,UAAA;AAlCZ;AAoCY;EACI,aAAA;EACA,sBAAA;EAEA,UAAA;EACA,WAAA;EACA,aAAA;AAnChB;AAsCY;EACI,UAAA;AApChB;AAuCY;EACI,UAAA;AArChB;AAyCQ;EACI,8CAAA;AAvCZ;AA0CQ;EACI,oBAAA;AAxCZ;AA2CQ;EACI,YAAA;AAzCZ;AA4CQ;EACI,8BAAA;AA1CZ;AA6CQ;EACI,yBAAA;EACA,wBAAA;EAEA,WAAA;AA5CZ;AAgDY;EACI,4CAAA;AA9ChB;AAqDY;EACI,gCAAA;AAnDhB;AAuDQ;EAEI,yDAAA;EACA,2BAAA;AAtDZ;AA2DQ;EACI,+BAAA;EACA,kCAAA;EACA,YAAA;AAzDZ","file":"Select.css","sourcesContent":["$arrowIconSpace: 25px;\n\n.tpc-select {\n &__button {\n vertical-align: text-bottom;\n\n &_error::before {\n --_--focus-outline-color: var(--g-color-line-danger);\n border-color: var(--g-color-line-danger);\n }\n\n &:not(.tpc-select__button_with-icon) {\n &.tpc-select__button_empty {\n color: var(--g-color-text-hint);\n }\n }\n\n &:not(.tpc-select__button_loading) {\n justify-content: space-between;\n }\n\n &:disabled {\n color: var(--g-color-text-hint);\n }\n\n &_clear {\n padding: 0;\n\n .g-button__icon_side_end {\n margin: 0;\n }\n }\n\n &_loading.g-button_width_max {\n justify-content: space-between;\n\n .g-button__text {\n margin: auto;\n }\n }\n\n &_platform {\n &_desktop {\n .tpc-select__chevron_open {\n transform: rotate(180deg);\n }\n }\n }\n }\n\n &__loader {\n vertical-align: middle;\n }\n\n &__items-loader {\n display: flex;\n justify-content: center;\n }\n\n &__option {\n display: inline-block;\n\n width: 100%;\n\n overflow: hidden;\n\n white-space: nowrap;\n text-overflow: ellipsis;\n\n &_disabled {\n cursor: default;\n\n color: var(--g-color-text-secondary);\n }\n }\n\n &__no-options {\n justify-content: center;\n }\n\n &__popup {\n .g-select-list__group-label-content {\n color: var(--g-color-text-hint);\n }\n\n .tpc-select__filter {\n width: auto;\n padding: var(--g-spacing-1) var(--g-spacing-1) 0;\n }\n }\n\n &__button-wrapper {\n width: 100%;\n }\n\n &__popup_mobile {\n --suggest-offset: 230px;\n\n .tpc-select__filter {\n width: auto;\n padding: 0 var(--g-spacing-5);\n margin-bottom: var(--g-spacing-2);\n }\n\n .g-sheet__sheet-content {\n display: flex;\n flex-direction: column;\n\n padding: 0;\n\n > div:not([class]) {\n display: flex;\n flex-direction: column;\n\n flex: auto;\n width: 100%;\n min-height: 0;\n }\n\n .g-select-filter {\n flex: none;\n }\n\n .g-select-list_mobile {\n flex: auto;\n }\n }\n\n .g-select-list__option {\n padding: var(--g-spacing-2) var(--g-spacing-4);\n }\n\n .g-select-list__group-label-content {\n font-weight: inherit;\n }\n\n .g-select-list_mobile .g-select-list__group-label:not(.g-select-list__group-label_empty) {\n height: auto;\n }\n\n .g-select-list__item:has(.g-select-list__group-label) {\n margin-top: var(--g-spacing-2);\n }\n\n .g-select-list__item:not(:first-child) .g-select-list__group-label::before {\n right: var(--g-spacing-3);\n left: var(--g-spacing-3);\n\n width: auto;\n }\n\n &.tpc-select__popup_filterable {\n .g-sheet__sheet-content {\n height: calc(100dvh - var(--suggest-offset));\n }\n }\n }\n\n &__popup:not(.tpc-select__popup_mobile) {\n &.tpc-select__popup_with-groups {\n .g-select-list__option {\n padding-left: var(--g-spacing-4);\n }\n }\n\n .g-select-list {\n // override Select styles\n /* stylelint-disable-next-line declaration-no-important */\n max-height: 40vh !important;\n }\n }\n\n &__title {\n &_platform_touch {\n padding-top: var(--g-spacing-3);\n padding-bottom: var(--g-spacing-3);\n margin: auto;\n }\n }\n}\n"],"sourceRoot":""}
1
+ {"version":3,"sources":["Select.scss","../../styles/mixins.scss"],"names":[],"mappings":"AAKI;EACI,2BAAA;AAJR;AAMQ;EACI,oDAAA;EACA,wCAAA;AAJZ;AAQY;EACI,+BAAA;AANhB;AAUQ;EACI,8BAAA;AARZ;AAWQ;EACI,+BAAA;AATZ;AAYQ;EACI,UAAA;AAVZ;AAYY;EACI,SAAA;AAVhB;AAcQ;EACI,8BAAA;AAZZ;AAcY;EACI,YAAA;AAZhB;AAkBgB;EACI,yBAAA;AAhBpB;AAsBI;EACI,sBAAA;AApBR;AAuBI;EACI,aAAA;EACA,uBAAA;AArBR;AAwBI;EACI,qBAAA;EAEA,WAAA;EC7DJ,gBAAA;EAEA,mBAAA;EACA,uBAAA;ADsCJ;AAwBQ;EACI,eAAA;EAEA,oCAAA;AAvBZ;AA2BI;EACI,uBAAA;AAzBR;AA6BQ;EACI,+BAAA;AA3BZ;AA8BQ;EACI,WAAA;EACA,gDAAA;AA5BZ;AAgCI;EACI,WAAA;AA9BR;AAiCI;EACI,uBAAA;AA/BR;AAiCQ;EACI,WAAA;EACA,6BAAA;EACA,iCAAA;AA/BZ;AAkCQ;EACI,aAAA;EACA,sBAAA;EAEA,UAAA;AAjCZ;AAmCY;EACI,aAAA;EACA,sBAAA;EAEA,UAAA;EACA,WAAA;EACA,aAAA;AAlChB;AAqCY;EACI,UAAA;AAnChB;AAsCY;EACI,UAAA;AApChB;AAwCQ;EACI,8CAAA;AAtCZ;AAyCQ;EACI,oBAAA;AAvCZ;AA0CQ;EACI,YAAA;AAxCZ;AA2CQ;EACI,8BAAA;AAzCZ;AA4CQ;EACI,yBAAA;EACA,wBAAA;EAEA,WAAA;AA3CZ;AA+CY;EACI,4CAAA;AA7ChB;AAoDY;EACI,gCAAA;AAlDhB;AAsDQ;EAEI,yDAAA;EACA,2BAAA;AArDZ;AA0DQ;EACI,+BAAA;EACA,kCAAA;EACA,YAAA;AAxDZ","file":"Select.css","sourcesContent":["@use '../../styles/mixins.scss';\n\n$arrowIconSpace: 25px;\n\n.tpc-select {\n &__button {\n vertical-align: text-bottom;\n\n &_error::before {\n --_--focus-outline-color: var(--g-color-line-danger);\n border-color: var(--g-color-line-danger);\n }\n\n &:not(.tpc-select__button_with-icon) {\n &.tpc-select__button_empty {\n color: var(--g-color-text-hint);\n }\n }\n\n &:not(.tpc-select__button_loading) {\n justify-content: space-between;\n }\n\n &:disabled {\n color: var(--g-color-text-hint);\n }\n\n &_clear {\n padding: 0;\n\n .g-button__icon_side_end {\n margin: 0;\n }\n }\n\n &_loading.g-button_width_max {\n justify-content: space-between;\n\n .g-button__text {\n margin: auto;\n }\n }\n\n &_platform {\n &_desktop {\n .tpc-select__chevron_open {\n transform: rotate(180deg);\n }\n }\n }\n }\n\n &__loader {\n vertical-align: middle;\n }\n\n &__items-loader {\n display: flex;\n justify-content: center;\n }\n\n &__option {\n display: inline-block;\n\n width: 100%;\n\n @include mixins.text-overflow();\n\n &_disabled {\n cursor: default;\n\n color: var(--g-color-text-secondary);\n }\n }\n\n &__no-options {\n justify-content: center;\n }\n\n &__popup {\n .g-select-list__group-label-content {\n color: var(--g-color-text-hint);\n }\n\n .tpc-select__filter {\n width: auto;\n padding: var(--g-spacing-1) var(--g-spacing-1) 0;\n }\n }\n\n &__button-wrapper {\n width: 100%;\n }\n\n &__popup_mobile {\n --suggest-offset: 230px;\n\n .tpc-select__filter {\n width: auto;\n padding: 0 var(--g-spacing-5);\n margin-bottom: var(--g-spacing-2);\n }\n\n .g-sheet__sheet-content {\n display: flex;\n flex-direction: column;\n\n padding: 0;\n\n > div:not([class]) {\n display: flex;\n flex-direction: column;\n\n flex: auto;\n width: 100%;\n min-height: 0;\n }\n\n .g-select-filter {\n flex: none;\n }\n\n .g-select-list_mobile {\n flex: auto;\n }\n }\n\n .g-select-list__option {\n padding: var(--g-spacing-2) var(--g-spacing-4);\n }\n\n .g-select-list__group-label-content {\n font-weight: inherit;\n }\n\n .g-select-list_mobile .g-select-list__group-label:not(.g-select-list__group-label_empty) {\n height: auto;\n }\n\n .g-select-list__item:has(.g-select-list__group-label) {\n margin-top: var(--g-spacing-2);\n }\n\n .g-select-list__item:not(:first-child) .g-select-list__group-label::before {\n right: var(--g-spacing-3);\n left: var(--g-spacing-3);\n\n width: auto;\n }\n\n &.tpc-select__popup_filterable {\n .g-sheet__sheet-content {\n height: calc(100dvh - var(--suggest-offset));\n }\n }\n }\n\n &__popup:not(.tpc-select__popup_mobile) {\n &.tpc-select__popup_with-groups {\n .g-select-list__option {\n padding-left: var(--g-spacing-4);\n }\n }\n\n .g-select-list {\n // override Select styles\n /* stylelint-disable-next-line declaration-no-important */\n max-height: 40vh !important;\n }\n }\n\n &__title {\n &_platform_touch {\n padding-top: var(--g-spacing-3);\n padding-bottom: var(--g-spacing-3);\n margin: auto;\n }\n }\n}\n","@forward '~@gravity-ui/uikit/styles/mixins';\n\n@mixin text-overflow {\n overflow: hidden;\n\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n"],"sourceRoot":""}
@@ -4,7 +4,7 @@ export type SelectProps = Omit<MultiSelectProps, 'multiple' | 'value' | 'onUpdat
4
4
  value?: string;
5
5
  onUpdate: (value: string) => void;
6
6
  };
7
- export declare const Select: React.ForwardRefExoticComponent<Omit<MultiSelectProps, "multiple" | "onUpdate" | "value" | "onFocus" | "onBlur"> & {
7
+ export declare const Select: React.ForwardRefExoticComponent<Omit<MultiSelectProps, "multiple" | "onFocus" | "value" | "onUpdate" | "onBlur"> & {
8
8
  value?: string;
9
9
  onUpdate: (value: string) => void;
10
10
  } & React.RefAttributes<HTMLButtonElement>>;
@@ -1,3 +1,5 @@
1
+ @use '../../styles/mixins.scss';
2
+
1
3
  $arrowIconSpace: 25px;
2
4
 
3
5
  .tpc-select {
@@ -62,10 +64,7 @@ $arrowIconSpace: 25px;
62
64
 
63
65
  width: 100%;
64
66
 
65
- overflow: hidden;
66
-
67
- white-space: nowrap;
68
- text-overflow: ellipsis;
67
+ @include mixins.text-overflow();
69
68
 
70
69
  &_disabled {
71
70
  cursor: default;
@@ -1,3 +1,3 @@
1
- import { block } from "../../cn";
1
+ import { block } from "./../../cn";
2
2
  export var cnSelectSearch = block('select-search');
3
3
  // #sourceMappingURL=SelectSearch.classname.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["block","cnSelectSearch"],"sources":["SelectSearch.classname.ts"],"sourcesContent":["import {block} from '../../cn';\n\nexport const cnSelectSearch = block('select-search');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,cAAc,GAAGD,KAAK,CAAC,eAAe,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["block","cnSelectSearch"],"sources":["SelectSearch.classname.ts"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnSelectSearch = block('select-search');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,cAAc,GAAGD,KAAK,CAAC,eAAe,CAAC","ignoreList":[]}
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import type { ReactNode } from 'react';
3
- import type { SuggestProps } from '@yandex-data-ui/common';
3
+ import type { SuggestProps } from '~/src/components/Suggest';
4
4
  import type { Option } from './types';
5
5
  import './SelectSearch.scss';
6
6
  export type SelectSearchProps<V = string> = SuggestProps & {
@@ -6,7 +6,7 @@ import "core-js/modules/es.array.iterator.js";
6
6
  import "core-js/modules/es.object.to-string.js";
7
7
  import "core-js/modules/web.dom-collections.iterator.js";
8
8
  import React, { memo } from 'react';
9
- import { Suggest } from '@yandex-data-ui/common';
9
+ import { Suggest } from "./../../Suggest";
10
10
  import { TagsList } from "../TagsList/TagsList";
11
11
  import { cnSelectSearch } from "./SelectSearch.classname";
12
12
  import { useSelectSearch } from "./hooks/useSelectSearch";
@@ -1 +1 @@
1
- {"version":3,"names":["React","memo","Suggest","TagsList","cnSelectSearch","useSelectSearch","jsx","_jsx","jsxs","_jsxs","SelectSearchInternal","_ref","className","mode","values","maxTagCount","inputClassName","popupClassName","tagRender","onDeselect","customRenderItem","renderItem","suggestProps","_objectWithoutProperties","_excluded","_useSelectSearch","withTags","Boolean","children","_objectSpread","autoComplete","_defineProperty","length","renderTag","tagTheme","tagClassName","tagSize","SelectSearch"],"sources":["SelectSearch.tsx"],"sourcesContent":["import React, {memo} from 'react';\nimport type {ReactNode} from 'react';\n\nimport {Suggest} from '@yandex-data-ui/common';\nimport type {SuggestProps} from '@yandex-data-ui/common';\n\nimport {TagsList} from '../TagsList/TagsList';\n\nimport {cnSelectSearch} from './SelectSearch.classname';\nimport {useSelectSearch} from './hooks/useSelectSearch';\nimport type {Option} from './types';\n\nimport './SelectSearch.scss';\n\nexport type SelectSearchProps<V = string> = SuggestProps & {\n className?: string;\n mode?: 'tags';\n /** Max tag count to show */\n maxTagCount?: number;\n /** Customize tag render, only applies when mode is set to multiple or tags */\n tagRender?: (option: Option<V>) => ReactNode;\n /** Called when an option is deselected, param is the selected option's value. Only called for tags */\n onDeselect?: (value: V) => void;\n /** Current selected option */\n values: Option<V>[];\n};\n\nconst SelectSearchInternal = <V,>({\n className,\n mode,\n values,\n maxTagCount,\n inputClassName,\n popupClassName,\n tagRender,\n onDeselect,\n renderItem: customRenderItem,\n ...suggestProps\n}: SelectSearchProps<V>) => {\n const {renderItem} = useSelectSearch({values, customRenderItem});\n const withTags = mode === 'tags' && (Boolean(onDeselect) || Boolean(tagRender));\n\n return (\n <div className={cnSelectSearch(null, className)}>\n {/*@ts-expect-error*/}\n <Suggest\n autoComplete={false}\n renderItem={renderItem}\n {...suggestProps}\n inputClassName={cnSelectSearch(\n 'suggest',\n {['mode_tags']: values.length > 0},\n inputClassName,\n )}\n popupClassName={cnSelectSearch('popup', popupClassName)}\n />\n {withTags && (\n <div className={cnSelectSearch('tags')}>\n <TagsList<V>\n values={values}\n maxTagCount={maxTagCount}\n renderTag={tagRender}\n onDeselect={onDeselect!}\n tagTheme=\"normal\"\n tagClassName={cnSelectSearch('tag')}\n tagSize=\"xs\"\n />\n </div>\n )}\n </div>\n );\n};\n\nexport const SelectSearch = memo(SelectSearchInternal) as typeof SelectSearchInternal;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,IAAGC,IAAI,QAAO,OAAO;AAGjC,SAAQC,OAAO,QAAO,wBAAwB;AAG9C,SAAQC,QAAQ;AAEhB,SAAQC,cAAc;AACtB,SAAQC,eAAe;AAGvB;AAA6B,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAe7B,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAWE;EAAA,IAVxBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,cAAc,GAAAN,IAAA,CAAdM,cAAc;IACdC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACEC,gBAAgB,GAAAT,IAAA,CAA5BU,UAAU;IACPC,YAAY,GAAAC,wBAAA,CAAAZ,IAAA,EAAAa,SAAA;EAEf,IAAAC,gBAAA,GAAqBpB,eAAe,CAAC;MAACS,MAAM,EAANA,MAAM;MAAEM,gBAAgB,EAAhBA;IAAgB,CAAC,CAAC;IAAzDC,UAAU,GAAAI,gBAAA,CAAVJ,UAAU;EACjB,IAAMK,QAAQ,GAAGb,IAAI,KAAK,MAAM,KAAKc,OAAO,CAACR,UAAU,CAAC,IAAIQ,OAAO,CAACT,SAAS,CAAC,CAAC;EAE/E,oBACIT,KAAA;IAAKG,SAAS,EAAER,cAAc,CAAC,IAAI,EAAEQ,SAAS,CAAE;IAAAgB,QAAA,gBAE5CrB,IAAA,CAACL,OAAO,EAAA2B,aAAA,CAAAA,aAAA;MACJC,YAAY,EAAE,KAAM;MACpBT,UAAU,EAAEA;IAAW,GACnBC,YAAY;MAChBN,cAAc,EAAEZ,cAAc,CAC1B,SAAS,EAAA2B,eAAA,KACP,WAAW,EAAGjB,MAAM,CAACkB,MAAM,GAAG,CAAC,GACjChB,cACJ,CAAE;MACFC,cAAc,EAAEb,cAAc,CAAC,OAAO,EAAEa,cAAc;IAAE,EAC3D,CAAC,EACDS,QAAQ,iBACLnB,IAAA;MAAKK,SAAS,EAAER,cAAc,CAAC,MAAM,CAAE;MAAAwB,QAAA,eACnCrB,IAAA,CAACJ,QAAQ;QACLW,MAAM,EAAEA,MAAO;QACfC,WAAW,EAAEA,WAAY;QACzBkB,SAAS,EAAEf,SAAU;QACrBC,UAAU,EAAEA,UAAY;QACxBe,QAAQ,EAAC,QAAQ;QACjBC,YAAY,EAAE/B,cAAc,CAAC,KAAK,CAAE;QACpCgC,OAAO,EAAC;MAAI,CACf;IAAC,CACD,CACR;EAAA,CACA,CAAC;AAEd,CAAC;AAED,OAAO,IAAMC,YAAY,gBAAGpC,IAAI,CAACS,oBAAoB,CAAgC","ignoreList":[]}
1
+ {"version":3,"names":["React","memo","Suggest","TagsList","cnSelectSearch","useSelectSearch","jsx","_jsx","jsxs","_jsxs","SelectSearchInternal","_ref","className","mode","values","maxTagCount","inputClassName","popupClassName","tagRender","onDeselect","customRenderItem","renderItem","suggestProps","_objectWithoutProperties","_excluded","_useSelectSearch","withTags","Boolean","children","_objectSpread","autoComplete","_defineProperty","length","renderTag","tagTheme","tagClassName","tagSize","SelectSearch"],"sources":["SelectSearch.tsx"],"sourcesContent":["import React, {memo} from 'react';\nimport type {ReactNode} from 'react';\n\nimport {Suggest} from '~/src/components/Suggest';\nimport type {SuggestProps} from '~/src/components/Suggest';\n\nimport {TagsList} from '../TagsList/TagsList';\n\nimport {cnSelectSearch} from './SelectSearch.classname';\nimport {useSelectSearch} from './hooks/useSelectSearch';\nimport type {Option} from './types';\n\nimport './SelectSearch.scss';\n\nexport type SelectSearchProps<V = string> = SuggestProps & {\n className?: string;\n mode?: 'tags';\n /** Max tag count to show */\n maxTagCount?: number;\n /** Customize tag render, only applies when mode is set to multiple or tags */\n tagRender?: (option: Option<V>) => ReactNode;\n /** Called when an option is deselected, param is the selected option's value. Only called for tags */\n onDeselect?: (value: V) => void;\n /** Current selected option */\n values: Option<V>[];\n};\n\nconst SelectSearchInternal = <V,>({\n className,\n mode,\n values,\n maxTagCount,\n inputClassName,\n popupClassName,\n tagRender,\n onDeselect,\n renderItem: customRenderItem,\n ...suggestProps\n}: SelectSearchProps<V>) => {\n const {renderItem} = useSelectSearch({values, customRenderItem});\n const withTags = mode === 'tags' && (Boolean(onDeselect) || Boolean(tagRender));\n\n return (\n <div className={cnSelectSearch(null, className)}>\n <Suggest\n autoComplete={false}\n renderItem={renderItem}\n {...suggestProps}\n inputClassName={cnSelectSearch(\n 'suggest',\n {['mode_tags']: values.length > 0},\n inputClassName,\n )}\n popupClassName={cnSelectSearch('popup', popupClassName)}\n />\n {withTags && (\n <div className={cnSelectSearch('tags')}>\n <TagsList<V>\n values={values}\n maxTagCount={maxTagCount}\n renderTag={tagRender}\n onDeselect={onDeselect!}\n tagTheme=\"normal\"\n tagClassName={cnSelectSearch('tag')}\n tagSize=\"xs\"\n />\n </div>\n )}\n </div>\n );\n};\n\nexport const SelectSearch = memo(SelectSearchInternal) as typeof SelectSearchInternal;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,IAAGC,IAAI,QAAO,OAAO;AAGjC,SAAQC,OAAO;AAGf,SAAQC,QAAQ;AAEhB,SAAQC,cAAc;AACtB,SAAQC,eAAe;AAGvB;AAA6B,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAe7B,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAWE;EAAA,IAVxBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,cAAc,GAAAN,IAAA,CAAdM,cAAc;IACdC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACEC,gBAAgB,GAAAT,IAAA,CAA5BU,UAAU;IACPC,YAAY,GAAAC,wBAAA,CAAAZ,IAAA,EAAAa,SAAA;EAEf,IAAAC,gBAAA,GAAqBpB,eAAe,CAAC;MAACS,MAAM,EAANA,MAAM;MAAEM,gBAAgB,EAAhBA;IAAgB,CAAC,CAAC;IAAzDC,UAAU,GAAAI,gBAAA,CAAVJ,UAAU;EACjB,IAAMK,QAAQ,GAAGb,IAAI,KAAK,MAAM,KAAKc,OAAO,CAACR,UAAU,CAAC,IAAIQ,OAAO,CAACT,SAAS,CAAC,CAAC;EAE/E,oBACIT,KAAA;IAAKG,SAAS,EAAER,cAAc,CAAC,IAAI,EAAEQ,SAAS,CAAE;IAAAgB,QAAA,gBAC5CrB,IAAA,CAACL,OAAO,EAAA2B,aAAA,CAAAA,aAAA;MACJC,YAAY,EAAE,KAAM;MACpBT,UAAU,EAAEA;IAAW,GACnBC,YAAY;MAChBN,cAAc,EAAEZ,cAAc,CAC1B,SAAS,EAAA2B,eAAA,KACP,WAAW,EAAGjB,MAAM,CAACkB,MAAM,GAAG,CAAC,GACjChB,cACJ,CAAE;MACFC,cAAc,EAAEb,cAAc,CAAC,OAAO,EAAEa,cAAc;IAAE,EAC3D,CAAC,EACDS,QAAQ,iBACLnB,IAAA;MAAKK,SAAS,EAAER,cAAc,CAAC,MAAM,CAAE;MAAAwB,QAAA,eACnCrB,IAAA,CAACJ,QAAQ;QACLW,MAAM,EAAEA,MAAO;QACfC,WAAW,EAAEA,WAAY;QACzBkB,SAAS,EAAEf,SAAU;QACrBC,UAAU,EAAEA,UAAY;QACxBe,QAAQ,EAAC,QAAQ;QACjBC,YAAY,EAAE/B,cAAc,CAAC,KAAK,CAAE;QACpCgC,OAAO,EAAC;MAAI,CACf;IAAC,CACD,CACR;EAAA,CACA,CAAC;AAEd,CAAC;AAED,OAAO,IAAMC,YAAY,gBAAGpC,IAAI,CAACS,oBAAoB,CAAgC","ignoreList":[]}
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import type { SuggestProps } from '@yandex-data-ui/common';
2
+ import type { SuggestProps } from '~/src/components/Suggest';
3
3
  import type { Option } from '../types';
4
4
  export type UseSelectSearchProps<V> = {
5
5
  customRenderItem?: SuggestProps['renderItem'];
@@ -7,5 +7,5 @@ export type UseSelectSearchProps<V> = {
7
7
  };
8
8
  export declare const useSelectSearch: <V>({ values, customRenderItem }: UseSelectSearchProps<V>) => {
9
9
  textInputRef: React.MutableRefObject<React.RefObject<HTMLInputElement> | undefined>;
10
- renderItem: ((item: any) => ReactNode) | ((option: Option<V>) => React.JSX.Element);
10
+ renderItem: ((item: any) => React.ReactNode) | ((option: Option<V>) => React.JSX.Element);
11
11
  };
@@ -1 +1 @@
1
- {"version":3,"names":["React","useCallback","useRef","Check","Icon","cnSelectSearch","jsx","_jsx","jsxs","_jsxs","useSelectSearch","_ref","values","customRenderItem","textInputRef","defaultRenderItem","option","value","content","disabled","active","some","item","className","children","data","size","renderItem"],"sources":["useSelectSearch.tsx"],"sourcesContent":["import React, {useCallback, useRef} from 'react';\nimport type {RefObject} from 'react';\n\nimport {Check} from '@gravity-ui/icons';\nimport {Icon} from '@gravity-ui/uikit';\nimport type {SuggestProps} from '@yandex-data-ui/common';\n\nimport {cnSelectSearch} from '../SelectSearch.classname';\nimport type {Option} from '../types';\n\nexport type UseSelectSearchProps<V> = {\n customRenderItem?: SuggestProps['renderItem'];\n values: Option<V>[];\n};\n\nexport const useSelectSearch = <V,>({values, customRenderItem}: UseSelectSearchProps<V>) => {\n const textInputRef = useRef<RefObject<HTMLInputElement>>();\n\n const defaultRenderItem = useCallback(\n (option: Option<V>) => {\n const {value, content, disabled} = option;\n const active = values.some((item) => item.value === value);\n\n return (\n <div className={cnSelectSearch('option', {disabled})}>\n <Icon\n className={cnSelectSearch('selected-icon', {active})}\n data={Check}\n size={16}\n />\n <span>{content}</span>\n </div>\n );\n },\n [values],\n );\n\n return {\n textInputRef,\n renderItem: customRenderItem || defaultRenderItem,\n };\n};\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAGC,WAAW,EAAEC,MAAM,QAAO,OAAO;AAGhD,SAAQC,KAAK,QAAO,mBAAmB;AACvC,SAAQC,IAAI,QAAO,mBAAmB;AAGtC,SAAQC,cAAc;AAAmC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQzD,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAgE;EAAA,IAAvDC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB;EACzD,IAAMC,YAAY,GAAGZ,MAAM,CAA8B,CAAC;EAE1D,IAAMa,iBAAiB,GAAGd,WAAW,CACjC,UAACe,MAAiB,EAAK;IACnB,IAAOC,KAAK,GAAuBD,MAAM,CAAlCC,KAAK;MAAEC,OAAO,GAAcF,MAAM,CAA3BE,OAAO;MAAEC,QAAQ,GAAIH,MAAM,CAAlBG,QAAQ;IAC/B,IAAMC,MAAM,GAAGR,MAAM,CAACS,IAAI,CAAC,UAACC,IAAI;MAAA,OAAKA,IAAI,CAACL,KAAK,KAAKA,KAAK;IAAA,EAAC;IAE1D,oBACIR,KAAA;MAAKc,SAAS,EAAElB,cAAc,CAAC,QAAQ,EAAE;QAACc,QAAQ,EAARA;MAAQ,CAAC,CAAE;MAAAK,QAAA,gBACjDjB,IAAA,CAACH,IAAI;QACDmB,SAAS,EAAElB,cAAc,CAAC,eAAe,EAAE;UAACe,MAAM,EAANA;QAAM,CAAC,CAAE;QACrDK,IAAI,EAAEtB,KAAM;QACZuB,IAAI,EAAE;MAAG,CACZ,CAAC,eACFnB,IAAA;QAAAiB,QAAA,EAAON;MAAO,CAAO,CAAC;IAAA,CACrB,CAAC;EAEd,CAAC,EACD,CAACN,MAAM,CACX,CAAC;EAED,OAAO;IACHE,YAAY,EAAZA,YAAY;IACZa,UAAU,EAAEd,gBAAgB,IAAIE;EACpC,CAAC;AACL,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["React","useCallback","useRef","Check","Icon","cnSelectSearch","jsx","_jsx","jsxs","_jsxs","useSelectSearch","_ref","values","customRenderItem","textInputRef","defaultRenderItem","option","value","content","disabled","active","some","item","className","children","data","size","renderItem"],"sources":["useSelectSearch.tsx"],"sourcesContent":["import React, {useCallback, useRef} from 'react';\nimport type {RefObject} from 'react';\n\nimport {Check} from '@gravity-ui/icons';\nimport {Icon} from '@gravity-ui/uikit';\n\nimport type {SuggestProps} from '~/src/components/Suggest';\n\nimport {cnSelectSearch} from '../SelectSearch.classname';\nimport type {Option} from '../types';\n\nexport type UseSelectSearchProps<V> = {\n customRenderItem?: SuggestProps['renderItem'];\n values: Option<V>[];\n};\n\nexport const useSelectSearch = <V,>({values, customRenderItem}: UseSelectSearchProps<V>) => {\n const textInputRef = useRef<RefObject<HTMLInputElement>>();\n\n const defaultRenderItem = useCallback(\n (option: Option<V>) => {\n const {value, content, disabled} = option;\n const active = values.some((item) => item.value === value);\n\n return (\n <div className={cnSelectSearch('option', {disabled})}>\n <Icon\n className={cnSelectSearch('selected-icon', {active})}\n data={Check}\n size={16}\n />\n <span>{content}</span>\n </div>\n );\n },\n [values],\n );\n\n return {\n textInputRef,\n renderItem: customRenderItem || defaultRenderItem,\n };\n};\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAGC,WAAW,EAAEC,MAAM,QAAO,OAAO;AAGhD,SAAQC,KAAK,QAAO,mBAAmB;AACvC,SAAQC,IAAI,QAAO,mBAAmB;AAItC,SAAQC,cAAc;AAAmC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQzD,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAgE;EAAA,IAAvDC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB;EACzD,IAAMC,YAAY,GAAGZ,MAAM,CAA8B,CAAC;EAE1D,IAAMa,iBAAiB,GAAGd,WAAW,CACjC,UAACe,MAAiB,EAAK;IACnB,IAAOC,KAAK,GAAuBD,MAAM,CAAlCC,KAAK;MAAEC,OAAO,GAAcF,MAAM,CAA3BE,OAAO;MAAEC,QAAQ,GAAIH,MAAM,CAAlBG,QAAQ;IAC/B,IAAMC,MAAM,GAAGR,MAAM,CAACS,IAAI,CAAC,UAACC,IAAI;MAAA,OAAKA,IAAI,CAACL,KAAK,KAAKA,KAAK;IAAA,EAAC;IAE1D,oBACIR,KAAA;MAAKc,SAAS,EAAElB,cAAc,CAAC,QAAQ,EAAE;QAACc,QAAQ,EAARA;MAAQ,CAAC,CAAE;MAAAK,QAAA,gBACjDjB,IAAA,CAACH,IAAI;QACDmB,SAAS,EAAElB,cAAc,CAAC,eAAe,EAAE;UAACe,MAAM,EAANA;QAAM,CAAC,CAAE;QACrDK,IAAI,EAAEtB,KAAM;QACZuB,IAAI,EAAE;MAAG,CACZ,CAAC,eACFnB,IAAA;QAAAiB,QAAA,EAAON;MAAO,CAAO,CAAC;IAAA,CACrB,CAAC;EAEd,CAAC,EACD,CAACN,MAAM,CACX,CAAC;EAED,OAAO;IACHE,YAAY,EAAZA,YAAY;IACZa,UAAU,EAAEd,gBAAgB,IAAIE;EACpC,CAAC;AACL,CAAC","ignoreList":[]}
@@ -1,3 +1,3 @@
1
- import { block } from "../../cn";
1
+ import { block } from "./../../cn";
2
2
  export var cnTagsSelect = block('tags-select');
3
3
  // #sourceMappingURL=TagsSelect.classname.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["block","cnTagsSelect"],"sources":["TagsSelect.classname.ts"],"sourcesContent":["import {block} from '../../cn';\n\nexport const cnTagsSelect = block('tags-select');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,YAAY,GAAGD,KAAK,CAAC,aAAa,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["block","cnTagsSelect"],"sources":["TagsSelect.classname.ts"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnTagsSelect = block('tags-select');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,YAAY,GAAGD,KAAK,CAAC,aAAa,CAAC","ignoreList":[]}
@@ -0,0 +1 @@
1
+ export declare const cnSuggest: import("@bem-react/classname").ClassNameFormatter;
@@ -0,0 +1,3 @@
1
+ import { block } from "./../cn";
2
+ export var cnSuggest = block('suggest');
3
+ // #sourceMappingURL=Suggest.classname.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["block","cnSuggest"],"sources":["Suggest.classname.tsx"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnSuggest = block('suggest');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,SAAS,GAAGD,KAAK,CAAC,SAAS,CAAC","ignoreList":[]}
@@ -0,0 +1,24 @@
1
+ .tpc-suggest__popup {
2
+ max-height: 40vh;
3
+ overflow-x: hidden;
4
+ overflow-y: auto;
5
+ overflow: hidden auto;
6
+ }
7
+ .tpc-suggest__popup_has-fallback {
8
+ min-height: -moz-min-content;
9
+ min-height: min-content;
10
+ }
11
+ .tpc-suggest__loader {
12
+ display: flex;
13
+ justify-content: center;
14
+ padding: calc(var(--g-spacing-2) + var(--g-spacing-half));
15
+ }
16
+ .tpc-suggest__list {
17
+ box-sizing: border-box;
18
+ display: flex;
19
+ }
20
+ .tpc-suggest__item {
21
+ width: 100%;
22
+ overflow: hidden;
23
+ }
24
+ /*# sourceMappingURL=Suggest.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["Suggest.scss"],"names":[],"mappings":"AAKI;EACI,gBAAA;EACA,kBAAA;EAAA,gBAAA;EAAA,qBAAA;AAJR;AAMQ;EACI,4BAAA;EAAA,uBAAA;AAJZ;AAQI;EACI,aAAA;EACA,uBAAA;EACA,yDAAA;AANR;AASI;EACI,sBAAA;EACA,aAAA;AAPR;AAUI;EACI,WAAA;EACA,gBAAA;AARR","file":"Suggest.css","sourcesContent":["@use '../../styles/variables.scss';\n\n$block: '.#{variables.$ns}suggest';\n\n#{$block} {\n &__popup {\n max-height: 40vh;\n overflow: hidden auto;\n\n &_has-fallback {\n min-height: min-content;\n }\n }\n\n &__loader {\n display: flex;\n justify-content: center;\n padding: calc(var(--g-spacing-2) + var(--g-spacing-half));\n }\n\n &__list {\n box-sizing: border-box;\n display: flex;\n }\n\n &__item {\n width: 100%;\n overflow: hidden;\n }\n}\n"],"sourceRoot":""}