@true-engineering/true-react-common-ui-kit 3.9.0 → 3.9.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 (108) hide show
  1. package/LICENSE +201 -201
  2. package/README.md +6 -0
  3. package/dist/true-react-common-ui-kit.js +61 -60
  4. package/dist/true-react-common-ui-kit.js.map +1 -1
  5. package/dist/true-react-common-ui-kit.umd.cjs +61 -60
  6. package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/AccountInfo/AccountInfo.stories.tsx +32 -32
  9. package/src/components/AccountInfo/AccountInfo.tsx +80 -80
  10. package/src/components/AddButton/AddButton.stories.tsx +21 -21
  11. package/src/components/AddButton/AddButton.tsx +52 -52
  12. package/src/components/Button/Button.stories.tsx +56 -56
  13. package/src/components/Button/Button.tsx +129 -129
  14. package/src/components/Checkbox/Checkbox.stories.tsx +28 -28
  15. package/src/components/CloseButton/CloseButton.tsx +34 -34
  16. package/src/components/Colors/Colors.stories.tsx +7 -7
  17. package/src/components/DateInput/DateInput.tsx +90 -90
  18. package/src/components/DateInput/constants.ts +2 -2
  19. package/src/components/DatePicker/DatePicker.tsx +308 -308
  20. package/src/components/Description/Description.stories.tsx +27 -27
  21. package/src/components/Description/Description.tsx +61 -61
  22. package/src/components/FiltersPane/FiltersPane.tsx +158 -158
  23. package/src/components/FiltersPane/components/Filter/Filter.tsx +203 -203
  24. package/src/components/FiltersPane/components/FilterValueView/FilterValueView.tsx +166 -166
  25. package/src/components/FiltersPane/components/FilterWithDates/FilterWithDates.tsx +210 -210
  26. package/src/components/FiltersPane/components/FilterWithPeriod/FilterWithPeriod.tsx +177 -177
  27. package/src/components/FiltersPane/components/FilterWrapper/FilterWrapper.tsx +167 -167
  28. package/src/components/Flag/Flag.stories.tsx +29 -29
  29. package/src/components/Flag/Flag.tsx +26 -26
  30. package/src/components/Flag/augment.d.ts +1 -1
  31. package/src/components/FlexibleTable/FlexibleTable.stories.tsx +267 -267
  32. package/src/components/FlexibleTable/FlexibleTable.styles.ts +110 -110
  33. package/src/components/FlexibleTable/FlexibleTable.tsx +271 -271
  34. package/src/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.styles.ts +38 -38
  35. package/src/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.tsx +83 -83
  36. package/src/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.styles.ts +25 -25
  37. package/src/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.tsx +196 -196
  38. package/src/components/FlexibleTable/helpers.ts +13 -13
  39. package/src/components/FlexibleTable/types.ts +52 -52
  40. package/src/components/Icon/Icon.stories.tsx +86 -86
  41. package/src/components/Icon/complexIcons/augment.d.ts +1 -1
  42. package/src/components/Icon/complexIcons/avatarGreen.svg +57 -57
  43. package/src/components/Icon/complexIcons/index.ts +1 -1
  44. package/src/components/IncrementInput/IncrementInput.tsx +105 -105
  45. package/src/components/Input/Input.tsx +297 -297
  46. package/src/components/Input/types.ts +32 -32
  47. package/src/components/List/List.stories.tsx +70 -70
  48. package/src/components/List/List.tsx +33 -33
  49. package/src/components/List/components/ListItem/ListItem.tsx +57 -57
  50. package/src/components/Modal/Modal.stories.tsx +105 -105
  51. package/src/components/Modal/Modal.tsx +196 -196
  52. package/src/components/MoreMenu/MoreMenu.styles.ts +68 -68
  53. package/src/components/MultiSelect/MultiSelect.stories.tsx +46 -46
  54. package/src/components/MultiSelect/MultiSelect.tsx +106 -106
  55. package/src/components/MultiSelect/components/MultiSelectInput/MultiSelectInput.tsx +53 -53
  56. package/src/components/MultiSelectList/MultiSelectList.tsx +461 -461
  57. package/src/components/Notification/Notification.stories.tsx +46 -46
  58. package/src/components/Notification/Notification.tsx +69 -69
  59. package/src/components/NumberInput/NumberInput.tsx +137 -137
  60. package/src/components/NumberInput/index.ts +1 -1
  61. package/src/components/PhoneInput/PhoneInput.tsx +214 -214
  62. package/src/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.tsx +155 -155
  63. package/src/components/PhoneInput/types.ts +16 -16
  64. package/src/components/RadioButton/RadioButton.stories.tsx +46 -46
  65. package/src/components/RadioButton/RadioButton.tsx +57 -57
  66. package/src/components/ScrollIntoViewIfNeeded/index.ts +1 -1
  67. package/src/components/Select/CustomSelect.stories.tsx +217 -217
  68. package/src/components/Select/MultiSelect.stories.tsx +240 -240
  69. package/src/components/Select/Select.stories.tsx +235 -235
  70. package/src/components/Select/constants.ts +2 -2
  71. package/src/components/Select/types.ts +1 -1
  72. package/src/components/Selector/Selector.stories.tsx +62 -62
  73. package/src/components/Selector/Selector.styles.ts +164 -164
  74. package/src/components/Selector/Selector.tsx +115 -115
  75. package/src/components/Selector/index.ts +2 -2
  76. package/src/components/Selector/types.ts +12 -12
  77. package/src/components/Skeleton/Skeleton.stories.tsx +19 -19
  78. package/src/components/SmartInput/SmartInput.tsx +134 -134
  79. package/src/components/Status/Status.stories.tsx +73 -73
  80. package/src/components/Status/Status.styles.ts +143 -143
  81. package/src/components/Status/Status.tsx +49 -49
  82. package/src/components/Status/constants.ts +11 -11
  83. package/src/components/Status/index.ts +3 -3
  84. package/src/components/Status/types.ts +5 -5
  85. package/src/components/Switch/Switch.stories.tsx +40 -40
  86. package/src/components/Switch/Switch.tsx +75 -75
  87. package/src/components/TextArea/TextArea.tsx +180 -180
  88. package/src/components/TextButton/TextButton.stories.tsx +46 -46
  89. package/src/components/TextButton/TextButton.styles.ts +129 -129
  90. package/src/components/TextButton/TextButton.tsx +103 -103
  91. package/src/components/TextButton/index.ts +4 -4
  92. package/src/components/TextWithInfo/TextWithInfo.stories.tsx +53 -53
  93. package/src/components/TextWithInfo/TextWithInfo.tsx +62 -62
  94. package/src/components/TextWithTooltip/TextWithTooltip.stories.tsx +58 -58
  95. package/src/components/ThemedPreloader/ThemedPreloader.stories.tsx +41 -41
  96. package/src/components/ThemedPreloader/ThemedPreloader.tsx +54 -54
  97. package/src/components/ThemedPreloader/components/DefaultPreloader/index.ts +1 -1
  98. package/src/components/Toaster/Toaster.stories.tsx +30 -30
  99. package/src/components/Toaster/Toaster.tsx +108 -108
  100. package/src/components/Tooltip/Tooltip.stories.tsx +19 -19
  101. package/src/components/Tooltip/Tooltip.tsx +35 -35
  102. package/src/components/Tooltip/types.ts +1 -1
  103. package/src/components/WithPopup/WithPopup.tsx +1 -0
  104. package/src/helpers/popper-helpers.ts +17 -17
  105. package/src/hooks/use-dropdown.ts +84 -84
  106. package/src/hooks/use-is-mounted.ts +15 -15
  107. package/src/theme/helpers.ts +76 -76
  108. package/src/vite-env.d.ts +1 -1
