@true-engineering/true-react-common-ui-kit 2.3.0 → 2.3.1

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 (242) hide show
  1. package/LICENSE +201 -201
  2. package/dist/components/Flag/augment.d.ts +1 -1
  3. package/dist/components/Icon/complexIcons/augment.d.ts +1 -1
  4. package/dist/true-react-common-ui-kit.js +58 -58
  5. package/dist/true-react-common-ui-kit.js.map +1 -1
  6. package/dist/true-react-common-ui-kit.umd.cjs +58 -58
  7. package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
  8. package/dist/vite-env.d.ts +1 -1
  9. package/package.json +93 -93
  10. package/src/components/AccountInfo/AccountInfo.stories.tsx +32 -32
  11. package/src/components/AccountInfo/AccountInfo.styles.ts +55 -55
  12. package/src/components/AccountInfo/AccountInfo.tsx +77 -77
  13. package/src/components/AccountInfo/index.ts +2 -2
  14. package/src/components/AddButton/AddButton.stories.tsx +21 -21
  15. package/src/components/AddButton/AddButton.styles.ts +34 -34
  16. package/src/components/AddButton/AddButton.tsx +48 -48
  17. package/src/components/AddButton/index.ts +2 -2
  18. package/src/components/Button/Button.stories.tsx +52 -52
  19. package/src/components/Button/Button.styles.ts +196 -196
  20. package/src/components/Button/Button.tsx +167 -167
  21. package/src/components/Button/index.ts +2 -2
  22. package/src/components/Checkbox/Checkbox.stories.tsx +32 -32
  23. package/src/components/Checkbox/Checkbox.styles.ts +62 -62
  24. package/src/components/Checkbox/Checkbox.tsx +105 -105
  25. package/src/components/Checkbox/index.ts +2 -2
  26. package/src/components/CloseButton/CloseButton.styles.ts +34 -34
  27. package/src/components/CloseButton/CloseButton.tsx +35 -35
  28. package/src/components/CloseButton/index.ts +2 -2
  29. package/src/components/Colors/Colors.stories.tsx +7 -7
  30. package/src/components/Colors/Colors.styles.ts +38 -38
  31. package/src/components/Colors/Colors.tsx +26 -26
  32. package/src/components/Colors/index.ts +2 -2
  33. package/src/components/CssBaseline/CssBaseline.styles.ts +15 -15
  34. package/src/components/CssBaseline/CssBaseline.tsx +15 -15
  35. package/src/components/CssBaseline/index.ts +2 -2
  36. package/src/components/DateInput/DateInput.stories.tsx +61 -61
  37. package/src/components/DateInput/DateInput.styles.ts +14 -14
  38. package/src/components/DateInput/DateInput.tsx +82 -82
  39. package/src/components/DateInput/constants.ts +2 -2
  40. package/src/components/DateInput/index.ts +3 -3
  41. package/src/components/DatePicker/DatePicker.stories.tsx +87 -87
  42. package/src/components/DatePicker/DatePicker.styles.ts +44 -44
  43. package/src/components/DatePicker/DatePicker.tsx +327 -327
  44. package/src/components/DatePicker/DatePickerHeader/DatePickerHeader.styles.ts +84 -84
  45. package/src/components/DatePicker/DatePickerHeader/DatePickerHeader.tsx +79 -79
  46. package/src/components/DatePicker/DatePickerHeader/index.ts +2 -2
  47. package/src/components/DatePicker/constants.ts +1 -1
  48. package/src/components/DatePicker/helpers.ts +23 -23
  49. package/src/components/DatePicker/index.ts +3 -3
  50. package/src/components/DatePicker/types.ts +45 -45
  51. package/src/components/Description/Description.stories.tsx +27 -27
  52. package/src/components/Description/Description.styles.ts +31 -31
  53. package/src/components/Description/Description.tsx +60 -60
  54. package/src/components/Description/index.ts +2 -2
  55. package/src/components/FiltersPane/FilterInterval/FilterInterval.styles.ts +64 -64
  56. package/src/components/FiltersPane/FilterInterval/FilterInterval.tsx +143 -143
  57. package/src/components/FiltersPane/FilterInterval/index.ts +1 -1
  58. package/src/components/FiltersPane/FilterMultiSelect/FilterMultiSelect.tsx +10 -10
  59. package/src/components/FiltersPane/FilterMultiSelect/index.ts +1 -1
  60. package/src/components/FiltersPane/FilterSelect/FilterSelect.styles.ts +143 -143
  61. package/src/components/FiltersPane/FilterSelect/FilterSelect.tsx +348 -348
  62. package/src/components/FiltersPane/FilterSelect/index.ts +1 -1
  63. package/src/components/FiltersPane/FilterSelect/locales.ts +37 -37
  64. package/src/components/FiltersPane/FilterValueView/FilterValueView.styles.tsx +15 -15
  65. package/src/components/FiltersPane/FilterValueView/FilterValueView.tsx +166 -166
  66. package/src/components/FiltersPane/FilterValueView/index.tsx +1 -1
  67. package/src/components/FiltersPane/FilterWithDates/FilterWithDates.styles.ts +60 -60
  68. package/src/components/FiltersPane/FilterWithDates/FilterWithDates.tsx +184 -184
  69. package/src/components/FiltersPane/FilterWithDates/index.ts +1 -1
  70. package/src/components/FiltersPane/FilterWithPeriod/FilterWithPeriod.styles.ts +17 -17
  71. package/src/components/FiltersPane/FilterWithPeriod/FilterWithPeriod.tsx +198 -198
  72. package/src/components/FiltersPane/FilterWithPeriod/index.ts +1 -1
  73. package/src/components/FiltersPane/FilterWrapper/FilterWrapper.styles.ts +110 -110
  74. package/src/components/FiltersPane/FilterWrapper/FilterWrapper.tsx +346 -346
  75. package/src/components/FiltersPane/FilterWrapper/index.ts +1 -1
  76. package/src/components/FiltersPane/FiltersPane.stories.tsx +295 -295
  77. package/src/components/FiltersPane/FiltersPane.styles.ts +71 -71
  78. package/src/components/FiltersPane/FiltersPane.tsx +151 -151
  79. package/src/components/FiltersPane/FiltersPaneSearch/FiltersPaneSearch.styles.ts +109 -109
  80. package/src/components/FiltersPane/FiltersPaneSearch/FiltersPaneSearch.tsx +155 -155
  81. package/src/components/FiltersPane/FiltersPaneSearch/index.ts +1 -1
  82. package/src/components/FiltersPane/index.ts +20 -20
  83. package/src/components/FiltersPane/locales.ts +107 -107
  84. package/src/components/FiltersPane/types.ts +112 -112
  85. package/src/components/Flag/Flag.stories.tsx +29 -29
  86. package/src/components/Flag/Flag.styles.ts +18 -18
  87. package/src/components/Flag/Flag.tsx +27 -27
  88. package/src/components/Flag/augment.d.ts +1 -1
  89. package/src/components/Flag/index.ts +2 -2
  90. package/src/components/FlexibleTable/FlexibleTable.stories.tsx +84 -84
  91. package/src/components/FlexibleTable/FlexibleTable.styles.ts +131 -131
  92. package/src/components/FlexibleTable/FlexibleTable.tsx +205 -205
  93. package/src/components/FlexibleTable/TableRow.tsx +152 -152
  94. package/src/components/FlexibleTable/TableValue.tsx +75 -75
  95. package/src/components/FlexibleTable/fixture-test.ts +254 -254
  96. package/src/components/FlexibleTable/index.ts +3 -3
  97. package/src/components/FlexibleTable/types.ts +52 -52
  98. package/src/components/Icon/ComplexIconBoilerplate.tsx +17 -17
  99. package/src/components/Icon/Icon.stories.tsx +85 -85
  100. package/src/components/Icon/Icon.styles.ts +10 -10
  101. package/src/components/Icon/Icon.tsx +32 -32
  102. package/src/components/Icon/IconBoilerplate.tsx +42 -42
  103. package/src/components/Icon/complexIcons/augment.d.ts +1 -1
  104. package/src/components/Icon/complexIcons/avatarGreen.svg +57 -57
  105. package/src/components/Icon/complexIcons/icons.ts +7 -7
  106. package/src/components/Icon/complexIcons/index.ts +1 -1
  107. package/src/components/Icon/icons/icons.ts +838 -838
  108. package/src/components/Icon/icons/index.ts +1 -1
  109. package/src/components/Icon/index.ts +4 -4
  110. package/src/components/IncrementInput/ChangeButton.tsx +33 -33
  111. package/src/components/IncrementInput/IncrementInput.stories.tsx +31 -31
  112. package/src/components/IncrementInput/IncrementInput.styles.ts +77 -77
  113. package/src/components/IncrementInput/IncrementInput.tsx +80 -80
  114. package/src/components/IncrementInput/index.ts +2 -2
  115. package/src/components/Input/Input.stories.tsx +86 -86
  116. package/src/components/Input/Input.styles.ts +307 -307
  117. package/src/components/Input/Input.tsx +311 -311
  118. package/src/components/Input/index.ts +2 -2
  119. package/src/components/List/List.stories.tsx +62 -62
  120. package/src/components/List/List.styles.ts +52 -52
  121. package/src/components/List/List.tsx +64 -64
  122. package/src/components/List/index.ts +2 -2
  123. package/src/components/Modal/Modal.stories.tsx +105 -105
  124. package/src/components/Modal/Modal.styles.ts +305 -305
  125. package/src/components/Modal/Modal.tsx +200 -200
  126. package/src/components/Modal/index.ts +2 -2
  127. package/src/components/MoreMenu/MoreMenu.stories.tsx +46 -46
  128. package/src/components/MoreMenu/MoreMenu.styles.ts +70 -70
  129. package/src/components/MoreMenu/MoreMenu.tsx +90 -90
  130. package/src/components/MoreMenu/index.ts +2 -2
  131. package/src/components/MultiSelect/MultiSelect.stories.tsx +46 -46
  132. package/src/components/MultiSelect/MultiSelect.styles.ts +55 -55
  133. package/src/components/MultiSelect/MultiSelect.tsx +89 -89
  134. package/src/components/MultiSelect/MultiSelectInput/MultiSelectInput.styles.ts +73 -73
  135. package/src/components/MultiSelect/MultiSelectInput/MultiSelectInput.tsx +51 -51
  136. package/src/components/MultiSelect/MultiSelectInput/index.ts +1 -1
  137. package/src/components/MultiSelect/index.ts +3 -3
  138. package/src/components/MultiSelectList/MultiSelectList.styles.ts +124 -124
  139. package/src/components/MultiSelectList/MultiSelectList.tsx +451 -451
  140. package/src/components/MultiSelectList/index.ts +2 -2
  141. package/src/components/MultiSelectList/locales.ts +37 -37
  142. package/src/components/Notification/Notification.stories.tsx +46 -46
  143. package/src/components/Notification/Notification.styles.ts +50 -50
  144. package/src/components/Notification/Notification.tsx +79 -79
  145. package/src/components/Notification/index.ts +2 -2
  146. package/src/components/NumberInput/NumberInput.stories.tsx +35 -35
  147. package/src/components/NumberInput/NumberInput.tsx +133 -133
  148. package/src/components/NumberInput/helpers.ts +86 -86
  149. package/src/components/NumberInput/index.ts +1 -1
  150. package/src/components/PhoneInput/PhoneInput.stories.tsx +70 -70
  151. package/src/components/PhoneInput/PhoneInput.styles.ts +84 -84
  152. package/src/components/PhoneInput/PhoneInput.tsx +194 -194
  153. package/src/components/PhoneInput/PhoneInputCountryList/PhoneInputCountryList.stories.tsx +21 -21
  154. package/src/components/PhoneInput/PhoneInputCountryList/PhoneInputCountryList.styles.ts +100 -100
  155. package/src/components/PhoneInput/PhoneInputCountryList/PhoneInputCountryList.tsx +147 -147
  156. package/src/components/PhoneInput/PhoneInputCountryList/index.ts +2 -2
  157. package/src/components/PhoneInput/index.ts +6 -6
  158. package/src/components/PhoneInput/phone-info.ts +2147 -2147
  159. package/src/components/PhoneInput/types.ts +16 -16
  160. package/src/components/RadioButton/RadioButton.stories.tsx +46 -46
  161. package/src/components/RadioButton/RadioButton.styles.ts +37 -37
  162. package/src/components/RadioButton/RadioButton.tsx +55 -55
  163. package/src/components/RadioButton/index.ts +2 -2
  164. package/src/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.ts +61 -61
  165. package/src/components/ScrollIntoViewIfNeeded/index.ts +1 -1
  166. package/src/components/SearchInput/SearchInput.stories.tsx +23 -23
  167. package/src/components/SearchInput/SearchInput.styles.ts +50 -50
  168. package/src/components/SearchInput/SearchInput.tsx +50 -50
  169. package/src/components/SearchInput/index.ts +2 -2
  170. package/src/components/Select/MultiSelect.stories.tsx +240 -240
  171. package/src/components/Select/Select.stories.tsx +235 -235
  172. package/src/components/Select/Select.styles.ts +96 -96
  173. package/src/components/Select/Select.tsx +575 -575
  174. package/src/components/Select/SelectList/SelectList.styles.ts +72 -72
  175. package/src/components/Select/SelectList/SelectList.tsx +158 -158
  176. package/src/components/Select/SelectList/index.ts +1 -1
  177. package/src/components/Select/SelectListItem/SelectListItem.styles.ts +14 -14
  178. package/src/components/Select/SelectListItem/SelectListItem.tsx +68 -68
  179. package/src/components/Select/constants.ts +2 -2
  180. package/src/components/Select/helpers.ts +26 -26
  181. package/src/components/Select/index.ts +4 -4
  182. package/src/components/Select/types.ts +1 -1
  183. package/src/components/SmartInput/SmartInput.stories.tsx +50 -50
  184. package/src/components/SmartInput/SmartInput.tsx +147 -147
  185. package/src/components/SmartInput/helpers.ts +85 -85
  186. package/src/components/SmartInput/index.ts +1 -1
  187. package/src/components/Switch/Switch.stories.tsx +40 -40
  188. package/src/components/Switch/Switch.styles.ts +75 -75
  189. package/src/components/Switch/Switch.tsx +83 -83
  190. package/src/components/Switch/index.ts +2 -2
  191. package/src/components/TextArea/TextArea.stories.tsx +35 -35
  192. package/src/components/TextArea/TextArea.styles.ts +153 -153
  193. package/src/components/TextArea/TextArea.tsx +165 -165
  194. package/src/components/TextArea/index.ts +2 -2
  195. package/src/components/TextWithInfo/TextWithInfo.stories.tsx +53 -53
  196. package/src/components/TextWithInfo/TextWithInfo.styles.ts +60 -60
  197. package/src/components/TextWithInfo/TextWithInfo.tsx +60 -60
  198. package/src/components/TextWithInfo/index.ts +2 -2
  199. package/src/components/TextWithTooltip/TextWithTooltip.stories.tsx +58 -58
  200. package/src/components/TextWithTooltip/TextWithTooltip.styles.ts +19 -19
  201. package/src/components/TextWithTooltip/TextWithTooltip.tsx +143 -143
  202. package/src/components/TextWithTooltip/index.ts +2 -2
  203. package/src/components/ThemedPreloader/ThemedPreloader.stories.tsx +41 -41
  204. package/src/components/ThemedPreloader/ThemedPreloader.styles.ts +21 -21
  205. package/src/components/ThemedPreloader/ThemedPreloader.tsx +50 -50
  206. package/src/components/ThemedPreloader/components/DefaultPreloader/DefaultPreloader.tsx +29 -29
  207. package/src/components/ThemedPreloader/components/DefaultPreloader/index.ts +1 -1
  208. package/src/components/ThemedPreloader/components/DotsPreloader/DotsPreloader.styles.ts +54 -54
  209. package/src/components/ThemedPreloader/components/DotsPreloader/DotsPreloader.tsx +18 -18
  210. package/src/components/ThemedPreloader/components/DotsPreloader/index.ts +2 -2
  211. package/src/components/ThemedPreloader/components/SvgPreloader/SvgPreloader.styles.ts +11 -11
  212. package/src/components/ThemedPreloader/components/SvgPreloader/SvgPreloader.tsx +25 -25
  213. package/src/components/ThemedPreloader/components/SvgPreloader/index.ts +2 -2
  214. package/src/components/ThemedPreloader/components/index.ts +2 -2
  215. package/src/components/ThemedPreloader/index.ts +2 -2
  216. package/src/components/Toaster/Toaster.stories.tsx +30 -30
  217. package/src/components/Toaster/Toaster.styles.ts +59 -59
  218. package/src/components/Toaster/Toaster.tsx +110 -110
  219. package/src/components/Toaster/index.ts +2 -2
  220. package/src/components/Tooltip/Tooltip.stories.tsx +19 -19
  221. package/src/components/Tooltip/Tooltip.styles.ts +45 -45
  222. package/src/components/Tooltip/Tooltip.tsx +35 -35
  223. package/src/components/Tooltip/index.ts +3 -3
  224. package/src/components/Tooltip/types.ts +1 -1
  225. package/src/components/index.ts +36 -36
  226. package/src/helpers/deprecated.ts +23 -22
  227. package/src/helpers/index.ts +4 -4
  228. package/src/helpers/misc.ts +158 -158
  229. package/src/helpers/phone.ts +87 -87
  230. package/src/helpers/popper-helpers.ts +17 -17
  231. package/src/helpers/snippets.tsx +6 -6
  232. package/src/hooks/index.ts +6 -6
  233. package/src/hooks/use-did-mount-effect.ts +18 -18
  234. package/src/hooks/use-dropdown.ts +82 -82
  235. package/src/hooks/use-is-mounted.ts +15 -15
  236. package/src/hooks/use-on-click-outside.ts +77 -77
  237. package/src/hooks/use-theme.ts +32 -32
  238. package/src/hooks/use-tweak-styles.ts +13 -13
  239. package/src/index.ts +6 -6
  240. package/src/theme.ts +149 -149
  241. package/src/types.ts +107 -107
  242. package/src/vite-env.d.ts +1 -1
