@true-engineering/true-react-common-ui-kit 4.0.0-alpha5 → 4.0.0-alpha50

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 (468) hide show
  1. package/README.md +11 -607
  2. package/dist/components/AccountInfo/AccountInfo.styles.d.ts +1 -1
  3. package/dist/components/AddButton/AddButton.styles.d.ts +1 -1
  4. package/dist/components/Button/Button.d.ts +1 -1
  5. package/dist/components/Button/Button.styles.d.ts +1 -1
  6. package/dist/components/Checkbox/Checkbox.d.ts +3 -1
  7. package/dist/components/Checkbox/Checkbox.styles.d.ts +3 -2
  8. package/dist/components/Checkbox/index.d.ts +1 -0
  9. package/dist/components/Checkbox/types.d.ts +3 -0
  10. package/dist/components/CloseButton/CloseButton.styles.d.ts +1 -1
  11. package/dist/components/ControlWrapper/ControlWrapper.d.ts +7 -3
  12. package/dist/components/ControlWrapper/ControlWrapper.styles.d.ts +3 -2
  13. package/dist/components/ControlWrapper/constants.d.ts +1 -0
  14. package/dist/components/ControlWrapper/helpers.d.ts +4 -0
  15. package/dist/components/ControlWrapper/index.d.ts +3 -0
  16. package/dist/components/ControlWrapper/types.d.ts +14 -0
  17. package/dist/components/CssBaseline/CssBaseline.styles.d.ts +1 -1
  18. package/dist/components/DateInput/DateInput.d.ts +1 -3
  19. package/dist/components/DateInput/DateInput.styles.d.ts +1 -1
  20. package/dist/components/DateInput/constants.d.ts +1 -1
  21. package/dist/components/DatePicker/DatePicker.d.ts +4 -4
  22. package/dist/components/DatePicker/DatePicker.styles.d.ts +1 -1
  23. package/dist/components/DatePicker/components/DatePickerBase/DatePickerBase.d.ts +5 -0
  24. package/dist/components/DatePicker/components/DatePickerBase/index.d.ts +1 -0
  25. package/dist/components/DatePicker/components/DatePickerHeader/DatePickerHeader.styles.d.ts +1 -1
  26. package/dist/components/DatePicker/components/PopperContainer/PopperContainer.d.ts +2 -4
  27. package/dist/components/DatePicker/components/index.d.ts +1 -0
  28. package/dist/components/DatePicker/constants.d.ts +7 -2
  29. package/dist/components/DatePicker/index.d.ts +1 -0
  30. package/dist/components/DatePicker/types.d.ts +2 -2
  31. package/dist/components/Description/Description.styles.d.ts +1 -1
  32. package/dist/components/FileInput/FileInput.d.ts +1 -1
  33. package/dist/components/FileInput/FileInput.styles.d.ts +1 -1
  34. package/dist/components/FileItem/FileItem.styles.d.ts +1 -1
  35. package/dist/components/FileItem/constants.d.ts +3 -4
  36. package/dist/components/FileItem/helpers.d.ts +3 -2
  37. package/dist/components/FileItem/types.d.ts +1 -2
  38. package/dist/components/FiltersPane/FiltersPane.d.ts +7 -3
  39. package/dist/components/FiltersPane/FiltersPane.styles.d.ts +2 -2
  40. package/dist/components/FiltersPane/components/Filter/Filter.d.ts +3 -4
  41. package/dist/components/FiltersPane/components/Filter/helpers.d.ts +4 -0
  42. package/dist/components/FiltersPane/components/FilterInterval/FilterInterval.d.ts +3 -11
  43. package/dist/components/FiltersPane/components/FilterInterval/FilterInterval.styles.d.ts +3 -6
  44. package/dist/components/FiltersPane/components/FilterMultiSelect/FilterMultiSelect.d.ts +0 -1
  45. package/dist/components/FiltersPane/components/FilterSelect/FilterSelect.styles.d.ts +3 -6
  46. package/dist/components/FiltersPane/components/FilterValueView/FilterValueView.d.ts +4 -3
  47. package/dist/components/FiltersPane/components/FilterValueView/FilterValueView.styles.d.ts +1 -1
  48. package/dist/components/FiltersPane/components/FilterWithDates/FilterWithDates.styles.d.ts +5 -11
  49. package/dist/components/FiltersPane/components/FilterWithPeriod/FilterWithPeriod.styles.d.ts +1 -1
  50. package/dist/components/FiltersPane/components/FilterWrapper/FilterWrapper.d.ts +2 -3
  51. package/dist/components/FiltersPane/components/FilterWrapper/FilterWrapper.styles.d.ts +2 -2
  52. package/dist/components/FiltersPane/components/FiltersPaneSearch/FiltersPaneSearch.d.ts +2 -1
  53. package/dist/components/FiltersPane/components/FiltersPaneSearch/FiltersPaneSearch.styles.d.ts +1 -1
  54. package/dist/components/FiltersPane/constants.d.ts +1 -1
  55. package/dist/components/FiltersPane/helpers.d.ts +1 -1
  56. package/dist/components/FiltersPane/index.d.ts +1 -0
  57. package/dist/components/FiltersPane/types.d.ts +21 -7
  58. package/dist/components/Flag/Flag.styles.d.ts +1 -1
  59. package/dist/components/Flag/customFlags/customFlags.d.ts +10 -0
  60. package/dist/components/Flag/customFlags/index.d.ts +1 -0
  61. package/dist/components/FlexibleTable/FlexibleTable.d.ts +4 -2
  62. package/dist/components/FlexibleTable/FlexibleTable.styles.d.ts +2 -2
  63. package/dist/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.d.ts +4 -3
  64. package/dist/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.styles.d.ts +1 -1
  65. package/dist/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.d.ts +6 -6
  66. package/dist/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.styles.d.ts +1 -1
  67. package/dist/components/FlexibleTable/constants.d.ts +18 -2
  68. package/dist/components/FlexibleTable/helpers.d.ts +2 -2
  69. package/dist/components/FlexibleTable/types.d.ts +20 -12
  70. package/dist/components/FloatDocActions/FloatDocActions.d.ts +6 -0
  71. package/dist/components/FloatDocActions/FloatDocActions.styles.d.ts +8 -0
  72. package/dist/components/FloatDocActions/components/DocActions/DocActions.d.ts +12 -0
  73. package/dist/components/FloatDocActions/components/DocActions/DocActions.styles.d.ts +6 -0
  74. package/dist/components/FloatDocActions/components/DocActions/constants.d.ts +1 -0
  75. package/dist/components/FloatDocActions/components/DocActions/index.d.ts +4 -0
  76. package/dist/components/FloatDocActions/components/DocActions/types.d.ts +2 -0
  77. package/dist/components/FloatDocActions/components/index.d.ts +1 -0
  78. package/dist/components/FloatDocActions/constants.d.ts +1 -0
  79. package/dist/components/FloatDocActions/index.d.ts +3 -0
  80. package/dist/components/Icon/Icon.styles.d.ts +1 -1
  81. package/dist/components/Icon/icons/index.d.ts +31 -0
  82. package/dist/components/Icon/index.d.ts +1 -1
  83. package/dist/components/Icon/types.d.ts +7 -11
  84. package/dist/components/IconButton/IconButton.d.ts +1 -2
  85. package/dist/components/IconButton/IconButton.styles.d.ts +1 -1
  86. package/dist/components/IconButton/constants.d.ts +1 -1
  87. package/dist/components/IncrementInput/IncrementInput.styles.d.ts +1 -3
  88. package/dist/components/Input/Input.d.ts +3 -3
  89. package/dist/components/Input/Input.styles.d.ts +1 -1
  90. package/dist/components/Input/InputBase.d.ts +3 -3
  91. package/dist/components/List/List.d.ts +1 -1
  92. package/dist/components/List/List.styles.d.ts +1 -1
  93. package/dist/components/List/components/ListItem/ListItem.styles.d.ts +1 -1
  94. package/dist/components/List/index.d.ts +2 -1
  95. package/dist/components/List/types.d.ts +4 -0
  96. package/dist/components/Modal/Modal.d.ts +1 -1
  97. package/dist/components/Modal/Modal.styles.d.ts +1 -1
  98. package/dist/components/MoreMenu/MoreMenu.styles.d.ts +1 -1
  99. package/dist/components/MultiSelect/MultiSelect.d.ts +0 -1
  100. package/dist/components/MultiSelect/MultiSelect.styles.d.ts +1 -1
  101. package/dist/components/MultiSelect/components/MultiSelectInput/MultiSelectInput.styles.d.ts +1 -1
  102. package/dist/components/MultiSelectList/MultiSelectList.styles.d.ts +1 -1
  103. package/dist/components/MultiSelectList/constants.d.ts +1 -1
  104. package/dist/components/MultiSelectList/helpers.d.ts +1 -1
  105. package/dist/components/NewMoreMenu/NewMoreMenu.styles.d.ts +1 -1
  106. package/dist/components/Notification/Notification.styles.d.ts +1 -1
  107. package/dist/components/NumberInput/NumberInput.d.ts +1 -2
  108. package/dist/components/NumberInput/helpers.d.ts +2 -2
  109. package/dist/components/PhoneInput/PhoneInput.styles.d.ts +1 -1
  110. package/dist/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.styles.d.ts +1 -1
  111. package/dist/components/RadioButton/RadioButton.d.ts +3 -1
  112. package/dist/components/RadioButton/RadioButton.styles.d.ts +3 -2
  113. package/dist/components/RadioButton/index.d.ts +1 -0
  114. package/dist/components/RadioButton/types.d.ts +3 -0
  115. package/dist/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.d.ts +3 -373
  116. package/dist/components/ScrollIntoViewIfNeeded/constants.d.ts +1 -1
  117. package/dist/components/SearchInput/SearchInput.d.ts +1 -2
  118. package/dist/components/Select/Select.d.ts +8 -6
  119. package/dist/components/Select/Select.styles.d.ts +12 -22
  120. package/dist/components/Select/components/SelectList/SelectList.d.ts +5 -5
  121. package/dist/components/Select/components/SelectList/SelectList.styles.d.ts +1 -1
  122. package/dist/components/Select/components/SelectListItem/SelectListItem.d.ts +4 -3
  123. package/dist/components/Select/helpers.d.ts +1 -1
  124. package/dist/components/Select/index.d.ts +1 -1
  125. package/dist/components/Select/types.d.ts +4 -0
  126. package/dist/components/Selector/Selector.d.ts +0 -1
  127. package/dist/components/Selector/Selector.styles.d.ts +1 -1
  128. package/dist/components/Skeleton/Skeleton.styles.d.ts +1 -1
  129. package/dist/components/SmartInput/SmartInput.d.ts +1 -1
  130. package/dist/components/Status/Status.styles.d.ts +3 -2
  131. package/dist/components/Status/constants.d.ts +0 -1
  132. package/dist/components/Status/index.d.ts +1 -0
  133. package/dist/components/Status/types.d.ts +5 -2
  134. package/dist/components/Switch/Switch.styles.d.ts +1 -1
  135. package/dist/components/TextArea/TextArea.d.ts +5 -6
  136. package/dist/components/TextArea/TextArea.styles.d.ts +5 -4
  137. package/dist/components/TextArea/index.d.ts +1 -1
  138. package/dist/components/TextArea/types.d.ts +4 -2
  139. package/dist/components/TextButton/TextButton.d.ts +1 -1
  140. package/dist/components/TextButton/TextButton.styles.d.ts +1 -1
  141. package/dist/components/TextWithInfo/TextWithInfo.styles.d.ts +1 -1
  142. package/dist/components/TextWithTooltip/TextWithTooltip.styles.d.ts +1 -1
  143. package/dist/components/ThemedPreloader/ThemedPreloader.styles.d.ts +1 -1
  144. package/dist/components/ThemedPreloader/components/DotsPreloader/DotsPreloader.styles.d.ts +1 -1
  145. package/dist/components/ThemedPreloader/components/SvgPreloader/SvgPreloader.styles.d.ts +1 -1
  146. package/dist/components/Toaster/Toaster.styles.d.ts +1 -1
  147. package/dist/components/Tooltip/Tooltip.d.ts +1 -1
  148. package/dist/components/Tooltip/Tooltip.styles.d.ts +1 -1
  149. package/dist/components/WithMessages/WithMessages.d.ts +1 -1
  150. package/dist/components/WithMessages/WithMessages.styles.d.ts +1 -1
  151. package/dist/components/WithPopup/WithPopup.d.ts +11 -3
  152. package/dist/components/WithPopup/WithPopup.styles.d.ts +1 -1
  153. package/dist/components/WithPopup/types.d.ts +4 -4
  154. package/dist/components/index.d.ts +1 -1
  155. package/dist/constants/phone-info.d.ts +1 -1
  156. package/dist/helpers/misc.d.ts +3 -3
  157. package/dist/helpers/phone.d.ts +1 -1
  158. package/dist/hooks/index.d.ts +7 -4
  159. package/dist/hooks/use-dropdown.d.ts +3 -3
  160. package/dist/hooks/use-intersection-ref.d.ts +8 -0
  161. package/dist/hooks/use-latest-ref.d.ts +2 -0
  162. package/dist/hooks/use-merge.d.ts +1 -0
  163. package/dist/hooks/use-mixed-styles.d.ts +3 -1
  164. package/dist/hooks/use-on-click-outside.d.ts +2 -2
  165. package/dist/hooks/use-tweak-styles.d.ts +6 -6
  166. package/dist/theme/Provider.d.ts +5 -2
  167. package/dist/theme/common.d.ts +1 -1
  168. package/dist/theme/create-themed-styles.d.ts +2 -0
  169. package/dist/theme/helpers.d.ts +9 -3
  170. package/dist/theme/index.d.ts +2 -0
  171. package/dist/theme/true-jss/ThemedStylesManager.d.ts +18 -0
  172. package/dist/theme/true-jss/TweakStylesManager.d.ts +34 -0
  173. package/dist/theme/true-jss/index.d.ts +2 -0
  174. package/dist/theme/true-jss/jss-context.d.ts +9 -0
  175. package/dist/theme/types.d.ts +7 -5
  176. package/dist/{style.css → true-react-common-ui-kit.css} +78 -142
  177. package/dist/true-react-common-ui-kit.js +2 -31591
  178. package/dist/true-react-common-ui-kit.js.map +1 -1
  179. package/dist/true-react-common-ui-kit.umd.cjs +3 -31580
  180. package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
  181. package/dist/types.d.ts +9 -2
  182. package/package.json +35 -33
  183. package/src/components/AccountInfo/AccountInfo.stories.tsx +19 -27
  184. package/src/components/AddButton/AddButton.stories.tsx +14 -17
  185. package/src/components/Button/Button.stories.tsx +8 -26
  186. package/src/components/Checkbox/Checkbox.stories.tsx +27 -16
  187. package/src/components/Checkbox/Checkbox.styles.ts +3 -1
  188. package/src/components/Checkbox/Checkbox.tsx +7 -5
  189. package/src/components/Checkbox/index.ts +1 -0
  190. package/src/components/Checkbox/types.ts +4 -0
  191. package/src/components/CloseButton/CloseButton.stories.tsx +5 -6
  192. package/src/components/Colors/Colors.stories.tsx +63 -3
  193. package/src/components/ControlWrapper/ControlWrapper.stories.tsx +45 -35
  194. package/src/components/ControlWrapper/ControlWrapper.styles.ts +7 -6
  195. package/src/components/ControlWrapper/ControlWrapper.tsx +33 -30
  196. package/src/components/ControlWrapper/constants.ts +11 -0
  197. package/src/components/ControlWrapper/helpers.ts +11 -0
  198. package/src/components/ControlWrapper/index.ts +3 -0
  199. package/src/components/ControlWrapper/types.ts +19 -0
  200. package/src/components/DateInput/DateInput.stories.tsx +13 -31
  201. package/src/components/DateInput/DateInput.tsx +3 -4
  202. package/src/components/DatePicker/DatePicker.stories.tsx +18 -42
  203. package/src/components/DatePicker/DatePicker.styles.ts +3 -1
  204. package/src/components/DatePicker/DatePicker.tsx +47 -16
  205. package/src/components/DatePicker/components/DatePickerBase/DatePickerBase.tsx +14 -0
  206. package/src/components/DatePicker/components/DatePickerBase/index.ts +1 -0
  207. package/src/components/DatePicker/components/PopperContainer/PopperContainer.tsx +4 -4
  208. package/src/components/DatePicker/components/index.ts +1 -0
  209. package/src/components/DatePicker/constants.ts +9 -3
  210. package/src/components/DatePicker/helpers.ts +1 -1
  211. package/src/components/DatePicker/index.ts +1 -0
  212. package/src/components/DatePicker/types.ts +6 -4
  213. package/src/components/Description/Description.stories.tsx +11 -16
  214. package/src/components/FileInput/FileInput.stories.tsx +59 -63
  215. package/src/components/FileItem/FileItem.stories.tsx +48 -48
  216. package/src/components/FileItem/constants.ts +3 -14
  217. package/src/components/FileItem/helpers.ts +3 -2
  218. package/src/components/FileItem/types.ts +1 -3
  219. package/src/components/FiltersPane/FiltersPane.stories.tsx +31 -28
  220. package/src/components/FiltersPane/FiltersPane.tsx +28 -19
  221. package/src/components/FiltersPane/components/Filter/Filter.tsx +36 -30
  222. package/src/components/FiltersPane/components/Filter/helpers.ts +18 -0
  223. package/src/components/FiltersPane/components/FilterInterval/FilterInterval.styles.ts +1 -2
  224. package/src/components/FiltersPane/components/FilterInterval/FilterInterval.tsx +5 -17
  225. package/src/components/FiltersPane/components/FilterSelect/FilterSelect.styles.ts +1 -2
  226. package/src/components/FiltersPane/components/FilterSelect/FilterSelect.tsx +22 -23
  227. package/src/components/FiltersPane/components/FilterValueView/FilterValueView.tsx +27 -22
  228. package/src/components/FiltersPane/components/FilterWithDates/FilterWithDates.styles.ts +3 -3
  229. package/src/components/FiltersPane/components/FilterWithDates/FilterWithDates.tsx +3 -4
  230. package/src/components/FiltersPane/components/FilterWithPeriod/FilterWithPeriod.tsx +4 -3
  231. package/src/components/FiltersPane/components/FilterWrapper/FilterWrapper.tsx +14 -10
  232. package/src/components/FiltersPane/components/FiltersPaneSearch/FiltersPaneSearch.styles.ts +5 -0
  233. package/src/components/FiltersPane/components/FiltersPaneSearch/FiltersPaneSearch.tsx +19 -19
  234. package/src/components/FiltersPane/helpers.ts +3 -3
  235. package/src/components/FiltersPane/index.ts +1 -0
  236. package/src/components/FiltersPane/types.ts +30 -6
  237. package/src/components/Flag/Flag.stories.tsx +16 -20
  238. package/src/components/Flag/Flag.styles.ts +4 -0
  239. package/src/components/Flag/Flag.tsx +25 -11
  240. package/src/components/Flag/customFlags/AB.svg +1 -0
  241. package/src/components/Flag/customFlags/OS.svg +1 -0
  242. package/src/components/Flag/customFlags/customFlags.ts +13 -0
  243. package/src/components/Flag/customFlags/index.ts +1 -0
  244. package/src/components/FlexibleTable/FlexibleTable.stories.tsx +47 -50
  245. package/src/components/FlexibleTable/FlexibleTable.styles.ts +4 -2
  246. package/src/components/FlexibleTable/FlexibleTable.tsx +44 -64
  247. package/src/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.tsx +8 -5
  248. package/src/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.tsx +13 -12
  249. package/src/components/FlexibleTable/constants.ts +6 -3
  250. package/src/components/FlexibleTable/types.ts +20 -16
  251. package/src/components/FloatDocActions/FloatDocActions.stories.tsx +111 -0
  252. package/src/components/FloatDocActions/FloatDocActions.styles.ts +12 -0
  253. package/src/components/FloatDocActions/FloatDocActions.tsx +34 -0
  254. package/src/components/FloatDocActions/components/DocActions/DocActions.styles.ts +29 -0
  255. package/src/components/FloatDocActions/components/DocActions/DocActions.tsx +43 -0
  256. package/src/components/FloatDocActions/components/DocActions/constants.ts +1 -0
  257. package/src/components/FloatDocActions/components/DocActions/index.ts +4 -0
  258. package/src/components/FloatDocActions/components/DocActions/types.ts +3 -0
  259. package/src/components/FloatDocActions/components/index.ts +1 -0
  260. package/src/components/FloatDocActions/constants.ts +1 -0
  261. package/src/components/FloatDocActions/index.ts +3 -0
  262. package/src/components/Icon/Icon.stories.tsx +80 -67
  263. package/src/components/Icon/Icon.styles.ts +1 -1
  264. package/src/components/Icon/Icon.tsx +17 -12
  265. package/src/components/Icon/icons/calendar.svg +1 -0
  266. package/src/components/Icon/icons/check.svg +1 -0
  267. package/src/components/Icon/icons/chevron-down-small.svg +1 -0
  268. package/src/components/Icon/icons/chevron-down.svg +1 -0
  269. package/src/components/Icon/icons/chevron-left.svg +1 -0
  270. package/src/components/Icon/icons/chevron-right.svg +1 -0
  271. package/src/components/Icon/icons/close-large.svg +1 -0
  272. package/src/components/Icon/icons/close-window.svg +1 -0
  273. package/src/components/Icon/icons/close.svg +1 -0
  274. package/src/components/Icon/icons/filter.svg +1 -0
  275. package/src/components/Icon/icons/index.ts +62 -0
  276. package/src/components/Icon/icons/information.svg +1 -0
  277. package/src/components/Icon/icons/menu.svg +1 -0
  278. package/src/components/Icon/icons/minus.svg +1 -0
  279. package/src/components/Icon/icons/plus.svg +1 -0
  280. package/src/components/Icon/icons/search.svg +1 -0
  281. package/src/components/Icon/icons/status-error.svg +1 -0
  282. package/src/components/Icon/icons/status-info.svg +1 -0
  283. package/src/components/Icon/icons/status-not-ok.svg +1 -0
  284. package/src/components/Icon/icons/status-ok.svg +1 -0
  285. package/src/components/Icon/icons/status-warning.svg +1 -0
  286. package/src/components/Icon/icons/trash-can.svg +1 -0
  287. package/src/components/Icon/index.ts +1 -1
  288. package/src/components/Icon/types.ts +7 -13
  289. package/src/components/IconButton/IconButton.stories.tsx +7 -12
  290. package/src/components/IconButton/IconButton.styles.ts +15 -13
  291. package/src/components/IconButton/constants.ts +1 -1
  292. package/src/components/IncrementInput/IncrementInput.stories.tsx +25 -23
  293. package/src/components/IncrementInput/IncrementInput.styles.ts +31 -39
  294. package/src/components/IncrementInput/IncrementInput.tsx +28 -25
  295. package/src/components/Input/Input.stories.tsx +37 -68
  296. package/src/components/Input/Input.styles.ts +4 -0
  297. package/src/components/Input/Input.tsx +3 -2
  298. package/src/components/Input/InputBase.tsx +54 -55
  299. package/src/components/List/List.stories.tsx +22 -17
  300. package/src/components/List/List.styles.ts +2 -1
  301. package/src/components/List/List.tsx +5 -2
  302. package/src/components/List/index.ts +2 -1
  303. package/src/components/List/types.ts +5 -0
  304. package/src/components/Modal/Modal.stories.tsx +50 -59
  305. package/src/components/Modal/Modal.tsx +1 -1
  306. package/src/components/MoreMenu/MoreMenu.stories.tsx +24 -15
  307. package/src/components/MultiSelect/MultiSelect.stories.tsx +23 -20
  308. package/src/components/MultiSelectList/MultiSelectList.tsx +15 -11
  309. package/src/components/MultiSelectList/helpers.ts +2 -2
  310. package/src/components/NewMoreMenu/NewMoreMenu.stories.tsx +42 -40
  311. package/src/components/Notification/Notification.stories.tsx +35 -34
  312. package/src/components/NumberInput/NumberInput.stories.tsx +32 -28
  313. package/src/components/PhoneInput/PhoneInput.stories.tsx +31 -56
  314. package/src/components/PhoneInput/PhoneInput.tsx +5 -2
  315. package/src/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.stories.tsx +5 -11
  316. package/src/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.tsx +1 -4
  317. package/src/components/RadioButton/RadioButton.stories.tsx +31 -21
  318. package/src/components/RadioButton/RadioButton.styles.ts +2 -1
  319. package/src/components/RadioButton/RadioButton.tsx +12 -5
  320. package/src/components/RadioButton/index.ts +1 -0
  321. package/src/components/RadioButton/types.ts +4 -0
  322. package/src/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.ts +15 -9
  323. package/src/components/SearchInput/SearchInput.stories.tsx +14 -14
  324. package/src/components/SearchInput/SearchInput.tsx +20 -29
  325. package/src/components/Select/CustomSelect.stories.tsx +29 -32
  326. package/src/components/Select/MultiSelect.stories.tsx +45 -45
  327. package/src/components/Select/Select.stories.tsx +45 -44
  328. package/src/components/Select/Select.styles.ts +5 -40
  329. package/src/components/Select/Select.tsx +67 -53
  330. package/src/components/Select/components/SelectList/SelectList.tsx +8 -6
  331. package/src/components/Select/components/SelectListItem/SelectListItem.tsx +5 -2
  332. package/src/components/Select/index.ts +1 -1
  333. package/src/components/Select/types.ts +3 -0
  334. package/src/components/Selector/Selector.stories.tsx +25 -27
  335. package/src/components/Selector/Selector.tsx +1 -2
  336. package/src/components/Skeleton/Skeleton.stories.tsx +13 -12
  337. package/src/components/SmartInput/SmartInput.stories.tsx +23 -23
  338. package/src/components/Status/Status.stories.tsx +79 -28
  339. package/src/components/Status/Status.styles.ts +2 -37
  340. package/src/components/Status/constants.ts +0 -10
  341. package/src/components/Status/index.ts +1 -1
  342. package/src/components/Status/types.ts +7 -3
  343. package/src/components/Switch/Switch.stories.tsx +19 -26
  344. package/src/components/TextArea/TextArea.stories.tsx +37 -26
  345. package/src/components/TextArea/TextArea.styles.ts +15 -8
  346. package/src/components/TextArea/TextArea.tsx +95 -62
  347. package/src/components/TextArea/index.ts +1 -1
  348. package/src/components/TextArea/types.ts +5 -5
  349. package/src/components/TextButton/TextButton.stories.tsx +8 -19
  350. package/src/components/TextButton/TextButton.styles.ts +1 -0
  351. package/src/components/TextWithInfo/TextWithInfo.stories.tsx +13 -21
  352. package/src/components/TextWithTooltip/TextWithTooltip.stories.tsx +26 -25
  353. package/src/components/TextWithTooltip/TextWithTooltip.tsx +1 -2
  354. package/src/components/ThemedPreloader/ThemedPreloader.stories.tsx +12 -23
  355. package/src/components/ThemedPreloader/components/SvgPreloader/SvgPreloader.tsx +4 -4
  356. package/src/components/Toaster/Toaster.stories.tsx +16 -14
  357. package/src/components/Tooltip/Tooltip.stories.tsx +5 -4
  358. package/src/components/Tooltip/Tooltip.styles.ts +2 -0
  359. package/src/components/Tooltip/Tooltip.tsx +1 -1
  360. package/src/components/WithMessages/WithMessages.stories.tsx +16 -20
  361. package/src/components/WithPopup/WithPopup.stories.tsx +27 -26
  362. package/src/components/WithPopup/WithPopup.tsx +36 -15
  363. package/src/components/WithTooltip/WithTooltip.stories.tsx +28 -28
  364. package/src/components/index.ts +1 -1
  365. package/src/constants/phone-info.ts +20 -33
  366. package/src/helpers/misc.ts +9 -7
  367. package/src/helpers/phone.ts +19 -15
  368. package/src/helpers/popper-helpers.ts +0 -1
  369. package/src/hooks/index.ts +7 -4
  370. package/src/hooks/use-intersection-ref.ts +30 -0
  371. package/src/hooks/use-latest-ref.ts +7 -0
  372. package/src/hooks/use-merge.ts +8 -0
  373. package/src/hooks/use-mixed-styles.ts +9 -11
  374. package/src/hooks/use-on-click-outside.ts +22 -14
  375. package/src/hooks/use-tweak-styles.ts +49 -27
  376. package/src/theme/Provider.tsx +10 -5
  377. package/src/theme/create-themed-styles.ts +78 -0
  378. package/src/theme/helpers.ts +41 -39
  379. package/src/theme/index.ts +2 -0
  380. package/src/theme/true-jss/ThemedStylesManager.ts +93 -0
  381. package/src/theme/true-jss/TweakStylesManager.ts +156 -0
  382. package/src/theme/true-jss/index.ts +2 -0
  383. package/src/theme/true-jss/jss-context.tsx +34 -0
  384. package/src/theme/types.ts +9 -8
  385. package/src/types.ts +17 -6
  386. package/dist/components/AccountInfo/AccountInfo.stories.d.ts +0 -6
  387. package/dist/components/AddButton/AddButton.stories.d.ts +0 -6
  388. package/dist/components/Button/Button.stories.d.ts +0 -6
  389. package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -8
  390. package/dist/components/CloseButton/CloseButton.stories.d.ts +0 -5
  391. package/dist/components/Colors/Colors.d.ts +0 -2
  392. package/dist/components/Colors/Colors.stories.d.ts +0 -5
  393. package/dist/components/Colors/Colors.styles.d.ts +0 -1
  394. package/dist/components/Colors/index.d.ts +0 -1
  395. package/dist/components/ControlWrapper/ControlWrapper.stories.d.ts +0 -6
  396. package/dist/components/DateInput/DateInput.stories.d.ts +0 -7
  397. package/dist/components/DatePicker/DatePicker.stories.d.ts +0 -7
  398. package/dist/components/Description/Description.stories.d.ts +0 -16
  399. package/dist/components/FileInput/FileInput.stories.d.ts +0 -7
  400. package/dist/components/FileItem/FileItem.stories.d.ts +0 -8
  401. package/dist/components/FiltersPane/FiltersPane.stories.d.ts +0 -31
  402. package/dist/components/Flag/Flag.stories.d.ts +0 -12
  403. package/dist/components/FlexibleTable/FlexibleTable.stories.d.ts +0 -19
  404. package/dist/components/Icon/Icon.stories.d.ts +0 -6
  405. package/dist/components/Icon/complexIcons/icons.d.ts +0 -10
  406. package/dist/components/Icon/complexIcons/index.d.ts +0 -1
  407. package/dist/components/Icon/components/ComplexIconBoilerplate/ComplexIconBoilerplate.d.ts +0 -6
  408. package/dist/components/Icon/components/ComplexIconBoilerplate/index.d.ts +0 -1
  409. package/dist/components/Icon/components/IconBolerplate/IconBoilerplate.d.ts +0 -6
  410. package/dist/components/Icon/components/IconBolerplate/index.d.ts +0 -1
  411. package/dist/components/Icon/components/index.d.ts +0 -2
  412. package/dist/components/Icon/helpers.d.ts +0 -6
  413. package/dist/components/Icon/icons-list.d.ts +0 -1
  414. package/dist/components/IconButton/IconButton.stories.d.ts +0 -6
  415. package/dist/components/IncrementInput/IncrementInput.stories.d.ts +0 -6
  416. package/dist/components/Input/Input.stories.d.ts +0 -25
  417. package/dist/components/List/List.stories.d.ts +0 -5
  418. package/dist/components/Modal/Modal.stories.d.ts +0 -29
  419. package/dist/components/MoreMenu/MoreMenu.stories.d.ts +0 -6
  420. package/dist/components/MultiSelect/MultiSelect.stories.d.ts +0 -13
  421. package/dist/components/NewMoreMenu/NewMoreMenu.stories.d.ts +0 -12
  422. package/dist/components/Notification/Notification.stories.d.ts +0 -8
  423. package/dist/components/NumberInput/NumberInput.stories.d.ts +0 -7
  424. package/dist/components/PhoneInput/PhoneInput.stories.d.ts +0 -28
  425. package/dist/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.stories.d.ts +0 -5
  426. package/dist/components/RadioButton/RadioButton.stories.d.ts +0 -7
  427. package/dist/components/SearchInput/SearchInput.stories.d.ts +0 -6
  428. package/dist/components/Select/CustomSelect.stories.d.ts +0 -11
  429. package/dist/components/Select/MultiSelect.stories.d.ts +0 -15
  430. package/dist/components/Select/Select.stories.d.ts +0 -15
  431. package/dist/components/Selector/Selector.stories.d.ts +0 -7
  432. package/dist/components/Skeleton/Skeleton.stories.d.ts +0 -6
  433. package/dist/components/SmartInput/SmartInput.stories.d.ts +0 -18
  434. package/dist/components/Status/Status.stories.d.ts +0 -6
  435. package/dist/components/Switch/Switch.stories.d.ts +0 -16
  436. package/dist/components/TextArea/TextArea.stories.d.ts +0 -17
  437. package/dist/components/TextButton/TextButton.stories.d.ts +0 -6
  438. package/dist/components/TextWithInfo/TextWithInfo.stories.d.ts +0 -12
  439. package/dist/components/TextWithTooltip/TextWithTooltip.stories.d.ts +0 -24
  440. package/dist/components/ThemedPreloader/ThemedPreloader.stories.d.ts +0 -17
  441. package/dist/components/Toaster/Toaster.stories.d.ts +0 -5
  442. package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -5
  443. package/dist/components/WithMessages/WithMessages.stories.d.ts +0 -7
  444. package/dist/components/WithPopup/WithPopup.stories.d.ts +0 -16
  445. package/dist/components/WithTooltip/WithTooltip.stories.d.ts +0 -6
  446. package/src/components/Colors/Colors.styles.ts +0 -36
  447. package/src/components/Colors/Colors.tsx +0 -26
  448. package/src/components/Colors/index.ts +0 -1
  449. package/src/components/Flag/augment.d.ts +0 -1
  450. package/src/components/Icon/complexIcons/augment.d.ts +0 -1
  451. package/src/components/Icon/complexIcons/icons.ts +0 -19
  452. package/src/components/Icon/complexIcons/index.ts +0 -1
  453. package/src/components/Icon/components/ComplexIconBoilerplate/ComplexIconBoilerplate.tsx +0 -16
  454. package/src/components/Icon/components/ComplexIconBoilerplate/index.ts +0 -1
  455. package/src/components/Icon/components/IconBolerplate/IconBoilerplate.tsx +0 -43
  456. package/src/components/Icon/components/IconBolerplate/index.ts +0 -1
  457. package/src/components/Icon/components/index.ts +0 -2
  458. package/src/components/Icon/helpers.tsx +0 -9
  459. package/src/components/Icon/icons-list.ts +0 -855
  460. package/src/vite-env.d.ts +0 -1
  461. /package/src/components/Icon/{complexIcons/avatarGreen.svg → icons/avatar.svg} +0 -0
  462. /package/src/components/Icon/{complexIcons/fileExcel.svg → icons/file-excel.svg} +0 -0
  463. /package/src/components/Icon/{complexIcons/fileImage.svg → icons/file-image.svg} +0 -0
  464. /package/src/components/Icon/{complexIcons/fileOther.svg → icons/file-other.svg} +0 -0
  465. /package/src/components/Icon/{complexIcons/filePdf.svg → icons/file-pdf.svg} +0 -0
  466. /package/src/components/Icon/{complexIcons/fileWord.svg → icons/file-word.svg} +0 -0
  467. /package/src/components/Icon/{complexIcons/fileXml.svg → icons/file-xml.svg} +0 -0
  468. /package/src/components/Icon/{complexIcons/fileZip.svg → icons/file-zip.svg} +0 -0
