@moysklad/uikit 28.1.0 → 31.20.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 (654) hide show
  1. package/README.md +11 -3
  2. package/dist/colorVariables.css +33 -1
  3. package/dist/components/AutoComplete/AutoComplete.d.ts +4 -2
  4. package/dist/components/AutoComplete/AutoComplete.js +47 -33
  5. package/dist/components/Badge/Badge.js +2 -3
  6. package/dist/components/Badge/Badge_module.css +2 -3
  7. package/dist/components/BentoBlock/BentoBlock.d.ts +15 -0
  8. package/dist/components/BentoBlock/BentoBlock.js +20 -0
  9. package/dist/components/BentoBlock/BentoBlock.module.js +9 -0
  10. package/dist/components/BentoBlock/BentoBlock_module.css +50 -0
  11. package/dist/components/BentoBlock/consts.d.ts +14 -0
  12. package/dist/components/BentoBlock/consts.js +15 -0
  13. package/dist/components/BottomSheet/BottomSheet.js +2 -2
  14. package/dist/components/Breadcrumbs/BreadcrumbItem.d.ts +5 -3
  15. package/dist/components/Breadcrumbs/BreadcrumbItem.js +39 -8
  16. package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +4 -1
  17. package/dist/components/Breadcrumbs/Breadcrumbs.js +10 -6
  18. package/dist/components/Button/Button.d.ts +6 -2
  19. package/dist/components/Button/Button.js +29 -20
  20. package/dist/components/Button/Button.module.js +1 -0
  21. package/dist/components/Button/Button_module.css +20 -14
  22. package/dist/components/Carousel/Carousel.js +5 -4
  23. package/dist/components/Checkbox/Checkbox.d.ts +1 -1
  24. package/dist/components/Checkbox/Checkbox.js +1 -1
  25. package/dist/components/Chip/Chip.helpers.js +5 -2
  26. package/dist/components/Chip/Chip.js +9 -3
  27. package/dist/components/Chip/Chip.legacy_module.css +2 -2
  28. package/dist/components/Chip/Chip.types.d.ts +10 -4
  29. package/dist/components/Chip/Chip_module.css +5 -5
  30. package/dist/components/Chip/components/ChipLabel.d.ts +3 -1
  31. package/dist/components/Chip/components/ChipLabel.js +4 -2
  32. package/dist/components/Chip/components/ChipMainButton.d.ts +3 -4
  33. package/dist/components/Chip/components/ChipMainButton.js +2 -1
  34. package/dist/components/Chip/components/ChipRoot.d.ts +3 -2
  35. package/dist/components/Chip/components/ChipRoot.js +2 -1
  36. package/dist/components/DateRange/ArrowButton/ArrowButton.module.js +6 -0
  37. package/dist/components/DateRange/ArrowButton/ArrowButton_module.css +26 -0
  38. package/dist/components/DateRange/ArrowButton/index.d.ts +8 -0
  39. package/dist/components/DateRange/ArrowButton/index.js +23 -0
  40. package/dist/components/DateRange/Calendar/index.d.ts +12 -0
  41. package/dist/components/DateRange/Calendar/index.js +22 -0
  42. package/dist/components/DateRange/DateRange.d.ts +6 -0
  43. package/dist/components/DateRange/DateRange.js +51 -0
  44. package/dist/components/DateRange/DateRangeDefaultTrigger/DateRangeDefaultTrigger.d.ts +44 -0
  45. package/dist/components/DateRange/DateRangeDefaultTrigger/DateRangeDefaultTrigger.js +128 -0
  46. package/dist/components/DateRange/DateRangeDefaultTrigger/DateRangeDefaultTrigger.module.js +19 -0
  47. package/dist/components/DateRange/DateRangeDefaultTrigger/DateRangeDefaultTrigger_module.css +170 -0
  48. package/dist/components/DateRange/DateRangeDefaultTrigger.module.js +12 -0
  49. package/dist/components/DateRange/DateRangeDefaultTrigger_module.css +43 -0
  50. package/dist/components/DateRange/DateRangeInput/DateRangeInput.d.ts +4 -0
  51. package/dist/components/DateRange/DateRangeInput/DateRangeInput.js +69 -0
  52. package/dist/components/DateRange/Day/Day.module.js +16 -0
  53. package/dist/components/DateRange/Day/Day_module.css +80 -0
  54. package/dist/components/DateRange/Day/index.d.ts +12 -0
  55. package/dist/components/DateRange/Day/index.js +39 -0
  56. package/dist/components/DateRange/DropdownContent/DropdownContent.module.js +10 -0
  57. package/dist/components/DateRange/DropdownContent/DropdownContent_module.css +34 -0
  58. package/dist/components/DateRange/DropdownContent/index.d.ts +24 -0
  59. package/dist/components/DateRange/DropdownContent/index.js +132 -0
  60. package/dist/components/DateRange/InputContent/InputContent.module.js +9 -0
  61. package/dist/components/DateRange/InputContent/InputContent_module.css +31 -0
  62. package/dist/components/DateRange/InputContent/index.d.ts +12 -0
  63. package/dist/components/DateRange/InputContent/index.js +59 -0
  64. package/dist/components/DateRange/Month/Month.module.js +7 -0
  65. package/dist/components/DateRange/Month/Month_module.css +17 -0
  66. package/dist/components/DateRange/Month/index.d.ts +15 -0
  67. package/dist/components/DateRange/Month/index.js +158 -0
  68. package/dist/components/DateRange/Month/utils.d.ts +2 -0
  69. package/dist/components/DateRange/Month/utils.js +8 -0
  70. package/dist/components/DateRange/MonthHeader/MonthHeader.module.js +5 -0
  71. package/dist/components/DateRange/MonthHeader/MonthHeader_module.css +10 -0
  72. package/dist/components/DateRange/MonthHeader/index.d.ts +5 -0
  73. package/dist/components/DateRange/MonthHeader/index.js +26 -0
  74. package/dist/components/DateRange/MonthList/MonthList.module.js +7 -0
  75. package/dist/components/DateRange/MonthList/MonthList_module.css +25 -0
  76. package/dist/components/DateRange/MonthList/index.d.ts +11 -0
  77. package/dist/components/DateRange/MonthList/index.js +91 -0
  78. package/dist/components/DateRange/PeriodVariantList/PeriodVariantList.module.js +9 -0
  79. package/dist/components/DateRange/PeriodVariantList/PeriodVariantList_module.css +18 -0
  80. package/dist/components/DateRange/PeriodVariantList/index.d.ts +18 -0
  81. package/dist/components/DateRange/PeriodVariantList/index.js +83 -0
  82. package/dist/components/DateRange/SideMenu/SideMenu.module.js +6 -0
  83. package/dist/components/DateRange/SideMenu/SideMenu_module.css +18 -0
  84. package/dist/components/DateRange/SideMenu/index.d.ts +13 -0
  85. package/dist/components/DateRange/SideMenu/index.js +73 -0
  86. package/dist/components/DateRange/TooltipedText/index.d.ts +8 -0
  87. package/dist/components/DateRange/TooltipedText/index.js +30 -0
  88. package/dist/components/DateRange/Year/Year.module.js +11 -0
  89. package/dist/components/DateRange/Year/Year_module.css +60 -0
  90. package/dist/components/DateRange/Year/index.d.ts +8 -0
  91. package/dist/components/DateRange/Year/index.js +47 -0
  92. package/dist/components/DateRange/YearsList/YearsList.module.js +5 -0
  93. package/dist/components/DateRange/YearsList/YearsList_module.css +15 -0
  94. package/dist/components/DateRange/YearsList/index.d.ts +12 -0
  95. package/dist/components/DateRange/YearsList/index.js +47 -0
  96. package/dist/components/DateRange/consts.d.ts +20 -0
  97. package/dist/components/DateRange/consts.js +81 -0
  98. package/dist/components/DateRange/formatDateRangeValue.d.ts +24 -0
  99. package/dist/components/DateRange/formatDateRangeValue.js +116 -0
  100. package/dist/components/DateRange/hooks/useCalendar.d.ts +13 -0
  101. package/dist/components/DateRange/hooks/useCalendar.js +88 -0
  102. package/dist/components/DateRange/hooks/useDateRange.d.ts +392 -0
  103. package/dist/components/DateRange/hooks/useDateRange.js +36 -0
  104. package/dist/components/DateRange/hooks/useDateRangeDropdown.d.ts +47 -0
  105. package/dist/components/DateRange/hooks/useDateRangeDropdown.js +117 -0
  106. package/dist/components/DateRange/hooks/useDateRangeValue.d.ts +56 -0
  107. package/dist/components/DateRange/hooks/useDateRangeValue.js +173 -0
  108. package/dist/components/DateRange/hooks/useMaskInput.d.ts +18 -0
  109. package/dist/components/DateRange/hooks/useMaskInput.js +169 -0
  110. package/dist/components/DateRange/hooks/useMonthList.d.ts +12 -0
  111. package/dist/components/DateRange/hooks/useMonthList.js +80 -0
  112. package/dist/components/DateRange/hooks/useSideMenu.d.ts +14 -0
  113. package/dist/components/DateRange/hooks/useSideMenu.js +113 -0
  114. package/dist/components/DateRange/index.d.ts +1 -0
  115. package/dist/components/DateRange/index.js +1 -0
  116. package/dist/components/DateRange/locale/en-US.d.ts +2 -0
  117. package/dist/components/DateRange/locale/en-US.js +82 -0
  118. package/dist/components/DateRange/locale/index.d.ts +4 -0
  119. package/dist/components/DateRange/locale/index.js +3 -0
  120. package/dist/components/DateRange/locale/ru-RU.d.ts +2 -0
  121. package/dist/components/DateRange/locale/ru-RU.js +82 -0
  122. package/dist/components/DateRange/locale/types.d.ts +9 -0
  123. package/dist/components/DateRange/locale/types.js +7 -0
  124. package/dist/components/DateRange/locale/useLocale.d.ts +8 -0
  125. package/dist/components/DateRange/locale/useLocale.js +31 -0
  126. package/dist/components/DateRange/props.d.ts +39 -0
  127. package/dist/components/DateRange/props.js +0 -0
  128. package/dist/components/DateRange/types.d.ts +126 -0
  129. package/dist/components/DateRange/types.js +13 -0
  130. package/dist/components/DateRange/utils.d.ts +33 -0
  131. package/dist/components/DateRange/utils.js +105 -0
  132. package/dist/components/Datepicker/Datepicker.d.ts +3 -1
  133. package/dist/components/Datepicker/Datepicker.js +4 -2
  134. package/dist/components/Dropdown/Dropdown.d.ts +2 -0
  135. package/dist/components/Dropdown/Dropdown.js +7 -4
  136. package/dist/components/Dropdown/hooks/usePosition.d.ts +2 -1
  137. package/dist/components/Dropdown/hooks/usePosition.js +3 -3
  138. package/dist/components/EditableDate/DropdownContent/DropdownContent.d.ts +9 -0
  139. package/dist/components/EditableDate/DropdownContent/DropdownContent.js +36 -0
  140. package/dist/components/EditableDate/EditableDate.d.ts +9 -0
  141. package/dist/components/EditableDate/EditableDate.js +142 -0
  142. package/dist/components/EditableDate/EditableDate.module.js +7 -0
  143. package/dist/components/EditableDate/EditableDate_module.css +32 -0
  144. package/dist/components/EditableTitle/EditableTitle.d.ts +7 -2
  145. package/dist/components/EditableTitle/EditableTitle.js +64 -32
  146. package/dist/components/EditableTitle/EditableTitle.module.js +1 -0
  147. package/dist/components/EditableTitle/EditableTitle_module.css +6 -0
  148. package/dist/components/EmptyState/EmptyState.d.ts +1 -1
  149. package/dist/components/EmptyStateLarge/EmptyStateLarge_module.css +2 -2
  150. package/dist/components/FileUploader/FileUploader.helpers.d.ts +1 -0
  151. package/dist/components/FileUploader/FileUploader.helpers.js +4 -1
  152. package/dist/components/FileUploader/FileUploader.js +3 -1
  153. package/dist/components/FileUploader/FileUploader.types.d.ts +1 -0
  154. package/dist/components/FileUploader/components/FileUploaderPreview/FileUploaderPreview.js +4 -4
  155. package/dist/components/Help/Help.d.ts +12 -5
  156. package/dist/components/Help/Help.js +22 -7
  157. package/dist/components/Help/Help.module.js +6 -2
  158. package/dist/components/Help/Help_module.css +36 -8
  159. package/dist/components/Hint/Hint.js +4 -5
  160. package/dist/components/Hint/Hint.module.js +2 -3
  161. package/dist/components/Hint/Hint_module.css +0 -9
  162. package/dist/components/Informer/Informer.d.ts +37 -0
  163. package/dist/components/Informer/Informer.js +36 -0
  164. package/dist/components/Informer/Informer.module.js +7 -0
  165. package/dist/components/Informer/Informer_module.css +24 -0
  166. package/dist/components/Input/Input.d.ts +10 -0
  167. package/dist/components/Input/Input.js +99 -43
  168. package/dist/components/Input/Input.module.js +19 -3
  169. package/dist/components/Input/Input_module.css +156 -19
  170. package/dist/components/Input/components/InfoBlock.d.ts +14 -0
  171. package/dist/components/Input/components/InfoBlock.js +32 -0
  172. package/dist/components/InputUnit/InputUnit.d.ts +3 -0
  173. package/dist/components/InputUnit/InputUnit.js +45 -35
  174. package/dist/components/InputUnit/InputUnit.module.js +6 -1
  175. package/dist/components/InputUnit/InputUnit_module.css +27 -29
  176. package/dist/components/InputUnit/SelectUnit/SelectUnit.d.ts +1 -1
  177. package/dist/components/InputUnit/SelectUnit/SelectUnit.js +1 -4
  178. package/dist/components/InputUnit/SelectUnit/SelectUnit.module.js +1 -0
  179. package/dist/components/InputUnit/SelectUnit/SelectUnitVisible.d.ts +1 -1
  180. package/dist/components/InputUnit/SelectUnit/SelectUnitVisible.js +7 -2
  181. package/dist/components/InputUnit/SelectUnit/SelectUnit_module.css +29 -37
  182. package/dist/components/InputUnit/SelectUnit/type.d.ts +1 -0
  183. package/dist/components/InputUnit/Unit/Unit.js +1 -2
  184. package/dist/components/InputUnit/Unit/Unit_module.css +1 -0
  185. package/dist/components/Label/Label.d.ts +1 -0
  186. package/dist/components/LabelValue/LabelValue.d.ts +14 -10
  187. package/dist/components/LabelValue/LabelValue.js +59 -72
  188. package/dist/components/LabelValue/LabelValue.module.js +7 -4
  189. package/dist/components/LabelValue/LabelValue_module.css +36 -19
  190. package/dist/components/LabelValue/ValueBlock/ValueBlock.d.ts +2 -0
  191. package/dist/components/LabelValue/ValueBlock/ValueBlock.js +82 -0
  192. package/dist/components/LabelValue/ValueBlockWrapper.d.ts +5 -0
  193. package/dist/components/LabelValue/ValueBlockWrapper.js +13 -0
  194. package/dist/components/LabelValue/ValueIcon.d.ts +4 -0
  195. package/dist/components/LabelValue/ValueIcon.js +9 -0
  196. package/dist/components/LabelValue/ValueText.d.ts +10 -0
  197. package/dist/components/LabelValue/ValueText.js +24 -0
  198. package/dist/components/LabelValue/ValueTextWithHint.d.ts +12 -0
  199. package/dist/components/LabelValue/ValueTextWithHint.js +29 -0
  200. package/dist/components/LabelValue/hooks/useValueBlock.d.ts +29 -0
  201. package/dist/components/LabelValue/hooks/useValueBlock.js +72 -0
  202. package/dist/components/LabelValue/{ValueBlock/index.d.ts → types.d.ts} +8 -4
  203. package/dist/components/LabelValue/types.js +0 -0
  204. package/dist/components/LabelValueCheckbox/LabelValueCheckbox.d.ts +10 -0
  205. package/dist/components/LabelValueCheckbox/LabelValueCheckbox.js +22 -0
  206. package/dist/components/LabelValueCheckbox/LabelValueCheckbox.module.js +5 -0
  207. package/dist/components/LabelValueCheckbox/LabelValueCheckbox_module.css +5 -0
  208. package/dist/components/LabelValueDate/LabelValueDate.js +2 -2
  209. package/dist/components/LabelValueFile/DeleteButton/DeleteButton.d.ts +9 -0
  210. package/dist/components/LabelValueFile/DeleteButton/DeleteButton.js +17 -0
  211. package/dist/components/LabelValueFile/FilePreviewIcon/FilePreviewIcon.d.ts +7 -0
  212. package/dist/components/LabelValueFile/FilePreviewIcon/FilePreviewIcon.js +15 -0
  213. package/dist/components/LabelValueFile/FilePreviewIcon/FilePreviewIcon.module.js +6 -0
  214. package/dist/components/LabelValueFile/FilePreviewIcon/FilePreviewIcon_module.css +10 -0
  215. package/dist/components/LabelValueFile/ImagePreview/ImagePreview.d.ts +8 -0
  216. package/dist/components/LabelValueFile/ImagePreview/ImagePreview.js +53 -0
  217. package/dist/components/LabelValueFile/ImagePreview/ImagePreview.module.js +6 -0
  218. package/dist/components/LabelValueFile/ImagePreview/ImagePreview_module.css +13 -0
  219. package/dist/components/LabelValueFile/LabelValueFile.d.ts +7 -0
  220. package/dist/components/LabelValueFile/LabelValueFile.js +42 -0
  221. package/dist/components/LabelValueFile/LabelValueFile.module.js +12 -0
  222. package/dist/components/LabelValueFile/LabelValueFile_module.css +57 -0
  223. package/dist/components/LabelValueFile/ValueBlock/ValueBlock.d.ts +15 -0
  224. package/dist/components/LabelValueFile/ValueBlock/ValueBlock.js +130 -0
  225. package/dist/components/LabelValueFile/ValueBlock/ValueBlock.module.js +7 -0
  226. package/dist/components/LabelValueFile/ValueBlock/ValueBlock_module.css +17 -0
  227. package/dist/components/LabelValueInput/DropdownConnent/DropdownContent.d.ts +2 -0
  228. package/dist/components/LabelValueInput/DropdownConnent/DropdownContent.js +2 -0
  229. package/dist/components/LabelValueLink/LabelValueLink.d.ts +2 -0
  230. package/dist/components/LabelValueLink/LabelValueLink.js +76 -0
  231. package/dist/components/LabelValueLink/LabelValueLink.module.js +6 -0
  232. package/dist/components/LabelValueLink/LabelValueLink_module.css +11 -0
  233. package/dist/components/LabelValueLink/ValueBlock/LabelValueLinkValueBlock.d.ts +2 -0
  234. package/dist/components/LabelValueLink/ValueBlock/LabelValueLinkValueBlock.js +117 -0
  235. package/dist/components/LabelValueLink/ValueBlock/LabelValueLinkValueBlock.module.js +6 -0
  236. package/dist/components/LabelValueLink/ValueBlock/LabelValueLinkValueBlock_module.css +8 -0
  237. package/dist/components/LabelValueLink/normalizeLinkValue.d.ts +1 -0
  238. package/dist/components/LabelValueLink/normalizeLinkValue.js +10 -0
  239. package/dist/components/LabelValueLink/useLinkDropdownValue.d.ts +15 -0
  240. package/dist/components/LabelValueLink/useLinkDropdownValue.js +26 -0
  241. package/dist/components/LabelValueSelect/Input/Input_module.css +1 -3
  242. package/dist/components/LabelValueSelect/Input/index.js +1 -1
  243. package/dist/components/LabelValueSelect/LabelValueSelect.d.ts +4 -2
  244. package/dist/components/Layout/Layout.d.ts +13 -0
  245. package/dist/components/Layout/Layout.js +41 -0
  246. package/dist/components/Layout/Layout.module.js +15 -0
  247. package/dist/components/Layout/Layout_module.css +77 -0
  248. package/dist/components/Link/Link.d.ts +5 -6
  249. package/dist/components/Link/Link.js +35 -9
  250. package/dist/components/Link/Link.module.js +1 -0
  251. package/dist/components/Link/Link_module.css +9 -0
  252. package/dist/components/MentionsTextfield/Mentions/style.css +2 -6
  253. package/dist/components/MentionsTextfield/MentionsTextfield.d.ts +1 -1
  254. package/dist/components/MentionsTextfield/MentionsTextfield.js +42 -25
  255. package/dist/components/Multiselect/AllSelectedChip/AllSelectedChip.d.ts +8 -0
  256. package/dist/components/Multiselect/AllSelectedChip/AllSelectedChip.js +13 -0
  257. package/dist/components/Multiselect/AllSelectedChip/AllSelectedChip.module.js +5 -0
  258. package/dist/components/Multiselect/AllSelectedChip/AllSelectedChip_module.css +9 -0
  259. package/dist/components/Multiselect/DropdownContent/MultiselectDropdownContent.d.ts +12 -1
  260. package/dist/components/Multiselect/DropdownContent/MultiselectDropdownContent.js +25 -19
  261. package/dist/components/Multiselect/Input/Input.d.ts +6 -2
  262. package/dist/components/Multiselect/Input/Input.js +18 -4
  263. package/dist/components/Multiselect/Input/Input_module.css +1 -3
  264. package/dist/components/Multiselect/Multiselect.d.ts +8 -2
  265. package/dist/components/Multiselect/Multiselect.js +14 -2
  266. package/dist/components/Multiselect/ShortDropdownContent/ShortDropdownContent.js +2 -1
  267. package/dist/components/Multiselect/TextField/MultiselectTextField.d.ts +5 -1
  268. package/dist/components/Multiselect/TextField/MultiselectTextField.js +15 -2
  269. package/dist/components/Multiselect/lib/consts.d.ts +1 -1
  270. package/dist/components/Multiselect/lib/consts.js +1 -1
  271. package/dist/components/Multiselect/lib/helpers.d.ts +24 -0
  272. package/dist/components/Multiselect/lib/helpers.js +15 -0
  273. package/dist/components/Multiselect/types.d.ts +2 -0
  274. package/dist/components/Panel/Panel.d.ts +34 -0
  275. package/dist/components/Panel/Panel.js +39 -0
  276. package/dist/components/Panel/Panel.module.js +6 -0
  277. package/dist/components/Panel/Panel_module.css +17 -0
  278. package/dist/components/Radiobutton/Radiobutton.js +1 -1
  279. package/dist/components/Radiobutton/Radiobutton_module.css +5 -0
  280. package/dist/components/SearchInput/SearchInput_module.css +1 -1
  281. package/dist/components/Select/ArchivedInputValue/ArchivedInputValue.d.ts +3 -4
  282. package/dist/components/Select/ArchivedInputValue/ArchivedInputValue.js +19 -24
  283. package/dist/components/Select/ArchivedInputValue/ArchivedInputValue.module.js +1 -2
  284. package/dist/components/Select/ArchivedInputValue/ArchivedInputValue_module.css +5 -12
  285. package/dist/components/Select/Combobox/Combobox.d.ts +3 -1
  286. package/dist/components/Select/Combobox/Combobox.js +19 -8
  287. package/dist/components/Select/Combobox/Combobox.module.js +4 -3
  288. package/dist/components/Select/Combobox/Combobox_module.css +17 -15
  289. package/dist/components/Select/DropDownWithColors/DropDownWithColors.d.ts +1 -0
  290. package/dist/components/Select/DropDownWithColors/DropDownWithColors.js +2 -1
  291. package/dist/components/Select/DropdownActionsContainer/DropdownActionsContainer.d.ts +3 -0
  292. package/dist/components/Select/DropdownActionsContainer/DropdownActionsContainer.js +17 -0
  293. package/dist/components/Select/DropdownActionsContainer/DropdownActionsContainer.module.js +6 -0
  294. package/dist/components/Select/DropdownActionsContainer/DropdownActionsContainer_module.css +12 -0
  295. package/dist/components/Select/OptionsList/OptionsList.d.ts +4 -1
  296. package/dist/components/Select/OptionsList/OptionsList.js +39 -22
  297. package/dist/components/Select/OptionsList/OptionsList.module.js +2 -0
  298. package/dist/components/Select/OptionsList/OptionsList_module.css +19 -0
  299. package/dist/components/Select/Select.d.ts +10 -5
  300. package/dist/components/Select/Select.js +45 -40
  301. package/dist/components/Select/Select.module.js +1 -2
  302. package/dist/components/Select/Select_module.css +7 -14
  303. package/dist/components/Select/ShortVariant/ShortVariant.d.ts +5 -1
  304. package/dist/components/Select/ShortVariant/ShortVariant.js +6 -5
  305. package/dist/components/Select/ShortVariant/ShortVariant.module.js +1 -0
  306. package/dist/components/Select/ShortVariant/ShortVariant_module.css +5 -1
  307. package/dist/components/Select/types.d.ts +1 -0
  308. package/dist/components/Select/useDropdownPadding.d.ts +5 -0
  309. package/dist/components/Select/useDropdownPadding.js +22 -0
  310. package/dist/components/StatusBadge/StatusBadge.d.ts +28 -0
  311. package/dist/components/StatusBadge/StatusBadge.js +167 -0
  312. package/dist/components/StatusBadge/StatusBadge.module.js +37 -0
  313. package/dist/components/StatusBadge/StatusBadge_module.css +149 -0
  314. package/dist/components/StatusBadge/utils/StatusBadgeColor.d.ts +21 -0
  315. package/dist/components/StatusBadge/utils/StatusBadgeColor.js +20 -0
  316. package/dist/components/StatusBadge/utils/getStatusBadgeColor.d.ts +2 -0
  317. package/dist/components/StatusBadge/utils/getStatusBadgeColor.js +8 -0
  318. package/dist/components/Textfield/Textfield.d.ts +24 -3
  319. package/dist/components/Textfield/Textfield.js +38 -13
  320. package/dist/components/Textfield/Textfield.module.js +2 -1
  321. package/dist/components/Textfield/Textfield_module.css +95 -23
  322. package/dist/components/Textfield/components/ActionButton/ActionButton.d.ts +9 -0
  323. package/dist/components/Textfield/components/ActionButton/ActionButton.js +12 -0
  324. package/dist/components/Textfield/components/ActionButton/ActionButton.module.js +9 -0
  325. package/dist/components/Textfield/components/ActionButton/ActionButton_module.css +54 -0
  326. package/dist/components/Textfield/components/ActionButton/index.d.ts +1 -0
  327. package/dist/components/Textfield/components/ActionButton/index.js +1 -0
  328. package/dist/components/Textfield/components/Container/Container.d.ts +2 -0
  329. package/dist/components/Textfield/components/Container/Container.js +21 -7
  330. package/dist/components/Textfield/components/Container/Container.module.js +2 -1
  331. package/dist/components/Textfield/components/Container/Container_module.css +4 -0
  332. package/dist/components/Textfield/components/Counter/Counter.d.ts +3 -1
  333. package/dist/components/Textfield/components/Counter/Counter.js +5 -3
  334. package/dist/components/Textfield/components/Info/Info.d.ts +3 -1
  335. package/dist/components/Textfield/components/Info/Info.js +9 -4
  336. package/dist/components/Textfield/components/InnerContainer/InnerContainer.d.ts +3 -6
  337. package/dist/components/Textfield/components/InnerContainer/InnerContainer.js +2 -8
  338. package/dist/components/Textfield/components/InputContainer/InputContainer.d.ts +14 -3
  339. package/dist/components/Textfield/components/InputContainer/InputContainer.js +74 -5
  340. package/dist/components/Textfield/components/InputContainer/InputContainer.module.js +7 -1
  341. package/dist/components/Textfield/components/InputContainer/InputContainer_module.css +36 -7
  342. package/dist/components/Textfield/components/ResizeHandle/ResizeHandle.d.ts +10 -0
  343. package/dist/components/Textfield/components/ResizeHandle/ResizeHandle.js +50 -0
  344. package/dist/components/Textfield/components/ResizeHandle/ResizeHandle.module.js +7 -0
  345. package/dist/components/Textfield/components/ResizeHandle/ResizeHandle_module.css +21 -0
  346. package/dist/components/Textfield/components/ResizeHandle/index.d.ts +1 -0
  347. package/dist/components/Textfield/components/ResizeHandle/index.js +1 -0
  348. package/dist/components/Textfield/consts/index.d.ts +2 -0
  349. package/dist/components/Textfield/consts/index.js +3 -0
  350. package/dist/components/Textfield/types/index.d.ts +12 -0
  351. package/dist/components/Textfield/types/index.js +5 -0
  352. package/dist/components/Textfield/utils/index.d.ts +3 -0
  353. package/dist/components/Textfield/utils/index.js +8 -0
  354. package/dist/components/Toggle/Toggle.js +1 -1
  355. package/dist/components/Tooltip/Tooltip.d.ts +4 -1
  356. package/dist/components/Tooltip/Tooltip.js +9 -9
  357. package/dist/components/Tooltip/Tooltip.module.js +3 -1
  358. package/dist/components/Tooltip/Tooltip_module.css +13 -3
  359. package/dist/components/Tooltip/{consts.d.ts → constants/ArrowAlign.d.ts} +0 -2
  360. package/dist/components/Tooltip/constants/TooltipBodyColor.d.ts +4 -0
  361. package/dist/components/Tooltip/constants/TooltipBodyColor.js +5 -0
  362. package/dist/components/Tooltip/constants/index.d.ts +2 -0
  363. package/dist/components/Tooltip/constants/index.js +2 -0
  364. package/dist/components/Tooltip/hooks.d.ts +2 -2
  365. package/dist/components/Tooltip/hooks.js +1 -1
  366. package/dist/components/Tooltip/types.d.ts +4 -0
  367. package/dist/components/Tooltip/types.js +0 -0
  368. package/dist/components/ViewersStack/ViewersStack.d.ts +13 -0
  369. package/dist/components/ViewersStack/ViewersStack.js +79 -0
  370. package/dist/components/ViewersStack/ViewersStack.module.js +7 -0
  371. package/dist/components/ViewersStack/ViewersStack_module.css +18 -0
  372. package/dist/components/ViewersStack/components/Avatar/Avatar.d.ts +13 -0
  373. package/dist/components/ViewersStack/components/Avatar/Avatar.js +35 -0
  374. package/dist/components/ViewersStack/components/Avatar/Avatar.module.js +13 -0
  375. package/dist/components/ViewersStack/components/Avatar/Avatar_module.css +45 -0
  376. package/dist/components/ViewersStack/components/Counter/Counter.d.ts +9 -0
  377. package/dist/components/ViewersStack/components/Counter/Counter.js +27 -0
  378. package/dist/components/ViewersStack/components/Counter/Counter.module.js +5 -0
  379. package/dist/components/ViewersStack/components/Counter/Counter_module.css +20 -0
  380. package/dist/components/ViewersStack/components/ViewersTooltip/ViewersTooltip.d.ts +15 -0
  381. package/dist/components/ViewersStack/components/ViewersTooltip/ViewersTooltip.js +41 -0
  382. package/dist/components/ViewersStack/components/ViewersTooltip/ViewersTooltip.module.js +6 -0
  383. package/dist/components/ViewersStack/components/ViewersTooltip/ViewersTooltip_module.css +14 -0
  384. package/dist/components/ViewersStack/components/ViewersTooltipOverlayItem/ViewersTooltipOverlayItem.d.ts +6 -0
  385. package/dist/components/ViewersStack/components/ViewersTooltipOverlayItem/ViewersTooltipOverlayItem.js +53 -0
  386. package/dist/components/ViewersStack/components/ViewersTooltipOverlayItem/ViewersTooltipOverlayItem.module.js +7 -0
  387. package/dist/components/ViewersStack/components/ViewersTooltipOverlayItem/ViewersTooltipOverlayItem_module.css +18 -0
  388. package/dist/components/ViewersStack/components/common.module.js +7 -0
  389. package/dist/components/ViewersStack/components/common_module.css +27 -0
  390. package/dist/components/ViewersStack/types.d.ts +22 -0
  391. package/dist/components/ViewersStack/types.js +17 -0
  392. package/dist/components/ViewersStack/utils.d.ts +3 -0
  393. package/dist/components/ViewersStack/utils.js +17 -0
  394. package/dist/components/_shared/CustomDatepickerDropdownContent/CustomDatepickerDropdownContent.d.ts +12 -0
  395. package/dist/components/{LabelValueDate/DropdownContent/index.js → _shared/CustomDatepickerDropdownContent/CustomDatepickerDropdownContent.js} +10 -10
  396. package/dist/components/_shared/CustomDatepickerDropdownContent/CustomDatepickerDropdownContent.module.js +9 -0
  397. package/dist/components/{LabelValueDate/DropdownContent/DropdownContent_module.css → _shared/CustomDatepickerDropdownContent/CustomDatepickerDropdownContent_module.css} +6 -6
  398. package/dist/components/_shared/FieldLabel/FieldLabel.constants.d.ts +1 -0
  399. package/dist/components/_shared/FieldLabel/FieldLabel.constants.js +5 -0
  400. package/dist/components/_shared/FieldLabel/FieldLabel.d.ts +18 -0
  401. package/dist/components/_shared/FieldLabel/FieldLabel.js +83 -0
  402. package/dist/components/_shared/FieldLabel/FieldLabel.module.js +11 -0
  403. package/dist/components/_shared/FieldLabel/FieldLabel_module.css +42 -0
  404. package/dist/components/_shared/FieldLabel/components/HelpButton.d.ts +8 -0
  405. package/dist/components/_shared/FieldLabel/components/HelpButton.js +15 -0
  406. package/dist/components/_shared/FieldLabel/components/HelpButton.module.js +5 -0
  407. package/dist/components/_shared/FieldLabel/components/HelpButton_module.css +8 -0
  408. package/dist/components/_shared/FieldLabel/components/index.d.ts +1 -0
  409. package/dist/components/_shared/FieldLabel/components/index.js +1 -0
  410. package/dist/components/{FieldRow → _shared/FieldRow}/FieldRow.d.ts +1 -1
  411. package/dist/components/{FieldRow → _shared/FieldRow}/FieldRow.js +1 -1
  412. package/dist/components/{FieldRow → _shared/FieldRow}/FieldRow.module.js +3 -3
  413. package/dist/components/{FieldRow → _shared/FieldRow}/FieldRow_module.css +3 -3
  414. package/dist/components/{EditableTitle → _shared/HintWithSkip}/HintWithSkip.d.ts +1 -1
  415. package/dist/components/{EditableTitle → _shared/HintWithSkip}/HintWithSkip.js +1 -1
  416. package/dist/components/_shared/Info/Info.d.ts +12 -0
  417. package/dist/components/_shared/Info/Info.js +46 -0
  418. package/dist/components/_shared/Info/Info.module.js +9 -0
  419. package/dist/components/_shared/Info/Info_module.css +32 -0
  420. package/dist/components/_shared/Info/types/index.d.ts +6 -0
  421. package/dist/components/_shared/Info/types/index.js +5 -0
  422. package/dist/components/_shared/InputClear/InputClear.d.ts +14 -0
  423. package/dist/components/_shared/InputClear/InputClear.js +18 -0
  424. package/dist/components/{InputClear → _shared/InputClear}/InputClear.module.js +3 -1
  425. package/dist/components/_shared/InputClear/InputClear_module.css +34 -0
  426. package/dist/components/_shared/utils/polymorphicClickableTypes.d.ts +17 -0
  427. package/dist/components/_shared/utils/polymorphicClickableTypes.js +7 -0
  428. package/dist/data-grid/Filters/DateRangeFilter/DropdownContent/index.js +3 -3
  429. package/dist/data-grid/Filters/DateRangeFilter/InputContent/index.js +29 -26
  430. package/dist/data-grid/Filters/DateRangeFilter/PeriodVariantList/index.js +5 -3
  431. package/dist/data-grid/Filters/DateRangeFilter/Year/index.js +3 -3
  432. package/dist/data-grid/Filters/DateRangeFilter/consts.js +6 -6
  433. package/dist/data-grid/Filters/DateRangeFilter/hooks/useMaskInput.js +6 -6
  434. package/dist/data-grid/Filters/DateRangeFilter/hooks/useSideMenu.js +1 -4
  435. package/dist/data-grid/Filters/DateRangeFilter/types.d.ts +68 -56
  436. package/dist/data-grid/Filters/FiltersContainer/FiltersContainer.js +2 -1
  437. package/dist/data-grid/Filters/FiltersContainer/utils/useRenderParams.d.ts +1 -0
  438. package/dist/data-grid/Filters/FiltersContainer/utils/useRenderParams.js +14 -6
  439. package/dist/data-grid/Filters/MultiselectFilter/MultiselectFilter.js +2 -2
  440. package/dist/data-grid/Filters/OutlineInput/OutlineInput.js +2 -2
  441. package/dist/data-grid/Filters/OutlineInput/OutlineInput_module.css +1 -1
  442. package/dist/data-grid/Table/Table.d.ts +14 -22
  443. package/dist/data-grid/Table/Table.js +99 -61
  444. package/dist/data-grid/Table/Table.module.js +2 -0
  445. package/dist/data-grid/Table/Table_module.css +23 -1
  446. package/dist/data-grid/Table/components/Body/Body.d.ts +10 -14
  447. package/dist/data-grid/Table/components/Body/Body.js +11 -47
  448. package/dist/data-grid/Table/components/DraggableRow/DraggableRow.js +1 -1
  449. package/dist/data-grid/Table/components/Footer/Footer.module.js +0 -1
  450. package/dist/data-grid/Table/components/Footer/FooterContent.d.ts +9 -0
  451. package/dist/data-grid/Table/components/Footer/{Footer.js → FooterContent.js} +4 -5
  452. package/dist/data-grid/Table/components/Footer/Footer_module.css +0 -5
  453. package/dist/data-grid/Table/components/Header/Header.module.js +0 -1
  454. package/dist/data-grid/Table/components/Header/HeaderCell.js +3 -1
  455. package/dist/data-grid/Table/components/Header/HeaderContent.d.ts +1 -0
  456. package/dist/data-grid/Table/components/Header/{Header.js → HeaderContent.js} +8 -6
  457. package/dist/data-grid/Table/components/Header/Header_module.css +0 -15
  458. package/dist/data-grid/Table/components/Row/Row.d.ts +13 -0
  459. package/dist/data-grid/Table/components/Row/Row.js +40 -0
  460. package/dist/data-grid/Table/components/Row/Row.module.js +14 -0
  461. package/dist/data-grid/Table/components/{TableRow/TableRow_module.css → Row/Row_module.css} +7 -7
  462. package/dist/data-grid/Table/components/SubRows/SubRows.d.ts +5 -4
  463. package/dist/data-grid/Table/components/SubRows/SubRows.js +3 -3
  464. package/dist/data-grid/Table/components/TableCell/TableCell.js +2 -0
  465. package/dist/data-grid/Table/components/TableDragOverlay/TableDragOverlay.d.ts +5 -6
  466. package/dist/data-grid/Table/components/TableDragOverlay/TableDragOverlay.js +2 -2
  467. package/dist/data-grid/Table/components/TableRow/TableRow.d.ts +6 -14
  468. package/dist/data-grid/Table/components/TableRow/TableRow.js +34 -25
  469. package/dist/data-grid/Table/components/VirtualTable/VirtualTable.d.ts +10 -0
  470. package/dist/data-grid/Table/components/VirtualTable/VirtualTable.js +78 -0
  471. package/dist/data-grid/Table/components/VirtualTable/VirtualTableRow.d.ts +11 -0
  472. package/dist/data-grid/Table/components/VirtualTable/VirtualTableRow.js +18 -0
  473. package/dist/data-grid/Table/components/index.d.ts +3 -3
  474. package/dist/data-grid/Table/components/index.js +2 -2
  475. package/dist/data-grid/Table/constants.d.ts +2 -0
  476. package/dist/data-grid/Table/constants.js +3 -1
  477. package/dist/data-grid/Table/hooks/index.d.ts +1 -0
  478. package/dist/data-grid/Table/hooks/index.js +1 -0
  479. package/dist/data-grid/Table/hooks/useRowContext.d.ts +16 -0
  480. package/dist/data-grid/Table/hooks/useRowContext.js +44 -0
  481. package/dist/data-grid/Table/hooks/useTableContext.d.ts +7 -2
  482. package/dist/data-grid/Table/hooks/useTableContext.js +12 -2
  483. package/dist/data-grid/Table/index.d.ts +2 -2
  484. package/dist/data-grid/Table/types.d.ts +8 -1
  485. package/dist/data-grid/Table/types.js +5 -0
  486. package/dist/data-grid/Table/utils/compareColumnIds.d.ts +1 -0
  487. package/dist/data-grid/Table/utils/compareColumnIds.js +6 -0
  488. package/dist/data-grid/Table/utils/getColumnWidthStyles.d.ts +5 -0
  489. package/dist/data-grid/Table/utils/getColumnWidthStyles.js +4 -1
  490. package/dist/data-grid/Table/utils/getTableColumnIds.d.ts +3 -0
  491. package/dist/data-grid/Table/utils/getTableColumnIds.js +5 -0
  492. package/dist/data-grid/Table/utils/index.d.ts +2 -0
  493. package/dist/data-grid/Table/utils/index.js +2 -0
  494. package/dist/data-grid/Table/utils/withDnD.js +1 -1
  495. package/dist/data-grid/base/DropdownItem/DropdownItem.d.ts +3 -3
  496. package/dist/data-grid/base/DropdownItem/DropdownItem.js +3 -2
  497. package/dist/data-grid/base/OverflowHint/OverflowHint.d.ts +1 -0
  498. package/dist/data-grid/base/OverflowHint/OverflowHint.js +5 -3
  499. package/dist/data-grid/base/OverflowHint/utils.d.ts +1 -0
  500. package/dist/data-grid/base/OverflowHint/utils.js +7 -0
  501. package/dist/data-grid/cells/AutoCompleteCell/AutoCompleteCell.js +3 -4
  502. package/dist/data-grid/cells/DecimalCell/DecimalCell_module.css +1 -1
  503. package/dist/data-grid/cells/FileCell/FileCell_module.css +1 -1
  504. package/dist/data-grid/cells/ImageCell/ImageCell.d.ts +1 -0
  505. package/dist/data-grid/cells/ImageCell/ImageCell.js +5 -2
  506. package/dist/data-grid/cells/ImageCell/ImageMiniature/ImageMiniature_module.css +1 -1
  507. package/dist/data-grid/cells/IndexCheckboxDndCell/IndexCheckboxDndCell.d.ts +7 -2
  508. package/dist/data-grid/cells/IndexCheckboxDndCell/IndexCheckboxDndCell.js +6 -4
  509. package/dist/data-grid/cells/InputCell/InputCell.js +3 -4
  510. package/dist/data-grid/cells/IntegerCell/IntegerCell_module.css +1 -1
  511. package/dist/data-grid/cells/LinkCell/LinkCell_module.css +1 -1
  512. package/dist/data-grid/cells/NameCell/NameCell.js +3 -0
  513. package/dist/data-grid/cells/NameCell/NameCell_module.css +2 -2
  514. package/dist/data-grid/cells/NumberInputCell/NumberInputCell.js +19 -17
  515. package/dist/data-grid/cells/SelectCell/SelectCell.js +3 -4
  516. package/dist/data-grid/cells/TextCell/TextCell_module.css +1 -1
  517. package/dist/data-grid/cells/ToggleCell/ToggleCell_module.css +1 -1
  518. package/dist/data-grid/cells/components/EditableCellWrapper/EditableCellWrapper.d.ts +3 -0
  519. package/dist/data-grid/cells/components/EditableCellWrapper/EditableCellWrapper.js +9 -0
  520. package/dist/data-grid/cells/components/EditableCellWrapper/EditableCellWrapper.module.js +5 -0
  521. package/dist/data-grid/cells/{InputCell/InputCell_module.css → components/EditableCellWrapper/EditableCellWrapper_module.css} +2 -2
  522. package/dist/data-grid/cells/components/EditableCellWrapper/index.d.ts +1 -0
  523. package/dist/data-grid/cells/components/EditableCellWrapper/index.js +1 -0
  524. package/dist/data-grid/cells/components/RowActionsMenu/RowActionsMenu.d.ts +4 -3
  525. package/dist/data-grid/cells/components/RowActionsMenu/RowActionsMenu.js +13 -13
  526. package/dist/data-grid/cells/components/TableInput/TableInput.js +19 -3
  527. package/dist/data-grid/cells/components/TableInput/TableInput_module.css +1 -1
  528. package/dist/data-grid/cells/components/TableNumberInput/TableNumberInput.d.ts +5 -3
  529. package/dist/data-grid/cells/components/TableNumberInput/TableNumberInput.js +56 -55
  530. package/dist/data-grid/cells/components/TableSelect/ActionButton/ActionButton.d.ts +4 -1
  531. package/dist/data-grid/cells/components/TableSelect/ActionButton/ActionButton.js +4 -3
  532. package/dist/data-grid/cells/components/TableSelect/TableSelect.d.ts +15 -10
  533. package/dist/data-grid/cells/components/TableSelect/TableSelect.js +13 -8
  534. package/dist/data-grid/cells/components/index.d.ts +1 -0
  535. package/dist/data-grid/cells/components/index.js +1 -0
  536. package/dist/data-grid/cells/index.d.ts +1 -1
  537. package/dist/data-grid/cells/index.js +1 -1
  538. package/dist/data-grid/headers/PlainTextHeader.js +3 -2
  539. package/dist/data-grid/headers/components/Dropdown/Dropdown.d.ts +3 -0
  540. package/dist/data-grid/headers/components/Dropdown/DropdownArrowBtn/DropdownArrowBtn.js +5 -1
  541. package/dist/data-grid/headers/components/Dropdown/Option/Option.d.ts +1 -1
  542. package/dist/data-grid/headers/components/Dropdown/Option/Option.js +2 -2
  543. package/dist/data-grid/headers/components/Dropdown/Option/Option_module.css +10 -2
  544. package/dist/data-grid/headers/components/HeaderBuilder/HeaderBuilder.d.ts +13 -3
  545. package/dist/data-grid/headers/components/HeaderBuilder/HeaderBuilder.js +65 -83
  546. package/dist/data-grid/headers/components/HeaderBuilder/HeaderBuilder.module.js +2 -1
  547. package/dist/data-grid/headers/components/HeaderBuilder/HeaderBuilder_module.css +21 -0
  548. package/dist/data-grid/headers/components/HeaderSortGroups/components/SortByOption/SortByOption.js +7 -15
  549. package/dist/data-grid/headers/components/HideColumn/HideColumn.js +8 -13
  550. package/dist/data-grid/headers/components/ResetFilter/ResetFilter.js +7 -10
  551. package/dist/data-grid/headers/components/ResetFilter/ResetFilter.module.js +0 -1
  552. package/dist/data-grid/headers/components/ResetFilter/ResetFilter_module.css +1 -21
  553. package/dist/data-grid/headers/components/index.d.ts +1 -1
  554. package/dist/data-grid/headers/index.d.ts +1 -1
  555. package/dist/data-grid/headers/types/types.d.ts +1 -0
  556. package/dist/data-grid/index.d.ts +0 -4
  557. package/dist/data-grid/locale/en-US.js +68 -56
  558. package/dist/data-grid/locale/ru-RU.js +68 -56
  559. package/dist/data-grid/locale/useLocale.d.ts +6 -1
  560. package/dist/data-grid/locale/useLocale.js +14 -5
  561. package/dist/data-grid/types/index.d.ts +1 -0
  562. package/dist/data-grid/utils/isOverflowed.js +21 -1
  563. package/dist/hooks/useDebounceCallback/useDebounceCallback.d.ts +2 -0
  564. package/dist/hooks/useDebounceCallback/useDebounceCallback.js +21 -0
  565. package/dist/hooks/useDismissOnFocusOutside/index.d.ts +2 -1
  566. package/dist/hooks/useDismissOnFocusOutside/index.js +4 -3
  567. package/dist/hooks/useDismissOnOutsideClick/index.d.ts +2 -1
  568. package/dist/hooks/useDismissOnOutsideClick/index.js +4 -3
  569. package/dist/hooks/useIsElementOverflowing/index.d.ts +1 -0
  570. package/dist/hooks/useIsElementOverflowing/index.js +8 -2
  571. package/dist/hooks/useOverflowHint/index.d.ts +7 -0
  572. package/dist/hooks/useOverflowHint/index.js +16 -0
  573. package/dist/hooks/useTextField/useTextField.d.ts +5 -6
  574. package/dist/hooks/useTextField/useTextField.js +6 -24
  575. package/dist/hooks/useUnmount/useUnmount.d.ts +1 -0
  576. package/dist/hooks/useUnmount/useUnmount.js +9 -0
  577. package/dist/icon/components/MsLogo12Icon.d.ts +8 -0
  578. package/dist/icon/components/MsLogo12Icon.js +28 -0
  579. package/dist/icon/components/MsLogo16Icon.d.ts +8 -0
  580. package/dist/icon/components/MsLogo16Icon.js +26 -0
  581. package/dist/icon/components/MsLogo20Icon.d.ts +8 -0
  582. package/dist/icon/components/MsLogo20Icon.js +28 -0
  583. package/dist/icon/components/MyApps12Icon.d.ts +8 -0
  584. package/dist/icon/components/MyApps12Icon.js +18 -0
  585. package/dist/icon/components/MyApps16Icon.d.ts +8 -0
  586. package/dist/icon/components/MyApps16Icon.js +17 -0
  587. package/dist/icon/components/MyApps20Icon.d.ts +8 -0
  588. package/dist/icon/components/MyApps20Icon.js +18 -0
  589. package/dist/icon/components/Phone12Icon.d.ts +8 -0
  590. package/dist/icon/components/Phone12Icon.js +18 -0
  591. package/dist/icon/components/Phone16Icon.d.ts +8 -0
  592. package/dist/icon/components/Phone16Icon.js +17 -0
  593. package/dist/icon/components/Phone20Icon.d.ts +8 -0
  594. package/dist/icon/components/Phone20Icon.js +18 -0
  595. package/dist/icon/components/Smile12Icon.d.ts +8 -0
  596. package/dist/icon/components/Smile12Icon.js +17 -0
  597. package/dist/icon/components/Smile16Icon.d.ts +8 -0
  598. package/dist/icon/components/Smile16Icon.js +16 -0
  599. package/dist/icon/components/Smile20Icon.d.ts +8 -0
  600. package/dist/icon/components/Smile20Icon.js +17 -0
  601. package/dist/icon/index.d.ts +12 -0
  602. package/dist/icon/index.js +12 -0
  603. package/dist/index.d.ts +13 -5
  604. package/dist/index.js +11 -1
  605. package/dist/utils/checkIsArchivedValue.d.ts +2 -0
  606. package/dist/utils/checkIsArchivedValue.js +5 -0
  607. package/dist/utils/debounce/debounce.d.ts +10 -0
  608. package/dist/utils/debounce/debounce.js +73 -0
  609. package/dist/utils/isRecordEqual/isRecordEqual.d.ts +1 -0
  610. package/dist/utils/isRecordEqual/isRecordEqual.js +9 -0
  611. package/dist/utils/utils.d.ts +3 -0
  612. package/dist/utils/utils.js +3 -0
  613. package/package.json +88 -12
  614. package/dist/components/Info/Info.d.ts +0 -13
  615. package/dist/components/Info/Info.js +0 -20
  616. package/dist/components/Info/Info.module.js +0 -6
  617. package/dist/components/Info/Info_module.css +0 -11
  618. package/dist/components/InputClear/InputClear.d.ts +0 -11
  619. package/dist/components/InputClear/InputClear.js +0 -12
  620. package/dist/components/InputClear/InputClear_module.css +0 -21
  621. package/dist/components/LabelValue/HelpButton/HelpButton.module.js +0 -8
  622. package/dist/components/LabelValue/HelpButton/HelpButton_module.css +0 -44
  623. package/dist/components/LabelValue/HelpButton/index.d.ts +0 -8
  624. package/dist/components/LabelValue/HelpButton/index.js +0 -36
  625. package/dist/components/LabelValue/ValueBlock/index.js +0 -138
  626. package/dist/components/LabelValue/hooks/useTooltip.d.ts +0 -8
  627. package/dist/components/LabelValue/hooks/useTooltip.js +0 -16
  628. package/dist/components/LabelValueDate/DropdownContent/DropdownContent.module.js +0 -9
  629. package/dist/components/LabelValueDate/DropdownContent/index.d.ts +0 -12
  630. package/dist/components/Textfield/components/ClearIcon/ClearIcon.d.ts +0 -6
  631. package/dist/components/Textfield/components/ClearIcon/ClearIcon.js +0 -13
  632. package/dist/components/Textfield/components/ClearIcon/ClearIcon.module.js +0 -6
  633. package/dist/components/Textfield/components/ClearIcon/ClearIcon_module.css +0 -11
  634. package/dist/components/Textfield/components/Label/Label.d.ts +0 -9
  635. package/dist/components/Textfield/components/Label/Label.js +0 -32
  636. package/dist/components/Textfield/components/Label/Label.module.js +0 -7
  637. package/dist/components/Textfield/components/Label/Label_module.css +0 -17
  638. package/dist/components/Textfield/components/Label/index.d.ts +0 -1
  639. package/dist/components/Textfield/components/Label/index.js +0 -1
  640. package/dist/data-grid/Table/components/Footer/Footer.d.ts +0 -9
  641. package/dist/data-grid/Table/components/Header/Header.d.ts +0 -8
  642. package/dist/data-grid/Table/components/TableRow/TableRow.module.js +0 -14
  643. package/dist/data-grid/cells/AutoCompleteCell/AutoCompleteCell.module.js +0 -5
  644. package/dist/data-grid/cells/AutoCompleteCell/AutoCompleteCell_module.css +0 -8
  645. package/dist/data-grid/cells/InputCell/InputCell.module.js +0 -5
  646. package/dist/data-grid/cells/NumberInputCell/NumberInputCell.module.js +0 -5
  647. package/dist/data-grid/cells/NumberInputCell/NumberInputCell_module.css +0 -8
  648. package/dist/data-grid/cells/SelectCell/SelectCell.module.js +0 -8
  649. package/dist/data-grid/cells/SelectCell/SelectCell_module.css +0 -33
  650. package/dist/data-grid/headers/components/HeaderSortGroups/components/SortByOption/SortByOption.module.js +0 -7
  651. package/dist/data-grid/headers/components/HeaderSortGroups/components/SortByOption/SortByOption_module.css +0 -22
  652. package/dist/data-grid/headers/components/HideColumn/HideColumn.module.js +0 -6
  653. package/dist/data-grid/headers/components/HideColumn/HideColumn_module.css +0 -20
  654. /package/dist/components/Tooltip/{consts.js → constants/ArrowAlign.js} +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@moysklad/uikit",