@@ -1425,7 +1425,7 @@
1425
1425
  var isStringNotEmpty = trueReactPlatformHelpers.isStringNotEmpty;
1426
1426
  var isEmpty = trueReactPlatformHelpers.isEmpty;
1427
1427
  var isNotEmpty = function(val) {
1428
- return trueReactPlatformHelpers.isString(val) && isStringNotEmpty(val) || isNotEmpty(val);
1428
+ return trueReactPlatformHelpers.isString(val) && trueReactPlatformHelpers.isStringNotEmpty(val) || trueReactPlatformHelpers.isNotEmpty(val);
1429
1429
  };
1430
1430
  var useIsMounted = function() {
1431
1431
  var isMounted = React.useRef(false);
@@ -3984,63 +3984,63 @@
3984
3984
  };
3985
3985
  }, dependencies);
3986
3986
  };
3987
- const avatarGreen = ` <svg
3988
- width="100%"
3989
- height="100%"
3990
- viewBox="0 0 32 32"
3991
- fill="none"
3992
- xmlns="http://www.w3.org/2000/svg"
3993
- >
3994
- <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />
3995
- <mask
3996
- id="mask0_0_12744"
3997
- style="mask-type: 'alpha';"
3998
- maskUnits="userSpaceOnUse"
3999
- x="0"
4000
- y="0"
4001
- width="32"
4002
- height="32"
4003
- >
4004
- <circle cx="16" cy="16" r="16" fill="white" />
4005
- </mask>
4006
- <g mask="url(#mask0_0_12744)">
4007
- <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />
4008
- <mask
4009
- id="mask1_0_12744"
4010
- style="mask-type: 'alpha';"
4011
- maskUnits="userSpaceOnUse"
4012
- x="3"
4013
- y="16"
4014
- width="26"
4015
- height="26"
4016
- >
4017
- <circle cx="16" cy="29" r="13" fill="white" />
4018
- </mask>
4019
- <g mask="url(#mask1_0_12744)">
4020
- <ellipse
4021
- cx="16"
4022
- cy="17.5"
4023
- rx="6"
4024
- ry="7.5"
4025
- fill="#505F79"
4026
- fill-opacity="0.204983"
4027
- />
4028
- </g>
4029
- </g>
4030
- <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />
4031
- <defs>
4032
- <linearGradient
4033
- id="paint0_linear_0_12744"
4034
- x1="13.347"
4035
- y1="46.279"
4036
- x2="33.5318"
4037
- y2="30.8088"
4038
- gradientUnits="userSpaceOnUse"
4039
- >
4040
- <stop stop-color="#ABD229" />
4041
- <stop offset="1" stop-color="#9CD03F" />
4042
- </linearGradient>
4043
- </defs>
3987
+ const avatarGreen = ` <svg\r
3988
+ width="100%"\r
3989
+ height="100%"\r
3990
+ viewBox="0 0 32 32"\r
3991
+ fill="none"\r
3992
+ xmlns="http://www.w3.org/2000/svg"\r
3993
+ >\r
3994
+ <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />\r
3995
+ <mask\r
3996
+ id="mask0_0_12744"\r
3997
+ style="mask-type: 'alpha';"\r
3998
+ maskUnits="userSpaceOnUse"\r
3999
+ x="0"\r
4000
+ y="0"\r
4001
+ width="32"\r
4002
+ height="32"\r
4003
+ >\r
4004
+ <circle cx="16" cy="16" r="16" fill="white" />\r
4005
+ </mask>\r
4006
+ <g mask="url(#mask0_0_12744)">\r
4007
+ <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />\r
4008
+ <mask\r
4009
+ id="mask1_0_12744"\r
4010
+ style="mask-type: 'alpha';"\r
4011
+ maskUnits="userSpaceOnUse"\r
4012
+ x="3"\r
4013
+ y="16"\r
4014
+ width="26"\r
4015
+ height="26"\r
4016
+ >\r
4017
+ <circle cx="16" cy="29" r="13" fill="white" />\r
4018
+ </mask>\r
4019
+ <g mask="url(#mask1_0_12744)">\r
4020
+ <ellipse\r
4021
+ cx="16"\r
4022
+ cy="17.5"\r
4023
+ rx="6"\r
4024
+ ry="7.5"\r
4025
+ fill="#505F79"\r
4026
+ fill-opacity="0.204983"\r
4027
+ />\r
4028
+ </g>\r
4029
+ </g>\r
4030
+ <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />\r
4031
+ <defs>\r
4032
+ <linearGradient\r
4033
+ id="paint0_linear_0_12744"\r
4034
+ x1="13.347"\r
4035
+ y1="46.279"\r
4036
+ x2="33.5318"\r
4037
+ y2="30.8088"\r
4038
+ gradientUnits="userSpaceOnUse"\r
4039
+ >\r
4040
+ <stop stop-color="#ABD229" />\r
4041
+ <stop offset="1" stop-color="#9CD03F" />\r
4042
+ </linearGradient>\r
4043
+ </defs>\r
4044
4044
  </svg>`;
4045
4045
  var complexIcons = {
4046
4046
  avatar: avatarGreen