@true-engineering/true-react-common-ui-kit 1.8.0 → 1.8.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 (238) hide show
  1. package/LICENSE +201 -201
  2. package/dist/components/Flag/augment.d.ts +1 -1
  3. package/dist/components/FlexibleTable/types.d.ts +1 -1
  4. package/dist/components/Icon/complexIcons/augment.d.ts +1 -1
  5. package/dist/true-react-common-ui-kit.js +58 -58
  6. package/dist/true-react-common-ui-kit.js.map +1 -1
  7. package/dist/true-react-common-ui-kit.umd.cjs +58 -58
  8. package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
  9. package/dist/vite-env.d.ts +1 -1
  10. package/package.json +91 -91
  11. package/src/components/AccountInfo/AccountInfo.stories.tsx +35 -35
  12. package/src/components/AccountInfo/AccountInfo.styles.ts +55 -55
  13. package/src/components/AccountInfo/AccountInfo.tsx +106 -106
  14. package/src/components/AccountInfo/index.ts +2 -2
  15. package/src/components/AddButton/AddButton.stories.tsx +21 -21
  16. package/src/components/AddButton/AddButton.styles.ts +34 -34
  17. package/src/components/AddButton/AddButton.tsx +49 -49
  18. package/src/components/AddButton/index.ts +2 -2
  19. package/src/components/Button/Button.stories.tsx +61 -61
  20. package/src/components/Button/Button.styles.ts +196 -196
  21. package/src/components/Button/Button.tsx +195 -195
  22. package/src/components/Button/index.ts +2 -2
  23. package/src/components/Checkbox/Checkbox.stories.tsx +35 -35
  24. package/src/components/Checkbox/Checkbox.styles.ts +62 -62
  25. package/src/components/Checkbox/Checkbox.tsx +106 -106
  26. package/src/components/Checkbox/index.ts +2 -2
  27. package/src/components/CloseButton/CloseButton.styles.ts +34 -34
  28. package/src/components/CloseButton/CloseButton.tsx +37 -37
  29. package/src/components/CloseButton/index.ts +2 -2
  30. package/src/components/Colors/Colors.stories.tsx +7 -7
  31. package/src/components/Colors/Colors.styles.ts +38 -38
  32. package/src/components/Colors/Colors.tsx +34 -34
  33. package/src/components/Colors/index.ts +2 -2
  34. package/src/components/CssBaseline/CssBaseline.styles.ts +15 -15
  35. package/src/components/CssBaseline/CssBaseline.tsx +17 -17
  36. package/src/components/CssBaseline/index.ts +2 -2
  37. package/src/components/DateInput/DateInput.stories.tsx +63 -63
  38. package/src/components/DateInput/DateInput.styles.ts +14 -14
  39. package/src/components/DateInput/DateInput.tsx +60 -60
  40. package/src/components/DateInput/index.ts +2 -2
  41. package/src/components/DatePicker/DatePicker.stories.tsx +96 -96
  42. package/src/components/DatePicker/DatePicker.styles.ts +54 -54
  43. package/src/components/DatePicker/DatePicker.tsx +358 -358
  44. package/src/components/DatePicker/DatePickerHeader/DatePickerHeader.styles.ts +84 -84
  45. package/src/components/DatePicker/DatePickerHeader/DatePickerHeader.tsx +94 -94
  46. package/src/components/DatePicker/DatePickerHeader/index.ts +1 -1
  47. package/src/components/DatePicker/DatePickerInput/DatePickerInput.styles.ts +25 -25
  48. package/src/components/DatePicker/DatePickerInput/DatePickerInput.tsx +31 -31
  49. package/src/components/DatePicker/DatePickerInput/index.ts +1 -1
  50. package/src/components/DatePicker/index.ts +4 -4
  51. package/src/components/Description/Description.stories.tsx +29 -29
  52. package/src/components/Description/Description.styles.ts +31 -31
  53. package/src/components/Description/Description.tsx +69 -69
  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 +162 -162
  57. package/src/components/FiltersPane/FilterInterval/index.ts +1 -1
  58. package/src/components/FiltersPane/FilterMultiSelect/FilterMultiSelect.tsx +14 -14
  59. package/src/components/FiltersPane/FilterMultiSelect/index.ts +1 -1
  60. package/src/components/FiltersPane/FilterSelect/FilterSelect.styles.ts +144 -144
  61. package/src/components/FiltersPane/FilterSelect/FilterSelect.tsx +397 -397
  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 +186 -186
  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 +222 -222
  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 +231 -231
  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 +360 -360
  75. package/src/components/FiltersPane/FilterWrapper/index.ts +1 -1
  76. package/src/components/FiltersPane/FiltersPane.stories.tsx +308 -308
  77. package/src/components/FiltersPane/FiltersPane.styles.ts +71 -71
  78. package/src/components/FiltersPane/FiltersPane.tsx +193 -193
  79. package/src/components/FiltersPane/FiltersPaneSearch/FiltersPaneSearch.styles.ts +109 -109
  80. package/src/components/FiltersPane/FiltersPaneSearch/FiltersPaneSearch.tsx +175 -175
  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 +126 -126
  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 +28 -28
  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 +86 -86
  91. package/src/components/FlexibleTable/FlexibleTable.styles.ts +131 -131
  92. package/src/components/FlexibleTable/FlexibleTable.tsx +243 -243
  93. package/src/components/FlexibleTable/TableRow.tsx +171 -171
  94. package/src/components/FlexibleTable/TableValue.tsx +81 -83
  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 +58 -58
  98. package/src/components/Icon/ComplexIconBoilerplate.tsx +17 -17
  99. package/src/components/Icon/Icon.stories.tsx +88 -88
  100. package/src/components/Icon/Icon.styles.ts +10 -10
  101. package/src/components/Icon/Icon.tsx +34 -34
  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 +34 -34
  111. package/src/components/IncrementInput/IncrementInput.stories.tsx +34 -34
  112. package/src/components/IncrementInput/IncrementInput.styles.ts +77 -77
  113. package/src/components/IncrementInput/IncrementInput.tsx +95 -95
  114. package/src/components/IncrementInput/index.ts +2 -2
  115. package/src/components/Input/Input.stories.tsx +92 -92
  116. package/src/components/Input/Input.styles.ts +305 -305
  117. package/src/components/Input/Input.tsx +318 -318
  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 +82 -82
  122. package/src/components/List/index.ts +2 -2
  123. package/src/components/Modal/Modal.stories.tsx +113 -113
  124. package/src/components/Modal/Modal.styles.ts +308 -308
  125. package/src/components/Modal/Modal.tsx +210 -210
  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 +102 -102
  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 +98 -98
  134. package/src/components/MultiSelect/MultiSelectInput/MultiSelectInput.styles.ts +73 -73
  135. package/src/components/MultiSelect/MultiSelectInput/MultiSelectInput.tsx +62 -62
  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 +125 -125
  139. package/src/components/MultiSelectList/MultiSelectList.tsx +519 -519
  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 +51 -51
  143. package/src/components/Notification/Notification.styles.ts +50 -50
  144. package/src/components/Notification/Notification.tsx +84 -84
  145. package/src/components/Notification/index.ts +2 -2
  146. package/src/components/NumberInput/NumberInput.stories.tsx +36 -36
  147. package/src/components/NumberInput/NumberInput.tsx +154 -154
  148. package/src/components/NumberInput/helpers.ts +87 -87
  149. package/src/components/NumberInput/index.ts +1 -1
  150. package/src/components/PhoneInput/PhoneInput.stories.tsx +71 -71
  151. package/src/components/PhoneInput/PhoneInput.styles.ts +84 -84
  152. package/src/components/PhoneInput/PhoneInput.tsx +223 -223
  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 +171 -171
  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 +2167 -2167
  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 +56 -56
  163. package/src/components/RadioButton/index.ts +2 -2
  164. package/src/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.ts +66 -66
  165. package/src/components/ScrollIntoViewIfNeeded/index.ts +1 -1
  166. package/src/components/SearchInput/SearchInput.stories.tsx +24 -24
  167. package/src/components/SearchInput/SearchInput.styles.ts +50 -50
  168. package/src/components/SearchInput/SearchInput.tsx +63 -63
  169. package/src/components/SearchInput/index.ts +2 -2
  170. package/src/components/Select/Select.stories.tsx +258 -258
  171. package/src/components/Select/Select.styles.ts +85 -85
  172. package/src/components/Select/Select.tsx +510 -510
  173. package/src/components/Select/SelectList/SelectList.styles.ts +68 -68
  174. package/src/components/Select/SelectList/SelectList.tsx +139 -139
  175. package/src/components/Select/SelectList/index.ts +1 -1
  176. package/src/components/Select/helpers.ts +21 -21
  177. package/src/components/Select/index.ts +3 -3
  178. package/src/components/SmartInput/SmartInput.stories.tsx +63 -63
  179. package/src/components/SmartInput/SmartInput.tsx +180 -180
  180. package/src/components/SmartInput/helpers.ts +85 -85
  181. package/src/components/SmartInput/index.ts +1 -1
  182. package/src/components/Switch/Switch.stories.tsx +40 -40
  183. package/src/components/Switch/Switch.styles.ts +75 -75
  184. package/src/components/Switch/Switch.tsx +89 -89
  185. package/src/components/Switch/index.ts +2 -2
  186. package/src/components/TextArea/TextArea.stories.tsx +35 -35
  187. package/src/components/TextArea/TextArea.styles.ts +153 -153
  188. package/src/components/TextArea/TextArea.tsx +178 -178
  189. package/src/components/TextArea/index.ts +2 -2
  190. package/src/components/TextWithInfo/TextWithInfo.stories.tsx +53 -53
  191. package/src/components/TextWithInfo/TextWithInfo.styles.ts +60 -60
  192. package/src/components/TextWithInfo/TextWithInfo.tsx +67 -67
  193. package/src/components/TextWithInfo/index.ts +2 -2
  194. package/src/components/TextWithTooltip/TextWithTooltip.stories.tsx +58 -58
  195. package/src/components/TextWithTooltip/TextWithTooltip.styles.ts +19 -19
  196. package/src/components/TextWithTooltip/TextWithTooltip.tsx +163 -163
  197. package/src/components/TextWithTooltip/index.ts +2 -2
  198. package/src/components/ThemedPreloader/ThemedPreloader.stories.tsx +41 -41
  199. package/src/components/ThemedPreloader/ThemedPreloader.styles.ts +21 -21
  200. package/src/components/ThemedPreloader/ThemedPreloader.tsx +56 -56
  201. package/src/components/ThemedPreloader/components/DefaultPreloader/DefaultPreloader.tsx +34 -34
  202. package/src/components/ThemedPreloader/components/DefaultPreloader/index.ts +1 -1
  203. package/src/components/ThemedPreloader/components/DotsPreloader/DotsPreloader.styles.ts +54 -54
  204. package/src/components/ThemedPreloader/components/DotsPreloader/DotsPreloader.tsx +18 -18
  205. package/src/components/ThemedPreloader/components/DotsPreloader/index.ts +2 -2
  206. package/src/components/ThemedPreloader/components/SvgPreloader/SvgPreloader.styles.ts +11 -11
  207. package/src/components/ThemedPreloader/components/SvgPreloader/SvgPreloader.tsx +32 -32
  208. package/src/components/ThemedPreloader/components/SvgPreloader/index.ts +2 -2
  209. package/src/components/ThemedPreloader/components/index.ts +2 -2
  210. package/src/components/ThemedPreloader/index.ts +2 -2
  211. package/src/components/Toaster/Toaster.stories.tsx +34 -34
  212. package/src/components/Toaster/Toaster.styles.ts +59 -59
  213. package/src/components/Toaster/Toaster.tsx +113 -113
  214. package/src/components/Toaster/index.ts +2 -2
  215. package/src/components/Tooltip/Tooltip.stories.tsx +21 -21
  216. package/src/components/Tooltip/Tooltip.styles.ts +45 -45
  217. package/src/components/Tooltip/Tooltip.tsx +40 -40
  218. package/src/components/Tooltip/index.ts +3 -3
  219. package/src/components/Tooltip/types.ts +1 -1
  220. package/src/components/index.ts +36 -36
  221. package/src/helpers/colors.ts +2 -2
  222. package/src/helpers/dateHelpers/date-helpers.ts +9 -9
  223. package/src/helpers/index.ts +4 -4
  224. package/src/helpers/phone.ts +106 -106
  225. package/src/helpers/popper-helpers.ts +17 -17
  226. package/src/helpers/snippets.tsx +5 -5
  227. package/src/helpers/utils.ts +219 -219
  228. package/src/hooks/index.ts +6 -6
  229. package/src/hooks/use-did-mount-effect.ts +21 -21
  230. package/src/hooks/use-dropdown.ts +85 -85
  231. package/src/hooks/use-is-mounted.ts +15 -15
  232. package/src/hooks/use-on-click-outside.ts +92 -92
  233. package/src/hooks/use-theme.ts +36 -36
  234. package/src/hooks/use-tweak-styles.ts +14 -14
  235. package/src/index.ts +6 -6
  236. package/src/theme.ts +155 -155
  237. package/src/types.ts +106 -106
  238. package/src/vite-env.d.ts +1 -1
