@true-engineering/true-react-common-ui-kit 2.3.2 → 2.5.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 (374) hide show
  1. package/dist/components/AccountInfo/constants.d.ts +1 -0
  2. package/dist/components/Button/Button.d.ts +1 -3
  3. package/dist/components/Button/constants.d.ts +1 -0
  4. package/dist/components/Button/index.d.ts +1 -0
  5. package/dist/components/Button/types.d.ts +3 -0
  6. package/dist/components/DatePicker/DatePicker.styles.d.ts +4 -5
  7. package/dist/components/DatePicker/{DatePickerHeader → components/DatePickerHeader}/DatePickerHeader.styles.d.ts +1 -1
  8. package/dist/components/DatePicker/components/PopperContainer/PopperContainer.d.ts +4 -0
  9. package/dist/components/DatePicker/components/PopperContainer/index.d.ts +1 -0
  10. package/dist/components/DatePicker/components/index.d.ts +2 -0
  11. package/dist/components/DatePicker/constants.d.ts +2 -0
  12. package/dist/components/DatePicker/index.d.ts +2 -1
  13. package/dist/components/Description/constants.d.ts +1 -0
  14. package/dist/components/FiltersPane/FiltersPane.d.ts +2 -3
  15. package/dist/components/FiltersPane/components/Filter/Filter.d.ts +12 -0
  16. package/dist/components/FiltersPane/components/Filter/index.d.ts +1 -0
  17. package/dist/components/FiltersPane/{FilterInterval → components/FilterInterval}/FilterInterval.d.ts +2 -2
  18. package/dist/components/FiltersPane/{FilterInterval → components/FilterInterval}/FilterInterval.styles.d.ts +1 -1
  19. package/dist/components/FiltersPane/components/FilterInterval/index.d.ts +2 -0
  20. package/dist/components/FiltersPane/{FilterMultiSelect → components/FilterMultiSelect}/FilterMultiSelect.d.ts +2 -2
  21. package/dist/components/FiltersPane/{FilterSelect → components/FilterSelect}/FilterSelect.d.ts +2 -4
  22. package/dist/components/FiltersPane/{FilterSelect → components/FilterSelect}/FilterSelect.styles.d.ts +1 -1
  23. package/dist/components/FiltersPane/components/FilterSelect/index.d.ts +2 -0
  24. package/dist/components/FiltersPane/{FilterValueView → components/FilterValueView}/FilterValueView.styles.d.ts +1 -1
  25. package/dist/components/FiltersPane/components/FilterValueView/index.d.ts +2 -0
  26. package/dist/components/FiltersPane/{FilterWithDates → components/FilterWithDates}/FilterWithDates.d.ts +4 -9
  27. package/dist/components/FiltersPane/{FilterWithDates → components/FilterWithDates}/FilterWithDates.styles.d.ts +1 -1
  28. package/dist/components/FiltersPane/components/FilterWithDates/index.d.ts +2 -0
  29. package/dist/components/FiltersPane/{FilterWithPeriod → components/FilterWithPeriod}/FilterWithPeriod.d.ts +2 -3
  30. package/dist/components/FiltersPane/{FilterWithPeriod → components/FilterWithPeriod}/FilterWithPeriod.styles.d.ts +1 -1
  31. package/dist/components/FiltersPane/components/FilterWithPeriod/index.d.ts +2 -0
  32. package/dist/components/FiltersPane/components/FilterWrapper/FilterWrapper.d.ts +15 -0
  33. package/dist/components/FiltersPane/{FilterWrapper → components/FilterWrapper}/FilterWrapper.styles.d.ts +1 -1
  34. package/dist/components/FiltersPane/components/FilterWrapper/index.d.ts +2 -0
  35. package/dist/components/FiltersPane/{FiltersPaneSearch → components/FiltersPaneSearch}/FiltersPaneSearch.d.ts +2 -3
  36. package/dist/components/FiltersPane/{FiltersPaneSearch → components/FiltersPaneSearch}/FiltersPaneSearch.styles.d.ts +1 -1
  37. package/dist/components/FiltersPane/components/FiltersPaneSearch/index.d.ts +2 -0
  38. package/dist/components/FiltersPane/components/index.d.ts +9 -0
  39. package/dist/components/FiltersPane/constants.d.ts +9 -0
  40. package/dist/components/FiltersPane/helpers.d.ts +5 -0
  41. package/dist/components/FiltersPane/index.d.ts +1 -13
  42. package/dist/components/FiltersPane/types.d.ts +37 -7
  43. package/dist/components/FlexibleTable/FlexibleTable.d.ts +3 -3
  44. package/dist/components/FlexibleTable/{TableRow.d.ts → components/TableRow/TableRow.d.ts} +8 -8
  45. package/dist/components/FlexibleTable/components/TableRow/index.d.ts +1 -0
  46. package/dist/components/FlexibleTable/{TableValue.d.ts → components/TableValue/TableValue.d.ts} +3 -3
  47. package/dist/components/FlexibleTable/components/TableValue/index.d.ts +1 -0
  48. package/dist/components/FlexibleTable/components/index.d.ts +2 -0
  49. package/dist/components/FlexibleTable/constants.d.ts +1 -0
  50. package/dist/components/Icon/Icon.d.ts +3 -5
  51. package/dist/components/Icon/complexIcons/icons.d.ts +0 -1
  52. package/dist/components/Icon/components/ComplexIconBoilerplate/ComplexIconBoilerplate.d.ts +6 -0
  53. package/dist/components/Icon/components/ComplexIconBoilerplate/index.d.ts +1 -0
  54. package/dist/components/Icon/{IconBoilerplate.d.ts → components/IconBolerplate/IconBoilerplate.d.ts} +1 -1
  55. package/dist/components/Icon/components/IconBolerplate/index.d.ts +1 -0
  56. package/dist/components/Icon/components/index.d.ts +2 -0
  57. package/dist/components/Icon/helpers.d.ts +6 -0
  58. package/dist/components/Icon/icons-list.d.ts +1 -0
  59. package/dist/components/Icon/index.d.ts +2 -2
  60. package/dist/components/Icon/types.d.ts +12 -0
  61. package/dist/components/IncrementInput/{ChangeButton.d.ts → components/ChangeButton/ChangeButton.d.ts} +1 -2
  62. package/dist/components/IncrementInput/components/ChangeButton/index.d.ts +1 -0
  63. package/dist/components/IncrementInput/components/index.d.ts +1 -0
  64. package/dist/components/Input/Input.d.ts +2 -4
  65. package/dist/components/Input/constants.d.ts +1 -0
  66. package/dist/components/Input/index.d.ts +1 -0
  67. package/dist/components/Input/types.d.ts +2 -0
  68. package/dist/components/List/List.d.ts +3 -12
  69. package/dist/components/List/index.d.ts +1 -0
  70. package/dist/components/List/types.d.ts +12 -0
  71. package/dist/components/Modal/Modal.d.ts +1 -3
  72. package/dist/components/Modal/index.d.ts +1 -0
  73. package/dist/components/Modal/types.d.ts +3 -0
  74. package/dist/components/MultiSelect/MultiSelect.d.ts +2 -3
  75. package/dist/components/MultiSelect/{MultiSelectInput → components/MultiSelectInput}/MultiSelectInput.d.ts +2 -2
  76. package/dist/components/MultiSelect/{MultiSelectInput → components/MultiSelectInput}/MultiSelectInput.styles.d.ts +1 -1
  77. package/dist/components/MultiSelect/components/MultiSelectInput/index.d.ts +2 -0
  78. package/dist/components/MultiSelect/index.d.ts +2 -1
  79. package/dist/components/MultiSelect/types.d.ts +1 -0
  80. package/dist/components/MultiSelectList/MultiSelectList.d.ts +1 -4
  81. package/dist/components/MultiSelectList/constants.d.ts +3 -0
  82. package/dist/components/MultiSelectList/helpers.d.ts +3 -0
  83. package/dist/components/MultiSelectList/index.d.ts +1 -0
  84. package/dist/components/MultiSelectList/types.d.ts +12 -0
  85. package/dist/components/Notification/Notification.d.ts +1 -1
  86. package/dist/components/Notification/Notification.styles.d.ts +1 -1
  87. package/dist/components/Notification/index.d.ts +1 -0
  88. package/dist/components/Notification/types.d.ts +1 -0
  89. package/dist/components/PhoneInput/PhoneInput.d.ts +2 -2
  90. package/dist/components/PhoneInput/{PhoneInputCountryList → components/PhoneInputCountryList}/PhoneInputCountryList.d.ts +2 -3
  91. package/dist/components/PhoneInput/{PhoneInputCountryList → components/PhoneInputCountryList}/PhoneInputCountryList.styles.d.ts +1 -1
  92. package/dist/components/PhoneInput/components/PhoneInputCountryList/index.d.ts +2 -0
  93. package/dist/components/PhoneInput/components/index.d.ts +1 -0
  94. package/dist/components/PhoneInput/constants.d.ts +2 -0
  95. package/dist/components/PhoneInput/index.d.ts +2 -2
  96. package/dist/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.d.ts +2 -2
  97. package/dist/components/ScrollIntoViewIfNeeded/constants.d.ts +3 -0
  98. package/dist/components/SearchInput/SearchInput.d.ts +1 -1
  99. package/dist/components/Select/{SelectList → components/SelectList}/SelectList.d.ts +1 -1
  100. package/dist/components/Select/{SelectList → components/SelectList}/SelectList.styles.d.ts +1 -1
  101. package/dist/components/Select/components/SelectList/index.d.ts +2 -0
  102. package/dist/components/Select/{SelectListItem → components/SelectListItem}/SelectListItem.styles.d.ts +1 -1
  103. package/dist/components/Select/components/SelectListItem/index.d.ts +1 -0
  104. package/dist/components/Select/components/index.d.ts +2 -0
  105. package/dist/components/Select/index.d.ts +2 -2
  106. package/dist/components/SmartInput/SmartInput.d.ts +3 -15
  107. package/dist/components/SmartInput/constants.d.ts +18 -0
  108. package/dist/components/SmartInput/helpers.d.ts +1 -7
  109. package/dist/components/SmartInput/index.d.ts +1 -0
  110. package/dist/components/SmartInput/types.d.ts +1 -0
  111. package/dist/components/Switch/Switch.d.ts +1 -4
  112. package/dist/components/Switch/index.d.ts +1 -0
  113. package/dist/components/Switch/types.d.ts +4 -0
  114. package/dist/components/TextArea/TextArea.d.ts +5 -5
  115. package/dist/components/TextWithTooltip/TextWithTooltip.d.ts +2 -2
  116. package/dist/components/ThemedPreloader/ThemedPreloader.d.ts +1 -3
  117. package/dist/components/ThemedPreloader/components/SvgPreloader/SvgPreloader.d.ts +1 -1
  118. package/dist/components/ThemedPreloader/components/index.d.ts +3 -2
  119. package/dist/components/ThemedPreloader/constants.d.ts +1 -0
  120. package/dist/components/ThemedPreloader/index.d.ts +2 -0
  121. package/dist/components/ThemedPreloader/types.d.ts +2 -0
  122. package/dist/components/Toaster/Toaster.d.ts +1 -1
  123. package/dist/components/Toaster/constants.d.ts +1 -0
  124. package/dist/components/Toaster/index.d.ts +1 -0
  125. package/dist/components/Toaster/types.d.ts +1 -0
  126. package/dist/components/Tooltip/index.d.ts +1 -1
  127. package/dist/true-react-common-ui-kit.js +1246 -1193
  128. package/dist/true-react-common-ui-kit.js.map +1 -1
  129. package/dist/true-react-common-ui-kit.umd.cjs +1245 -1192
  130. package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
  131. package/dist/types.d.ts +1 -1
  132. package/package.json +93 -93
  133. package/src/components/AccountInfo/AccountInfo.stories.tsx +32 -32
  134. package/src/components/AccountInfo/AccountInfo.tsx +76 -77
  135. package/src/components/AccountInfo/constants.ts +1 -0
  136. package/src/components/AddButton/AddButton.tsx +48 -48
  137. package/src/components/Button/Button.stories.tsx +56 -52
  138. package/src/components/Button/Button.tsx +154 -167
  139. package/src/components/Button/constants.ts +9 -0
  140. package/src/components/Button/index.ts +3 -2
  141. package/src/components/Button/types.ts +5 -0
  142. package/src/components/Checkbox/Checkbox.stories.tsx +32 -32
  143. package/src/components/Checkbox/Checkbox.tsx +105 -105
  144. package/src/components/CloseButton/CloseButton.styles.ts +34 -34
  145. package/src/components/CloseButton/CloseButton.tsx +35 -35
  146. package/src/components/Colors/Colors.tsx +26 -26
  147. package/src/components/CssBaseline/CssBaseline.tsx +15 -15
  148. package/src/components/DateInput/DateInput.stories.tsx +61 -61
  149. package/src/components/DateInput/DateInput.tsx +82 -82
  150. package/src/components/DatePicker/DatePicker.stories.tsx +87 -87
  151. package/src/components/DatePicker/DatePicker.styles.ts +44 -44
  152. package/src/components/DatePicker/DatePicker.tsx +309 -327
  153. package/src/components/DatePicker/{DatePickerHeader → components/DatePickerHeader}/DatePickerHeader.styles.ts +84 -84
  154. package/src/components/DatePicker/{DatePickerHeader → components/DatePickerHeader}/DatePickerHeader.tsx +79 -79
  155. package/src/components/DatePicker/{DatePickerHeader → components/DatePickerHeader}/index.ts +2 -2
  156. package/src/components/DatePicker/components/PopperContainer/PopperContainer.tsx +6 -0
  157. package/src/components/DatePicker/components/PopperContainer/index.ts +1 -0
  158. package/src/components/DatePicker/components/index.ts +2 -0
  159. package/src/components/DatePicker/constants.ts +6 -1
  160. package/src/components/DatePicker/helpers.ts +23 -23
  161. package/src/components/DatePicker/index.ts +4 -3
  162. package/src/components/DatePicker/types.ts +45 -45
  163. package/src/components/Description/Description.stories.tsx +27 -27
  164. package/src/components/Description/Description.tsx +59 -60
  165. package/src/components/Description/constants.ts +1 -0
  166. package/src/components/FiltersPane/FiltersPane.stories.tsx +295 -295
  167. package/src/components/FiltersPane/FiltersPane.tsx +150 -151
  168. package/src/components/FiltersPane/{FilterWrapper/FilterWrapper.tsx → components/Filter/Filter.tsx} +203 -346
  169. package/src/components/FiltersPane/components/Filter/index.ts +1 -0
  170. package/src/components/FiltersPane/{FilterInterval → components/FilterInterval}/FilterInterval.styles.ts +64 -64
  171. package/src/components/FiltersPane/{FilterInterval → components/FilterInterval}/FilterInterval.tsx +141 -143
  172. package/src/components/FiltersPane/components/FilterInterval/index.ts +2 -0
  173. package/src/components/FiltersPane/{FilterMultiSelect → components/FilterMultiSelect}/FilterMultiSelect.tsx +10 -10
  174. package/src/components/FiltersPane/{FilterMultiSelect → components/FilterMultiSelect}/index.ts +1 -1
  175. package/src/components/FiltersPane/{FilterSelect → components/FilterSelect}/FilterSelect.styles.ts +143 -143
  176. package/src/components/FiltersPane/{FilterSelect → components/FilterSelect}/FilterSelect.tsx +346 -348
  177. package/src/components/FiltersPane/components/FilterSelect/index.ts +2 -0
  178. package/src/components/FiltersPane/{FilterValueView → components/FilterValueView}/FilterValueView.styles.tsx +15 -15
  179. package/src/components/FiltersPane/{FilterValueView → components/FilterValueView}/FilterValueView.tsx +163 -166
  180. package/src/components/FiltersPane/components/FilterValueView/index.tsx +2 -0
  181. package/src/components/FiltersPane/{FilterWithDates → components/FilterWithDates}/FilterWithDates.styles.ts +60 -60
  182. package/src/components/FiltersPane/{FilterWithDates → components/FilterWithDates}/FilterWithDates.tsx +181 -184
  183. package/src/components/FiltersPane/components/FilterWithDates/index.ts +2 -0
  184. package/src/components/FiltersPane/{FilterWithPeriod → components/FilterWithPeriod}/FilterWithPeriod.styles.ts +17 -17
  185. package/src/components/FiltersPane/{FilterWithPeriod → components/FilterWithPeriod}/FilterWithPeriod.tsx +174 -198
  186. package/src/components/FiltersPane/components/FilterWithPeriod/index.ts +2 -0
  187. package/src/components/FiltersPane/{FilterWrapper → components/FilterWrapper}/FilterWrapper.styles.ts +110 -110
  188. package/src/components/FiltersPane/components/FilterWrapper/FilterWrapper.tsx +149 -0
  189. package/src/components/FiltersPane/components/FilterWrapper/index.ts +2 -0
  190. package/src/components/FiltersPane/{FiltersPaneSearch → components/FiltersPaneSearch}/FiltersPaneSearch.styles.ts +109 -109
  191. package/src/components/FiltersPane/{FiltersPaneSearch → components/FiltersPaneSearch}/FiltersPaneSearch.tsx +155 -155
  192. package/src/components/FiltersPane/components/FiltersPaneSearch/index.ts +2 -0
  193. package/src/components/FiltersPane/components/index.ts +9 -0
  194. package/src/components/FiltersPane/constants.ts +137 -0
  195. package/src/components/FiltersPane/helpers.ts +26 -0
  196. package/src/components/FiltersPane/index.ts +5 -20
  197. package/src/components/FiltersPane/types.ts +156 -112
  198. package/src/components/Flag/Flag.stories.tsx +29 -29
  199. package/src/components/Flag/Flag.tsx +27 -27
  200. package/src/components/FlexibleTable/FlexibleTable.stories.tsx +338 -84
  201. package/src/components/FlexibleTable/FlexibleTable.styles.ts +131 -131
  202. package/src/components/FlexibleTable/FlexibleTable.tsx +205 -205
  203. package/src/components/FlexibleTable/{TableRow.tsx → components/TableRow/TableRow.tsx} +152 -152
  204. package/src/components/FlexibleTable/components/TableRow/index.ts +1 -0
  205. package/src/components/FlexibleTable/{TableValue.tsx → components/TableValue/TableValue.tsx} +74 -75
  206. package/src/components/FlexibleTable/components/TableValue/index.ts +1 -0
  207. package/src/components/FlexibleTable/components/index.ts +2 -0
  208. package/src/components/FlexibleTable/constants.ts +1 -0
  209. package/src/components/FlexibleTable/types.ts +52 -52
  210. package/src/components/Icon/Icon.stories.tsx +86 -85
  211. package/src/components/Icon/Icon.tsx +27 -32
  212. package/src/components/Icon/complexIcons/icons.ts +5 -7
  213. package/src/components/Icon/{ComplexIconBoilerplate.tsx → components/ComplexIconBoilerplate/ComplexIconBoilerplate.tsx} +16 -17
  214. package/src/components/Icon/components/ComplexIconBoilerplate/index.ts +1 -0
  215. package/src/components/Icon/{IconBoilerplate.tsx → components/IconBolerplate/IconBoilerplate.tsx} +43 -42
  216. package/src/components/Icon/components/IconBolerplate/index.ts +1 -0
  217. package/src/components/Icon/components/index.ts +2 -0
  218. package/src/components/Icon/helpers.ts +9 -0
  219. package/src/components/Icon/{icons/icons.ts → icons-list.ts} +826 -838
  220. package/src/components/Icon/index.ts +4 -4
  221. package/src/components/Icon/types.ts +16 -0
  222. package/src/components/IncrementInput/IncrementInput.stories.tsx +31 -31
  223. package/src/components/IncrementInput/IncrementInput.tsx +80 -80
  224. package/src/components/IncrementInput/{ChangeButton.tsx → components/ChangeButton/ChangeButton.tsx} +33 -33
  225. package/src/components/IncrementInput/components/ChangeButton/index.ts +1 -0
  226. package/src/components/IncrementInput/components/index.ts +1 -0
  227. package/src/components/Input/Input.stories.tsx +86 -86
  228. package/src/components/Input/Input.tsx +308 -311
  229. package/src/components/Input/constants.ts +1 -0
  230. package/src/components/Input/index.ts +3 -2
  231. package/src/components/Input/types.ts +6 -0
  232. package/src/components/List/List.stories.tsx +63 -62
  233. package/src/components/List/List.tsx +54 -64
  234. package/src/components/List/index.ts +3 -2
  235. package/src/components/List/types.ts +13 -0
  236. package/src/components/Modal/Modal.stories.tsx +105 -105
  237. package/src/components/Modal/Modal.styles.ts +305 -305
  238. package/src/components/Modal/Modal.tsx +184 -200
  239. package/src/components/Modal/index.ts +3 -2
  240. package/src/components/Modal/types.ts +17 -0
  241. package/src/components/MoreMenu/MoreMenu.styles.ts +70 -70
  242. package/src/components/MoreMenu/MoreMenu.tsx +90 -90
  243. package/src/components/MultiSelect/MultiSelect.stories.tsx +46 -46
  244. package/src/components/MultiSelect/MultiSelect.tsx +92 -89
  245. package/src/components/MultiSelect/{MultiSelectInput → components/MultiSelectInput}/MultiSelectInput.styles.ts +73 -73
  246. package/src/components/MultiSelect/{MultiSelectInput → components/MultiSelectInput}/MultiSelectInput.tsx +51 -51
  247. package/src/components/MultiSelect/components/MultiSelectInput/index.ts +2 -0
  248. package/src/components/MultiSelect/{MultiSelectInput → components}/index.ts +1 -1
  249. package/src/components/MultiSelect/index.ts +4 -3
  250. package/src/components/MultiSelect/types.ts +1 -0
  251. package/src/components/MultiSelectList/MultiSelectList.styles.ts +124 -124
  252. package/src/components/MultiSelectList/MultiSelectList.tsx +441 -451
  253. package/src/components/MultiSelectList/constants.ts +21 -0
  254. package/src/components/MultiSelectList/helpers.ts +11 -0
  255. package/src/components/MultiSelectList/index.ts +3 -2
  256. package/src/components/MultiSelectList/types.ts +15 -0
  257. package/src/components/Notification/Notification.stories.tsx +46 -46
  258. package/src/components/Notification/Notification.styles.ts +50 -50
  259. package/src/components/Notification/Notification.tsx +78 -79
  260. package/src/components/Notification/index.ts +3 -2
  261. package/src/components/Notification/types.ts +1 -0
  262. package/src/components/NumberInput/NumberInput.stories.tsx +35 -35
  263. package/src/components/NumberInput/NumberInput.tsx +133 -133
  264. package/src/components/NumberInput/helpers.ts +86 -86
  265. package/src/components/PhoneInput/PhoneInput.stories.tsx +70 -70
  266. package/src/components/PhoneInput/PhoneInput.tsx +193 -194
  267. package/src/components/PhoneInput/{PhoneInputCountryList → components/PhoneInputCountryList}/PhoneInputCountryList.stories.tsx +21 -21
  268. package/src/components/PhoneInput/{PhoneInputCountryList → components/PhoneInputCountryList}/PhoneInputCountryList.styles.ts +100 -100
  269. package/src/components/PhoneInput/{PhoneInputCountryList → components/PhoneInputCountryList}/PhoneInputCountryList.tsx +145 -147
  270. package/src/components/PhoneInput/components/PhoneInputCountryList/index.ts +2 -0
  271. package/src/components/PhoneInput/components/index.ts +1 -0
  272. package/src/components/PhoneInput/constants.ts +3 -0
  273. package/src/components/PhoneInput/index.ts +5 -6
  274. package/src/components/PhoneInput/phone-info.ts +2147 -2147
  275. package/src/components/RadioButton/RadioButton.stories.tsx +46 -46
  276. package/src/components/RadioButton/RadioButton.tsx +55 -55
  277. package/src/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.ts +54 -61
  278. package/src/components/ScrollIntoViewIfNeeded/constants.ts +12 -0
  279. package/src/components/SearchInput/SearchInput.stories.tsx +23 -23
  280. package/src/components/SearchInput/SearchInput.styles.ts +50 -50
  281. package/src/components/SearchInput/SearchInput.tsx +51 -50
  282. package/src/components/Select/MultiSelect.stories.tsx +240 -240
  283. package/src/components/Select/Select.stories.tsx +235 -235
  284. package/src/components/Select/Select.tsx +575 -575
  285. package/src/components/Select/{SelectList → components/SelectList}/SelectList.styles.ts +72 -72
  286. package/src/components/Select/{SelectList → components/SelectList}/SelectList.tsx +158 -158
  287. package/src/components/Select/components/SelectList/index.ts +2 -0
  288. package/src/components/Select/{SelectListItem → components/SelectListItem}/SelectListItem.styles.ts +14 -14
  289. package/src/components/Select/{SelectListItem → components/SelectListItem}/SelectListItem.tsx +68 -68
  290. package/src/components/Select/components/SelectListItem/index.ts +1 -0
  291. package/src/components/Select/components/index.ts +2 -0
  292. package/src/components/Select/helpers.ts +26 -26
  293. package/src/components/Select/index.ts +4 -4
  294. package/src/components/SmartInput/SmartInput.stories.tsx +51 -50
  295. package/src/components/SmartInput/SmartInput.tsx +124 -147
  296. package/src/components/SmartInput/constants.ts +84 -0
  297. package/src/components/SmartInput/helpers.ts +13 -85
  298. package/src/components/SmartInput/index.ts +2 -1
  299. package/src/components/SmartInput/types.ts +11 -0
  300. package/src/components/Switch/Switch.stories.tsx +40 -40
  301. package/src/components/Switch/Switch.tsx +79 -83
  302. package/src/components/Switch/index.ts +3 -2
  303. package/src/components/Switch/types.ts +4 -0
  304. package/src/components/TextArea/TextArea.stories.tsx +35 -35
  305. package/src/components/TextArea/TextArea.tsx +174 -165
  306. package/src/components/TextWithInfo/TextWithInfo.stories.tsx +53 -53
  307. package/src/components/TextWithInfo/TextWithInfo.tsx +60 -60
  308. package/src/components/TextWithTooltip/TextWithTooltip.tsx +143 -143
  309. package/src/components/ThemedPreloader/ThemedPreloader.stories.tsx +41 -41
  310. package/src/components/ThemedPreloader/ThemedPreloader.tsx +47 -50
  311. package/src/components/ThemedPreloader/components/DefaultPreloader/DefaultPreloader.tsx +29 -29
  312. package/src/components/ThemedPreloader/components/DotsPreloader/DotsPreloader.tsx +18 -18
  313. package/src/components/ThemedPreloader/components/SvgPreloader/SvgPreloader.tsx +25 -25
  314. package/src/components/ThemedPreloader/components/index.ts +3 -2
  315. package/src/components/ThemedPreloader/constants.ts +1 -0
  316. package/src/components/ThemedPreloader/index.ts +4 -2
  317. package/src/components/ThemedPreloader/types.ts +3 -0
  318. package/src/components/Toaster/Toaster.stories.tsx +30 -30
  319. package/src/components/Toaster/Toaster.tsx +108 -110
  320. package/src/components/Toaster/constants.ts +1 -0
  321. package/src/components/Toaster/index.ts +3 -2
  322. package/src/components/Toaster/types.ts +1 -0
  323. package/src/components/Tooltip/Tooltip.stories.tsx +19 -19
  324. package/src/components/Tooltip/Tooltip.styles.ts +45 -45
  325. package/src/components/Tooltip/Tooltip.tsx +35 -35
  326. package/src/components/Tooltip/index.ts +3 -3
  327. package/src/helpers/deprecated.ts +23 -23
  328. package/src/helpers/index.ts +4 -4
  329. package/src/helpers/misc.ts +158 -158
  330. package/src/helpers/phone.ts +87 -87
  331. package/src/helpers/snippets.tsx +6 -6
  332. package/src/hooks/use-did-mount-effect.ts +18 -18
  333. package/src/hooks/use-dropdown.ts +82 -82
  334. package/src/hooks/use-on-click-outside.ts +77 -77
  335. package/src/hooks/use-theme.ts +32 -32
  336. package/src/hooks/use-tweak-styles.ts +13 -13
  337. package/src/theme.ts +149 -149
  338. package/src/types.ts +108 -107
  339. package/dist/components/FiltersPane/FilterInterval/index.d.ts +0 -1
  340. package/dist/components/FiltersPane/FilterSelect/index.d.ts +0 -1
  341. package/dist/components/FiltersPane/FilterSelect/locales.d.ts +0 -11
  342. package/dist/components/FiltersPane/FilterValueView/index.d.ts +0 -1
  343. package/dist/components/FiltersPane/FilterWithDates/index.d.ts +0 -1
  344. package/dist/components/FiltersPane/FilterWithPeriod/index.d.ts +0 -1
  345. package/dist/components/FiltersPane/FilterWrapper/FilterWrapper.d.ts +0 -27
  346. package/dist/components/FiltersPane/FilterWrapper/index.d.ts +0 -1
  347. package/dist/components/FiltersPane/FiltersPaneSearch/index.d.ts +0 -1
  348. package/dist/components/FiltersPane/locales.d.ts +0 -28
  349. package/dist/components/Icon/ComplexIconBoilerplate.d.ts +0 -7
  350. package/dist/components/Icon/icons/icons.d.ts +0 -9
  351. package/dist/components/Icon/icons/index.d.ts +0 -1
  352. package/dist/components/MultiSelectList/locales.d.ts +0 -11
  353. package/dist/components/PhoneInput/PhoneInputCountryList/index.d.ts +0 -2
  354. package/dist/components/Select/SelectList/index.d.ts +0 -1
  355. package/src/components/FiltersPane/FilterInterval/index.ts +0 -1
  356. package/src/components/FiltersPane/FilterSelect/index.ts +0 -1
  357. package/src/components/FiltersPane/FilterSelect/locales.ts +0 -37
  358. package/src/components/FiltersPane/FilterValueView/index.tsx +0 -1
  359. package/src/components/FiltersPane/FilterWithDates/index.ts +0 -1
  360. package/src/components/FiltersPane/FilterWithPeriod/index.ts +0 -1
  361. package/src/components/FiltersPane/FilterWrapper/index.ts +0 -1
  362. package/src/components/FiltersPane/FiltersPaneSearch/index.ts +0 -1
  363. package/src/components/FiltersPane/locales.ts +0 -107
  364. package/src/components/FlexibleTable/fixture-test.ts +0 -254
  365. package/src/components/Icon/icons/index.ts +0 -1
  366. package/src/components/MultiSelectList/locales.ts +0 -37
  367. package/src/components/PhoneInput/PhoneInputCountryList/index.ts +0 -2
  368. package/src/components/Select/SelectList/index.ts +0 -1
  369. /package/dist/components/DatePicker/{DatePickerHeader → components/DatePickerHeader}/DatePickerHeader.d.ts +0 -0
  370. /package/dist/components/DatePicker/{DatePickerHeader → components/DatePickerHeader}/index.d.ts +0 -0
  371. /package/dist/components/FiltersPane/{FilterMultiSelect → components/FilterMultiSelect}/index.d.ts +0 -0
  372. /package/dist/components/FiltersPane/{FilterValueView → components/FilterValueView}/FilterValueView.d.ts +0 -0
  373. /package/dist/components/MultiSelect/{MultiSelectInput → components}/index.d.ts +0 -0
  374. /package/dist/components/Select/{SelectListItem → components/SelectListItem}/SelectListItem.d.ts +0 -0