3
- "version": "28.1.0",
3
+ "version": "31.20.0",
4
4
  "license": "Apache-2.0",
5
5
  "type": "module",
6
6
  "module": "./dist/index.js",
@@ -20,8 +20,6 @@
20
20
  "clsx": "2.1.1",
21
21
  "date-fns": "4.1.0",
22
22
  "framer-motion": "12.36.0",
23
- "lodash.debounce": "4.0.8",
24
- "lodash.isequal": "4.5.0",
25
23
  "nanoid": "5.1.7",
26
24
  "notistack": "3.0.2",
27
25
  "rc-mentions": "2.20.0",
@@ -65,6 +63,10 @@
65
63
  "types": "./dist/components/Banner/Banner.d.ts",
66
64
  "import": "./dist/components/Banner/Banner.js"
67
65
  },
66
+ "./components/BentoBlock": {
67
+ "types": "./dist/components/BentoBlock/BentoBlock.d.ts",
68
+ "import": "./dist/components/BentoBlock/BentoBlock.js"
69
+ },
68
70
  "./components/BodyL": {
69
71
  "types": "./dist/components/BodyL/BodyL.d.ts",
70
72
  "import": "./dist/components/BodyL/BodyL.js"
@@ -117,6 +119,10 @@
117
119
  "types": "./dist/components/Datepicker/Datepicker.d.ts",
118
120
  "import": "./dist/components/Datepicker/Datepicker.js"
119
121
  },