@@ -4200,63 +4200,63 @@
4200
4200
  ]
4201
4201
  });
4202
4202
  };
4203
- const avatarGreen = ` <svg
4204
- width="100%"
4205
- height="100%"
4206
- viewBox="0 0 32 32"
4207
- fill="none"
4208
- xmlns="http://www.w3.org/2000/svg"
4209
- >
4210
- <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />
4211
- <mask
4212
- id="mask0_0_12744"
4213
- style="mask-type: 'alpha';"
4214
- maskUnits="userSpaceOnUse"
4215
- x="0"
4216
- y="0"
4217
- width="32"
4218
- height="32"
4219
- >
4220
- <circle cx="16" cy="16" r="16" fill="white" />
4221
- </mask>
4222
- <g mask="url(#mask0_0_12744)">
4223
- <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />
4224
- <mask
4225
- id="mask1_0_12744"
4226
- style="mask-type: 'alpha';"
4227
- maskUnits="userSpaceOnUse"
4228
- x="3"
4229
- y="16"
4230
- width="26"
4231
- height="26"
4232
- >
4233
- <circle cx="16" cy="29" r="13" fill="white" />
4234
- </mask>
4235
- <g mask="url(#mask1_0_12744)">
4236
- <ellipse
4237
- cx="16"
4238
- cy="17.5"
4239
- rx="6"
4240
- ry="7.5"
4241
- fill="#505F79"
4242
- fill-opacity="0.204983"
4243
- />
4244
- </g>
4245
- </g>
4246
- <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />
4247
- <defs>
4248
- <linearGradient
4249
- id="paint0_linear_0_12744"
4250
- x1="13.347"
4251
- y1="46.279"
4252
- x2="33.5318"
4253
- y2="30.8088"
4254
- gradientUnits="userSpaceOnUse"
4255
- >
4256
- <stop stop-color="#ABD229" />
4257
- <stop offset="1" stop-color="#9CD03F" />
4258
- </linearGradient>
4259
- </defs>
4203
+ const avatarGreen = ` <svg\r
4204
+ width="100%"\r
4205
+ height="100%"\r
4206
+ viewBox="0 0 32 32"\r
4207
+ fill="none"\r
4208
+ xmlns="http://www.w3.org/2000/svg"\r
4209
+ >\r
4210
+ <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />\r
4211
+ <mask\r
4212
+ id="mask0_0_12744"\r
4213
+ style="mask-type: 'alpha';"\r
4214
+ maskUnits="userSpaceOnUse"\r
4215
+ x="0"\r
4216
+ y="0"\r
4217
+ width="32"\r
4218
+ height="32"\r
4219
+ >\r
4220
+ <circle cx="16" cy="16" r="16" fill="white" />\r
4221
+ </mask>\r
4222
+ <g mask="url(#mask0_0_12744)">\r
4223
+ <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />\r
4224
+ <mask\r
4225
+ id="mask1_0_12744"\r
4226
+ style="mask-type: 'alpha';"\r
4227
+ maskUnits="userSpaceOnUse"\r
4228
+ x="3"\r
4229
+ y="16"\r
4230
+ width="26"\r
4231
+ height="26"\r
4232
+ >\r
4233
+ <circle cx="16" cy="29" r="13" fill="white" />\r
4234
+ </mask>\r
4235
+ <g mask="url(#mask1_0_12744)">\r
4236
+ <ellipse\r
4237
+ cx="16"\r
4238
+ cy="17.5"\r
4239
+ rx="6"\r
4240
+ ry="7.5"\r
4241
+ fill="#505F79"\r
4242
+ fill-opacity="0.204983"\r
4243
+ />\r
4244
+ </g>\r
4245
+ </g>\r
4246
+ <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />\r
4247
+ <defs>\r
4248
+ <linearGradient\r
4249
+ id="paint0_linear_0_12744"\r
4250
+ x1="13.347"\r
4251
+ y1="46.279"\r
4252
+ x2="33.5318"\r
4253
+ y2="30.8088"\r
4254
+ gradientUnits="userSpaceOnUse"\r
4255
+ >\r
4256
+ <stop stop-color="#ABD229" />\r
4257
+ <stop offset="1" stop-color="#9CD03F" />\r
4258
+ </linearGradient>\r
4259
+ </defs>\r
4260
4260
  </svg>`;
4261
4261
  var complexIcons = {
4262
4262
  avatar: avatarGreen
@@ -20258,7 +20258,7 @@
20258
20258
  var content = null;
20259
20259
  if (itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.component) {
20260
20260
  var ValueComponent = itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.component;
20261
- content = /* @__PURE__ */ jsx(ValueComponent, {
20261
+ content = ValueComponent({
20262
20262
  value,
20263
20263
  row: item,
20264
20264
  isFocusedRow,