@true-engineering/true-react-common-ui-kit 3.20.0 → 3.21.0

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 (90) hide show
  1. package/LICENSE +201 -201
  2. package/README.md +12 -0
  3. package/dist/components/DatePicker/types.d.ts +1 -1
  4. package/dist/components/WithPopup/WithPopup.d.ts +1 -1
  5. package/dist/true-react-common-ui-kit.js +61 -61
  6. package/dist/true-react-common-ui-kit.js.map +1 -1
  7. package/dist/true-react-common-ui-kit.umd.cjs +61 -61
  8. package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
  9. package/package.json +1 -1
  10. package/src/components/AccountInfo/AccountInfo.stories.tsx +32 -32
  11. package/src/components/AccountInfo/AccountInfo.tsx +80 -80
  12. package/src/components/AddButton/AddButton.stories.tsx +21 -21
  13. package/src/components/AddButton/AddButton.tsx +52 -52
  14. package/src/components/Button/Button.tsx +129 -129
  15. package/src/components/Colors/Colors.stories.tsx +7 -7
  16. package/src/components/DateInput/DateInput.tsx +90 -90
  17. package/src/components/DateInput/constants.ts +2 -2
  18. package/src/components/DatePicker/DatePicker.tsx +310 -308
  19. package/src/components/DatePicker/types.ts +1 -0
  20. package/src/components/Description/Description.stories.tsx +27 -27
  21. package/src/components/Description/Description.tsx +61 -61
  22. package/src/components/FiltersPane/components/FilterValueView/FilterValueView.tsx +166 -166
  23. package/src/components/FiltersPane/components/FilterWithDates/FilterWithDates.tsx +210 -210
  24. package/src/components/FiltersPane/components/FilterWithPeriod/FilterWithPeriod.tsx +177 -177
  25. package/src/components/Flag/Flag.stories.tsx +29 -29
  26. package/src/components/Flag/Flag.tsx +26 -26
  27. package/src/components/Flag/augment.d.ts +1 -1
  28. package/src/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.styles.ts +38 -38
  29. package/src/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.styles.ts +25 -25
  30. package/src/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.tsx +196 -196
  31. package/src/components/FlexibleTable/helpers.ts +13 -13
  32. package/src/components/Icon/Icon.stories.tsx +86 -86
  33. package/src/components/Icon/complexIcons/augment.d.ts +1 -1
  34. package/src/components/Icon/complexIcons/avatarGreen.svg +57 -57
  35. package/src/components/Icon/complexIcons/index.ts +1 -1
  36. package/src/components/IncrementInput/IncrementInput.tsx +105 -105
  37. package/src/components/Input/Input.tsx +297 -297
  38. package/src/components/Input/types.ts +32 -32
  39. package/src/components/List/List.stories.tsx +70 -70
  40. package/src/components/List/List.tsx +33 -33
  41. package/src/components/List/components/ListItem/ListItem.tsx +57 -57
  42. package/src/components/Modal/Modal.stories.tsx +105 -105
  43. package/src/components/MultiSelect/MultiSelect.stories.tsx +46 -46
  44. package/src/components/MultiSelect/MultiSelect.tsx +106 -106
  45. package/src/components/MultiSelect/components/MultiSelectInput/MultiSelectInput.tsx +53 -53
  46. package/src/components/Notification/Notification.stories.tsx +46 -46
  47. package/src/components/Notification/Notification.tsx +69 -69
  48. package/src/components/NumberInput/NumberInput.tsx +137 -137
  49. package/src/components/NumberInput/index.ts +1 -1
  50. package/src/components/PhoneInput/PhoneInput.tsx +214 -214
  51. package/src/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.tsx +155 -155
  52. package/src/components/PhoneInput/types.ts +16 -16
  53. package/src/components/RadioButton/RadioButton.stories.tsx +46 -46
  54. package/src/components/RadioButton/RadioButton.tsx +57 -57
  55. package/src/components/ScrollIntoViewIfNeeded/index.ts +1 -1
  56. package/src/components/Select/MultiSelect.stories.tsx +240 -240
  57. package/src/components/Select/Select.stories.tsx +235 -235
  58. package/src/components/Select/constants.ts +2 -2
  59. package/src/components/Select/types.ts +1 -1
  60. package/src/components/Selector/Selector.stories.tsx +62 -62
  61. package/src/components/Selector/Selector.tsx +115 -115
  62. package/src/components/Selector/index.ts +2 -2
  63. package/src/components/Selector/types.ts +12 -12
  64. package/src/components/Skeleton/Skeleton.stories.tsx +19 -19
  65. package/src/components/SmartInput/SmartInput.tsx +134 -134
  66. package/src/components/Status/Status.stories.tsx +73 -73
  67. package/src/components/Status/Status.styles.ts +143 -143
  68. package/src/components/Status/Status.tsx +49 -49
  69. package/src/components/Status/constants.ts +11 -11
  70. package/src/components/Status/index.ts +3 -3
  71. package/src/components/Status/types.ts +5 -5
  72. package/src/components/Switch/Switch.stories.tsx +40 -40
  73. package/src/components/Switch/Switch.tsx +75 -75
  74. package/src/components/TextArea/TextArea.styles.ts +1 -3
  75. package/src/components/TextWithInfo/TextWithInfo.stories.tsx +53 -53
  76. package/src/components/TextWithInfo/TextWithInfo.tsx +62 -62
  77. package/src/components/TextWithTooltip/TextWithTooltip.stories.tsx +58 -58
  78. package/src/components/ThemedPreloader/ThemedPreloader.stories.tsx +41 -41
  79. package/src/components/ThemedPreloader/ThemedPreloader.tsx +54 -54
  80. package/src/components/ThemedPreloader/components/DefaultPreloader/index.ts +1 -1
  81. package/src/components/Toaster/Toaster.stories.tsx +30 -30
  82. package/src/components/Tooltip/Tooltip.stories.tsx +19 -19
  83. package/src/components/Tooltip/Tooltip.tsx +35 -35
  84. package/src/components/Tooltip/types.ts +1 -1
  85. package/src/components/WithPopup/WithPopup.tsx +1 -1
  86. package/src/helpers/popper-helpers.ts +17 -17
  87. package/src/hooks/use-dropdown.ts +84 -84
  88. package/src/hooks/use-is-mounted.ts +15 -15
  89. package/src/theme/helpers.ts +76 -76
  90. package/src/vite-env.d.ts +1 -1