122
+ "./components/DateRange": {
123
+ "types": "./dist/components/DateRange/DateRange.d.ts",
124
+ "import": "./dist/components/DateRange/DateRange.js"
125
+ },
120
126
  "./components/Dot": {
121
127
  "types": "./dist/components/Dot/Dot.d.ts",
122
128
  "import": "./dist/components/Dot/Dot.js"
@@ -125,6 +131,10 @@
125
131
  "types": "./dist/components/Dropdown/Dropdown.d.ts",
126
132
  "import": "./dist/components/Dropdown/Dropdown.js"
127
133
  },
134
+ "./components/EditableDate": {
135
+ "types": "./dist/components/EditableDate/EditableDate.d.ts",
136
+ "import": "./dist/components/EditableDate/EditableDate.js"
137
+ },
128
138
  "./components/EditableTitle": {
129
139
  "types": "./dist/components/EditableTitle/EditableTitle.d.ts",
130
140
  "import": "./dist/components/EditableTitle/EditableTitle.js"
@@ -137,9 +147,13 @@
137
147
  "types": "./dist/components/EmptyStateLarge/EmptyStateLarge.d.ts",
138
148
  "import": "./dist/components/EmptyStateLarge/EmptyStateLarge.js"
139
149
  },
150
+ "./components/FieldLabel": {
151
+ "types": "./dist/components/_shared/FieldLabel/FieldLabel.d.ts",
152
+ "import": "./dist/components/_shared/FieldLabel/FieldLabel.js"
153
+ },
140
154
  "./components/FieldRow": {
141
- "types": "./dist/components/FieldRow/FieldRow.d.ts",
142
- "import": "./dist/components/FieldRow/FieldRow.js"
155
+ "types": "./dist/components/_shared/FieldRow/FieldRow.d.ts",
156
+ "import": "./dist/components/_shared/FieldRow/FieldRow.js"
143
157
  },