package/src/theme.ts CHANGED
@@ -1,149 +1,149 @@
1
- import { Styles } from 'react-jss';
2
- import { UiKitHelpers, UiKitTheme } from './types';
3
-
4
- export const colors = {
5
- FONT_MAIN: '#222a37',
6
- FONT_MEDIUM: '#505f79',
7
- FONT_LABEL: '#7a869a',
8
- FONT_DISABLED: '#95a0b3',
9
- GREY_ACTIVE: '#95a0b3',
10
- BORDER_MAIN: '#d0d6e1',
11
- BORDER_LIGHT: '#dde3ed',
12
- GREY_HOVER: '#dde3ed',
13
- GREY_FOCUS: '#eceff5',
14
- GREY_DISABLED: '#eceff5',
15
- GREY_BACKGROUND: '#f6f8fc',
16
- CLASSIC_WHITE: '#ffffff',
17
- RED_ACTIVE: '#912e34',
18
- RED_HOVER: '#c13e45',
19
- RED_WARNING: '#f14d56',
20
- RED_WARNING_LIGHT: '#ff6261',
21
- RED_BACKGROUND: '#feedee',
22
- ORANGE_BACKGROUND: '#fff4e9',
23
- GREEN_BACKGROUND: '#f4f9e6',
24
- BLUE_BACKGROUND: '#ebf1ff',
25
- // временные константы пока не будет полной темизации
26
- GREEN_FOCUS: '#97ba1e',
27
- ORANGE_FOCUS: '#ff991f',
28
- } as const;
29
-
30
- export const dimensions = {
31
- BORDER_RADIUS_LARGE: 16,
32
- BORDER_RADIUS_MEDIUM: 12,
33
- BORDER_RADIUS_STD: 8,
34
- BORDER_RADIUS_SMALL: 6,
35
- BORDER_RADIUS_EXTRA_SMALL: 4,
36
- CONTROL_HEIGHT: 48,
37
- } as const;
38
-
39
- export const helpers: UiKitHelpers = {
40
- withAngle: (angleSize = 6, position: 'left' | 'right' = 'left', distance = 100) =>
41
- ({
42
- display: 'inline-block',
43
- position: 'relative',
44
- marginTop: angleSize * 2 - 1,
45
- boxShadow: '0 8px 20px 0 rgba(0, 0, 0, 0.04)',
46
- border: ['solid', 1, colors.BORDER_MAIN],
47
- borderRadius: dimensions.BORDER_RADIUS_EXTRA_SMALL,
48
-
49
- '&:before': {
50
- content: '""',
51
- position: 'absolute',
52
- top: -angleSize,
53
- left: position === 'left' && distance,
54
- right: position === 'right' && distance,
55
- width: 0,
56
- height: 0,
57
- borderLeft: [angleSize, 'solid', 'transparent'],
58
- borderRight: [angleSize, 'solid', 'transparent'],
59
- borderBottom: [angleSize, 'solid', colors.BORDER_MAIN],
60
- },
61
-
62
- '&:after': {
63
- content: '""',
64
- position: 'absolute',
65
- top: -angleSize + 1,
66
- left: position === 'left' && distance + 1,
67
- right: position === 'right' && distance + 1,
68
- width: 0,
69
- height: 0,
70
- borderLeft: [angleSize - 1, 'solid', 'transparent'],
71
- borderRight: [angleSize - 1, 'solid', 'transparent'],
72
- borderBottom: [angleSize - 1, 'solid', colors.CLASSIC_WHITE],
73
- },
74
- } as unknown as Styles),
75
-
76
- withScrollBar: {
77
- overflow: 'auto',
78
- boxSizing: 'border-box',
79
- scrollbarWidth: 'thin' /* Firefox */,
80
- scrollbarColor: '#d0d6e1 transparent',
81
-
82
- '&::-webkit-scrollbar': {
83
- height: 10,
84
- width: 10,
85
- },
86
-
87
- '&::-webkit-scrollbar-thumb': {
88
- backgroundClip: 'padding-box',
89
- backgroundColor: colors.BORDER_MAIN,
90
- border: [2, 'solid', 'transparent'],
91
- borderRadius: 5,
92
- minHeight: 30,
93
- width: 6,
94
-
95
- '&:hover': {
96
- backgroundColor: colors.GREY_ACTIVE,
97
- },
98
- },
99
-
100
- '&::-webkit-scrollbar-track-piece': {
101
- backgroundColor: 'transparent',
102
- },
103
- },
104
- };
105
-
106
- const SLIDE_UP_POSITION_START = 15;
107
- const SLIDE_UP_POSITION_END = 0;
108
-
109
- export const animations = {
110
- // Если понадобится, сюда можно пробросить параметры через useTheme props
111
- slideUp: {
112
- 'slide-up-enter': {
113
- opacity: 0,
114
- transform: `translateY(${SLIDE_UP_POSITION_START}px)`,
115
- },
116
-
117
- 'slide-up-enter-active': {
118
- opacity: 1,
119
- transform: `translateY(${SLIDE_UP_POSITION_END}px)`,
120
- transition: ({ timeout = 150 }: { timeout: number }): string => `${timeout}ms ease-in-out`,
121
- transitionProperty: 'opacity, transform',
122
- },
123
-
124
- 'slide-up-exit-active': {
125
- opacity: 1,
126
- transform: `translateY(${SLIDE_UP_POSITION_END}px)`,
127
- },
128
-
129
- 'slide-up-exit': {
130
- opacity: 0,
131
- transform: `translateY(${SLIDE_UP_POSITION_START}px)`,
132
- transition: ({ timeout = 150 }: { timeout: number }): string => `${timeout}ms ease-in-out`,
133
- transitionProperty: 'opacity, transform',
134
- },
135
- },
136
- };
137
-
138
- export interface CommonUiKitTheme extends UiKitTheme {
139
- colors: typeof colors;
140
- dimensions: typeof dimensions;
141
- }
142
-
143
- export const commonTheme: CommonUiKitTheme = {
144
- name: 'common',
145
- animations,
146
- colors,
147
- dimensions,
148
- helpers,
149
- };
1
+ import { Styles } from 'react-jss';
2
+ import { UiKitHelpers, UiKitTheme } from './types';
3
+
4
+ export const colors = {
5
+ FONT_MAIN: '#222a37',
6
+ FONT_MEDIUM: '#505f79',
7
+ FONT_LABEL: '#7a869a',
8
+ FONT_DISABLED: '#95a0b3',
9
+ GREY_ACTIVE: '#95a0b3',
10
+ BORDER_MAIN: '#d0d6e1',
11
+ BORDER_LIGHT: '#dde3ed',
12
+ GREY_HOVER: '#dde3ed',
13
+ GREY_FOCUS: '#eceff5',
14
+ GREY_DISABLED: '#eceff5',
15
+ GREY_BACKGROUND: '#f6f8fc',
16
+ CLASSIC_WHITE: '#ffffff',
17
+ RED_ACTIVE: '#912e34',
18
+ RED_HOVER: '#c13e45',
19
+ RED_WARNING: '#f14d56',
20
+ RED_WARNING_LIGHT: '#ff6261',
21
+ RED_BACKGROUND: '#feedee',
22
+ ORANGE_BACKGROUND: '#fff4e9',
23
+ GREEN_BACKGROUND: '#f4f9e6',
24
+ BLUE_BACKGROUND: '#ebf1ff',
25
+ // временные константы пока не будет полной темизации
26
+ GREEN_FOCUS: '#97ba1e',
27
+ ORANGE_FOCUS: '#ff991f',
28
+ } as const;
29
+
30
+ export const dimensions = {
31
+ BORDER_RADIUS_LARGE: 16,
32
+ BORDER_RADIUS_MEDIUM: 12,
33
+ BORDER_RADIUS_STD: 8,
34
+ BORDER_RADIUS_SMALL: 6,
35
+ BORDER_RADIUS_EXTRA_SMALL: 4,
36
+ CONTROL_HEIGHT: 48,
37
+ } as const;
38
+
39
+ export const helpers: UiKitHelpers = {
40
+ withAngle: (angleSize = 6, position: 'left' | 'right' = 'left', distance = 100) =>
41
+ ({
42
+ display: 'inline-block',
43
+ position: 'relative',
44
+ marginTop: angleSize * 2 - 1,
45
+ boxShadow: '0 8px 20px 0 rgba(0, 0, 0, 0.04)',
46
+ border: ['solid', 1, colors.BORDER_MAIN],
47
+ borderRadius: dimensions.BORDER_RADIUS_EXTRA_SMALL,
48
+
49
+ '&:before': {
50
+ content: '""',
51
+ position: 'absolute',
52
+ top: -angleSize,
53
+ left: position === 'left' && distance,
54
+ right: position === 'right' && distance,
55
+ width: 0,
56
+ height: 0,
57
+ borderLeft: [angleSize, 'solid', 'transparent'],
58
+ borderRight: [angleSize, 'solid', 'transparent'],
59
+ borderBottom: [angleSize, 'solid', colors.BORDER_MAIN],
60
+ },
61
+
62
+ '&:after': {
63
+ content: '""',
64
+ position: 'absolute',
65
+ top: -angleSize + 1,
66
+ left: position === 'left' && distance + 1,
67
+ right: position === 'right' && distance + 1,
68
+ width: 0,
69
+ height: 0,
70
+ borderLeft: [angleSize - 1, 'solid', 'transparent'],
71
+ borderRight: [angleSize - 1, 'solid', 'transparent'],
72
+ borderBottom: [angleSize - 1, 'solid', colors.CLASSIC_WHITE],
73
+ },
74
+ } as unknown as Styles),
75
+
76
+ withScrollBar: {
77
+ overflow: 'auto',
78
+ boxSizing: 'border-box',
79
+ scrollbarWidth: 'thin' /* Firefox */,
80
+ scrollbarColor: '#d0d6e1 transparent',
81
+
82
+ '&::-webkit-scrollbar': {
83
+ height: 10,
84
+ width: 10,
85
+ },
86
+
87
+ '&::-webkit-scrollbar-thumb': {
88
+ backgroundClip: 'padding-box',
89
+ backgroundColor: colors.BORDER_MAIN,
90
+ border: [2, 'solid', 'transparent'],
91
+ borderRadius: 5,
92
+ minHeight: 30,
93
+ width: 6,
94
+
95
+ '&:hover': {
96
+ backgroundColor: colors.GREY_ACTIVE,
97
+ },
98
+ },
99
+
100
+ '&::-webkit-scrollbar-track-piece': {
101
+ backgroundColor: 'transparent',
102
+ },
103
+ },
104
+ };
105
+
106
+ const SLIDE_UP_POSITION_START = 15;
107
+ const SLIDE_UP_POSITION_END = 0;
108
+
109
+ export const animations = {
110
+ // Если понадобится, сюда можно пробросить параметры через useTheme props
111
+ slideUp: {
112
+ 'slide-up-enter': {
113
+ opacity: 0,
114
+ transform: `translateY(${SLIDE_UP_POSITION_START}px)`,
115
+ },
116
+
117
+ 'slide-up-enter-active': {
118
+ opacity: 1,
119
+ transform: `translateY(${SLIDE_UP_POSITION_END}px)`,
120
+ transition: ({ timeout = 150 }: { timeout: number }): string => `${timeout}ms ease-in-out`,
121
+ transitionProperty: 'opacity, transform',
122
+ },
123
+
124
+ 'slide-up-exit-active': {
125
+ opacity: 1,
126
+ transform: `translateY(${SLIDE_UP_POSITION_END}px)`,
127
+ },
128
+
129
+ 'slide-up-exit': {
130
+ opacity: 0,
131
+ transform: `translateY(${SLIDE_UP_POSITION_START}px)`,
132
+ transition: ({ timeout = 150 }: { timeout: number }): string => `${timeout}ms ease-in-out`,
133
+ transitionProperty: 'opacity, transform',
134
+ },
135
+ },
136
+ };
137
+
138
+ export interface CommonUiKitTheme extends UiKitTheme {
139
+ colors: typeof colors;
140
+ dimensions: typeof dimensions;
141
+ }
142
+
143
+ export const commonTheme: CommonUiKitTheme = {
144
+ name: 'common',
145
+ animations,
146
+ colors,
147
+ dimensions,
148
+ helpers,
149
+ };
package/src/types.ts CHANGED
@@ -1,107 +1,108 @@
1
- import { ReactElement } from 'react';
2
- import { Styles } from 'react-jss';
3
- import { Modifier, Placement } from 'react-overlays/usePopper';
4
- import type {
5
- ICommonIcon,
6
- IComplexIcon,
7
- IIconType,
8
- IPreloaderSvgType,
9
- ISvgIcon,
10
- } from './components';
11
-
12
- export interface IDataAttributes {
13
- [key: string]: unknown;
14
- }
15
-
16
- export interface ICommonProps {
17
- data?: IDataAttributes;
18
- }
19
-
20
- export interface IDropdownWithPopperOptions {
21
- shouldUsePopper?: boolean;
22
- shouldRenderInBody?: boolean;
23
- scrollParent?: 'auto' | 'document' | Element;
24
-
25
- shouldHideOnScroll?: boolean; // работает весьма условно без shouldUsePopper
26
- canBeFlipped?: boolean; // только с shouldUsePopper
27
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
28
- modifiers?: Array<Partial<Modifier<any, any>>>; // только с shouldUsePopper
29
- placement?: Placement; // only with shouldUsePopper
30
- // https://popper.js.org/docs/v2/modifiers/flip/
31
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
32
- flipOptions?: Record<string, any>; // только с shouldUsePopper
33
- }
34
-
35
- export type IIcon = IIconType | ReactElement;
36
-
37
- export type ComponentStyles<StyleSheet, Props = unknown> = Partial<Styles<keyof StyleSheet, Props>>;
38
-
39
- // TODO: Скрипт
40
- export type ComponentName =
41
- | 'AccountInfo'
42
- | 'AddButton'
43
- | 'Button'
44
- | 'CloseButton'
45
- | 'Checkbox'
46
- | 'CssBaseline'
47
- | 'Colors'
48
- | 'DateInput'
49
- | 'DatePicker'
50
- | 'DatePickerHeader'
51
- | 'Description'
52
- | 'DotsPreloader'
53
- | 'SvgPreloader'
54
- | 'FiltersPane'
55
- | 'FilterInterval'
56
- | 'FilterSelect'
57
- | 'FilterWithDates'
58
- | 'FilterWithPeriod'
59
- | 'FilterWrapper'
60
- | 'FiltersPaneSearch'
61
- | 'Flag'
62
- | 'FlexibleTable'
63
- | 'Icon'
64
- | 'IncrementInput'
65
- | 'Input'
66
- | 'List'
67
- | 'Modal'
68
- | 'MoreMenu'
69
- | 'MultiSelect'
70
- | 'MultiSelectInput'
71
- | 'MultiSelectList'
72
- | 'Notification'
73
- | 'PhoneInput'
74
- | 'PhoneInputCountryList'
75
- | 'RadioButton'
76
- | 'SearchInput'
77
- | 'Select'
78
- | 'SelectList'
79
- | 'ScrollIntoViewIfNeeded'
80
- | 'Switch'
81
- | 'TextArea'
82
- | 'TextWithInfo'
83
- | 'TextWithTooltip'
84
- | 'ThemedPreloader'
85
- | 'Tooltip'
86
- | 'Toaster';
87
-
88
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
89
- export type UiKitAnimations = Record<string, any>;
90
- export type UiKitHelpers = Record<string, Styles | (() => Styles)>;
91
-
92
- export interface UiKitTheme {
93
- name: string;
94
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
95
- components?: Partial<Record<ComponentName, ComponentStyles<any, any>>>;
96
- /**
97
- * Для переопределения иконок, которые есть в UiKit
98
- */
99
- icons?: Partial<Record<ICommonIcon, ISvgIcon>>;
100
- complexIcons?: Partial<Record<IComplexIcon, string>>;
101
- preloaders?: Partial<Record<IPreloaderSvgType, string>>; // TODO: заменить string
102
- animations?: UiKitAnimations;
103
- colors?: Record<string, string>;
104
- dimensions?: Record<string, number>;
105
- boxShadows?: Record<string, string>;
106
- helpers?: UiKitHelpers;
107
- }
1
+ import { ReactElement } from 'react';
2
+ import { Styles } from 'react-jss';
3
+ import { Modifier, Placement } from 'react-overlays/usePopper';
4
+ import type {
5
+ ICommonIcon,
6
+ IComplexIcon,
7
+ IIconType,
8
+ IPreloaderSvgType,
9
+ ISvgIcon,
10
+ } from './components';
11
+
12
+ export interface IDataAttributes {
13
+ [key: string]: unknown;
14
+ }
15
+
16
+ export interface ICommonProps {
17
+ data?: IDataAttributes;
18
+ }
19
+
20
+ export interface IDropdownWithPopperOptions {
21
+ shouldUsePopper?: boolean;
22
+ shouldRenderInBody?: boolean;
23
+ scrollParent?: 'auto' | 'document' | Element;
24
+
25
+ shouldHideOnScroll?: boolean; // работает весьма условно без shouldUsePopper
26
+ canBeFlipped?: boolean; // только с shouldUsePopper
27
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
28
+ modifiers?: Array<Partial<Modifier<any, any>>>; // только с shouldUsePopper
29
+ placement?: Placement; // only with shouldUsePopper
30
+ // https://popper.js.org/docs/v2/modifiers/flip/
31
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
32
+ flipOptions?: Record<string, any>; // только с shouldUsePopper
33
+ }
34
+
35
+ export type IIcon = IIconType | ReactElement;
36
+
37
+ export type ComponentStyles<StyleSheet, Props = unknown> = Partial<Styles<keyof StyleSheet, Props>>;
38
+
39
+ // TODO: Скрипт
40
+ export type ComponentName =
41
+ | 'AccountInfo'
42
+ | 'AddButton'
43
+ | 'Button'
44
+ | 'CloseButton'
45
+ | 'Checkbox'
46
+ | 'CssBaseline'
47
+ | 'Colors'
48
+ | 'DateInput'
49
+ | 'DatePicker'
50
+ | 'DatePickerHeader'
51
+ | 'Description'
52
+ | 'DotsPreloader'
53
+ | 'SvgPreloader'
54
+ | 'FiltersPane'
55
+ | 'FilterInterval'
56
+ | 'FilterSelect'
57
+ | 'FilterWithDates'
58
+ | 'FilterWithPeriod'
59
+ | 'FilterWrapper'
60
+ | 'FilterValueView'
61
+ | 'FiltersPaneSearch'
62
+ | 'Flag'
63
+ | 'FlexibleTable'
64
+ | 'Icon'
65
+ | 'IncrementInput'
66
+ | 'Input'
67
+ | 'List'
68
+ | 'Modal'
69
+ | 'MoreMenu'
70
+ | 'MultiSelect'
71
+ | 'MultiSelectInput'
72
+ | 'MultiSelectList'
73
+ | 'Notification'
74
+ | 'PhoneInput'
75
+ | 'PhoneInputCountryList'
76
+ | 'RadioButton'
77
+ | 'SearchInput'
78
+ | 'Select'
79
+ | 'SelectList'
80
+ | 'ScrollIntoViewIfNeeded'
81
+ | 'Switch'
82
+ | 'TextArea'
83
+ | 'TextWithInfo'
84
+ | 'TextWithTooltip'
85
+ | 'ThemedPreloader'
86
+ | 'Tooltip'
87
+ | 'Toaster';
88
+
89
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
90
+ export type UiKitAnimations = Record<string, any>;
91
+ export type UiKitHelpers = Record<string, Styles | (() => Styles)>;
92
+
93
+ export interface UiKitTheme {
94
+ name: string;
95
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
96
+ components?: Partial<Record<ComponentName, ComponentStyles<any, any>>>;
97
+ /**
98
+ * Для переопределения иконок, которые есть в UiKit
99
+ */
100
+ icons?: Partial<Record<ICommonIcon, ISvgIcon>>;
101
+ complexIcons?: Partial<Record<IComplexIcon, string>>;
102
+ preloaders?: Partial<Record<IPreloaderSvgType, string>>; // TODO: заменить string
103
+ animations?: UiKitAnimations;
104
+ colors?: Record<string, string>;
105
+ dimensions?: Record<string, number>;
106
+ boxShadows?: Record<string, string>;
107
+ helpers?: UiKitHelpers;
108
+ }
@@ -1 +0,0 @@
1
- export * from './FilterInterval';
@@ -1 +0,0 @@
1
- export * from './FilterSelect';
@@ -1,11 +0,0 @@
1
- export interface ISelectLocale {
2
- clear: string;
3
- all: string;
4
- chosen: string;
5
- searchPlaceholder: string;
6
- nothingFound: string;
7
- }
8
- export declare const SelectLocales: Record<string, ISelectLocale>;
9
- export declare type ISelectLocaleKey = keyof typeof SelectLocales;
10
- export declare const DEFAULT_LOCALE: ISelectLocaleKey;
11
- export declare const getLocale: (key?: ISelectLocaleKey, custom?: Partial<ISelectLocale>, custom2?: Partial<ISelectLocale>) => ISelectLocale;
@@ -1 +0,0 @@
1
- export * from './FilterValueView';
@@ -1 +0,0 @@
1
- export * from './FilterWithDates';
@@ -1 +0,0 @@
1
- export * from './FilterWithPeriod';
@@ -1,27 +0,0 @@
1
- import { RefObject } from 'react';
2
- import { Classes } from 'jss';
3
- import { IFilterLocaleKey, IPartialFilterLocale } from '../locales';
4
- import { ConfigItem } from '../types';
5
- import { FilterWrapperStyles } from './FilterWrapper.styles';
6
- export interface IFilterWrapperProps<Values, Key extends keyof Values> {
7
- tweakStyles?: FilterWrapperStyles;
8
- filter: ConfigItem<Values[Key]>;
9
- value?: Values[Key];
10
- onChange: <V>(value: V) => void;
11
- isDisabled?: boolean;
12
- localeKey?: IFilterLocaleKey;
13
- locale?: IPartialFilterLocale;
14
- testId?: string;
15
- filtersPaneRef: RefObject<HTMLDivElement> | null;
16
- }
17
- interface IFilterOtherProps<Values, Key extends keyof Values> extends IFilterWrapperProps<Values, Key> {
18
- parentRef?: RefObject<HTMLElement>;
19
- isInline?: boolean;
20
- onChange: <V>(v: V) => void;
21
- onClose?: () => void;
22
- filtersPaneRef: RefObject<HTMLDivElement> | null;
23
- classes: Classes<'left' | 'right' | 'dropdown'>;
24
- }
25
- export declare function FilterWrapper<Values, Key extends keyof Values>({ filter, value, isDisabled, onChange, locale, localeKey, testId, filtersPaneRef, tweakStyles, }: IFilterWrapperProps<Values, Key>): JSX.Element;
26
- export declare function Filter<Values, Key extends keyof Values>({ filter, value, parentRef, isInline, onChange, onClose, localeKey, locale, filtersPaneRef, testId, classes, }: IFilterOtherProps<Values, Key>): JSX.Element | null;
27
- export {};
@@ -1 +0,0 @@
1
- export * from './FilterWrapper';
@@ -1 +0,0 @@
1
- export * from './FiltersPaneSearch';
@@ -1,28 +0,0 @@
1
- export interface IFilterLocale {
2
- clear: string;
3
- all: string;
4
- other: string;
5
- chosen: string;
6
- searchPlaceholder: string;
7
- displayedFields: string;
8
- nothingFound: string;
9
- from: string;
10
- to: string;
11
- back: string;
12
- months: string[];
13
- periods: {
14
- [key: string]: string;
15
- THIS_MONTH: string;
16
- LAST_MONTH: string;
17
- THIS_YEAR: string;
18
- LAST_YEAR: string;
19
- CUSTOM: string;
20
- };
21
- }
22
- export declare type IPartialFilterLocale = Partial<Omit<IFilterLocale, 'periods'>> & {
23
- periods?: Partial<IFilterLocale['periods']>;
24
- };
25
- export declare const FilterLocales: Record<string, IFilterLocale>;
26
- export declare type IFilterLocaleKey = keyof typeof FilterLocales;
27
- export declare const DEFAULT_LOCALE: IFilterLocaleKey;
28
- export declare const getLocale: (key?: IFilterLocaleKey, custom?: IPartialFilterLocale, custom2?: IPartialFilterLocale) => IFilterLocale;
@@ -1,7 +0,0 @@
1
- import { FC } from 'react';
2
- import { IComplexIcon } from './complexIcons';
3
- interface IComplexIconBoilerplateProps {
4
- type: IComplexIcon;
5
- }
6
- declare const ComplexIconBoilerplate: FC<IComplexIconBoilerplateProps>;
7
- export default ComplexIconBoilerplate;
@@ -1,9 +0,0 @@
1
- import { SVGAttributes } from 'react';
2
- export interface ISvgIcon {
3
- viewBox?: string;
4
- paths?: Array<SVGAttributes<never>>;
5
- circles?: Array<SVGAttributes<never>>;
6
- rects?: Array<SVGAttributes<never>>;
7
- }
8
- export declare const icons: Record<"direction" | "filter" | "search" | "repeat" | "link" | "sort" | "document" | "vendor-service" | "aircraft-takeoff" | "archive" | "arrow" | "arrow-right" | "baggage" | "balloon" | "bluetooth" | "bonus" | "book" | "box" | "business" | "calendar" | "cancel" | "check" | "check-big" | "check-all" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down-small" | "chevron-left-small" | "chevron-right-small" | "chevron-up-small" | "circle-check" | "close" | "close-large" | "close-window" | "copy" | "copy-outline" | "crane" | "danger" | "download" | "email" | "eye" | "eye-closed" | "female" | "food" | "information" | "insurance" | "list" | "lock" | "lock-open" | "male" | "menu" | "minus" | "burger-menu" | "pencil" | "pin" | "plane" | "plane-circle" | "plus" | "print" | "question" | "refresh" | "rocket" | "round-trip" | "vendor-logo" | "scan" | "send-email" | "settings" | "sign-out" | "size" | "sort-asc" | "sort-desc" | "sort-list-asc" | "sort-list-desc" | "star" | "status-error" | "status-info" | "status-not-ok" | "status-ok" | "status-warning" | "three-circles" | "ticket-revert" | "ticket" | "time" | "trash-can" | "upgrade" | "user" | "user-group" | "voucher", ISvgIcon>;
9
- export declare type ICommonIcon = keyof typeof icons;
@@ -1 +0,0 @@
1
- export * from './icons';
@@ -1,11 +0,0 @@
1
- export interface IMultiSelectLocale {
2
- clear: string;
3
- all: string;
4
- chosen: string;
5
- searchPlaceholder: string;
6
- nothingFound: string;
7
- }
8
- export declare const MultiSelectLocales: Record<string, IMultiSelectLocale>;
9
- export declare type IMultiSelectLocaleKey = keyof typeof MultiSelectLocales;
10
- export declare const DEFAULT_LOCALE: IMultiSelectLocaleKey;
11
- export declare const getLocale: (key?: IMultiSelectLocaleKey, custom?: Partial<IMultiSelectLocale>, custom2?: Partial<IMultiSelectLocale>) => IMultiSelectLocale;
@@ -1,2 +0,0 @@
1
- export { default as PhoneInputCountryList } from './PhoneInputCountryList';
2
- export * from './PhoneInputCountryList';
@@ -1 +0,0 @@
1
- export * from './SelectList';
@@ -1 +0,0 @@
1
- export * from './FilterInterval';