@true-engineering/true-react-common-ui-kit 4.0.0-alpha7 → 4.0.0-alpha70

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 (513) hide show
  1. package/README.md +12 -720
  2. package/dist/components/AccountInfo/AccountInfo.styles.d.ts +1 -1
  3. package/dist/components/AddButton/AddButton.d.ts +1 -0
  4. package/dist/components/AddButton/AddButton.styles.d.ts +1 -1
  5. package/dist/components/Button/Button.d.ts +1 -1
  6. package/dist/components/Button/Button.styles.d.ts +1 -1
  7. package/dist/components/Checkbox/Checkbox.d.ts +3 -1
  8. package/dist/components/Checkbox/Checkbox.styles.d.ts +3 -2
  9. package/dist/components/Checkbox/index.d.ts +1 -0
  10. package/dist/components/Checkbox/types.d.ts +3 -0
  11. package/dist/components/CloseButton/CloseButton.styles.d.ts +1 -1
  12. package/dist/components/ControlWrapper/ControlWrapper.d.ts +10 -3
  13. package/dist/components/ControlWrapper/ControlWrapper.styles.d.ts +3 -2
  14. package/dist/components/ControlWrapper/constants.d.ts +1 -0
  15. package/dist/components/ControlWrapper/helpers.d.ts +4 -0
  16. package/dist/components/ControlWrapper/index.d.ts +3 -0
  17. package/dist/components/ControlWrapper/types.d.ts +14 -0
  18. package/dist/components/CssBaseline/CssBaseline.styles.d.ts +1 -1
  19. package/dist/components/DateInput/DateInput.d.ts +1 -3
  20. package/dist/components/DateInput/DateInput.styles.d.ts +1 -1
  21. package/dist/components/DateInput/constants.d.ts +1 -1
  22. package/dist/components/DatePicker/DatePicker.d.ts +4 -4
  23. package/dist/components/DatePicker/DatePicker.styles.d.ts +1 -1
  24. package/dist/components/DatePicker/components/DatePickerBase/DatePickerBase.d.ts +5 -0
  25. package/dist/components/DatePicker/components/DatePickerBase/index.d.ts +1 -0
  26. package/dist/components/DatePicker/components/DatePickerHeader/DatePickerHeader.styles.d.ts +1 -1
  27. package/dist/components/DatePicker/components/PopperContainer/PopperContainer.d.ts +2 -4
  28. package/dist/components/DatePicker/components/index.d.ts +1 -0
  29. package/dist/components/DatePicker/constants.d.ts +7 -2
  30. package/dist/components/DatePicker/helpers.d.ts +0 -3
  31. package/dist/components/DatePicker/index.d.ts +1 -0
  32. package/dist/components/DatePicker/types.d.ts +3 -5
  33. package/dist/components/Description/Description.styles.d.ts +1 -1
  34. package/dist/components/FileInput/FileInput.d.ts +1 -1
  35. package/dist/components/FileInput/FileInput.styles.d.ts +1 -1
  36. package/dist/components/FileItem/FileItem.styles.d.ts +1 -1
  37. package/dist/components/FileItem/constants.d.ts +3 -4
  38. package/dist/components/FileItem/helpers.d.ts +3 -2
  39. package/dist/components/FileItem/types.d.ts +1 -2
  40. package/dist/components/FiltersPane/FiltersPane.d.ts +4 -2
  41. package/dist/components/FiltersPane/FiltersPane.styles.d.ts +2 -2
  42. package/dist/components/FiltersPane/components/Filter/Filter.d.ts +1 -2
  43. package/dist/components/FiltersPane/components/Filter/helpers.d.ts +1 -0
  44. package/dist/components/FiltersPane/components/FilterDateSingle/FilterDateSingle.d.ts +15 -0
  45. package/dist/components/FiltersPane/components/FilterDateSingle/FilterDateSingle.styles.d.ts +11 -0
  46. package/dist/components/FiltersPane/components/FilterDateSingle/index.d.ts +2 -0
  47. package/dist/components/FiltersPane/components/FilterInterval/FilterInterval.d.ts +3 -11
  48. package/dist/components/FiltersPane/components/FilterInterval/FilterInterval.styles.d.ts +3 -6
  49. package/dist/components/FiltersPane/components/FilterMultiSelect/FilterMultiSelect.d.ts +0 -1
  50. package/dist/components/FiltersPane/components/FilterSelect/FilterSelect.styles.d.ts +3 -6
  51. package/dist/components/FiltersPane/components/FilterValueView/FilterValueView.d.ts +6 -5
  52. package/dist/components/FiltersPane/components/FilterValueView/FilterValueView.styles.d.ts +1 -1
  53. package/dist/components/FiltersPane/components/FilterWithDates/FilterWithDates.styles.d.ts +5 -15
  54. package/dist/components/FiltersPane/components/FilterWithPeriod/FilterWithPeriod.styles.d.ts +1 -1
  55. package/dist/components/FiltersPane/components/FilterWrapper/FilterWrapper.d.ts +1 -2
  56. package/dist/components/FiltersPane/components/FilterWrapper/FilterWrapper.styles.d.ts +2 -2
  57. package/dist/components/FiltersPane/components/FilterWrapper/helpers.d.ts +1 -1
  58. package/dist/components/FiltersPane/components/FiltersPaneSearch/FiltersPaneSearch.d.ts +2 -1
  59. package/dist/components/FiltersPane/components/FiltersPaneSearch/FiltersPaneSearch.styles.d.ts +1 -1
  60. package/dist/components/FiltersPane/components/index.d.ts +1 -0
  61. package/dist/components/FiltersPane/constants.d.ts +1 -1
  62. package/dist/components/FiltersPane/helpers.d.ts +1 -1
  63. package/dist/components/FiltersPane/index.d.ts +1 -0
  64. package/dist/components/FiltersPane/types.d.ts +15 -5
  65. package/dist/components/Flag/Flag.styles.d.ts +1 -1
  66. package/dist/components/FlexibleTable/FlexibleTable.d.ts +1 -1
  67. package/dist/components/FlexibleTable/FlexibleTable.styles.d.ts +2 -2
  68. package/dist/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.d.ts +4 -3
  69. package/dist/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.styles.d.ts +1 -1
  70. package/dist/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.d.ts +1 -3
  71. package/dist/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.styles.d.ts +1 -1
  72. package/dist/components/FlexibleTable/helpers.d.ts +2 -2
  73. package/dist/components/FlexibleTable/types.d.ts +19 -11
  74. package/dist/components/FloatDocActions/FloatDocActions.d.ts +6 -0
  75. package/dist/components/FloatDocActions/FloatDocActions.styles.d.ts +8 -0
  76. package/dist/components/FloatDocActions/components/DocActions/DocActions.d.ts +12 -0
  77. package/dist/components/FloatDocActions/components/DocActions/DocActions.styles.d.ts +6 -0
  78. package/dist/components/FloatDocActions/components/DocActions/constants.d.ts +1 -0
  79. package/dist/components/FloatDocActions/components/DocActions/index.d.ts +4 -0
  80. package/dist/components/FloatDocActions/components/DocActions/types.d.ts +2 -0
  81. package/dist/components/FloatDocActions/components/index.d.ts +1 -0
  82. package/dist/components/FloatDocActions/constants.d.ts +1 -0
  83. package/dist/components/FloatDocActions/index.d.ts +3 -0
  84. package/dist/components/Icon/Icon.styles.d.ts +1 -1
  85. package/dist/components/Icon/icons/index.d.ts +31 -0
  86. package/dist/components/Icon/index.d.ts +1 -1
  87. package/dist/components/Icon/types.d.ts +7 -11
  88. package/dist/components/IconButton/IconButton.d.ts +1 -2
  89. package/dist/components/IconButton/IconButton.styles.d.ts +1 -1
  90. package/dist/components/IconButton/constants.d.ts +1 -1
  91. package/dist/components/IncrementInput/IncrementInput.styles.d.ts +1 -3
  92. package/dist/components/Input/Input.d.ts +3 -3
  93. package/dist/components/Input/Input.styles.d.ts +1 -1
  94. package/dist/components/Input/InputBase.d.ts +3 -3
  95. package/dist/components/List/List.d.ts +2 -1
  96. package/dist/components/List/List.styles.d.ts +3 -2
  97. package/dist/components/List/components/ListItem/ListItem.d.ts +2 -0
  98. package/dist/components/List/components/ListItem/ListItem.styles.d.ts +3 -2
  99. package/dist/components/List/index.d.ts +2 -1
  100. package/dist/components/List/types.d.ts +8 -0
  101. package/dist/components/Modal/Modal.d.ts +1 -1
  102. package/dist/components/Modal/Modal.styles.d.ts +1 -1
  103. package/dist/components/MoreMenu/MoreMenu.styles.d.ts +1 -1
  104. package/dist/components/MultiSelect/MultiSelect.d.ts +0 -1
  105. package/dist/components/MultiSelect/MultiSelect.styles.d.ts +1 -1
  106. package/dist/components/MultiSelect/components/MultiSelectInput/MultiSelectInput.styles.d.ts +1 -1
  107. package/dist/components/MultiSelectList/MultiSelectList.styles.d.ts +1 -1
  108. package/dist/components/MultiSelectList/constants.d.ts +1 -1
  109. package/dist/components/MultiSelectList/helpers.d.ts +1 -1
  110. package/dist/components/NewMoreMenu/NewMoreMenu.d.ts +5 -2
  111. package/dist/components/NewMoreMenu/NewMoreMenu.styles.d.ts +1 -1
  112. package/dist/components/Notification/Notification.d.ts +3 -3
  113. package/dist/components/Notification/Notification.styles.d.ts +1 -1
  114. package/dist/components/NumberInput/NumberInput.d.ts +1 -2
  115. package/dist/components/NumberInput/helpers.d.ts +2 -2
  116. package/dist/components/PhoneInput/PhoneInput.styles.d.ts +1 -1
  117. package/dist/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.styles.d.ts +1 -1
  118. package/dist/components/RadioButton/RadioButton.d.ts +3 -1
  119. package/dist/components/RadioButton/RadioButton.styles.d.ts +3 -2
  120. package/dist/components/RadioButton/index.d.ts +1 -0
  121. package/dist/components/RadioButton/types.d.ts +3 -0
  122. package/dist/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.d.ts +3 -373
  123. package/dist/components/ScrollIntoViewIfNeeded/constants.d.ts +1 -1
  124. package/dist/components/SearchInput/SearchInput.d.ts +2 -3
  125. package/dist/components/Select/Select.d.ts +3 -3
  126. package/dist/components/Select/Select.styles.d.ts +12 -22
  127. package/dist/components/Select/components/SelectList/SelectList.d.ts +8 -6
  128. package/dist/components/Select/components/SelectList/SelectList.styles.d.ts +3 -2
  129. package/dist/components/Select/components/SelectListItem/SelectListItem.d.ts +4 -3
  130. package/dist/components/Select/helpers.d.ts +1 -1
  131. package/dist/components/Select/index.d.ts +1 -1
  132. package/dist/components/Select/types.d.ts +4 -0
  133. package/dist/components/Selector/Selector.d.ts +0 -1
  134. package/dist/components/Selector/Selector.styles.d.ts +1 -7
  135. package/dist/components/Skeleton/Skeleton.styles.d.ts +1 -1
  136. package/dist/components/SmartInput/SmartInput.d.ts +1 -1
  137. package/dist/components/Status/Status.styles.d.ts +3 -2
  138. package/dist/components/Status/constants.d.ts +0 -1
  139. package/dist/components/Status/index.d.ts +1 -0
  140. package/dist/components/Status/types.d.ts +5 -2
  141. package/dist/components/Switch/Switch.d.ts +3 -2
  142. package/dist/components/Switch/Switch.styles.d.ts +3 -2
  143. package/dist/components/Switch/types.d.ts +3 -0
  144. package/dist/components/TextArea/TextArea.d.ts +5 -6
  145. package/dist/components/TextArea/TextArea.styles.d.ts +5 -4
  146. package/dist/components/TextArea/index.d.ts +1 -1
  147. package/dist/components/TextArea/types.d.ts +4 -2
  148. package/dist/components/TextButton/TextButton.d.ts +1 -1
  149. package/dist/components/TextButton/TextButton.styles.d.ts +1 -1
  150. package/dist/components/TextWithInfo/TextWithInfo.styles.d.ts +1 -1
  151. package/dist/components/TextWithTooltip/TextWithTooltip.d.ts +2 -0
  152. package/dist/components/TextWithTooltip/TextWithTooltip.styles.d.ts +1 -1
  153. package/dist/components/ThemedPreloader/ThemedPreloader.styles.d.ts +1 -1
  154. package/dist/components/ThemedPreloader/components/DotsPreloader/DotsPreloader.styles.d.ts +1 -1
  155. package/dist/components/ThemedPreloader/components/SvgPreloader/SvgPreloader.styles.d.ts +1 -1
  156. package/dist/components/Toaster/Toaster.styles.d.ts +1 -1
  157. package/dist/components/Tooltip/Tooltip.d.ts +3 -0
  158. package/dist/components/Tooltip/Tooltip.styles.d.ts +3 -2
  159. package/dist/components/Tooltip/types.d.ts +3 -0
  160. package/dist/components/WithMessages/WithMessages.d.ts +1 -1
  161. package/dist/components/WithMessages/WithMessages.styles.d.ts +1 -1
  162. package/dist/components/WithPopup/WithPopup.d.ts +11 -3
  163. package/dist/components/WithPopup/WithPopup.styles.d.ts +1 -1
  164. package/dist/components/WithPopup/types.d.ts +4 -4
  165. package/dist/components/WithTooltip/WithTooltip.d.ts +2 -0
  166. package/dist/components/index.d.ts +1 -1
  167. package/dist/constants/phone-info.d.ts +1 -1
  168. package/dist/helpers/misc.d.ts +5 -3
  169. package/dist/helpers/phone.d.ts +1 -1
  170. package/dist/hooks/index.d.ts +8 -5
  171. package/dist/hooks/use-dropdown.d.ts +3 -3
  172. package/dist/hooks/use-intersection-ref.d.ts +9 -0
  173. package/dist/hooks/use-latest-ref.d.ts +2 -0
  174. package/dist/hooks/use-merge.d.ts +1 -1
  175. package/dist/hooks/use-mixed-styles.d.ts +3 -3
  176. package/dist/hooks/use-on-click-outside.d.ts +2 -2
  177. package/dist/hooks/use-resize-ref.d.ts +8 -0
  178. package/dist/hooks/use-tweak-styles.d.ts +8 -7
  179. package/dist/theme/Provider.d.ts +3 -13
  180. package/dist/theme/common.d.ts +34 -4
  181. package/dist/theme/helpers.d.ts +3 -16
  182. package/dist/theme/index.d.ts +0 -2
  183. package/dist/theme/types.d.ts +13 -11
  184. package/dist/true-react-common-ui-kit.js +10366 -30803
  185. package/dist/true-react-common-ui-kit.js.map +1 -1
  186. package/dist/true-react-common-ui-kit.umd.cjs +1 -32520
  187. package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
  188. package/dist/types.d.ts +8 -2
  189. package/package.json +36 -39
  190. package/src/components/AccountInfo/AccountInfo.stories.tsx +19 -27
  191. package/src/components/AccountInfo/AccountInfo.tsx +2 -3
  192. package/src/components/AddButton/AddButton.stories.tsx +14 -17
  193. package/src/components/AddButton/AddButton.tsx +3 -5
  194. package/src/components/Button/Button.stories.tsx +8 -26
  195. package/src/components/Button/Button.tsx +76 -77
  196. package/src/components/Checkbox/Checkbox.stories.tsx +27 -16
  197. package/src/components/Checkbox/Checkbox.styles.ts +3 -1
  198. package/src/components/Checkbox/Checkbox.tsx +7 -5
  199. package/src/components/Checkbox/index.ts +1 -0
  200. package/src/components/Checkbox/types.ts +4 -0
  201. package/src/components/CloseButton/CloseButton.stories.tsx +5 -6
  202. package/src/components/CloseButton/CloseButton.tsx +2 -4
  203. package/src/components/Colors/Colors.stories.tsx +64 -3
  204. package/src/components/ControlWrapper/ControlWrapper.stories.tsx +46 -35
  205. package/src/components/ControlWrapper/ControlWrapper.styles.ts +15 -6
  206. package/src/components/ControlWrapper/ControlWrapper.tsx +70 -45
  207. package/src/components/ControlWrapper/constants.ts +11 -0
  208. package/src/components/ControlWrapper/helpers.ts +11 -0
  209. package/src/components/ControlWrapper/index.ts +3 -0
  210. package/src/components/ControlWrapper/types.ts +19 -0
  211. package/src/components/CssBaseline/CssBaseline.styles.ts +2 -0
  212. package/src/components/CssBaseline/CssBaseline.tsx +2 -3
  213. package/src/components/DateInput/DateInput.stories.tsx +13 -31
  214. package/src/components/DateInput/DateInput.tsx +61 -64
  215. package/src/components/DatePicker/DatePicker.stories.tsx +18 -42
  216. package/src/components/DatePicker/DatePicker.styles.ts +3 -1
  217. package/src/components/DatePicker/DatePicker.tsx +286 -261
  218. package/src/components/DatePicker/components/DatePickerBase/DatePickerBase.tsx +14 -0
  219. package/src/components/DatePicker/components/DatePickerBase/index.ts +1 -0
  220. package/src/components/DatePicker/components/PopperContainer/PopperContainer.tsx +4 -4
  221. package/src/components/DatePicker/components/index.ts +1 -0
  222. package/src/components/DatePicker/constants.ts +9 -3
  223. package/src/components/DatePicker/helpers.ts +1 -13
  224. package/src/components/DatePicker/index.ts +1 -0
  225. package/src/components/DatePicker/types.ts +6 -6
  226. package/src/components/Description/Description.stories.tsx +11 -16
  227. package/src/components/Description/Description.tsx +2 -3
  228. package/src/components/FileInput/FileInput.stories.tsx +59 -63
  229. package/src/components/FileInput/FileInput.tsx +87 -95
  230. package/src/components/FileItem/FileItem.stories.tsx +48 -48
  231. package/src/components/FileItem/FileItem.tsx +2 -4
  232. package/src/components/FileItem/constants.ts +3 -14
  233. package/src/components/FileItem/helpers.ts +3 -2
  234. package/src/components/FileItem/types.ts +1 -3
  235. package/src/components/FiltersPane/FiltersPane.stories.tsx +72 -52
  236. package/src/components/FiltersPane/FiltersPane.tsx +19 -11
  237. package/src/components/FiltersPane/components/Filter/Filter.tsx +32 -15
  238. package/src/components/FiltersPane/components/Filter/helpers.ts +4 -4
  239. package/src/components/FiltersPane/components/FilterDateSingle/FilterDateSingle.styles.ts +34 -0
  240. package/src/components/FiltersPane/components/FilterDateSingle/FilterDateSingle.tsx +103 -0
  241. package/src/components/FiltersPane/components/FilterDateSingle/index.ts +2 -0
  242. package/src/components/FiltersPane/components/FilterInterval/FilterInterval.styles.ts +1 -2
  243. package/src/components/FiltersPane/components/FilterInterval/FilterInterval.tsx +7 -20
  244. package/src/components/FiltersPane/components/FilterSelect/FilterSelect.styles.ts +1 -2
  245. package/src/components/FiltersPane/components/FilterSelect/FilterSelect.tsx +22 -23
  246. package/src/components/FiltersPane/components/FilterValueView/FilterValueView.tsx +62 -93
  247. package/src/components/FiltersPane/components/FilterWithDates/FilterWithDates.styles.ts +2 -26
  248. package/src/components/FiltersPane/components/FilterWithDates/FilterWithDates.tsx +9 -44
  249. package/src/components/FiltersPane/components/FilterWithPeriod/FilterWithPeriod.tsx +4 -3
  250. package/src/components/FiltersPane/components/FilterWrapper/FilterWrapper.tsx +6 -8
  251. package/src/components/FiltersPane/components/FilterWrapper/helpers.ts +1 -1
  252. package/src/components/FiltersPane/components/FiltersPaneSearch/FiltersPaneSearch.styles.ts +5 -0
  253. package/src/components/FiltersPane/components/FiltersPaneSearch/FiltersPaneSearch.tsx +19 -19
  254. package/src/components/FiltersPane/components/index.ts +1 -0
  255. package/src/components/FiltersPane/constants.ts +2 -0
  256. package/src/components/FiltersPane/helpers.ts +3 -3
  257. package/src/components/FiltersPane/index.ts +1 -0
  258. package/src/components/FiltersPane/types.ts +24 -6
  259. package/src/components/Flag/Flag.stories.tsx +15 -20
  260. package/src/components/Flag/Flag.tsx +2 -2
  261. package/src/components/FlexibleTable/FlexibleTable.stories.tsx +47 -50
  262. package/src/components/FlexibleTable/FlexibleTable.styles.ts +5 -2
  263. package/src/components/FlexibleTable/FlexibleTable.tsx +31 -52
  264. package/src/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.styles.ts +1 -0
  265. package/src/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.tsx +13 -7
  266. package/src/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.tsx +13 -11
  267. package/src/components/FlexibleTable/types.ts +19 -11
  268. package/src/components/FloatDocActions/FloatDocActions.stories.tsx +111 -0
  269. package/src/components/FloatDocActions/FloatDocActions.styles.ts +12 -0
  270. package/src/components/FloatDocActions/FloatDocActions.tsx +34 -0
  271. package/src/components/FloatDocActions/components/DocActions/DocActions.styles.ts +29 -0
  272. package/src/components/FloatDocActions/components/DocActions/DocActions.tsx +43 -0
  273. package/src/components/FloatDocActions/components/DocActions/constants.ts +1 -0
  274. package/src/components/FloatDocActions/components/DocActions/index.ts +4 -0
  275. package/src/components/FloatDocActions/components/DocActions/types.ts +3 -0
  276. package/src/components/FloatDocActions/components/index.ts +1 -0
  277. package/src/components/FloatDocActions/constants.ts +1 -0
  278. package/src/components/FloatDocActions/index.ts +3 -0
  279. package/src/components/Icon/Icon.stories.tsx +80 -67
  280. package/src/components/Icon/Icon.styles.ts +1 -1
  281. package/src/components/Icon/Icon.tsx +17 -12
  282. package/src/components/Icon/icons/calendar.svg +1 -0
  283. package/src/components/Icon/icons/check.svg +1 -0
  284. package/src/components/Icon/icons/chevron-down-small.svg +1 -0
  285. package/src/components/Icon/icons/chevron-down.svg +1 -0
  286. package/src/components/Icon/icons/chevron-left.svg +1 -0
  287. package/src/components/Icon/icons/chevron-right.svg +1 -0
  288. package/src/components/Icon/icons/close-large.svg +1 -0
  289. package/src/components/Icon/icons/close-window.svg +1 -0
  290. package/src/components/Icon/icons/close.svg +1 -0
  291. package/src/components/Icon/icons/filter.svg +1 -0
  292. package/src/components/Icon/icons/index.ts +62 -0
  293. package/src/components/Icon/icons/information.svg +1 -0
  294. package/src/components/Icon/icons/menu.svg +1 -0
  295. package/src/components/Icon/icons/minus.svg +1 -0
  296. package/src/components/Icon/icons/plus.svg +1 -0
  297. package/src/components/Icon/icons/search.svg +1 -0
  298. package/src/components/Icon/icons/status-error.svg +1 -0
  299. package/src/components/Icon/icons/status-info.svg +1 -0
  300. package/src/components/Icon/icons/status-not-ok.svg +1 -0
  301. package/src/components/Icon/icons/status-ok.svg +1 -0
  302. package/src/components/Icon/icons/status-warning.svg +1 -0
  303. package/src/components/Icon/icons/trash-can.svg +1 -0
  304. package/src/components/Icon/index.ts +1 -1
  305. package/src/components/Icon/types.ts +7 -13
  306. package/src/components/IconButton/IconButton.stories.tsx +7 -12
  307. package/src/components/IconButton/IconButton.styles.ts +15 -13
  308. package/src/components/IconButton/IconButton.tsx +44 -48
  309. package/src/components/IconButton/constants.ts +1 -1
  310. package/src/components/IncrementInput/IncrementInput.stories.tsx +25 -23
  311. package/src/components/IncrementInput/IncrementInput.styles.ts +31 -39
  312. package/src/components/IncrementInput/IncrementInput.tsx +28 -25
  313. package/src/components/Input/Input.stories.tsx +38 -68
  314. package/src/components/Input/Input.styles.ts +5 -2
  315. package/src/components/Input/Input.tsx +29 -26
  316. package/src/components/Input/InputBase.tsx +170 -174
  317. package/src/components/List/List.stories.tsx +34 -17
  318. package/src/components/List/List.styles.ts +4 -2
  319. package/src/components/List/List.tsx +15 -7
  320. package/src/components/List/components/ListItem/ListItem.styles.ts +4 -1
  321. package/src/components/List/components/ListItem/ListItem.tsx +8 -6
  322. package/src/components/List/index.ts +2 -1
  323. package/src/components/List/types.ts +11 -0
  324. package/src/components/Modal/Modal.stories.tsx +50 -59
  325. package/src/components/Modal/Modal.tsx +3 -5
  326. package/src/components/MoreMenu/MoreMenu.stories.tsx +24 -15
  327. package/src/components/MoreMenu/MoreMenu.tsx +2 -4
  328. package/src/components/MultiSelect/MultiSelect.stories.tsx +23 -20
  329. package/src/components/MultiSelect/MultiSelect.tsx +2 -4
  330. package/src/components/MultiSelectList/MultiSelectList.tsx +15 -11
  331. package/src/components/MultiSelectList/helpers.ts +2 -2
  332. package/src/components/NewMoreMenu/NewMoreMenu.stories.tsx +51 -39
  333. package/src/components/NewMoreMenu/NewMoreMenu.tsx +29 -24
  334. package/src/components/Notification/Notification.stories.tsx +37 -34
  335. package/src/components/Notification/Notification.tsx +11 -20
  336. package/src/components/NumberInput/NumberInput.stories.tsx +32 -28
  337. package/src/components/NumberInput/NumberInput.tsx +91 -93
  338. package/src/components/PhoneInput/PhoneInput.stories.tsx +29 -55
  339. package/src/components/PhoneInput/PhoneInput.tsx +3 -4
  340. package/src/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.stories.tsx +5 -11
  341. package/src/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.tsx +1 -4
  342. package/src/components/RadioButton/RadioButton.stories.tsx +31 -21
  343. package/src/components/RadioButton/RadioButton.styles.ts +2 -1
  344. package/src/components/RadioButton/RadioButton.tsx +12 -5
  345. package/src/components/RadioButton/index.ts +1 -0
  346. package/src/components/RadioButton/types.ts +4 -0
  347. package/src/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.ts +15 -9
  348. package/src/components/SearchInput/SearchInput.stories.tsx +19 -14
  349. package/src/components/SearchInput/SearchInput.styles.ts +6 -12
  350. package/src/components/SearchInput/SearchInput.tsx +21 -24
  351. package/src/components/Select/CustomSelect.stories.tsx +29 -32
  352. package/src/components/Select/MultiSelect.stories.tsx +45 -45
  353. package/src/components/Select/Select.stories.tsx +45 -44
  354. package/src/components/Select/Select.styles.ts +5 -40
  355. package/src/components/Select/Select.tsx +62 -52
  356. package/src/components/Select/components/SelectList/SelectList.styles.ts +2 -1
  357. package/src/components/Select/components/SelectList/SelectList.tsx +13 -7
  358. package/src/components/Select/components/SelectListItem/SelectListItem.tsx +5 -2
  359. package/src/components/Select/index.ts +1 -1
  360. package/src/components/Select/types.ts +3 -0
  361. package/src/components/Selector/Selector.stories.tsx +29 -27
  362. package/src/components/Selector/Selector.styles.ts +31 -133
  363. package/src/components/Selector/Selector.tsx +37 -53
  364. package/src/components/Skeleton/Skeleton.stories.tsx +13 -12
  365. package/src/components/SmartInput/SmartInput.stories.tsx +23 -23
  366. package/src/components/SmartInput/SmartInput.tsx +85 -87
  367. package/src/components/Status/Status.stories.tsx +79 -28
  368. package/src/components/Status/Status.styles.ts +2 -37
  369. package/src/components/Status/Status.tsx +5 -4
  370. package/src/components/Status/constants.ts +0 -10
  371. package/src/components/Status/index.ts +1 -1
  372. package/src/components/Status/types.ts +7 -3
  373. package/src/components/Switch/Switch.stories.tsx +19 -26
  374. package/src/components/Switch/Switch.styles.ts +21 -13
  375. package/src/components/Switch/Switch.tsx +11 -6
  376. package/src/components/Switch/types.ts +5 -0
  377. package/src/components/TextArea/TextArea.stories.tsx +37 -26
  378. package/src/components/TextArea/TextArea.styles.ts +15 -8
  379. package/src/components/TextArea/TextArea.tsx +114 -83
  380. package/src/components/TextArea/index.ts +1 -1
  381. package/src/components/TextArea/types.ts +5 -5
  382. package/src/components/TextButton/TextButton.stories.tsx +8 -19
  383. package/src/components/TextButton/TextButton.styles.ts +1 -0
  384. package/src/components/TextButton/TextButton.tsx +68 -69
  385. package/src/components/TextWithInfo/TextWithInfo.stories.tsx +13 -21
  386. package/src/components/TextWithInfo/TextWithInfo.tsx +2 -4
  387. package/src/components/TextWithTooltip/TextWithTooltip.stories.tsx +26 -25
  388. package/src/components/TextWithTooltip/TextWithTooltip.tsx +7 -6
  389. package/src/components/ThemedPreloader/ThemedPreloader.stories.tsx +12 -23
  390. package/src/components/ThemedPreloader/ThemedPreloader.tsx +2 -4
  391. package/src/components/ThemedPreloader/components/SvgPreloader/SvgPreloader.tsx +4 -4
  392. package/src/components/Toaster/Toaster.stories.tsx +16 -14
  393. package/src/components/Toaster/Toaster.tsx +2 -4
  394. package/src/components/Tooltip/Tooltip.stories.tsx +15 -4
  395. package/src/components/Tooltip/Tooltip.styles.ts +2 -1
  396. package/src/components/Tooltip/Tooltip.tsx +12 -5
  397. package/src/components/Tooltip/types.ts +5 -0
  398. package/src/components/WithMessages/WithMessages.stories.tsx +16 -20
  399. package/src/components/WithMessages/WithMessages.tsx +41 -40
  400. package/src/components/WithPopup/WithPopup.stories.tsx +27 -26
  401. package/src/components/WithPopup/WithPopup.tsx +36 -15
  402. package/src/components/WithTooltip/WithTooltip.stories.tsx +28 -28
  403. package/src/components/WithTooltip/WithTooltip.tsx +4 -0
  404. package/src/components/index.ts +1 -1
  405. package/src/helpers/misc.ts +15 -7
  406. package/src/helpers/popper-helpers.ts +0 -1
  407. package/src/hooks/index.ts +8 -5
  408. package/src/hooks/use-intersection-ref.ts +48 -0
  409. package/src/hooks/use-latest-ref.ts +11 -0
  410. package/src/hooks/use-on-click-outside.ts +22 -14
  411. package/src/hooks/use-resize-ref.ts +42 -0
  412. package/src/hooks/use-tweak-styles.ts +14 -51
  413. package/src/theme/Provider.tsx +4 -21
  414. package/src/theme/common.ts +33 -36
  415. package/src/theme/helpers.ts +50 -40
  416. package/src/theme/index.ts +0 -2
  417. package/src/theme/types.ts +20 -16
  418. package/src/types.ts +16 -6
  419. package/dist/components/AccountInfo/AccountInfo.stories.d.ts +0 -6
  420. package/dist/components/AddButton/AddButton.stories.d.ts +0 -6
  421. package/dist/components/Button/Button.stories.d.ts +0 -6
  422. package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -8
  423. package/dist/components/CloseButton/CloseButton.stories.d.ts +0 -5
  424. package/dist/components/Colors/Colors.d.ts +0 -2
  425. package/dist/components/Colors/Colors.stories.d.ts +0 -5
  426. package/dist/components/Colors/Colors.styles.d.ts +0 -1
  427. package/dist/components/Colors/index.d.ts +0 -1
  428. package/dist/components/ControlWrapper/ControlWrapper.stories.d.ts +0 -6
  429. package/dist/components/DateInput/DateInput.stories.d.ts +0 -7
  430. package/dist/components/DatePicker/DatePicker.stories.d.ts +0 -7
  431. package/dist/components/Description/Description.stories.d.ts +0 -16
  432. package/dist/components/FileInput/FileInput.stories.d.ts +0 -7
  433. package/dist/components/FileItem/FileItem.stories.d.ts +0 -8
  434. package/dist/components/FiltersPane/FiltersPane.stories.d.ts +0 -31
  435. package/dist/components/Flag/Flag.stories.d.ts +0 -12
  436. package/dist/components/FlexibleTable/FlexibleTable.stories.d.ts +0 -19
  437. package/dist/components/Icon/Icon.stories.d.ts +0 -6
  438. package/dist/components/Icon/complexIcons/icons.d.ts +0 -10
  439. package/dist/components/Icon/complexIcons/index.d.ts +0 -1
  440. package/dist/components/Icon/components/ComplexIconBoilerplate/ComplexIconBoilerplate.d.ts +0 -6
  441. package/dist/components/Icon/components/ComplexIconBoilerplate/index.d.ts +0 -1
  442. package/dist/components/Icon/components/IconBolerplate/IconBoilerplate.d.ts +0 -6
  443. package/dist/components/Icon/components/IconBolerplate/index.d.ts +0 -1
  444. package/dist/components/Icon/components/index.d.ts +0 -2
  445. package/dist/components/Icon/helpers.d.ts +0 -6
  446. package/dist/components/Icon/icons-list.d.ts +0 -1
  447. package/dist/components/IconButton/IconButton.stories.d.ts +0 -6
  448. package/dist/components/IncrementInput/IncrementInput.stories.d.ts +0 -6
  449. package/dist/components/Input/Input.stories.d.ts +0 -25
  450. package/dist/components/List/List.stories.d.ts +0 -5
  451. package/dist/components/Modal/Modal.stories.d.ts +0 -29
  452. package/dist/components/MoreMenu/MoreMenu.stories.d.ts +0 -6
  453. package/dist/components/MultiSelect/MultiSelect.stories.d.ts +0 -13
  454. package/dist/components/NewMoreMenu/NewMoreMenu.stories.d.ts +0 -12
  455. package/dist/components/Notification/Notification.stories.d.ts +0 -8
  456. package/dist/components/NumberInput/NumberInput.stories.d.ts +0 -7
  457. package/dist/components/PhoneInput/PhoneInput.stories.d.ts +0 -28
  458. package/dist/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.stories.d.ts +0 -5
  459. package/dist/components/RadioButton/RadioButton.stories.d.ts +0 -7
  460. package/dist/components/SearchInput/SearchInput.stories.d.ts +0 -7
  461. package/dist/components/Select/CustomSelect.stories.d.ts +0 -11
  462. package/dist/components/Select/MultiSelect.stories.d.ts +0 -15
  463. package/dist/components/Select/Select.stories.d.ts +0 -15
  464. package/dist/components/Selector/Selector.stories.d.ts +0 -7
  465. package/dist/components/Skeleton/Skeleton.stories.d.ts +0 -6
  466. package/dist/components/SmartInput/SmartInput.stories.d.ts +0 -18
  467. package/dist/components/Status/Status.stories.d.ts +0 -6
  468. package/dist/components/Switch/Switch.stories.d.ts +0 -16
  469. package/dist/components/TextArea/TextArea.stories.d.ts +0 -17
  470. package/dist/components/TextButton/TextButton.stories.d.ts +0 -6
  471. package/dist/components/TextWithInfo/TextWithInfo.stories.d.ts +0 -12
  472. package/dist/components/TextWithTooltip/TextWithTooltip.stories.d.ts +0 -24
  473. package/dist/components/ThemedPreloader/ThemedPreloader.stories.d.ts +0 -17
  474. package/dist/components/Toaster/Toaster.stories.d.ts +0 -5
  475. package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -5
  476. package/dist/components/WithMessages/WithMessages.stories.d.ts +0 -7
  477. package/dist/components/WithPopup/WithPopup.stories.d.ts +0 -16
  478. package/dist/components/WithTooltip/WithTooltip.stories.d.ts +0 -6
  479. package/dist/style.css +0 -820
  480. package/dist/theme/create-themed-styles.d.ts +0 -2
  481. package/dist/theme/true-jss/ThemedStylesManager.d.ts +0 -18
  482. package/dist/theme/true-jss/TweakStylesManager.d.ts +0 -34
  483. package/dist/theme/true-jss/index.d.ts +0 -2
  484. package/dist/theme/true-jss/jss-context.d.ts +0 -9
  485. package/src/components/Colors/Colors.styles.ts +0 -36
  486. package/src/components/Colors/Colors.tsx +0 -26
  487. package/src/components/Colors/index.ts +0 -1
  488. package/src/components/Flag/augment.d.ts +0 -1
  489. package/src/components/Flag/customFlags/augment.d.ts +0 -1
  490. package/src/components/Icon/complexIcons/augment.d.ts +0 -1
  491. package/src/components/Icon/complexIcons/icons.ts +0 -19
  492. package/src/components/Icon/complexIcons/index.ts +0 -1
  493. package/src/components/Icon/components/ComplexIconBoilerplate/ComplexIconBoilerplate.tsx +0 -16
  494. package/src/components/Icon/components/ComplexIconBoilerplate/index.ts +0 -1
  495. package/src/components/Icon/components/IconBolerplate/IconBoilerplate.tsx +0 -43
  496. package/src/components/Icon/components/IconBolerplate/index.ts +0 -1
  497. package/src/components/Icon/components/index.ts +0 -2
  498. package/src/components/Icon/helpers.tsx +0 -9
  499. package/src/components/Icon/icons-list.ts +0 -855
  500. package/src/theme/create-themed-styles.ts +0 -78
  501. package/src/theme/true-jss/ThemedStylesManager.ts +0 -92
  502. package/src/theme/true-jss/TweakStylesManager.ts +0 -157
  503. package/src/theme/true-jss/index.ts +0 -2
  504. package/src/theme/true-jss/jss-context.tsx +0 -34
  505. package/src/vite-env.d.ts +0 -1
  506. /package/src/components/Icon/{complexIcons/avatarGreen.svg → icons/avatar.svg} +0 -0
  507. /package/src/components/Icon/{complexIcons/fileExcel.svg → icons/file-excel.svg} +0 -0
  508. /package/src/components/Icon/{complexIcons/fileImage.svg → icons/file-image.svg} +0 -0
  509. /package/src/components/Icon/{complexIcons/fileOther.svg → icons/file-other.svg} +0 -0
  510. /package/src/components/Icon/{complexIcons/filePdf.svg → icons/file-pdf.svg} +0 -0
  511. /package/src/components/Icon/{complexIcons/fileWord.svg → icons/file-word.svg} +0 -0
  512. /package/src/components/Icon/{complexIcons/fileXml.svg → icons/file-xml.svg} +0 -0
  513. /package/src/components/Icon/{complexIcons/fileZip.svg → icons/file-zip.svg} +0 -0