144
158
  "./components/FileUploader": {
145
159
  "types": "./dist/components/FileUploader/FileUploader.d.ts",
@@ -186,16 +200,20 @@
186
200
  "import": "./dist/components/Indicator/Indicator.js"
187
201
  },
188
202
  "./components/Info": {
189
- "types": "./dist/components/Info/Info.d.ts",
190
- "import": "./dist/components/Info/Info.js"
203
+ "types": "./dist/components/_shared/Info/Info.d.ts",
204
+ "import": "./dist/components/_shared/Info/Info.js"
205
+ },
206
+ "./components/Informer": {
207
+ "types": "./dist/components/Informer/Informer.d.ts",
208
+ "import": "./dist/components/Informer/Informer.js"
191
209
  },
192
210
  "./components/Input": {
193
211
  "types": "./dist/components/Input/Input.d.ts",
194
212
  "import": "./dist/components/Input/Input.js"
195
213
  },
196
214
  "./components/InputClear": {
197
- "types": "./dist/components/InputClear/InputClear.d.ts",
198
- "import": "./dist/components/InputClear/InputClear.js"
215
+ "types": "./dist/components/_shared/InputClear/InputClear.d.ts",
216
+ "import": "./dist/components/_shared/InputClear/InputClear.js"
199
217
  },