@@ -6718,63 +6718,63 @@
6718
6718
  return trueReactPlatformHelpers.mergeRefs(refs);
6719
6719
  }, refs);
6720
6720
  };
6721
- const avatarGreen = ` <svg
6722
- width="100%"
6723
- height="100%"
6724
- viewBox="0 0 32 32"
6725
- fill="none"
6726
- xmlns="http://www.w3.org/2000/svg"
6727
- >
6728
- <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />
6729
- <mask
6730
- id="mask0_0_12744"
6731
- style="mask-type: 'alpha';"
6732
- maskUnits="userSpaceOnUse"
6733
- x="0"
6734
- y="0"
6735
- width="32"
6736
- height="32"
6737
- >
6738
- <circle cx="16" cy="16" r="16" fill="white" />
6739
- </mask>
6740
- <g mask="url(#mask0_0_12744)">
6741
- <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />
6742
- <mask
6743
- id="mask1_0_12744"
6744
- style="mask-type: 'alpha';"
6745
- maskUnits="userSpaceOnUse"
6746
- x="3"
6747
- y="16"
6748
- width="26"
6749
- height="26"
6750
- >
6751
- <circle cx="16" cy="29" r="13" fill="white" />
6752
- </mask>
6753
- <g mask="url(#mask1_0_12744)">
6754
- <ellipse
6755
- cx="16"
6756
- cy="17.5"
6757
- rx="6"
6758
- ry="7.5"
6759
- fill="#505F79"
6760
- fill-opacity="0.204983"
6761
- />
6762
- </g>
6763
- </g>
6764
- <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />
6765
- <defs>
6766
- <linearGradient
6767
- id="paint0_linear_0_12744"
6768
- x1="13.347"
6769
- y1="46.279"
6770
- x2="33.5318"
6771
- y2="30.8088"
6772
- gradientUnits="userSpaceOnUse"
6773
- >
6774
- <stop stop-color="#ABD229" />
6775
- <stop offset="1" stop-color="#9CD03F" />
6776
- </linearGradient>
6777
- </defs>
6721
+ const avatarGreen = ` <svg\r
6722
+ width="100%"\r
6723
+ height="100%"\r
6724
+ viewBox="0 0 32 32"\r
6725
+ fill="none"\r
6726
+ xmlns="http://www.w3.org/2000/svg"\r
6727
+ >\r
6728
+ <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />\r
6729
+ <mask\r
6730
+ id="mask0_0_12744"\r
6731
+ style="mask-type: 'alpha';"\r
6732
+ maskUnits="userSpaceOnUse"\r
6733
+ x="0"\r
6734
+ y="0"\r
6735
+ width="32"\r
6736
+ height="32"\r
6737
+ >\r
6738
+ <circle cx="16" cy="16" r="16" fill="white" />\r
6739
+ </mask>\r
6740
+ <g mask="url(#mask0_0_12744)">\r
6741
+ <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />\r
6742
+ <mask\r
6743
+ id="mask1_0_12744"\r
6744
+ style="mask-type: 'alpha';"\r
6745
+ maskUnits="userSpaceOnUse"\r
6746
+ x="3"\r
6747
+ y="16"\r
6748
+ width="26"\r
6749
+ height="26"\r
6750
+ >\r
6751
+ <circle cx="16" cy="29" r="13" fill="white" />\r
6752
+ </mask>\r
6753
+ <g mask="url(#mask1_0_12744)">\r
6754
+ <ellipse\r
6755
+ cx="16"\r
6756
+ cy="17.5"\r
6757
+ rx="6"\r
6758
+ ry="7.5"\r
6759
+ fill="#505F79"\r
6760
+ fill-opacity="0.204983"\r
6761
+ />\r
6762
+ </g>\r
6763
+ </g>\r
6764
+ <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />\r
6765
+ <defs>\r
6766
+ <linearGradient\r
6767
+ id="paint0_linear_0_12744"\r
6768
+ x1="13.347"\r
6769
+ y1="46.279"\r
6770
+ x2="33.5318"\r
6771
+ y2="30.8088"\r
6772
+ gradientUnits="userSpaceOnUse"\r
6773
+ >\r
6774
+ <stop stop-color="#ABD229" />\r
6775
+ <stop offset="1" stop-color="#9CD03F" />\r
6776
+ </linearGradient>\r
6777
+ </defs>\r
6778
6778
  </svg>`;
6779
6779
  var complexIcons = {
6780
6780
  avatar: avatarGreen
@@ -30267,15 +30267,16 @@
30267
30267
  className: clsx(classes.root, _define_property$1({}, classes.disabled, isDisabled))
30268
30268
  }), trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
30269
30269
  children: [
30270
- /* @__PURE__ */ jsx("div", {
30270
+ /* @__PURE__ */ jsx("div", _object_spread_props$1(_object_spread$1({
30271
30271
  className: classes.trigger,
30272
30272
  onClick: eventType === "click" ? function(e) {
30273
30273
  return handleToggle(!isOpen, e);
30274
- } : void 0,
30274
+ } : void 0
30275
+ }, trueReactPlatformHelpers.addDataTestId(testId, "trigger")), {
30275
30276
  children: trueReactPlatformHelpers.isFunction(Trigger) ? /* @__PURE__ */ jsx(Trigger, {
30276
30277
  isActive: isOpen
30277
30278
  }) : Trigger
30278
- }),
30279
+ })),
30279
30280
  isOpen && /* @__PURE__ */ jsx(react.FloatingPortal, {
30280
30281
  root: !shouldRenderInBody ? refs.reference.current : void 0,
30281
30282
  children: /* @__PURE__ */ jsx("div", _object_spread_props$1(_object_spread$1({