package/src/types.ts CHANGED
@@ -1,13 +1,15 @@
1
- import {
1
+ import type {
2
2
  FocusEventHandler,
3
- type KeyboardEvent,
3
+ KeyboardEvent,
4
4
  KeyboardEventHandler,
5
5
  MouseEvent,
6
6
  MouseEventHandler,
7
7
  PointerEventHandler,
8
8
  ReactNode,
9
9
  } from 'react';
10
- import { Modifier, Placement } from 'react-overlays/usePopper';
10
+ import type { Modifier, Placement } from 'react-overlays/usePopper';
11
+ import type { JssStyle } from 'jss';
12
+ import type { IMaybeArray } from './theme';
11
13
 
12
14
  export interface ITestIdProps {
13
15
  testId?: string;
@@ -22,7 +24,7 @@ export interface IDataAttributesProps extends ITestIdProps {
22
24
  }
23
25
 
24
26
  export interface ITweakStylesProps<TweakStyles> {
25
- tweakStyles?: TweakStyles;
27
+ tweakStyles?: IMaybeArray<TweakStyles>;
26
28
  }
27
29
 
28
30
  export type ICommonProps<TweakStyles> = IDataAttributesProps & ITweakStylesProps<TweakStyles>;
@@ -34,11 +36,9 @@ export interface IDropdownWithPopperOptions {
34
36
 
35
37
  shouldHideOnScroll?: boolean; // работает весьма условно без shouldUsePopper
36
38
  canBeFlipped?: boolean; // только с shouldUsePopper
37
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
38
39
  modifiers?: Array<Partial<Modifier<any, any>>>; // только с shouldUsePopper
39
40
  placement?: Placement; // only with shouldUsePopper
40
41
  // https://popper.js.org/docs/v2/modifiers/flip/
41
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
42
42
  flipOptions?: Record<string, any>; // только с shouldUsePopper
43
43
  }
44
44
  export type IClickHandlerEvent = MouseEvent | KeyboardEvent;
@@ -63,3 +63,14 @@ export interface IDomElementInteractions<T> {
63
63
  }
64
64
 
65
65
  export type IRenderNode<T> = ReactNode | ((props: T) => ReactNode);
66
+
67
+ export type IExtendableProps<T extends string | readonly string[]> = Record<
68
+ T extends ReadonlyArray<infer P> ? P : T,
69
+ JssStyle
70
+ >;
71
+
72
+ export type IDefaultExtendableProps = IExtendableProps<'custom'>;
73
+
74
+ export type IWithPrefix<T, P extends string> = {
75
+ [K in keyof T as `${P}${K & string}`]: T[K];
76
+ };
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").FC<import("./AccountInfo").IAccountInfoProps>;
4
- };
5
- export default _default;
6
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./AccountInfo").IAccountInfoProps>;
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").FC<import("./AddButton").IAddButtonProps>;
4
- };
5
- export default _default;
6
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./AddButton").IAddButtonProps>;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import { ComponentStory } from '@storybook/react';
3
- import { Button, IButtonProps } from './Button';
4
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, IButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
5
- export default _default;
6
- export declare const Default: ComponentStory<typeof Button>;
@@ -1,8 +0,0 @@
1
- import { FC } from 'react';
2
- import type { Meta, StoryObj } from '@storybook/react';
3
- import { Checkbox as CheckboxComponent, ICheckboxProps } from './Checkbox';
4
- declare const CheckboxComponentWithData: FC<ICheckboxProps<string>>;
5
- declare const meta: Meta<typeof CheckboxComponentWithData>;
6
- export default meta;
7
- type Story = StoryObj<typeof CheckboxComponent>;
8
- export declare const Default: Story;
@@ -1,5 +0,0 @@
1
- import { ComponentStory } from '@storybook/react';
2
- import { CloseButton } from './CloseButton';
3
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./CloseButton").ICloseButtonProps>;
4
- export default _default;
5
- export declare const Default: ComponentStory<typeof CloseButton>;
@@ -1,2 +0,0 @@
1
- import { FC } from 'react';
2
- export declare const Colors: FC;
@@ -1,5 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- };
4
- export default _default;
5
- export declare const Default: () => JSX.Element;
@@ -1 +0,0 @@
1
- export declare const useStyles: import("../../theme").IUseStyles<"color" | "root" | "colorCard" | "colorName" | "hex", unknown>;
@@ -1 +0,0 @@
1
- export * from './Colors';
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").FC<import("./ControlWrapper").IControlWrapperProps>;
4
- };
5
- export default _default;
6
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./ControlWrapper").IControlWrapperProps>;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: {
3
- title: string;
4
- component: import("react").ForwardRefExoticComponent<import("./DateInput").IDateInputProps & import("react").RefAttributes<HTMLInputElement>>;
5
- };
6
- export default _default;
7
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./DateInput").IDateInputProps & import("react").RefAttributes<HTMLInputElement>>;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: {
3
- title: string;
4
- component: import("react").ForwardRefExoticComponent<import("./DatePicker").IDatePickerProps & import("react").RefAttributes<import("react-datepicker").ReactDatePicker<never, undefined>>>;
5
- };
6
- export default _default;
7
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./DatePicker").IDatePickerProps & import("react").RefAttributes<import("react-datepicker").ReactDatePicker<never, undefined>>>;
@@ -1,16 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").FC<import("./Description").IDescriptionProps>;
4
- argTypes: {
5
- truncateIndex: {
6
- control: {
7
- type: string;
8
- min: number;
9
- max: number;
10
- step: number;
11
- };
12
- };
13
- };
14
- };
15
- export default _default;
16
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./Description").IDescriptionProps>;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: {
3
- title: string;
4
- component: import("react").ForwardRefExoticComponent<import("./FileInput").IFileInputProps & import("react").RefAttributes<HTMLInputElement>>;
5
- };
6
- export default _default;
7
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./FileInput").IFileInputProps & import("react").RefAttributes<HTMLInputElement>>;
@@ -1,8 +0,0 @@
1
- import { ComponentStory } from '@storybook/react';
2
- import { FileItem, IFileItemProps } from './FileItem';
3
- declare const _default: {
4
- title: string;
5
- component: import("react").FC<IFileItemProps>;
6
- };
7
- export default _default;
8
- export declare const Default: ComponentStory<typeof FileItem>;
@@ -1,31 +0,0 @@
1
- import { IFiltersPaneProps } from './FiltersPane';
2
- interface IFiltersPaneWithCustomProps<Values, Content> extends IFiltersPaneProps<Values, Content> {
3
- containerWidth: number;
4
- isSearchDisabled: boolean;
5
- shouldShowSettingsButton: boolean;
6
- withFieldNameInLabel: boolean;
7
- isGroupingEnabled: boolean;
8
- checkboxPosition: 'left' | 'right';
9
- isClearableFields: boolean;
10
- }
11
- declare function FiltersPaneWithCustomProps<Values, Content>({ containerWidth, isSearchDisabled, shouldShowSettingsButton, withFieldNameInLabel, isGroupingEnabled, checkboxPosition, isClearableFields, ...args }: IFiltersPaneWithCustomProps<Values, Content>): import("react/jsx-runtime").JSX.Element;
12
- declare const _default: {
13
- title: string;
14
- component: typeof FiltersPaneWithCustomProps;
15
- argTypes: {
16
- containerWidth: {
17
- control: {
18
- type: string;
19
- min: number;
20
- max: number;
21
- step: number;
22
- };
23
- };
24
- checkboxPosition: {
25
- control: string;
26
- options: string[];
27
- };
28
- };
29
- };
30
- export default _default;
31
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, IFiltersPaneWithCustomProps<unknown, unknown>>;
@@ -1,12 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").FC<import("./Flag").IFlagProps>;
4
- argTypes: {
5
- countryCode: {
6
- control: string;
7
- options: string[];
8
- };
9
- };
10
- };
11
- export default _default;
12
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./Flag").IFlagProps>;
@@ -1,19 +0,0 @@
1
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./FlexibleTable").IFlexibleTableProps<import("./types").ITableRow, Partial<Record<string, unknown>>, string>>;
2
- export default _default;
3
- interface ITableContent {
4
- contractCode: string;
5
- validFrom: Date;
6
- validTo: Date;
7
- validTo1?: Date;
8
- validTo2?: Date;
9
- title: string;
10
- signDate: Date;
11
- partner: string;
12
- partnerDescription: string;
13
- parentContract: string;
14
- currency: string;
15
- status: string;
16
- note?: string;
17
- publicNote?: string;
18
- }
19
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./FlexibleTable").IFlexibleTableProps<ITableContent, Partial<Record<keyof ITableContent, unknown>>, keyof ITableContent>>;
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- };
4
- export default _default;
5
- export declare const Default: () => import("react/jsx-runtime").JSX.Element;
6
- export declare const Gallery: () => import("react/jsx-runtime").JSX.Element;
@@ -1,10 +0,0 @@
1
- export declare const complexIcons: {
2
- avatar: string;
3
- 'file-excel': string;
4
- 'file-image': string;
5
- 'file-other': string;
6
- 'file-pdf': string;
7
- 'file-word': string;
8
- 'file-xml': string;
9
- 'file-zip': string;
10
- };
@@ -1 +0,0 @@
1
- export * from './icons';
@@ -1,6 +0,0 @@
1
- import { FC } from 'react';
2
- import { IComplexIcon } from '../../types';
3
- export interface IComplexIconBoilerplateProps {
4
- type: IComplexIcon;
5
- }
6
- export declare const ComplexIconBoilerplate: FC<IComplexIconBoilerplateProps>;
@@ -1 +0,0 @@
1
- export * from './ComplexIconBoilerplate';
@@ -1,6 +0,0 @@
1
- import { FC } from 'react';
2
- import { ICommonIcon } from '../../types';
3
- export interface IIconBoilerplateProps {
4
- type: ICommonIcon;
5
- }
6
- export declare const IconBoilerplate: FC<IIconBoilerplateProps>;
@@ -1 +0,0 @@
1
- export * from './IconBoilerplate';
@@ -1,2 +0,0 @@
1
- export * from './ComplexIconBoilerplate';
2
- export * from './IconBolerplate';
@@ -1,6 +0,0 @@
1
- import type { IIconType, ISvgIcon } from './types';
2
- export declare const isComplexIcon: (type: IIconType) => type is "avatar" | "file-excel" | "file-image" | "file-other" | "file-pdf" | "file-word" | "file-xml" | "file-zip";
3
- /**
4
- * Эта функция позволяет корректно определить ключи в типе
5
- */
6
- export declare const checkIcons: <P extends string>(ico: Record<P, ISvgIcon>) => Record<P, ISvgIcon>;
@@ -1 +0,0 @@
1
- export declare const iconsList: Record<"direction" | "filter" | "document" | "copy" | "cancel" | "close" | "search" | "repeat" | "link" | "sort" | "size" | "menu" | "check" | "settings" | "list" | "arrow" | "vendor-service" | "aircraft-takeoff" | "archive" | "arrow-right" | "baggage" | "balloon" | "bluetooth" | "bonus" | "book" | "box" | "business" | "calendar" | "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-large" | "close-window" | "copy-outline" | "crane" | "danger" | "download" | "email" | "eye" | "eye-closed" | "female" | "folder" | "folder-add" | "food" | "import" | "information" | "insurance" | "lock" | "lock-open" | "male" | "minus" | "burger-menu" | "pencil" | "pin" | "plane" | "plane-circle" | "plus" | "presentation" | "print" | "question" | "refresh" | "rocket" | "round-trip" | "vendor-logo" | "scan" | "send-email" | "sign-out" | "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" | "upload", import("./types").ISvgIcon>;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import { ComponentStory } from '@storybook/react';
3
- import { IconButton } from './IconButton';
4
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./IconButton").IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
5
- export default _default;
6
- export declare const Default: ComponentStory<typeof IconButton>;
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").FC<import("./IncrementInput").IIncrementInputProps>;
4
- };
5
- export default _default;
6
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./IncrementInput").IIncrementInputProps>;
@@ -1,25 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: {
3
- title: string;
4
- component: import("react").ForwardRefExoticComponent<import("./InputBase").IInputBaseProps & Pick<import("..").IWithMessagesProps, "infoMessage" | "errorMessage"> & import("react").RefAttributes<HTMLInputElement>>;
5
- argTypes: {
6
- type: {
7
- control: string;
8
- options: (import("react").HTMLInputTypeAttribute | undefined)[];
9
- };
10
- icon: {
11
- control: string;
12
- options: (string | undefined)[];
13
- };
14
- mask: {
15
- control: string;
16
- options: (string | undefined)[];
17
- };
18
- groupPositions: {
19
- control: string;
20
- options: (string | undefined)[];
21
- };
22
- };
23
- };
24
- export default _default;
25
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./InputBase").IInputBaseProps & Pick<import("..").IWithMessagesProps, "infoMessage" | "errorMessage"> & import("react").RefAttributes<HTMLInputElement>>;
@@ -1,5 +0,0 @@
1
- import { ComponentStory } from '@storybook/react';
2
- import { List } from './List';
3
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./List").IListProps>;
4
- export default _default;
5
- export declare const Default: ComponentStory<typeof List>;
@@ -1,29 +0,0 @@
1
- import { FC } from 'react';
2
- import { IModalProps } from './Modal';
3
- export interface IModalWithCustomProps extends IModalProps {
4
- textSize: 'small' | 'medium' | 'large';
5
- }
6
- declare const _default: {
7
- title: string;
8
- component: FC<IModalProps>;
9
- argTypes: {
10
- buttonsAlign: {
11
- control: string;
12
- options: string[];
13
- };
14
- textSize: {
15
- control: string;
16
- options: string[];
17
- };
18
- size: {
19
- control: string;
20
- options: string[];
21
- };
22
- position: {
23
- control: string;
24
- options: string[];
25
- };
26
- };
27
- };
28
- export default _default;
29
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, IModalWithCustomProps>;
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").FC<import("./MoreMenu").IMoreMenuProps>;
4
- };
5
- export default _default;
6
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./MoreMenu").IMoreMenuProps>;
@@ -1,13 +0,0 @@
1
- import { MultiSelect } from './MultiSelect';
2
- declare const _default: {
3
- title: string;
4
- component: typeof MultiSelect;
5
- argTypes: {
6
- corners: {
7
- control: string;
8
- options: string[];
9
- };
10
- };
11
- };
12
- export default _default;
13
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./MultiSelect").IMultiSelectProps<unknown>>;
@@ -1,12 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").FC<import("./NewMoreMenu").INewMoreMenuProps>;
4
- argTypes: {
5
- placement: {
6
- control: string;
7
- options: string[];
8
- };
9
- };
10
- };
11
- export default _default;
12
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./NewMoreMenu").INewMoreMenuProps>;
@@ -1,8 +0,0 @@
1
- import { Story } from '@storybook/react';
2
- import { INotificationProps } from './Notification';
3
- interface IStory extends INotificationProps {
4
- shouldUseChildrenInstead: boolean;
5
- }
6
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, IStory>;
7
- export default _default;
8
- export declare const Default: Story<IStory>;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: {
3
- title: string;
4
- component: import("react").ForwardRefExoticComponent<import("./NumberInput").INumberInputProps & import("react").RefAttributes<HTMLInputElement>>;
5
- };
6
- export default _default;
7
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./NumberInput").INumberInputProps & import("react").RefAttributes<HTMLInputElement>>;
@@ -1,28 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").FC<import("./PhoneInput").IPhoneInputProps>;
4
- argTypes: {
5
- icon: {
6
- control: string;
7
- options: (string | undefined)[];
8
- };
9
- errorPosition: {
10
- control: string;
11
- options: string[];
12
- };
13
- border: {
14
- control: string;
15
- options: (string | undefined)[];
16
- };
17
- groupPlacement: {
18
- control: string;
19
- options: (string | undefined)[];
20
- };
21
- defaultCountryCode: {
22
- control: string;
23
- options: string[];
24
- };
25
- };
26
- };
27
- export default _default;
28
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./PhoneInput").IPhoneInputProps>;
@@ -1,5 +0,0 @@
1
- import { ComponentStory } from '@storybook/react';
2
- import { PhoneInputCountryList } from './PhoneInputCountryList';
3
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./PhoneInputCountryList").IPhoneInputCountryListProps>;
4
- export default _default;
5
- export declare const Default: ComponentStory<typeof PhoneInputCountryList>;
@@ -1,7 +0,0 @@
1
- import { RadioButton } from './RadioButton';
2
- declare const _default: {
3
- title: string;
4
- component: typeof RadioButton;
5
- };
6
- export default _default;
7
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./RadioButton").IRadioButtonProps<string>>;
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").FC<import("./SearchInput").ISearchInputProps>;
4
- };
5
- export default _default;
6
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Omit<import("..").IInputProps, "tweakStyles" | "label" | "isInvalid" | "type" | "isActive" | "errorMessage"> & import("../..").IDataAttributesProps & import("../..").ITweakStylesProps<import("./SearchInput.styles").ISearchInputStyles>>;
@@ -1,11 +0,0 @@
1
- import { type ISelectProps } from './Select';
2
- interface ISelectWithCustomProps<Option> extends ISelectProps<Option> {
3
- shouldUsePopper?: boolean;
4
- shouldRenderInBody?: boolean;
5
- shouldHideOnScroll?: boolean;
6
- canBeFlipped?: boolean;
7
- scrollParent?: 'document' | 'auto';
8
- }
9
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, ISelectWithCustomProps<string>>;
10
- export default _default;
11
- export declare const CustomSelect: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ISelectWithCustomProps<string>>;
@@ -1,15 +0,0 @@
1
- import { IMultipleSelectProps } from './Select';
2
- interface ISelectWithCustomProps<T> extends IMultipleSelectProps<T> {
3
- valuesType: 'strings' | 'objects';
4
- shouldUseReactNodes?: boolean;
5
- shouldUsePopper?: boolean;
6
- shouldRenderInBody?: boolean;
7
- shouldHideOnScroll?: boolean;
8
- shouldUseCustomIsDisabledFunction?: boolean;
9
- shouldRenderSearchInputInList?: boolean;
10
- canBeFlipped?: boolean;
11
- scrollParent?: 'document' | 'auto';
12
- }
13
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, ISelectWithCustomProps<unknown>>;
14
- export default _default;
15
- export declare const MultiSelect: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ISelectWithCustomProps<unknown>>;
@@ -1,15 +0,0 @@
1
- import { ISelectProps } from './Select';
2
- interface ISelectWithCustomProps<T> extends ISelectProps<T> {
3
- valuesType: 'strings' | 'objects';
4
- shouldUseReactNodes?: boolean;
5
- shouldUsePopper?: boolean;
6
- shouldRenderInBody?: boolean;
7
- shouldHideOnScroll?: boolean;
8
- shouldUseCustomIsDisabledFunction?: boolean;
9
- shouldRenderSearchInputInList?: boolean;
10
- canBeFlipped?: boolean;
11
- scrollParent?: 'document' | 'auto';
12
- }
13
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, ISelectWithCustomProps<unknown>>;
14
- export default _default;
15
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ISelectWithCustomProps<unknown>>;
@@ -1,7 +0,0 @@
1
- import { Selector } from './Selector';
2
- declare const _default: {
3
- title: string;
4
- component: typeof Selector;
5
- };
6
- export default _default;
7
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./Selector").ISelectorProps<import("./types").ISelectorValue>>;
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").FC<import("./Skeleton").ISkeletonProps>;
4
- };
5
- export default _default;
6
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./Skeleton").ISkeletonProps>;
@@ -1,18 +0,0 @@
1
- /// <reference types="react" />
2
- import { ISmartType } from './types';
3
- declare const _default: {
4
- title: string;
5
- component: import("react").ForwardRefExoticComponent<import("./SmartInput").ISmartInputProps & import("react").RefAttributes<HTMLInputElement>>;
6
- argTypes: {
7
- type: {
8
- control: string;
9
- options: (import("react").HTMLInputTypeAttribute | undefined)[];
10
- };
11
- smartType: {
12
- control: string;
13
- options: ISmartType[];
14
- };
15
- };
16
- };
17
- export default _default;
18
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./SmartInput").ISmartInputProps & import("react").RefAttributes<HTMLInputElement>>;
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("react").FC<import("./Status").IStatusProps>;
4
- };
5
- export default _default;
6
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./Status").IStatusProps>;
@@ -1,16 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: <V extends string>({ isDisabled, isChecked, isInvalid, value, children, labelPosition, color, data, tweakStyles, testId, onChange, }: import("./Switch").ISwitchProps<V>) => JSX.Element;
4
- argTypes: {
5
- labelPosition: {
6
- control: string;
7
- options: string[];
8
- };
9
- color: {
10
- control: string;
11
- options: string[];
12
- };
13
- };
14
- };
15
- export default _default;
16
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./Switch").ISwitchProps<string>>;
@@ -1,17 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: {
3
- title: string;
4
- component: import("react").ForwardRefExoticComponent<import("./TextArea").ITextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
5
- argTypes: {
6
- maxLength: {
7
- control: {
8
- type: string;
9
- min: number;
10
- max: number;
11
- step: number;
12
- };
13
- };
14
- };
15
- };
16
- export default _default;
17
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextArea").ITextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;