200
218
  "./components/InputUnit": {
201
219
  "types": "./dist/components/InputUnit/InputUnit.d.ts",
@@ -209,14 +227,26 @@
209
227
  "types": "./dist/components/LabelValue/LabelValue.d.ts",
210
228
  "import": "./dist/components/LabelValue/LabelValue.js"
211
229
  },
230
+ "./components/LabelValueCheckbox": {
231
+ "types": "./dist/components/LabelValueCheckbox/LabelValueCheckbox.d.ts",
232
+ "import": "./dist/components/LabelValueCheckbox/LabelValueCheckbox.js"
233
+ },
212
234
  "./components/LabelValueDate": {
213
235
  "types": "./dist/components/LabelValueDate/LabelValueDate.d.ts",
214
236
  "import": "./dist/components/LabelValueDate/LabelValueDate.js"
215
237
  },
238
+ "./components/LabelValueFile": {
239
+ "types": "./dist/components/LabelValueFile/LabelValueFile.d.ts",
240
+ "import": "./dist/components/LabelValueFile/LabelValueFile.js"
241
+ },
216
242
  "./components/LabelValueInput": {
217
243
  "types": "./dist/components/LabelValueInput/LabelValueInput.d.ts",
218
244
  "import": "./dist/components/LabelValueInput/LabelValueInput.js"
219
245
  },
