@true-engineering/true-react-common-ui-kit 1.3.0 → 1.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 (237) 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 +60 -58
  5. package/dist/true-react-common-ui-kit.js.map +1 -1
  6. package/dist/true-react-common-ui-kit.umd.cjs +60 -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 +91 -91
  10. package/src/components/AccountInfo/AccountInfo.stories.tsx +35 -35
  11. package/src/components/AccountInfo/AccountInfo.styles.ts +55 -55
  12. package/src/components/AccountInfo/AccountInfo.tsx +106 -106
  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 +49 -49
  17. package/src/components/AddButton/index.ts +2 -2
  18. package/src/components/Button/Button.stories.tsx +61 -61
  19. package/src/components/Button/Button.styles.ts +196 -196
  20. package/src/components/Button/Button.tsx +195 -195
  21. package/src/components/Button/index.ts +2 -2
  22. package/src/components/Checkbox/Checkbox.stories.tsx +35 -35
  23. package/src/components/Checkbox/Checkbox.styles.ts +59 -59
  24. package/src/components/Checkbox/Checkbox.tsx +93 -93
  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 +37 -37
  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 +34 -34
  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 +17 -17
  35. package/src/components/CssBaseline/index.ts +2 -2
  36. package/src/components/DateInput/DateInput.stories.tsx +63 -63
  37. package/src/components/DateInput/DateInput.styles.ts +14 -14
  38. package/src/components/DateInput/DateInput.tsx +60 -60
  39. package/src/components/DateInput/index.ts +2 -2
  40. package/src/components/DatePicker/DatePicker.stories.tsx +96 -96
  41. package/src/components/DatePicker/DatePicker.styles.ts +54 -54
  42. package/src/components/DatePicker/DatePicker.tsx +358 -358
  43. package/src/components/DatePicker/DatePickerHeader/DatePickerHeader.styles.ts +84 -84
  44. package/src/components/DatePicker/DatePickerHeader/DatePickerHeader.tsx +94 -94
  45. package/src/components/DatePicker/DatePickerHeader/index.ts +1 -1
  46. package/src/components/DatePicker/DatePickerInput/DatePickerInput.styles.ts +25 -25
  47. package/src/components/DatePicker/DatePickerInput/DatePickerInput.tsx +31 -31
  48. package/src/components/DatePicker/DatePickerInput/index.ts +1 -1
  49. package/src/components/DatePicker/index.ts +4 -4
  50. package/src/components/Description/Description.stories.tsx +29 -29
  51. package/src/components/Description/Description.styles.ts +31 -31
  52. package/src/components/Description/Description.tsx +69 -69
  53. package/src/components/Description/index.ts +2 -2
  54. package/src/components/FiltersPane/FilterInterval/FilterInterval.styles.ts +64 -64
  55. package/src/components/FiltersPane/FilterInterval/FilterInterval.tsx +162 -162
  56. package/src/components/FiltersPane/FilterInterval/index.ts +1 -1
  57. package/src/components/FiltersPane/FilterMultiSelect/FilterMultiSelect.tsx +14 -14
  58. package/src/components/FiltersPane/FilterMultiSelect/index.ts +1 -1
  59. package/src/components/FiltersPane/FilterSelect/FilterSelect.styles.ts +144 -144
  60. package/src/components/FiltersPane/FilterSelect/FilterSelect.tsx +397 -397
  61. package/src/components/FiltersPane/FilterSelect/index.ts +1 -1
  62. package/src/components/FiltersPane/FilterSelect/locales.ts +37 -37
  63. package/src/components/FiltersPane/FilterValueView/FilterValueView.styles.tsx +15 -15
  64. package/src/components/FiltersPane/FilterValueView/FilterValueView.tsx +186 -186
  65. package/src/components/FiltersPane/FilterValueView/index.tsx +1 -1
  66. package/src/components/FiltersPane/FilterWithDates/FilterWithDates.styles.ts +60 -60
  67. package/src/components/FiltersPane/FilterWithDates/FilterWithDates.tsx +222 -222
  68. package/src/components/FiltersPane/FilterWithDates/index.ts +1 -1
  69. package/src/components/FiltersPane/FilterWithPeriod/FilterWithPeriod.styles.ts +17 -17
  70. package/src/components/FiltersPane/FilterWithPeriod/FilterWithPeriod.tsx +231 -231
  71. package/src/components/FiltersPane/FilterWithPeriod/index.ts +1 -1
  72. package/src/components/FiltersPane/FilterWrapper/FilterWrapper.styles.ts +110 -110
  73. package/src/components/FiltersPane/FilterWrapper/FilterWrapper.tsx +360 -360
  74. package/src/components/FiltersPane/FilterWrapper/index.ts +1 -1
  75. package/src/components/FiltersPane/FiltersPane.stories.tsx +307 -307
  76. package/src/components/FiltersPane/FiltersPane.styles.ts +71 -71
  77. package/src/components/FiltersPane/FiltersPane.tsx +193 -193
  78. package/src/components/FiltersPane/FiltersPaneSearch/FiltersPaneSearch.styles.ts +109 -109
  79. package/src/components/FiltersPane/FiltersPaneSearch/FiltersPaneSearch.tsx +175 -175
  80. package/src/components/FiltersPane/FiltersPaneSearch/index.ts +1 -1
  81. package/src/components/FiltersPane/index.ts +20 -20
  82. package/src/components/FiltersPane/locales.ts +107 -107
  83. package/src/components/FiltersPane/types.ts +126 -126
  84. package/src/components/Flag/Flag.stories.tsx +29 -29
  85. package/src/components/Flag/Flag.styles.ts +18 -18
  86. package/src/components/Flag/Flag.tsx +28 -28
  87. package/src/components/Flag/augment.d.ts +1 -1
  88. package/src/components/Flag/index.ts +2 -2
  89. package/src/components/FlexibleTable/FlexibleTable.stories.tsx +80 -80
  90. package/src/components/FlexibleTable/FlexibleTable.styles.ts +131 -131
  91. package/src/components/FlexibleTable/FlexibleTable.tsx +243 -243
  92. package/src/components/FlexibleTable/TableRow.tsx +171 -166
  93. package/src/components/FlexibleTable/TableValue.tsx +83 -83
  94. package/src/components/FlexibleTable/fixture-test.ts +254 -254
  95. package/src/components/FlexibleTable/index.ts +3 -3
  96. package/src/components/FlexibleTable/types.ts +58 -58
  97. package/src/components/Icon/ComplexIconBoilerplate.tsx +17 -17
  98. package/src/components/Icon/Icon.stories.tsx +88 -88
  99. package/src/components/Icon/Icon.styles.ts +10 -10
  100. package/src/components/Icon/Icon.tsx +34 -34
  101. package/src/components/Icon/IconBoilerplate.tsx +42 -42
  102. package/src/components/Icon/complexIcons/augment.d.ts +1 -1
  103. package/src/components/Icon/complexIcons/avatarGreen.svg +57 -57
  104. package/src/components/Icon/complexIcons/icons.ts +7 -7
  105. package/src/components/Icon/complexIcons/index.ts +1 -1
  106. package/src/components/Icon/icons/icons.ts +838 -838
  107. package/src/components/Icon/icons/index.ts +1 -1
  108. package/src/components/Icon/index.ts +4 -4
  109. package/src/components/IncrementInput/ChangeButton.tsx +34 -34
  110. package/src/components/IncrementInput/IncrementInput.stories.tsx +34 -34
  111. package/src/components/IncrementInput/IncrementInput.styles.ts +77 -77
  112. package/src/components/IncrementInput/IncrementInput.tsx +95 -95
  113. package/src/components/IncrementInput/index.ts +2 -2
  114. package/src/components/Input/Input.stories.tsx +92 -92
  115. package/src/components/Input/Input.styles.ts +305 -305
  116. package/src/components/Input/Input.tsx +308 -308
  117. package/src/components/Input/index.ts +2 -2
  118. package/src/components/List/List.stories.tsx +62 -62
  119. package/src/components/List/List.styles.ts +52 -52
  120. package/src/components/List/List.tsx +82 -82
  121. package/src/components/List/index.ts +2 -2
  122. package/src/components/Modal/Modal.stories.tsx +113 -113
  123. package/src/components/Modal/Modal.styles.ts +308 -308
  124. package/src/components/Modal/Modal.tsx +210 -210
  125. package/src/components/Modal/index.ts +2 -2
  126. package/src/components/MoreMenu/MoreMenu.stories.tsx +46 -46
  127. package/src/components/MoreMenu/MoreMenu.styles.ts +70 -70
  128. package/src/components/MoreMenu/MoreMenu.tsx +102 -102
  129. package/src/components/MoreMenu/index.ts +2 -2
  130. package/src/components/MultiSelect/MultiSelect.stories.tsx +46 -46
  131. package/src/components/MultiSelect/MultiSelect.styles.ts +55 -55
  132. package/src/components/MultiSelect/MultiSelect.tsx +98 -98
  133. package/src/components/MultiSelect/MultiSelectInput/MultiSelectInput.styles.ts +73 -73
  134. package/src/components/MultiSelect/MultiSelectInput/MultiSelectInput.tsx +62 -62
  135. package/src/components/MultiSelect/MultiSelectInput/index.ts +1 -1
  136. package/src/components/MultiSelect/index.ts +3 -3
  137. package/src/components/MultiSelectList/MultiSelectList.styles.ts +125 -125
  138. package/src/components/MultiSelectList/MultiSelectList.tsx +519 -519
  139. package/src/components/MultiSelectList/index.ts +2 -2
  140. package/src/components/MultiSelectList/locales.ts +37 -37
  141. package/src/components/Notification/Notification.stories.tsx +51 -51
  142. package/src/components/Notification/Notification.styles.ts +50 -50
  143. package/src/components/Notification/Notification.tsx +84 -84
  144. package/src/components/Notification/index.ts +2 -2
  145. package/src/components/NumberInput/NumberInput.stories.tsx +35 -35
  146. package/src/components/NumberInput/NumberInput.tsx +142 -142
  147. package/src/components/NumberInput/helpers.ts +68 -68
  148. package/src/components/NumberInput/index.ts +1 -1
  149. package/src/components/PhoneInput/PhoneInput.stories.tsx +71 -71
  150. package/src/components/PhoneInput/PhoneInput.styles.ts +84 -84
  151. package/src/components/PhoneInput/PhoneInput.tsx +223 -223
  152. package/src/components/PhoneInput/PhoneInputCountryList/PhoneInputCountryList.stories.tsx +21 -21
  153. package/src/components/PhoneInput/PhoneInputCountryList/PhoneInputCountryList.styles.ts +100 -100
  154. package/src/components/PhoneInput/PhoneInputCountryList/PhoneInputCountryList.tsx +171 -171
  155. package/src/components/PhoneInput/PhoneInputCountryList/index.ts +2 -2
  156. package/src/components/PhoneInput/index.ts +6 -6
  157. package/src/components/PhoneInput/phone-info.ts +2167 -2167
  158. package/src/components/PhoneInput/types.ts +16 -16
  159. package/src/components/RadioButton/RadioButton.stories.tsx +46 -46
  160. package/src/components/RadioButton/RadioButton.styles.ts +37 -37
  161. package/src/components/RadioButton/RadioButton.tsx +56 -56
  162. package/src/components/RadioButton/index.ts +2 -2
  163. package/src/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.ts +66 -66
  164. package/src/components/ScrollIntoViewIfNeeded/index.ts +1 -1
  165. package/src/components/SearchInput/SearchInput.stories.tsx +24 -24
  166. package/src/components/SearchInput/SearchInput.styles.ts +50 -50
  167. package/src/components/SearchInput/SearchInput.tsx +63 -63
  168. package/src/components/SearchInput/index.ts +2 -2
  169. package/src/components/Select/Select.stories.tsx +242 -242
  170. package/src/components/Select/Select.styles.ts +74 -74
  171. package/src/components/Select/Select.tsx +452 -452
  172. package/src/components/Select/SelectList/SelectList.styles.ts +57 -57
  173. package/src/components/Select/SelectList/SelectList.tsx +130 -130
  174. package/src/components/Select/SelectList/index.ts +1 -1
  175. package/src/components/Select/helpers.ts +21 -21
  176. package/src/components/Select/index.ts +3 -3
  177. package/src/components/SmartInput/SmartInput.stories.tsx +63 -63
  178. package/src/components/SmartInput/SmartInput.tsx +180 -180
  179. package/src/components/SmartInput/helpers.ts +85 -85
  180. package/src/components/SmartInput/index.ts +1 -1
  181. package/src/components/Switch/Switch.stories.tsx +40 -40
  182. package/src/components/Switch/Switch.styles.ts +75 -75
  183. package/src/components/Switch/Switch.tsx +89 -89
  184. package/src/components/Switch/index.ts +2 -2
  185. package/src/components/TextArea/TextArea.stories.tsx +35 -35
  186. package/src/components/TextArea/TextArea.styles.ts +153 -153
  187. package/src/components/TextArea/TextArea.tsx +178 -178
  188. package/src/components/TextArea/index.ts +2 -2
  189. package/src/components/TextWithInfo/TextWithInfo.stories.tsx +53 -53
  190. package/src/components/TextWithInfo/TextWithInfo.styles.ts +60 -60
  191. package/src/components/TextWithInfo/TextWithInfo.tsx +67 -67
  192. package/src/components/TextWithInfo/index.ts +2 -2
  193. package/src/components/TextWithTooltip/TextWithTooltip.stories.tsx +58 -58
  194. package/src/components/TextWithTooltip/TextWithTooltip.styles.ts +19 -19
  195. package/src/components/TextWithTooltip/TextWithTooltip.tsx +163 -163
  196. package/src/components/TextWithTooltip/index.ts +2 -2
  197. package/src/components/ThemedPreloader/ThemedPreloader.stories.tsx +41 -41
  198. package/src/components/ThemedPreloader/ThemedPreloader.styles.ts +21 -21
  199. package/src/components/ThemedPreloader/ThemedPreloader.tsx +56 -56
  200. package/src/components/ThemedPreloader/components/DefaultPreloader/DefaultPreloader.tsx +34 -34
  201. package/src/components/ThemedPreloader/components/DefaultPreloader/index.ts +1 -1
  202. package/src/components/ThemedPreloader/components/DotsPreloader/DotsPreloader.styles.ts +54 -54
  203. package/src/components/ThemedPreloader/components/DotsPreloader/DotsPreloader.tsx +18 -18
  204. package/src/components/ThemedPreloader/components/DotsPreloader/index.ts +2 -2
  205. package/src/components/ThemedPreloader/components/SvgPreloader/SvgPreloader.styles.ts +11 -11
  206. package/src/components/ThemedPreloader/components/SvgPreloader/SvgPreloader.tsx +32 -32
  207. package/src/components/ThemedPreloader/components/SvgPreloader/index.ts +2 -2
  208. package/src/components/ThemedPreloader/components/index.ts +2 -2
  209. package/src/components/ThemedPreloader/index.ts +2 -2
  210. package/src/components/Toaster/Toaster.stories.tsx +34 -34
  211. package/src/components/Toaster/Toaster.styles.ts +59 -59
  212. package/src/components/Toaster/Toaster.tsx +113 -113
  213. package/src/components/Toaster/index.ts +2 -2
  214. package/src/components/Tooltip/Tooltip.stories.tsx +21 -21
  215. package/src/components/Tooltip/Tooltip.styles.ts +45 -45
  216. package/src/components/Tooltip/Tooltip.tsx +40 -40
  217. package/src/components/Tooltip/index.ts +3 -3
  218. package/src/components/Tooltip/types.ts +1 -1
  219. package/src/components/index.ts +36 -36
  220. package/src/helpers/colors.ts +2 -2
  221. package/src/helpers/data-attributes.ts +18 -18
  222. package/src/helpers/dateHelpers/date-helpers.ts +9 -9
  223. package/src/helpers/index.ts +5 -5
  224. package/src/helpers/phone.ts +106 -106
  225. package/src/helpers/popper-helpers.ts +17 -17
  226. package/src/helpers/utils.ts +164 -164
  227. package/src/hooks/index.ts +6 -6
  228. package/src/hooks/use-did-mount-effect.ts +21 -21
  229. package/src/hooks/use-dropdown.ts +85 -85
  230. package/src/hooks/use-is-mounted.ts +15 -15
  231. package/src/hooks/use-on-click-outside.ts +92 -92
  232. package/src/hooks/use-theme.ts +36 -36
  233. package/src/hooks/use-tweak-styles.ts +14 -14
  234. package/src/index.ts +5 -5
  235. package/src/theme.ts +155 -155
  236. package/src/types.ts +106 -106
  237. package/src/vite-env.d.ts +1 -1