@@ -6581,63 +6581,63 @@
6581
6581
  return trueReactPlatformHelpers.mergeRefs(refs);
6582
6582
  }, refs);
6583
6583
  };
6584
- const avatarGreen = ` <svg
6585
- width="100%"
6586
- height="100%"
6587
- viewBox="0 0 32 32"
6588
- fill="none"
6589
- xmlns="http://www.w3.org/2000/svg"
6590
- >
6591
- <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />
6592
- <mask
6593
- id="mask0_0_12744"
6594
- style="mask-type: 'alpha';"
6595
- maskUnits="userSpaceOnUse"
6596
- x="0"
6597
- y="0"
6598
- width="32"
6599
- height="32"
6600
- >
6601
- <circle cx="16" cy="16" r="16" fill="white" />
6602
- </mask>
6603
- <g mask="url(#mask0_0_12744)">
6604
- <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />
6605
- <mask
6606
- id="mask1_0_12744"
6607
- style="mask-type: 'alpha';"
6608
- maskUnits="userSpaceOnUse"
6609
- x="3"
6610
- y="16"
6611
- width="26"
6612
- height="26"
6613
- >
6614
- <circle cx="16" cy="29" r="13" fill="white" />
6615
- </mask>
6616
- <g mask="url(#mask1_0_12744)">
6617
- <ellipse
6618
- cx="16"
6619
- cy="17.5"
6620
- rx="6"
6621
- ry="7.5"
6622
- fill="#505F79"
6623
- fill-opacity="0.204983"
6624
- />
6625
- </g>
6626
- </g>
6627
- <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />
6628
- <defs>
6629
- <linearGradient
6630
- id="paint0_linear_0_12744"
6631
- x1="13.347"
6632
- y1="46.279"
6633
- x2="33.5318"
6634
- y2="30.8088"
6635
- gradientUnits="userSpaceOnUse"
6636
- >
6637
- <stop stop-color="#ABD229" />
6638
- <stop offset="1" stop-color="#9CD03F" />
6639
- </linearGradient>
6640
- </defs>
6584
+ const avatarGreen = ` <svg\r
6585
+ width="100%"\r
6586
+ height="100%"\r
6587
+ viewBox="0 0 32 32"\r
6588
+ fill="none"\r
6589
+ xmlns="http://www.w3.org/2000/svg"\r
6590
+ >\r
6591
+ <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />\r
6592
+ <mask\r
6593
+ id="mask0_0_12744"\r
6594
+ style="mask-type: 'alpha';"\r
6595
+ maskUnits="userSpaceOnUse"\r
6596
+ x="0"\r
6597
+ y="0"\r
6598
+ width="32"\r
6599
+ height="32"\r
6600
+ >\r
6601
+ <circle cx="16" cy="16" r="16" fill="white" />\r
6602
+ </mask>\r
6603
+ <g mask="url(#mask0_0_12744)">\r
6604
+ <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />\r
6605
+ <mask\r
6606
+ id="mask1_0_12744"\r
6607
+ style="mask-type: 'alpha';"\r
6608
+ maskUnits="userSpaceOnUse"\r
6609
+ x="3"\r
6610
+ y="16"\r
6611
+ width="26"\r
6612
+ height="26"\r
6613
+ >\r
6614
+ <circle cx="16" cy="29" r="13" fill="white" />\r
6615
+ </mask>\r
6616
+ <g mask="url(#mask1_0_12744)">\r
6617
+ <ellipse\r
6618
+ cx="16"\r
6619
+ cy="17.5"\r
6620
+ rx="6"\r
6621
+ ry="7.5"\r
6622
+ fill="#505F79"\r
6623
+ fill-opacity="0.204983"\r
6624
+ />\r
6625
+ </g>\r
6626
+ </g>\r
6627
+ <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />\r
6628
+ <defs>\r
6629
+ <linearGradient\r
6630
+ id="paint0_linear_0_12744"\r
6631
+ x1="13.347"\r
6632
+ y1="46.279"\r
6633
+ x2="33.5318"\r
6634
+ y2="30.8088"\r
6635
+ gradientUnits="userSpaceOnUse"\r
6636
+ >\r
6637
+ <stop stop-color="#ABD229" />\r
6638
+ <stop offset="1" stop-color="#9CD03F" />\r
6639
+ </linearGradient>\r
6640
+ </defs>\r
6641
6641
  </svg>`;
6642
6642
  var complexIcons = {
6643
6643
  avatar: avatarGreen
@@ -12017,7 +12017,7 @@
12017
12017
  return _array_like_to_array$i(o, minLen);
12018
12018
  }
12019
12019
  var DatePicker = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
12020
- var data = _param.data, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? null : _param_selectedDate, minDate = _param.minDate, maxDate = _param.maxDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? null : _param_endDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? null : _param_startDate, locale2 = _param.locale, months = _param.months, _param_calendarStartDay = _param.calendarStartDay, calendarStartDay = _param_calendarStartDay === void 0 ? 1 : _param_calendarStartDay, _param_dateFormat = _param.dateFormat, dateFormat = _param_dateFormat === void 0 ? DEFAULT_DATE_FORMAT$2 : _param_dateFormat, monthsShown = _param.monthsShown, placeholder = _param.placeholder, _param_isRange = _param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, _param_isInline = _param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, isDisabled = _param.isDisabled, isClearable = _param.isClearable, strictParsing = _param.strictParsing, focusSelectedMonth = _param.focusSelectedMonth, disabledKeyboardNavigation = _param.disabledKeyboardNavigation, _param_shouldRenderPopperInBody = _param.shouldRenderPopperInBody, shouldRenderPopperInBody = _param_shouldRenderPopperInBody === void 0 ? false : _param_shouldRenderPopperInBody, _param_allowSameDay = _param.allowSameDay, allowSameDay = _param_allowSameDay === void 0 ? false : _param_allowSameDay, shouldCloseOnSelect = _param.shouldCloseOnSelect, showPreviousMonths = _param.showPreviousMonths, preventOpenOnFocus = _param.preventOpenOnFocus, popperModifiers = _param.popperModifiers, popperPlacement = _param.popperPlacement, todayButton = _param.todayButton, calendarContainer = _param.calendarContainer, dayClassName = _param.dayClassName, tmp = _param.customInput, CustomInput = tmp === void 0 ? DateInput : tmp, customInputRef = _param.customInputRef, renderCustomHeader = _param.renderCustomHeader, filterDate = _param.filterDate, onYearChange = _param.onYearChange, onMonthChange = _param.onMonthChange, onCalendarOpen = _param.onCalendarOpen, onCalendarClose = _param.onCalendarClose, onChangeDate = _param.onChangeDate, onChangeRange = _param.onChangeRange, onBlur = _param.onBlur, onFocus = _param.onFocus, onKeyDown = _param.onKeyDown, tweakStyles = _param.tweakStyles, inputProps = _object_without_properties$a(_param, [
12020
+ var data = _param.data, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? null : _param_selectedDate, minDate = _param.minDate, maxDate = _param.maxDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? null : _param_endDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? null : _param_startDate, locale2 = _param.locale, months = _param.months, _param_calendarStartDay = _param.calendarStartDay, calendarStartDay = _param_calendarStartDay === void 0 ? 1 : _param_calendarStartDay, _param_dateFormat = _param.dateFormat, dateFormat = _param_dateFormat === void 0 ? DEFAULT_DATE_FORMAT$2 : _param_dateFormat, monthsShown = _param.monthsShown, placeholder = _param.placeholder, _param_isRange = _param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, _param_isInline = _param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, isDisabled = _param.isDisabled, isClearable = _param.isClearable, strictParsing = _param.strictParsing, focusSelectedMonth = _param.focusSelectedMonth, disabledKeyboardNavigation = _param.disabledKeyboardNavigation, _param_shouldRenderPopperInBody = _param.shouldRenderPopperInBody, shouldRenderPopperInBody = _param_shouldRenderPopperInBody === void 0 ? false : _param_shouldRenderPopperInBody, _param_allowSameDay = _param.allowSameDay, allowSameDay = _param_allowSameDay === void 0 ? false : _param_allowSameDay, shouldCloseOnSelect = _param.shouldCloseOnSelect, showPreviousMonths = _param.showPreviousMonths, preventOpenOnFocus = _param.preventOpenOnFocus, popperModifiers = _param.popperModifiers, popperPlacement = _param.popperPlacement, todayButton = _param.todayButton, highlightDates = _param.highlightDates, calendarContainer = _param.calendarContainer, dayClassName = _param.dayClassName, tmp = _param.customInput, CustomInput = tmp === void 0 ? DateInput : tmp, customInputRef = _param.customInputRef, renderCustomHeader = _param.renderCustomHeader, filterDate = _param.filterDate, onYearChange = _param.onYearChange, onMonthChange = _param.onMonthChange, onCalendarOpen = _param.onCalendarOpen, onCalendarClose = _param.onCalendarClose, onChangeDate = _param.onChangeDate, onChangeRange = _param.onChangeRange, onBlur = _param.onBlur, onFocus = _param.onFocus, onKeyDown = _param.onKeyDown, tweakStyles = _param.tweakStyles, inputProps = _object_without_properties$a(_param, [
12021
12021
  "data",
12022
12022
  "selectedDate",
12023
12023
  "minDate",
@@ -12045,6 +12045,7 @@
12045
12045
  "popperModifiers",
12046
12046
  "popperPlacement",
12047
12047
  "todayButton",
12048
+ "highlightDates",
12048
12049
  "calendarContainer",
12049
12050
  "dayClassName",
12050
12051
  "customInput",
@@ -12222,6 +12223,7 @@
12222
12223
  }));
12223
12224
  },
12224
12225
  todayButton,
12226
+ highlightDates,
12225
12227
  calendarContainer,
12226
12228
  filterDate,
12227
12229
  onYearChange,
@@ -28921,9 +28923,7 @@
28921
28923
  invalid: {
28922
28924
  borderColor: "red"
28923
28925
  },
28924
- invalidLabel: {
28925
- color: "red"
28926
- },
28926
+ invalidLabel: {},
28927
28927
  error: {
28928
28928
  fontSize: 12,
28929
28929
  paddingTop: 4,