246
+ "./components/LabelValueLink": {
247
+ "types": "./dist/components/LabelValueLink/LabelValueLink.d.ts",
248
+ "import": "./dist/components/LabelValueLink/LabelValueLink.js"
249
+ },
220
250
  "./components/LabelValueSelect": {
221
251
  "types": "./dist/components/LabelValueSelect/LabelValueSelect.d.ts",
222
252
  "import": "./dist/components/LabelValueSelect/LabelValueSelect.js"
@@ -225,6 +255,10 @@
225
255
  "types": "./dist/components/LabelValueTextfield/LabelValueTextfield.d.ts",
226
256
  "import": "./dist/components/LabelValueTextfield/LabelValueTextfield.js"
227
257
  },
258
+ "./components/Layout": {
259
+ "types": "./dist/components/Layout/Layout.d.ts",
260
+ "import": "./dist/components/Layout/Layout.js"
261
+ },
228
262
  "./components/Link": {
229
263
  "types": "./dist/components/Link/Link.d.ts",
230
264
  "import": "./dist/components/Link/Link.js"
@@ -253,6 +287,10 @@
253
287
  "types": "./dist/components/Pagination/Pagination.d.ts",
254
288
  "import": "./dist/components/Pagination/Pagination.js"
255
289
  },
290
+ "./components/Panel": {
291
+ "types": "./dist/components/Panel/Panel.d.ts",
292
+ "import": "./dist/components/Panel/Panel.js"
293
+ },
256
294
  "./components/Progressbar": {
257
295
  "types": "./dist/components/Progressbar/Progressbar.d.ts",
258
296
  "import": "./dist/components/Progressbar/Progressbar.js"
@@ -305,6 +343,10 @@
305
343
  "types": "./dist/components/Spinner/Spinner.d.ts",
306
344
  "import": "./dist/components/Spinner/Spinner.js"
307
345
  },
346
+ "./components/StatusBadge": {
347
+ "types": "./dist/components/StatusBadge/StatusBadge.d.ts",
348
+ "import": "./dist/components/StatusBadge/StatusBadge.js"
349
+ },
308
350
  "./components/Switch": {
309
351
  "types": "./dist/components/Switch/Switch.d.ts",
310
352
  "import": "./dist/components/Switch/Switch.js"
@@ -337,6 +379,10 @@
337
379
  "types": "./dist/components/VerticalTab/VerticalTab.d.ts",
338
380
  "import": "./dist/components/VerticalTab/VerticalTab.js"
339
381
  },