@@ -1,23 +1,13 @@
1
1
  import { ITweakStyles } from '../../../../theme';
2
2
  import { IButtonStyles } from '../../../Button';
3
3
  import { IDatePickerStyles } from '../../../DatePicker';
4
- export declare const useStyles: import("../../../../theme").IUseStyles<"container" | "root" | "datepicker" | "containerItem" | "btnRow", unknown>;
5
- export declare const clearButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "children" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
6
- tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
7
- tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
8
- tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
9
- }>;
4
+ export declare const useStyles: import('../../../../theme').IUseStyles<"container" | "root" | "containerItem" | "btnRow">;
5
+ export declare const clearButtonStyles: Partial<import('../../../../theme').IStyles<"content" | "outline" | "custom" | "s" | "text" | "root" | "inline" | "children" | "active" | "disabled" | "destructive" | "icon" | "fullWidth" | "m" | "l" | "xl" | "primary" | "secondary" | "warning" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "loader" | "loading">> & Partial<{
6
+ tweakPreloader: import('../../..').IThemedPreloaderStyles;
10
7
  }>;
11
- export declare const backButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "children" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
12
- tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
13
- tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
14
- tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
15
- }>;
8
+ export declare const backButtonStyles: Partial<import('../../../../theme').IStyles<"content" | "outline" | "custom" | "s" | "text" | "root" | "inline" | "children" | "active" | "disabled" | "destructive" | "icon" | "fullWidth" | "m" | "l" | "xl" | "primary" | "secondary" | "warning" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "loader" | "loading">> & Partial<{
9
+ tweakPreloader: import('../../..').IThemedPreloaderStyles;
16
10
  }>;