@@ -4173,63 +4173,63 @@
4173
4173
  ]
4174
4174
  });
4175
4175
  };
4176
- const avatarGreen = ` <svg
4177
- width="100%"
4178
- height="100%"
4179
- viewBox="0 0 32 32"
4180
- fill="none"
4181
- xmlns="http://www.w3.org/2000/svg"
4182
- >
4183
- <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />
4184
- <mask
4185
- id="mask0_0_12744"
4186
- style="mask-type: 'alpha';"
4187
- maskUnits="userSpaceOnUse"
4188
- x="0"
4189
- y="0"
4190
- width="32"
4191
- height="32"
4192
- >
4193
- <circle cx="16" cy="16" r="16" fill="white" />
4194
- </mask>
4195
- <g mask="url(#mask0_0_12744)">
4196
- <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />
4197
- <mask
4198
- id="mask1_0_12744"
4199
- style="mask-type: 'alpha';"
4200
- maskUnits="userSpaceOnUse"
4201
- x="3"
4202
- y="16"
4203
- width="26"
4204
- height="26"
4205
- >
4206
- <circle cx="16" cy="29" r="13" fill="white" />
4207
- </mask>
4208
- <g mask="url(#mask1_0_12744)">
4209
- <ellipse
4210
- cx="16"
4211
- cy="17.5"
4212
- rx="6"
4213
- ry="7.5"
4214
- fill="#505F79"
4215
- fill-opacity="0.204983"
4216
- />
4217
- </g>
4218
- </g>
4219
- <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />
4220
- <defs>
4221
- <linearGradient
4222
- id="paint0_linear_0_12744"
4223
- x1="13.347"
4224
- y1="46.279"
4225
- x2="33.5318"
4226
- y2="30.8088"
4227
- gradientUnits="userSpaceOnUse"
4228
- >
4229
- <stop stop-color="#ABD229" />
4230
- <stop offset="1" stop-color="#9CD03F" />
4231
- </linearGradient>
4232
- </defs>
4176
+ const avatarGreen = ` <svg\r
4177
+ width="100%"\r
4178
+ height="100%"\r
4179
+ viewBox="0 0 32 32"\r
4180
+ fill="none"\r
4181
+ xmlns="http://www.w3.org/2000/svg"\r
4182
+ >\r
4183
+ <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />\r
4184
+ <mask\r
4185
+ id="mask0_0_12744"\r
4186
+ style="mask-type: 'alpha';"\r
4187
+ maskUnits="userSpaceOnUse"\r
4188
+ x="0"\r
4189
+ y="0"\r
4190
+ width="32"\r
4191
+ height="32"\r
4192
+ >\r
4193
+ <circle cx="16" cy="16" r="16" fill="white" />\r
4194
+ </mask>\r
4195
+ <g mask="url(#mask0_0_12744)">\r
4196
+ <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />\r
4197
+ <mask\r
4198
+ id="mask1_0_12744"\r
4199
+ style="mask-type: 'alpha';"\r
4200
+ maskUnits="userSpaceOnUse"\r
4201
+ x="3"\r
4202
+ y="16"\r
4203
+ width="26"\r
4204
+ height="26"\r
4205
+ >\r
4206
+ <circle cx="16" cy="29" r="13" fill="white" />\r
4207
+ </mask>\r
4208
+ <g mask="url(#mask1_0_12744)">\r
4209
+ <ellipse\r
4210
+ cx="16"\r
4211
+ cy="17.5"\r
4212
+ rx="6"\r
4213
+ ry="7.5"\r
4214
+ fill="#505F79"\r
4215
+ fill-opacity="0.204983"\r
4216
+ />\r
4217
+ </g>\r
4218
+ </g>\r
4219
+ <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />\r
4220
+ <defs>\r
4221
+ <linearGradient\r
4222
+ id="paint0_linear_0_12744"\r
4223
+ x1="13.347"\r
4224
+ y1="46.279"\r
4225
+ x2="33.5318"\r
4226
+ y2="30.8088"\r
4227
+ gradientUnits="userSpaceOnUse"\r
4228
+ >\r
4229
+ <stop stop-color="#ABD229" />\r
4230
+ <stop offset="1" stop-color="#9CD03F" />\r
4231
+ </linearGradient>\r
4232
+ </defs>\r
4233
4233
  </svg>`;
4234
4234
  var complexIcons = {
4235
4235
  avatar: avatarGreen
@@ -20364,7 +20364,9 @@
20364
20364
  },
20365
20365
  onMouseLeave: handleMouseLeave,
20366
20366
  onClick: handleRowClick
20367
- }, addDataAttributes(rowData)), {
20367
+ }, addDataAttributes(_object_spread_props$d(_object_spread$f({}, rowData), {
20368
+ isExpandableComponentActive: nestedComponent.isOpen ? true : void 0
20369
+ }))), {
20368
20370
  children: items.map(function(key, idx) {
20369
20371
  return /* @__PURE__ */ jsx(TableValue, {
20370
20372
  columnName: key,