382
+ "./components/ViewersStack": {
383
+ "types": "./dist/components/ViewersStack/ViewersStack.d.ts",
384
+ "import": "./dist/components/ViewersStack/ViewersStack.js"
385
+ },
340
386
  "./components/VStack": {
341
387
  "types": "./dist/components/VStack/VStack.d.ts",
342
388
  "import": "./dist/components/VStack/VStack.js"
@@ -353,6 +399,9 @@
353
399
  "components/Banner": [
354
400
  "dist/components/Banner/Banner.d.ts"
355
401
  ],
402
+ "components/BentoBlock": [
403
+ "dist/components/BentoBlock/BentoBlock.d.ts"
404
+ ],
356
405
  "components/BodyL": [
357
406
  "dist/components/BodyL/BodyL.d.ts"
358
407
  ],
@@ -398,6 +447,9 @@
398
447
  "components/Dropdown": [
399
448
  "dist/components/Dropdown/Dropdown.d.ts"
400
449
  ],
450
+ "components/EditableDate": [
451
+ "dist/components/EditableDate/EditableDate.d.ts"
452
+ ],
401
453
  "components/EditableTitle": [
402
454
  "dist/components/EditableTitle/EditableTitle.d.ts"
403
455
  ],
@@ -407,8 +459,11 @@
407
459
  "components/EmptyStateLarge": [
408
460
  "dist/components/EmptyStateLarge/EmptyStateLarge.d.ts"
409
461
  ],
462
+ "components/FieldLabel": [
463
+ "dist/components/_shared/FieldLabel/FieldLabel.d.ts"
464
+ ],
410
465
  "components/FieldRow": [
411
- "dist/components/FieldRow/FieldRow.d.ts"
466
+ "dist/components/_shared/FieldRow/FieldRow.d.ts"
412
467
  ],
413
468
  "components/FileUploader": [
414
469
  "dist/components/FileUploader/FileUploader.d.ts"
@@ -441,13 +496,16 @@
441
496
  "dist/components/Indicator/Indicator.d.ts"
442
497
  ],
443
498
  "components/Info": [
444
- "dist/components/Info/Info.d.ts"
499
+ "dist/components/_shared/Info/Info.d.ts"
500
+ ],
501
+ "components/Informer": [
502
+ "dist/components/Informer/Informer.d.ts"
445
503
  ],
446
504
  "components/Input": [
447
505
  "dist/components/Input/Input.d.ts"
448
506
  ],
449
507
  "components/InputClear": [
450
- "dist/components/InputClear/InputClear.d.ts"
508
+ "dist/components/_shared/InputClear/InputClear.d.ts"
451
509
  ],
452
510
  "components/InputUnit": [
453
511
  "dist/components/InputUnit/InputUnit.d.ts"
@@ -458,12 +516,21 @@
458
516
  "components/LabelValue": [
459
517
  "dist/components/LabelValue/LabelValue.d.ts"
460
518
  ],
519
+ "components/LabelValueFile": [
520
+ "dist/components/LabelValueFile/LabelValueFile.d.ts"
521
+ ],
522
+ "components/LabelValueCheckbox": [
523
+ "dist/components/LabelValueCheckbox/LabelValueCheckbox.d.ts"
524
+ ],
461
525
  "components/LabelValueDate": [
462
526
  "dist/components/LabelValueDate/LabelValueDate.d.ts"
463
527
  ],
464
528
  "components/LabelValueInput": [
465
529
  "dist/components/LabelValueInput/LabelValueInput.d.ts"
466
530
  ],
531
+ "components/LabelValueLink": [
532
+ "dist/components/LabelValueLink/LabelValueLink.d.ts"
533
+ ],
467
534
  "components/LabelValueSelect": [
468
535
  "dist/components/LabelValueSelect/LabelValueSelect.d.ts"
469
536
  ],
@@ -491,6 +558,9 @@
491
558
  "components/Pagination": [
492
559
  "dist/components/Pagination/Pagination.d.ts"
493
560
  ],
561
+ "components/Panel": [
562
+ "dist/components/Panel/Panel.d.ts"
563
+ ],
494
564
  "components/Progressbar": [
495
565
  "dist/components/Progressbar/Progressbar.d.ts"
496
566
  ],
@@ -530,6 +600,9 @@
530
600
  "components/Spinner": [
531
601
  "dist/components/Spinner/Spinner.d.ts"
532
602
  ],
603
+ "components/StatusBadge": [
604
+ "dist/components/StatusBadge/StatusBadge.d.ts"
605
+ ],
533
606
  "components/Switch": [
534
607
  "dist/components/Switch/Switch.d.ts"
535
608
  ],
@@ -554,6 +627,9 @@
554
627
  "components/VerticalTab": [
555
628
  "dist/components/VerticalTab/VerticalTab.d.ts"
556
629
  ],
630
+ "components/ViewersStack": [
631
+ "dist/components/ViewersStack/ViewersStack.d.ts"
632
+ ],
557
633
  "data-grid": [
558
634
  "dist/data-grid/index.d.ts"
559
635
  ]
@@ -1,13 +0,0 @@
1
- import { type IHasTestId } from '../../common/types';
2
- export interface InfoProps extends IHasTestId {
3
- info?: string;
4
- error?: boolean;
5
- warning?: boolean;
6
- disabled?: boolean;
7
- isEllipsis?: boolean;
8
- className?: string;
9
- }
10
- export declare const Info: {
11
- ({ info, error, warning, disabled, className, testId, isEllipsis, }: InfoProps): import("react/jsx-runtime").JSX.Element | null;
12
- displayName: string;
13
- };
@@ -1,20 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { cn } from "../../common/css/cn.js";
3
- import { Text, TextColor } from "../Text/Text.js";
4
- import Info_module from "./Info.module.js";
5
- const Info = ({ info, error, warning, disabled, className, testId = '', isEllipsis })=>{
6
- if (!info) return null;
7
- const getColor = ()=>{
8
- if (!disabled && error) return TextColor.critical;
9
- if (!disabled && warning) return TextColor.attention;
10
- return TextColor.secondary;
11
- };
12
- return /*#__PURE__*/ jsx(Text.Caption, {
13
- className: cn(Info_module.info, isEllipsis && Info_module.ellipsis, className),
14
- colorToken: getColor(),
15
- testId: `${testId}-info`,
16
- children: info
17
- });
18
- };
19
- Info.displayName = 'Info';
20
- export { Info };
@@ -1,6 +0,0 @@
1
- import "./Info_module.css";
2
- const Info_module = {
3
- info: "info-DBaBLp",
4
- ellipsis: "ellipsis-DTZwRA"
5
- };
6
- export default Info_module;
@@ -1,11 +0,0 @@
1
- .info-DBaBLp {
2
- margin: 0;
3
- position: relative;
4
- }
5
-
6
- .ellipsis-DTZwRA {
7
- text-overflow: ellipsis;
8
- white-space: nowrap;
9
- overflow: hidden;
10
- }
11
-
@@ -1,11 +0,0 @@
1
- import type React from 'react';
2
- import { type IHasTestId } from '../../common/types';
3
- interface InputClearProps extends IHasTestId {
4
- onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
5
- className?: string;
6
- }
7
- export declare const InputClear: {
8
- ({ onClick, className, testId }: InputClearProps): import("react/jsx-runtime").JSX.Element;
9
- displayName: string;
10
- };
11
- export {};
@@ -1,12 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { cn } from "../../common/css/cn.js";
3
- import { RemoveClose12Icon } from "../../icon/index.js";
4
- import InputClear_module from "./InputClear.module.js";
5
- const InputClear = ({ onClick, className, testId })=>/*#__PURE__*/ jsx("div", {
6
- className: cn(InputClear_module.main, className),
7
- onClick: onClick,
8
- "data-test-id": testId ? `${testId}-input-clear` : 'input-clear',
9
- children: /*#__PURE__*/ jsx(RemoveClose12Icon, {})
10
- });
11
- InputClear.displayName = 'InputClear';
12
- export { InputClear };
@@ -1,21 +0,0 @@
1
- .main-hfNd9I {
2
- cursor: pointer;
3
- background-color: inherit;
4
- border: none;
5
- justify-content: center;
6
- align-items: center;
7
- width: 26px;
8
- min-width: 26px;
9
- height: 32px;
10
- padding: 0;
11
- display: flex;
12
- }
13
-
14
- .main-hfNd9I svg path {
15
- stroke: var(--dark-grey-grey-800);
16
- }
17
-
18
- .main-hfNd9I:hover svg path {
19
- stroke: var(--dark-grey-dark-900);
20
- }
21
-
@@ -1,8 +0,0 @@
1
- import "./HelpButton_module.css";
2
- const HelpButton_module = {
3
- iconContainer: "iconContainer-HRauzo",
4
- helpButtonContainer: "helpButtonContainer-dn7UIO",
5
- icon: "icon-ktWGC3",
6
- visible: "visible-xZMPSW"
7
- };
8
- export default HelpButton_module;
@@ -1,44 +0,0 @@
1
- .iconContainer-HRauzo {
2
- -webkit-user-select: none;
3
- user-select: none;
4
- justify-content: center;
5
- align-items: center;
6
- width: 12px;
7
- height: 12px;
8
- display: flex;
9
- }
10
-
11
- .helpButtonContainer-dn7UIO {
12
- cursor: pointer;
13
- background-color: #0000;
14
- border: 0;
15
- outline: none;
16
- padding: 0;
17
- display: flex;
18
- }
19
-
20
- .helpButtonContainer-dn7UIO .icon-ktWGC3 {
21
- color: var(--elements-normal, #5f6d79);
22
- }
23
-
24
- .helpButtonContainer-dn7UIO:hover, .helpButtonContainer-dn7UIO:focus-visible:not(.visible-xZMPSW) {
25
- border-radius: 50%;
26
- outline: 4px solid #d5dff433;
27
- }
28
-
29
- .helpButtonContainer-dn7UIO:hover .icon-ktWGC3, .helpButtonContainer-dn7UIO:focus-visible:not(.visible-xZMPSW) .icon-ktWGC3 {
30
- color: var(--elements-hover, #091739);
31
- }
32
-
33
- .helpButtonContainer-dn7UIO:hover .icon-ktWGC3 path, .helpButtonContainer-dn7UIO:focus-visible:not(.visible-xZMPSW) .icon-ktWGC3 path {
34
- stroke: currentColor;
35
- }
36
-
37
- .helpButtonContainer-dn7UIO.visible-xZMPSW .icon-ktWGC3 {
38
- color: var(--elements-accent, #036ce5);
39
- }
40
-
41
- .icon-ktWGC3 {
42
- overflow: visible;
43
- }
44
-
@@ -1,8 +0,0 @@
1
- import { type ComponentPropsWithoutRef } from 'react';
2
- import { Help } from '../../Help/Help';
3
- interface HelpButtonProps {
4
- helpPopupContent: ComponentPropsWithoutRef<typeof Help>['popup'];
5
- className?: string;
6
- }
7
- export declare const HelpButton: (props: HelpButtonProps) => import("react/jsx-runtime").JSX.Element;
8
- export {};
@@ -1,36 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { useRef, useState } from "react";
3
- import { cn } from "../../../common/css/index.js";
4
- import { Help } from "../../Help/Help.js";
5
- import { Support12Icon } from "../../../icon/index.js";
6
- import { OPEN_BUTTONS } from "../consts.js";
7
- import HelpButton_module from "./HelpButton.module.js";
8
- const HelpButton = (props)=>{
9
- const helpButtonRef = useRef(null);
10
- const [isHelpPopupVisible, setIsHelpPopupVisible] = useState(false);
11
- const handleHelpButtonKeyDown = (event)=>{
12
- if (OPEN_BUTTONS.includes(event.key)) {
13
- event.preventDefault();
14
- helpButtonRef.current?.click();
15
- }
16
- };
17
- return /*#__PURE__*/ jsx("div", {
18
- className: cn(HelpButton_module.iconContainer, props.className),
19
- onClick: (event)=>{
20
- event.stopPropagation();
21
- },
22
- children: /*#__PURE__*/ jsx(Help, {
23
- icon: /*#__PURE__*/ jsx("button", {
24
- className: cn(HelpButton_module.helpButtonContainer, isHelpPopupVisible && HelpButton_module.visible),
25
- ref: helpButtonRef,
26
- onKeyDown: handleHelpButtonKeyDown,
27
- children: /*#__PURE__*/ jsx(Support12Icon, {
28
- className: HelpButton_module.icon
29
- })
30
- }),
31
- popup: props.helpPopupContent,
32
- onVisibleChange: setIsHelpPopupVisible
33
- })
34
- });
35
- };
36
- export { HelpButton };
@@ -1,138 +0,0 @@
1
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
- import { forwardRef, useEffect, useRef, useState } from "react";
3
- import { cn } from "../../../common/css/index.js";
4
- import { mergeRefs } from "../../../common/react/mergeRefs.js";
5
- import { Hint } from "../../Hint/Hint.js";
6
- import { Text } from "../../Text/Text.js";
7
- import { getTypographyStyle } from "../../Typography/utils.js";
8
- import { useTooltip } from "../hooks/useTooltip.js";
9
- import LabelValue_module from "../LabelValue.module.js";
10
- const getIconStroke = (args)=>{
11
- if (args.isCustomValueBlock) return;
12
- if (args.disabled) return DISABLED_ICON_STROKE;
13
- if (args.error) return ERROR_ICON_STROKE;
14
- };
15
- const getValueTextVariant = (args)=>{
16
- if (args.error) return 'critical';
17
- if (args.isEmpty && !args.disabled) return 'buttonPrimary';
18
- return 'primary';
19
- };
20
- const ERROR_ICON_STROKE = 'var(--elements-critical, rgb(229, 3, 71, 100%))';
21
- const DISABLED_ICON_STROKE = 'var(--elements-hover, rgb(9, 23, 57, 100%))';
22
- const ValueBlock = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
23
- const focusTooltipTimeout = useRef();
24
- const valueBlockInnerRef = useRef(null);
25
- const valueTooltip = useTooltip({
26
- targetText: props.value
27
- });
28
- const [isValueHintForceDisplayed, setIsValueHintForceDisplayed] = useState(false);
29
- const [isTooltipVisible, setIsTooltipVisible] = useState(false);
30
- const needShowTooltipRef = useRef(valueTooltip.needShowTooltip);
31
- needShowTooltipRef.current = valueTooltip.needShowTooltip;
32
- useEffect(()=>{
33
- if (props.forceHideTooltip) setIsTooltipVisible(false);
34
- }, [
35
- props.forceHideTooltip
36
- ]);
37
- const icon = props.renderIcon ? props.renderIcon({
38
- stroke: getIconStroke({
39
- error: props.error ?? false,
40
- isCustomValueBlock: !!props.valueBlockContent,
41
- disabled: props.disabled ?? false
42
- })
43
- }) : null;
44
- const valueIcon = /*#__PURE__*/ jsx("div", {
45
- className: LabelValue_module.iconContainer,
46
- children: icon ?? null
47
- });
48
- const valueText = /*#__PURE__*/ jsx("span", {
49
- ref: valueTooltip.targetRef,
50
- className: cn(LabelValue_module.valueText, LabelValue_module.overflowText),
51
- style: getTypographyStyle({
52
- colorVariableName: '--value-text-color',
53
- colorVariant: getValueTextVariant({
54
- disabled: props.disabled,
55
- error: props.error,
56
- isEmpty: props.isEmpty
57
- })
58
- }),
59
- "data-test-id": props.testId ? `${props.testId}-value` : void 0,
60
- children: props.value
61
- });
62
- const showValueTooltipOnFocus = ()=>{
63
- const isValueFocused = valueBlockInnerRef.current?.matches(':focus');
64
- if (isValueFocused && needShowTooltipRef.current) setIsValueHintForceDisplayed(true);
65
- };
66
- const handleFocus = (event)=>{
67
- props.onFocus?.(event);
68
- focusTooltipTimeout.current = setTimeout(()=>{
69
- showValueTooltipOnFocus();
70
- }, 800);
71
- };
72
- const handleBlur = (event)=>{
73
- props.onBlur?.(event);
74
- setIsValueHintForceDisplayed(false);
75
- };
76
- useEffect(()=>()=>{
77
- if (focusTooltipTimeout.current) clearTimeout(focusTooltipTimeout.current);
78
- }, []);
79
- if (props.valueBlockContent) return props.valueBlockContent({
80
- valueNode: /*#__PURE__*/ jsxs(Fragment, {
81
- children: [
82
- valueText,
83
- valueIcon
84
- ]
85
- }),
86
- valueBlockRef: forwardedRef,
87
- isLabelOverflow: props.needShowLabelTooltip ?? false,
88
- onBlur: handleBlur,
89
- onFocus: handleFocus,
90
- onKeyDown: (event)=>props.onValueKeyDown?.(event),
91
- onKeyUp: (event)=>props.onValueKeyUp?.(event)
92
- });
93
- const onHintVisibilityChange = (isVisible)=>{
94
- if (isValueHintForceDisplayed) return void setIsTooltipVisible(false);
95
- setIsTooltipVisible(valueTooltip.needShowTooltip && isVisible);
96
- };
97
- return /*#__PURE__*/ jsxs("div", {
98
- ref: mergeRefs([
99
- forwardedRef,
100
- valueBlockInnerRef
101
- ]),
102
- className: LabelValue_module.valueBlock,
103
- tabIndex: props.disabled ? void 0 : 0,
104
- onFocus: handleFocus,
105
- onBlur: handleBlur,
106
- onKeyUp: props.onValueKeyUp,
107
- onKeyDown: props.onValueKeyDown,
108
- "data-test-id": props.testId ? `${props.testId}-value-block` : void 0,
109
- children: [
110
- /*#__PURE__*/ jsx(Hint, {
111
- visible: isTooltipVisible || isValueHintForceDisplayed,
112
- onVisibleChange: onHintVisibilityChange,
113
- overlay: /*#__PURE__*/ jsxs("div", {
114
- className: LabelValue_module.hintTextWrapper,
115
- children: [
116
- props.needShowLabelTooltip && isValueHintForceDisplayed && /*#__PURE__*/ jsx(Text.H4, {
117
- className: cn(LabelValue_module.hintText, LabelValue_module.hintHeader),
118
- colorToken: "invert",
119
- children: props.label
120
- }),
121
- /*#__PURE__*/ jsx(Text.Body, {
122
- testId: props.testId ? `${props.testId}-value-hint-text` : void 0,
123
- className: LabelValue_module.hintText,
124
- colorToken: "invert",
125
- children: props.value
126
- })
127
- ]
128
- }),
129
- overlayClassName: LabelValue_module.hint,
130
- placement: "bottom",
131
- children: valueText
132
- }),
133
- valueIcon
134
- ]
135
- });
136
- });
137
- ValueBlock.displayName = 'ValueBlock';
138
- export { ValueBlock };
@@ -1,8 +0,0 @@
1
- interface UseTooltipArgs {
2
- targetText: string;
3
- }
4
- export declare const useTooltip: <T extends HTMLElement = HTMLElement>(args: UseTooltipArgs) => {
5
- targetRef: import("react").RefObject<T>;
6
- needShowTooltip: boolean;
7
- };
8
- export {};
@@ -1,16 +0,0 @@
1
- import { useEffect, useRef, useState } from "react";
2
- const useTooltip = (args)=>{
3
- const targetRef = useRef(null);
4
- const [needShowTooltip, setNeedLabelTooltip] = useState(false);
5
- useEffect(()=>{
6
- if (!targetRef.current) return;
7
- setNeedLabelTooltip(targetRef.current.scrollWidth > targetRef.current.clientWidth);
8
- }, [
9
- args.targetText
10
- ]);
11
- return {
12
- targetRef,
13
- needShowTooltip
14
- };
15
- };
16
- export { useTooltip };
@@ -1,9 +0,0 @@
1
- import "./DropdownContent_module.css";
2
- const DropdownContent_module = {
3
- dropdown: "dropdown-ai9ycV",
4
- inputSizer: "inputSizer-WLN8cJ",
5
- inputWithLabel: "inputWithLabel-Dk82Xo",
6
- inputWrapper: "inputWrapper-YGluDz",
7
- divider: "divider-KB4Z9E"
8
- };
9
- export default DropdownContent_module;
@@ -1,12 +0,0 @@
1
- import { type ReactNode } from 'react';
2
- interface DropdownContentProps {
3
- testId?: string;
4
- label: string;
5
- helperText?: string;
6
- error?: boolean;
7
- input: ReactNode;
8
- calendar: ReactNode;
9
- onOpen?: () => void;
10
- }
11
- export declare const DropdownContent: (props: DropdownContentProps) => import("react/jsx-runtime").JSX.Element;
12
- export {};
@@ -1,6 +0,0 @@
1
- import { type IHasTestId } from '../../../../common/types';
2
- export interface ClearIconProps extends IHasTestId {
3
- withHelp?: boolean;
4
- onClear: () => void;
5
- }
6
- export declare const ClearIcon: import("react").MemoExoticComponent<({ testId, withHelp, onClear }: ClearIconProps) => import("react/jsx-runtime").JSX.Element>;