17
- export declare const startDatePickerStyles: IDatePickerStyles;
18
- export declare const startDatePickerWithButtonStyles: IDatePickerStyles;
19
- export declare const endDatePickerStyles: IDatePickerStyles;
20
- export declare const endDatePickerWithButtonStyles: IDatePickerStyles;
21
11
  export type IFilterWithDatesStyles = ITweakStyles<typeof useStyles, {
22
12
  tweakClearButton: IButtonStyles;
23
13
  tweakBackButton: IButtonStyles;
@@ -1,6 +1,6 @@
1
1
  import { ITweakStyles } from '../../../../theme';
2
2
  import { IFilterSelectStyles } from '../FilterSelect';
3
- export declare const useStyles: import("../../../../theme").IUseStyles<"main" | "root" | "picker", unknown>;
3
+ export declare const useStyles: import('../../../../theme').IUseStyles<"main" | "root" | "picker">;
4
4
  export declare const filterSelectStyles: IFilterSelectStyles;
5
5
  export type IFilterWithPeriodStyles = ITweakStyles<typeof useStyles, {
6
6
  tweakFilterSelect: IFilterSelectStyles;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { ICommonProps } from '../../../../types';
3
2
  import { ConfigItem, IFilterLocaleKey, IPartialFilterLocale } from '../../types';
4
3
  import { IFilterWrapperStyles } from './FilterWrapper.styles';
@@ -10,4 +9,4 @@ export interface IFilterWrapperProps<Values extends Record<string, unknown>, Key
10
9
  locale?: IPartialFilterLocale;
11
10
  onChange: <V>(value: V) => void;
12
11
  }
13
- export declare function FilterWrapper<Values extends Record<string, unknown>, Key extends keyof Values>({ filter, value, isDisabled, locale, localeKey, data, testId, tweakStyles, onChange, }: IFilterWrapperProps<Values, Key>): JSX.Element;
12
+ export declare function FilterWrapper<Values extends Record<string, unknown>, Key extends keyof Values>({ filter, value, isDisabled, locale, localeKey, data, testId, tweakStyles: baseTweakStyles, onChange, }: IFilterWrapperProps<Values, Key>): JSX.Element;
@@ -1,7 +1,7 @@
1
1
  import { ITweakStyles } from '../../../../theme';
2
2
  import { IWithPopupStyles } from '../../../WithPopup';
3
- import type { IFilterValueViewStyles } from '../FilterValueView';
4
- export declare const useStyles: import("../../../../theme").IUseStyles<"boolean" | "name" | "left" | "right" | "item" | "value" | "root" | "open" | "disabled" | "booleanItem" | "noValue" | "openNoValue" | "openWithValue" | "withValue" | "iconContainer" | "chevronIcon" | "clearIcon" | "dropdown", unknown>;
3
+ import { IFilterValueViewStyles } from '../FilterValueView';
4
+ export declare const useStyles: import('../../../../theme').IUseStyles<"boolean" | "name" | "left" | "right" | "item" | "value" | "root" | "disabled" | "open" | "withValue" | "clearIcon" | "booleanItem" | "noValue" | "openNoValue" | "openWithValue" | "iconContainer" | "chevronIcon" | "dropdown">;
5
5
  export type IFilterWrapperStyles = ITweakStyles<typeof useStyles, {
6
6
  tweakWithPopup: IWithPopupStyles;
7
7
  tweakValueView: IFilterValueViewStyles;
@@ -1 +1 @@
1
- export declare const isContentNotEmpty: (value: unknown) => boolean;
1
+ export declare const isContentNotEmpty: <T>(value: T) => value is NonNullable<T>;
@@ -16,5 +16,6 @@ export interface IFiltersPaneSearchProps<Value> extends ICommonProps<IFiltersPan
16
16
  hasClearSelectButton?: boolean;
17
17
  isDisabled?: boolean;
18
18
  isSelectSearchEnabled?: boolean;
19
+ isAutoSized?: boolean;
19
20
  }
20
- export declare function FiltersPaneSearch<Value>({ value, fields, field, onChange, localeKey, locale, getValueId, getValueView, getValueString, hasClearSelectButton, isDisabled, isSelectSearchEnabled, maxLength, data, tweakStyles, testId, }: IFiltersPaneSearchProps<Value>): JSX.Element;
21
+ export declare function FiltersPaneSearch<Value>({ value, fields, field, onChange, localeKey, locale, getValueId, getValueView, getValueString, hasClearSelectButton, isDisabled, isSelectSearchEnabled, isAutoSized, maxLength, data, tweakStyles, testId, }: IFiltersPaneSearchProps<Value>): JSX.Element;
@@ -1,7 +1,7 @@
1
1
  import { ITweakStyles } from '../../../../theme';
2
2
  import { ISearchInputStyles } from '../../../SearchInput';
3
3
  import { ISelectStyles } from '../../../Select';
4
- export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "open" | "active" | "disabled" | "dropdownInput" | "chevronIcon" | "dropdown" | "focused" | "selectWrapper" | "selectBlock" | "selectLabel", unknown>;
4
+ export declare const useStyles: import('../../../../theme').IUseStyles<"root" | "active" | "disabled" | "open" | "focused" | "hasValue" | "dropdownInput" | "chevronIcon" | "dropdown" | "selectWrapper" | "selectBlock" | "selectLabel">;
5
5
  export declare const searchInputStyles: ISearchInputStyles;
6
6
  export declare const selectStyles: ISelectStyles;
7
7
  export type IFiltersPaneSearchStyles = ITweakStyles<typeof useStyles, {
@@ -1,4 +1,5 @@
1
1
  export * from './Filter';
2
+ export * from './FilterDateSingle';
2
3
  export * from './FilterInterval';
3
4
  export * from './FilterMultiSelect';
4
5
  export * from './FilterSelect';
@@ -1,4 +1,4 @@
1
- import type { IFilterLocale, IFilterLocaleKey, IPeriodGetter, ISelectLocale, ISelectLocaleKey } from './types';
1
+ import { IFilterLocale, IFilterLocaleKey, IPeriodGetter, ISelectLocale, ISelectLocaleKey } from './types';
2
2
  export declare const PERIODS: readonly ["THIS_MONTH", "LAST_MONTH", "THIS_YEAR", "LAST_YEAR", "CUSTOM"];
3
3
  export declare const SelectLocales: Record<string, ISelectLocale>;
4
4
  export declare const FilterLocales: Record<string, IFilterLocale>;
@@ -1,4 +1,4 @@
1
- import { type IFilterLocale, type IFilterLocaleKey, type IPartialFilterLocale, ISelectLocale, ISelectLocaleKey } from './types';
1
+ import { IFilterLocale, IFilterLocaleKey, IPartialFilterLocale, ISelectLocale, ISelectLocaleKey } from './types';
2
2
  export declare const getLocale: (key?: IFilterLocaleKey, custom?: IPartialFilterLocale, custom2?: IPartialFilterLocale) => IFilterLocale;
3
3
  export declare const getSelectLocale: (key?: ISelectLocaleKey, custom?: Partial<ISelectLocale>, custom2?: Partial<ISelectLocale>) => ISelectLocale;
4
4
  export declare const sortValues: (arr: Array<number | undefined>) => Array<number | undefined>;
@@ -1,4 +1,5 @@
1
1
  export * from './FiltersPane';
2
2
  export type { IFiltersPaneStyles } from './FiltersPane.styles';
3
3
  export * from './types';
4
+ export { PERIODS, PERIODS_GETTERS } from './constants';
4
5
  export * from './components';
@@ -1,7 +1,9 @@
1
1
  import { FC, ReactNode } from 'react';
2
+ import { ITestIdProps } from '../../types';
2
3
  import { IDatePickerProps } from '../DatePicker';
3
4
  import { IMultiSelectListValues } from '../MultiSelectList';
4
- import type { IFilterIntervalProps, IFilterMultiSelectProps, IFilterSelectProps, IFilterWithDatesProps, IFilterWithPeriodProps } from './components';
5
+ import { INumberInputProps } from '../NumberInput';
6
+ import { IFilterDateSingleProps, IFilterIntervalProps, IFilterMultiSelectProps, IFilterSelectProps, IFilterWithDatesProps, IFilterWithPeriodProps, IFilterWrapperStyles } from './components';
5
7
  import { FilterLocales, PERIODS, SelectLocales } from './constants';
6
8
  export type IPeriodType = (typeof PERIODS)[number];
7
9
  export type IFilterMultiSelectValues<Option = string> = IMultiSelectListValues<Option>;
@@ -20,22 +22,25 @@ export interface IDatePeriod {
20
22
  }
21
23
  export interface IPeriod extends IDatePeriod {
22
24
  periodType: string;
23
- label?: string;
24
25
  }
25
26
  export type IPeriodGetter = () => IDatePeriod;
27
+ export type IFilterDateSingleValue = Date;
26
28
  export type IFilterWithDatesValue = IDatePeriod;
27
29
  export type MultiSelectOptionType<Value> = Value | undefined extends IFilterMultiSelectValues<infer Option> | undefined ? Option : unknown;
28
30
  export interface IConfigItemBasicBase<Value> {
29
- name: string;
31
+ name: ReactNode;
30
32
  isInline?: boolean;
33
+ isDisabled?: boolean;
31
34
  isClearable?: boolean;
32
35
  requiredFilledFilters?: string[];
33
36
  localeKey?: IFilterLocaleKey;
34
37
  locale?: IPartialFilterLocale;
35
38
  getSelectedValueView?: (v: Value) => ReactNode;
39
+ tweakWrapperStyles?: IFilterWrapperStyles;
36
40
  }
37
41
  export type IIntervalConfigItem<Value> = IConfigItemBasicBase<Value> & {
38
42
  type: 'interval';
43
+ name: string;
39
44
  } & Omit<IFilterIntervalProps, 'value' | 'onChange' | 'labelName'>;
40
45
  export interface IBooleanConfigItem<Value> extends IConfigItemBasicBase<Value> {
41
46
  type: 'boolean';
@@ -54,7 +59,10 @@ export type IDateRangeConfigItem<Value> = IConfigItemBasicBase<Value> & {
54
59
  type: 'dateRange';
55
60
  dateFormat?: string;
56
61
  } & Omit<IFilterWithPeriodProps, 'value' | 'onChange' | 'setIsOpen'>;
57
- export interface ICustomComponentProps<Value> {
62
+ export type IDatePickerSingleConfigItem<Value> = IConfigItemBasicBase<Value> & {
63
+ type: 'datePickerSingle';
64
+ } & Omit<IFilterDateSingleProps, 'value' | 'onChange' | 'onEndBtnSubmit'>;
65
+ export interface ICustomComponentProps<Value> extends ITestIdProps {
58
66
  value?: Value;
59
67
  onChange: (v?: Value) => void;
60
68
  onClose?: () => void;
@@ -78,7 +86,7 @@ export interface ICustomMultipleConfigItem<Value> extends IConfigItemBasicBase<V
78
86
  getSelectedValue?: (v: ICustomValue<Value>) => ReactNode;
79
87
  }
80
88
  export type ICustomConfigItem<Value> = ICustomRangeConfigItem<Value> | ICustomMultipleConfigItem<Value>;
81
- export type ConfigItem<Value> = ISelectConfigItem<Value> | IMultiSelectConfigItem<Value> | ICustomConfigItem<Value> | IDateRangeWithoutPeriodConfigItem<Value> | IDateRangeConfigItem<Value> | IIntervalConfigItem<Value> | IBooleanConfigItem<Value>;
89
+ export type ConfigItem<Value> = ISelectConfigItem<Value> | IMultiSelectConfigItem<Value> | ICustomConfigItem<Value> | IDateRangeWithoutPeriodConfigItem<Value> | IDateRangeConfigItem<Value> | IDatePickerSingleConfigItem<Value> | IIntervalConfigItem<Value> | IBooleanConfigItem<Value>;
82
90
  export type ConfigType<Values> = {
83
91
  [K in keyof Values]: ConfigItem<Values[K]>;
84
92
  };
@@ -93,6 +101,7 @@ export interface IFilterLocale {
93
101
  from: string;
94
102
  to: string;
95
103
  back: string;
104
+ date: string;
96
105
  months: string[];
97
106
  periods: {
98
107
  [key: string]: string;
@@ -116,3 +125,4 @@ export interface ISelectLocale {
116
125
  }
117
126
  export type ISelectLocaleKey = keyof typeof SelectLocales;
118
127
  export type IFilterWithDateDatePickerProps = Omit<IDatePickerProps, 'onChange' | 'value' | 'locale' | 'months' | 'selectedDate' | 'tweakStyles'>;
128
+ export type IFilterNumberInputProps = Omit<INumberInputProps, 'onChange' | 'value' | 'label' | 'testId' | 'tweakStyles'>;
@@ -1,3 +1,3 @@
1
1
  import { ITweakStyles } from '../../theme';
2
- export declare const useStyles: import("../../theme").IUseStyles<"root" | "noFlag", unknown>;
2
+ export declare const useStyles: import('../../theme').IUseStyles<"root" | "noFlag">;
3
3
  export type IFlagStyles = ITweakStyles<typeof useStyles>;
@@ -30,4 +30,4 @@ export interface IFlexibleTableProps<Row extends ITableRow, HeaderContent extend
30
30
  /** @default false */
31
31
  isExpandableRowComponentInitiallyOpen?: boolean | ((row: Row, index: number) => boolean);
32
32
  }
33
- export declare function FlexibleTable<Row extends ITableRow, HeaderContent extends IHeaderContent<Row> = IHeaderContent<Row>, UniqueField extends keyof Row = keyof Row>({ content, headerContent, config, enabledColumns, activeRows, uniqueField, isLoading, isFirstColumnSticky, isHorizontallyScrollable, isRowFocusable, infinityScrollConfig, renderMode, refForScroll, nothingFoundContent, data, testId, tweakStyles, shouldRenderHeader, onHeadClick, isExpandableRowComponentInitiallyOpen: isRowInitiallyOpen, ...restProps }: IFlexibleTableProps<Row, HeaderContent, UniqueField>): JSX.Element;
33
+ export declare function FlexibleTable<Row extends ITableRow, HeaderContent extends IHeaderContent<Row> = IHeaderContent<Row>, UniqueField extends keyof Row = keyof Row>({ content, headerContent, config, enabledColumns, activeRows, uniqueField, isLoading, isFirstColumnSticky, isHorizontallyScrollable, isRowFocusable, infinityScrollConfig: infinityScrollConfigDeprecated, renderMode, refForScroll, nothingFoundContent, data, testId, tweakStyles, shouldRenderHeader, onHeadClick, isExpandableRowComponentInitiallyOpen: isRowInitiallyOpen, ...restProps }: IFlexibleTableProps<Row, HeaderContent, UniqueField>): JSX.Element;
@@ -1,7 +1,7 @@
1
1
  import { ITweakStyles } from '../../theme';
2
- import type { IFlexibleTableRowStyles } from './components';
2
+ import { IFlexibleTableRowStyles } from './components';
3
3
  export declare const STICKY_SHADOW_PADDING = 12;
4
- export declare const useStyles: import("../../theme").IUseStyles<"scroll" | "root" | "loader" | "header" | "nothingFound" | "head" | "body" | "loaderRow" | "loaderCell" | "headerRow" | "headerSticky" | "headerSecond" | "nothingFoundRow", unknown>;
4
+ export declare const useStyles: import('../../theme').IUseStyles<"body" | "head" | "header" | "scroll" | "root" | "loader" | "nothingFound" | "flexibleTableWrapper" | "loaderRow" | "loaderCell" | "headerRow" | "headerSticky" | "headerSecond" | "nothingFoundRow">;
5
5
  export type IFlexibleTableStyles = ITweakStyles<typeof useStyles, {
6
6
  tweakTableRow: IFlexibleTableRowStyles;
7
7
  }>;
@@ -1,14 +1,15 @@
1
- /// <reference types="react" />
1
+ import { ReactNode } from 'react';
2
2
  import { ICommonProps } from '../../../../types';
3
3
  import { ITableRow, IValueComponentProps, IFlexibleTableConfigType, IFlexibleTableRenderMode, IHeaderContent } from '../../types';
4
4
  import { IFlexibleTableCellStyles } from './FlexibleTableCell.styles';
5
- export interface IFlexibleTableCellProps<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>> extends Pick<ICommonProps<IFlexibleTableCellStyles>, 'tweakStyles'>, Pick<IValueComponentProps<Row, unknown>, 'isFocusedRow' | 'isActiveRow' | 'isNestedComponentExpanded' | 'isRowNestedComponentExpanded' | 'onSetNestedComponent'> {
5
+ export interface IFlexibleTableCellProps<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>> extends Pick<ICommonProps<IFlexibleTableCellStyles>, 'tweakStyles'>, Pick<IValueComponentProps<Row, unknown>, 'isFocusedRow' | 'isActiveRow' | 'isNestedComponentExpanded' | 'isRowNestedComponentExpanded'> {
6
6
  row: Row;
7
7
  columnName: keyof Row;
8
+ updateNestedComponent: (component: ReactNode, cellKey: keyof Row) => void;
8
9
  config: IFlexibleTableConfigType<Row, HeaderContent>;
9
10
  renderMode: IFlexibleTableRenderMode;
10
11
  isSecond?: boolean;
11
12
  isSticky?: boolean;
12
13
  isLoading?: boolean;
13
14
  }
14
- export declare function FlexibleTableCell<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>>({ row, columnName, config, renderMode, isSecond, isSticky: isOldSticky, isLoading, tweakStyles, ...valueComponentProps }: IFlexibleTableCellProps<Row, HeaderContent>): JSX.Element;
15
+ export declare function FlexibleTableCell<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>>({ row, columnName, config, renderMode, isSecond, isSticky: isOldSticky, isLoading, updateNestedComponent, tweakStyles, ...valueComponentProps }: IFlexibleTableCellProps<Row, HeaderContent>): JSX.Element;
@@ -1,3 +1,3 @@
1
1
  import { ITweakStyles } from '../../../../theme';
2
- export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "sticky" | "loading" | "clickable" | "second" | "skeleton", unknown>;
2
+ export declare const useStyles: import('../../../../theme').IUseStyles<"root" | "clickable" | "sticky" | "loading" | "second" | "skeleton">;
3
3
  export type IFlexibleTableCellStyles = ITweakStyles<typeof useStyles>;
@@ -26,6 +26,4 @@ export interface IFlexibleTableRowProps<Row extends ITableRow, HeaderContent ext
26
26
  onRowHover?: (id?: Row[UniqueField]) => void;
27
27
  onRowClick?: (id: Row[UniqueField]) => void;
28
28
  }
29
- declare function FlexibleTableRowInner<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>, UniqueField extends keyof Row>({ item, config, columns, uniqueField, renderMode, isActive, isFocusable, isFirstColumnSticky, isLoading, rowAttributes, isExpandableRowComponentInitiallyOpen, rowRef, tweakStyles, expandableRowComponent, onRowHover, onRowClick, }: IFlexibleTableRowProps<Row, HeaderContent, UniqueField>): JSX.Element;
30
- export declare const FlexibleTableRow: typeof FlexibleTableRowInner;
31
- export {};
29
+ export declare const FlexibleTableRow: <Row extends ITableRow, HeaderContent extends IHeaderContent<Row>, UniqueField extends keyof Row>({ item, config, columns, uniqueField, renderMode, isActive, isFocusable, isFirstColumnSticky, isLoading, rowAttributes, isExpandableRowComponentInitiallyOpen, rowRef, tweakStyles, expandableRowComponent, onRowHover, onRowClick, }: IFlexibleTableRowProps<Row, HeaderContent, UniqueField>) => JSX.Element;
@@ -1,6 +1,6 @@
1
1
  import { ITweakStyles } from '../../../../theme';
2
2
  import { IFlexibleTableCellStyles } from '../FlexibleTableCell';
3
- export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "active" | "editable" | "clickable" | "nestedComponent", unknown>;
3
+ export declare const useStyles: import('../../../../theme').IUseStyles<"root" | "clickable" | "active" | "editable" | "nestedComponent">;
4
4
  export type IFlexibleTableRowStyles = ITweakStyles<typeof useStyles, {
5
5
  tweakTableCell: IFlexibleTableCellStyles;
6
6
  }>;
@@ -1,3 +1,3 @@
1
- import { IFlexibleTableConfigType, ITableRow } from './types';
1
+ import { IFlexibleTableConfigType, IHeaderContent, ITableRow } from './types';
2
2
  export declare const hasHorizontalScrollBar: (el: HTMLElement | null | undefined) => boolean;
3
- export declare const formatCellContent: <Values extends ITableRow, HeaderContent extends Partial<Record<keyof Values, unknown>>>(value: unknown, config?: IFlexibleTableConfigType<Values, HeaderContent>[keyof Values] | undefined) => string;
3
+ export declare const formatCellContent: <Values extends ITableRow, HeaderContent extends IHeaderContent<Values>>(value: unknown, config?: IFlexibleTableConfigType<Values, HeaderContent>[keyof Values]) => string;
@@ -21,16 +21,16 @@ export interface IFlexibleTableRowConfig<Values extends ITableRow, Key extends k
21
21
  title?: IRenderNode<ITitleComponentProps<HeaderContent[Key]>>;
22
22
  component?: IRenderNode<IValueComponentProps<Values, NonNullable<Values[Key]>>>;
23
23
  dateFormat?: string;
24
- minWidth?: string | number;
25
- width?: string | number;
26
- maxWidth?: string | number;
24
+ minWidth?: CSSProperties['minWidth'];
25
+ width?: CSSProperties['width'];
26
+ maxWidth?: CSSProperties['maxWidth'];
27
27
  /** @default 'left' */
28
28
  titleAlign?: CSSProperties['textAlign'];
29
29
  cellAlign?: CSSProperties['textAlign'];
30
30
  cellVerticalAlign?: CSSProperties['verticalAlign'];
31
31
  position?: CSSProperties['position'];
32
- right?: number;
33
- left?: number;
32
+ right?: CSSProperties['right'];
33
+ left?: CSSProperties['left'];
34
34
  shouldRenderDataId?: boolean;
35
35
  /**
36
36
  * Проверка, нужно ли отрисовать component
@@ -44,14 +44,22 @@ export type IFlexibleTableConfigType<Values extends ITableRow, HeaderContent ext
44
44
  [Key in keyof Values]?: IFlexibleTableRowConfig<Values, Key, HeaderContent>;
45
45
  };
46
46
  export interface IInfinityScrollConfig {
47
- activePage: number;
48
- totalPages: number;
47
+ isEnabled?: boolean;
49
48
  isLoading: boolean;
50
- isLastPage: boolean;
51
- onInfinityScroll: (skip: number) => void;
49
+ onInfinityScroll: {
50
+ (_: never): void;
51
+ /** @deprecated use activePage directly */
52
+ (skip: number): void;
53
+ };
54
+ /** @deprecated use activePage in onInfinityScroll */
55
+ activePage?: number;
56
+ /** @deprecated use isEnabled */
57
+ isLastPage?: boolean;
58
+ /** @deprecated use isEnabled */
59
+ totalPages?: number;
52
60
  }
53
- export interface INestedComponent {
61
+ export interface INestedComponent<T extends PropertyKey = string> {
54
62
  isOpen: boolean;
55
63
  component?: ReactNode;
56
- cellKey?: string;
64
+ cellKey?: T;
57
65
  }
@@ -0,0 +1,6 @@
1
+ import { FC } from 'react';
2
+ import { IDocActionsProps } from './components';
3
+ export interface IFloatDocActionsProps extends IDocActionsProps {
4
+ isOpen: boolean;
5
+ }
6
+ export declare const FloatDocActions: FC<IFloatDocActionsProps>;
@@ -0,0 +1,8 @@
1
+ import { ITweakStyles } from '../../theme';
2
+ import { IDocActionsStyles } from './components';
3
+ export declare const useStyles: (data?: {
4
+ theme?: Jss.Theme | undefined;
5
+ } | undefined) => import('jss').Classes<"slide-up-enter" | "slide-up-enter-active" | "slide-up-exit-active" | "slide-up-exit">;
6
+ export type IFloatDocActionsStyles = ITweakStyles<typeof useStyles, {
7
+ tweakDocActions: IDocActionsStyles;
8
+ }>;
@@ -0,0 +1,12 @@
1
+ import { FC, ReactNode } from 'react';
2
+ import { ICommonProps } from '../../../../types';
3
+ import { ICheckboxProps } from '../../../Checkbox';
4
+ import { IDocActionsView } from './types';
5
+ import { IDocActionsStyles } from './DocActions.styles';
6
+ export interface IDocActionsProps extends Omit<ICheckboxProps<never>, 'tweakStyles'>, ICommonProps<IDocActionsStyles> {
7
+ title: string;
8
+ /** @default 'neutral' */
9
+ view?: IDocActionsView;
10
+ children: ReactNode;
11
+ }
12
+ export declare const DocActions: FC<IDocActionsProps>;
@@ -0,0 +1,6 @@
1
+ import { ITweakStyles } from '../../../../theme';
2
+ import { ICheckboxStyles } from '../../../Checkbox';
3
+ export declare const useStyles: import('../../../../theme').IUseStyles<"title" | "neutral" | "inverse" | "docActions" | "counterWrapper" | "actionsWrapper">;
4
+ export type IDocActionsStyles = ITweakStyles<typeof useStyles, {
5
+ tweakCheckbox: ICheckboxStyles;
6
+ }>;
@@ -0,0 +1 @@
1
+ export declare const DOC_ACTIONS_VIEWS: readonly ["neutral", "inverse"];
@@ -0,0 +1,4 @@
1
+ export * from './DocActions';
2
+ export * from './types';
3
+ export * from './constants';
4
+ export type { IDocActionsStyles } from './DocActions.styles';
@@ -0,0 +1,2 @@
1
+ import { DOC_ACTIONS_VIEWS } from './constants';
2
+ export type IDocActionsView = (typeof DOC_ACTIONS_VIEWS)[number];
@@ -0,0 +1 @@
1
+ export * from './DocActions';
@@ -0,0 +1 @@
1
+ export declare const DEFAULT_TIMEOUT = 150;
@@ -0,0 +1,3 @@
1
+ export * from './FloatDocActions';
2
+ export * from './components';
3
+ export type { IFloatDocActionsStyles } from './FloatDocActions.styles';
@@ -1,3 +1,3 @@
1
1
  import { ITweakStyles } from '../../theme';
2
- export declare const useStyles: import("../../theme").IUseStyles<"root", unknown>;
2
+ export declare const useStyles: import('../../theme').IUseStyles<"root">;
3
3
  export type IIconStyles = ITweakStyles<typeof useStyles>;
@@ -0,0 +1,31 @@
1
+ export declare const iconsMap: {
2
+ avatar: string;
3
+ calendar: string;
4
+ check: string;
5
+ 'chevron-down-small': string;
6
+ 'chevron-down': string;
7
+ 'chevron-left': string;
8
+ 'chevron-right': string;
9
+ 'close-large': string;
10
+ 'close-window': string;
11
+ close: string;
12
+ 'file-excel': string;
13
+ 'file-image': string;
14
+ 'file-other': string;
15
+ 'file-pdf': string;
16
+ 'file-word': string;
17
+ 'file-xml': string;
18
+ 'file-zip': string;
19
+ filter: string;
20
+ information: string;
21
+ menu: string;
22
+ minus: string;
23
+ plus: string;
24
+ search: string;
25
+ 'status-error': string;
26
+ 'status-info': string;
27
+ 'status-not-ok': string;
28
+ 'status-ok': string;
29
+ 'status-warning': string;
30
+ 'trash-can': string;
31
+ };
@@ -1,5 +1,5 @@
1
1
  export * from './Icon';
2
2
  export * from './types';
3
- export { iconsList } from './icons-list';
3
+ export * from './icons';
4
4
  export type { IIconStyles } from './Icon.styles';
5
5
  export * from './snippet';
@@ -1,13 +1,9 @@
1
- import { ReactElement, SVGAttributes } from 'react';
2
- import { complexIcons } from './complexIcons';
3
- import { iconsList } from './icons-list';
4
- export interface ISvgIcon {
5
- viewBox?: string;
6
- paths?: Array<SVGAttributes<never>>;
7
- circles?: Array<SVGAttributes<never>>;
8
- rects?: Array<SVGAttributes<never>>;
1
+ import { ReactElement } from 'react';
2
+ import { iconsMap } from './icons';
3
+ export type ISvgIcon = string;
4
+ type IUiKitIconsMap = typeof iconsMap;
5
+ export interface IIconsMap extends IUiKitIconsMap {
9
6
  }
10
- export type ICommonIcon = keyof typeof iconsList;
11
- export type IComplexIcon = keyof typeof complexIcons;
12
- export type IIconType = ICommonIcon | IComplexIcon;
7
+ export type IIconType = keyof IIconsMap;
13
8
  export type IIcon = IIconType | ReactElement;
9
+ export {};
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { ICommonProps } from '../../types';
3
2
  import { IIcon } from '../Icon';
4
3
  import { IIconButtonSize, IIconButtonView, IIconButtonHTMLBaseProps } from './types';
@@ -16,4 +15,4 @@ export interface IIconButtonProps extends IIconButtonHTMLBaseProps, ICommonProps
16
15
  /** @default false */
17
16
  isLoading?: boolean;
18
17
  }
19
- export declare const IconButton: import("react").ForwardRefExoticComponent<IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
18
+ export declare const IconButton: import('react').ForwardRefExoticComponent<IIconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
@@ -1,3 +1,3 @@
1
1
  import { ITweakStyles } from '../../theme';
2
- export declare const useStyles: import("../../theme").IUseStyles<"main" | "cancel" | "root" | "icon" | "active" | "disabled" | "custom" | "s" | "m" | "loader" | "loading" | "cancel-light", unknown>;
2
+ export declare const useStyles: import('../../theme').IUseStyles<"main" | "custom" | "s" | "cancel" | "root" | "active" | "disabled" | "icon" | "m" | "l" | "loader" | "loading" | "cancel-light">;
3
3
  export type IIconButtonStyles = ITweakStyles<typeof useStyles>;
@@ -1,2 +1,2 @@
1
- export declare const ICON_BUTTON_SIZES: readonly ["s", "m"];
1
+ export declare const ICON_BUTTON_SIZES: readonly ["s", "m", "l"];
2
2
  export declare const ICON_BUTTON_VIEWS: readonly ["cancel", "cancel-light", "main", "custom"];
@@ -1,9 +1,7 @@
1
1
  import { ITweakStyles } from '../../theme';
2
2
  import { IInputStyles } from '../Input';
3
- export declare const BUTTONS_WIDTH = 36;
4
- export declare const BUTTONS_GAP = 2;
5
- export declare const useStyles: import("../../theme").IUseStyles<"root" | "button" | "buttons" | "disabledButton" | "errorButton", unknown>;
6
3
  export declare const inputStyles: IInputStyles;
4
+ export declare const useStyles: import('../../theme').IUseStyles<"button" | "icon" | "buttons" | "disabledButton" | "errorButton">;
7
5
  export type IIncrementInputStyles = ITweakStyles<typeof useStyles, {
8
6
  tweakInput: IInputStyles;
9
7
  }>;
@@ -1,5 +1,5 @@
1
- /// <reference types="react" />
2
1
  import { IWithMessagesProps } from '../WithMessages';
3
2
  import { IInputBaseProps } from './InputBase';
4
- export type IInputProps = IInputBaseProps & Pick<IWithMessagesProps, 'infoMessage' | 'errorMessage'>;
5
- export declare const Input: import("react").ForwardRefExoticComponent<IInputBaseProps & Pick<IWithMessagesProps, "infoMessage" | "errorMessage"> & import("react").RefAttributes<HTMLInputElement>>;
3
+ export interface IInputProps extends IInputBaseProps, Pick<IWithMessagesProps, 'infoMessage' | 'errorMessage'> {
4
+ }
5
+ export declare const Input: import('react').ForwardRefExoticComponent<IInputProps & import('react').RefAttributes<HTMLInputElement>>;
@@ -1,7 +1,7 @@
1
1
  import { ITweakStyles } from '../../theme';
2
2
  import { IControlWrapperStyles } from '../ControlWrapper';
3
3
  import { IWithMessagesStyles } from '../WithMessages';
4
- export declare const useStyles: import("../../theme").IUseStyles<"input" | "withValue" | "inputContent" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput", unknown>;
4
+ export declare const useStyles: import('../../theme').IUseStyles<"input" | "withValue" | "inputContent" | "defaultWrapper" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput">;
5
5
  export type IInputStyles = ITweakStyles<typeof useStyles, {
6
6
  tweakControlWrapper: IControlWrapperStyles;
7
7
  tweakWithMessages: IWithMessagesStyles;
@@ -4,7 +4,7 @@ import { ICommonProps } from '../../types';
4
4
  import { IControlWrapperProps } from '../ControlWrapper';
5
5
  import { IChangeInputEvent } from './types';
6
6
  import { IInputStyles } from './Input.styles';
7
- export interface IInputBaseProps extends ICommonProps<IInputStyles>, Pick<IControlWrapperProps, 'label' | 'icon' | 'groupPlacement' | 'isInvalid' | 'isRequired' | 'isLoading' | 'isDisabled' | 'onIconClick'>, Pick<InputHTMLAttributes<HTMLInputElement>, 'type' | 'inputMode' | 'autoComplete' | 'name' | 'maxLength' | 'tabIndex' | 'placeholder' | 'onFocus' | 'onBlur' | 'onPaste' | 'onKeyDown'>, Pick<Partial<ReactInputMaskBaseProps>, 'mask' | 'maskPlaceholder' | 'alwaysShowMask' | 'beforeMaskedStateChange'> {
7
+ export interface IInputBaseProps extends ICommonProps<IInputStyles>, Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size' | 'className'>, Pick<IControlWrapperProps, 'label' | 'icon' | 'endIcon' | 'startIcon' | 'size' | 'groupPlacement' | 'isInvalid' | 'isRequired' | 'isLoading' | 'isDisabled'>, Pick<Partial<ReactInputMaskBaseProps>, 'mask' | 'maskPlaceholder' | 'alwaysShowMask' | 'beforeMaskedStateChange'> {
8
8
  value?: string;
9
9
  units?: ReactNode;
10
10
  /** @default false */
@@ -19,6 +19,6 @@ export interface IInputBaseProps extends ICommonProps<IInputStyles>, Pick<IContr
19
19
  isAutoSized?: boolean;
20
20
  /** @default false */
21
21
  shouldAlwaysShowPlaceholder?: boolean;
22
- onChange(value: string, event: IChangeInputEvent): void;
22
+ onChange: (value: string, event: IChangeInputEvent, eventType: 'change' | 'clear') => void;
23
23
  }
24
- export declare const InputBase: import("react").ForwardRefExoticComponent<IInputBaseProps & import("react").RefAttributes<HTMLInputElement>>;
24
+ export declare const InputBase: import('react').ForwardRefExoticComponent<IInputBaseProps & import('react').RefAttributes<HTMLInputElement>>;
@@ -1,9 +1,10 @@
1
1
  import { FC, KeyboardEvent, MouseEvent } from 'react';
2
2
  import { ICommonProps } from '../../types';
3
- import { IListItemProps as IListItem } from './components';
3
+ import { IListItem, IListSize } from './types';
4
4
  import { IListStyles } from './List.styles';
5
5
  export interface IListProps extends ICommonProps<IListStyles> {
6
6
  items: IListItem[];
7
+ size?: IListSize;
7
8
  onClick?: (event: MouseEvent | KeyboardEvent) => void;
8
9
  }
9
10
  export declare const List: FC<IListProps>;
@@ -1,5 +1,6 @@
1
1
  import { ITweakStyles } from '../../theme';
2
2
  import { IWithPopupStyles } from '../WithPopup';
3
- export declare const useStyles: import("../../theme").IUseStyles<"root" | "nestedItems", unknown>;
3
+ import { IListSizes } from './types';
4
+ export declare const useStyles: import('../../theme').IUseStyles<"root" | "nestedItems">;
4
5
  export declare const withPopupStyles: IWithPopupStyles;
5
- export type IListStyles = ITweakStyles<typeof useStyles>;
6
+ export type IListStyles = ITweakStyles<typeof useStyles, IListSizes>;
@@ -1,12 +1,14 @@
1
1
  import { FC, MouseEvent, KeyboardEvent, ReactNode } from 'react';
2
2
  import { ICommonProps } from '../../../../types';
3
3
  import { IIcon } from '../../../Icon';
4
+ import { IListSize as IListItemSize } from '../../types';
4
5
  import { IListItemStyles } from './ListItem.styles';
5
6
  export interface IListItemProps extends ICommonProps<IListItemStyles> {
6
7
  item: ReactNode;
7
8
  view?: 'default' | 'destructive';
8
9
  icon?: IIcon;
9
10
  nestedItems?: IListItemProps[];
11
+ size?: IListItemSize;
10
12
  isFocused?: boolean;
11
13
  disabled?: boolean;
12
14
  shouldDrawSpacerAbove?: boolean;
@@ -1,3 +1,4 @@
1
1
  import { ITweakStyles } from '../../../../theme';
2
- export declare const useStyles: import("../../../../theme").IUseStyles<"content" | "root" | "default" | "icon" | "destructive" | "focused" | "disabledItem" | "spacer" | "withIconGap", unknown>;
3
- export type IListItemStyles = ITweakStyles<typeof useStyles>;
2
+ import { IListSizes as IListItemSizes } from '../../types';
3
+ export declare const useStyles: import('../../../../theme').IUseStyles<"content" | "root" | "default" | "destructive" | "focused" | "disabledItem" | "spacer" | "withIconGap" | "icon" | "chevron">;
4
+ export type IListItemStyles = ITweakStyles<typeof useStyles, IListItemSizes>;