@true-engineering/true-react-common-ui-kit 3.20.1 → 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.
- package/LICENSE +201 -201
- package/README.md +6 -0
- package/dist/components/DatePicker/types.d.ts +1 -1
- package/dist/components/WithPopup/WithPopup.d.ts +1 -1
- package/dist/true-react-common-ui-kit.js +60 -58
- package/dist/true-react-common-ui-kit.js.map +1 -1
- package/dist/true-react-common-ui-kit.umd.cjs +60 -58
- package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
- package/package.json +1 -1
- package/src/components/AccountInfo/AccountInfo.stories.tsx +32 -32
- package/src/components/AccountInfo/AccountInfo.tsx +80 -80
- package/src/components/AddButton/AddButton.stories.tsx +21 -21
- package/src/components/AddButton/AddButton.tsx +52 -52
- package/src/components/Button/Button.tsx +129 -129
- package/src/components/Colors/Colors.stories.tsx +7 -7
- package/src/components/DateInput/DateInput.tsx +90 -90
- package/src/components/DateInput/constants.ts +2 -2
- package/src/components/DatePicker/DatePicker.tsx +310 -308
- package/src/components/DatePicker/types.ts +1 -0
- package/src/components/Description/Description.stories.tsx +27 -27
- package/src/components/Description/Description.tsx +61 -61
- package/src/components/FiltersPane/components/FilterValueView/FilterValueView.tsx +166 -166
- package/src/components/FiltersPane/components/FilterWithDates/FilterWithDates.tsx +210 -210
- package/src/components/FiltersPane/components/FilterWithPeriod/FilterWithPeriod.tsx +177 -177
- package/src/components/Flag/Flag.stories.tsx +29 -29
- package/src/components/Flag/Flag.tsx +26 -26
- package/src/components/Flag/augment.d.ts +1 -1
- package/src/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.styles.ts +38 -38
- package/src/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.styles.ts +25 -25
- package/src/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.tsx +196 -196
- package/src/components/FlexibleTable/helpers.ts +13 -13
- package/src/components/Icon/Icon.stories.tsx +86 -86
- package/src/components/Icon/complexIcons/augment.d.ts +1 -1
- package/src/components/Icon/complexIcons/avatarGreen.svg +57 -57
- package/src/components/Icon/complexIcons/index.ts +1 -1
- package/src/components/IncrementInput/IncrementInput.tsx +105 -105
- package/src/components/Input/Input.tsx +297 -297
- package/src/components/Input/types.ts +32 -32
- package/src/components/List/List.stories.tsx +70 -70
- package/src/components/List/List.tsx +33 -33
- package/src/components/List/components/ListItem/ListItem.tsx +57 -57
- package/src/components/Modal/Modal.stories.tsx +105 -105
- package/src/components/MultiSelect/MultiSelect.stories.tsx +46 -46
- package/src/components/MultiSelect/MultiSelect.tsx +106 -106
- package/src/components/MultiSelect/components/MultiSelectInput/MultiSelectInput.tsx +53 -53
- package/src/components/Notification/Notification.stories.tsx +46 -46
- package/src/components/Notification/Notification.tsx +69 -69
- package/src/components/NumberInput/NumberInput.tsx +137 -137
- package/src/components/NumberInput/index.ts +1 -1
- package/src/components/PhoneInput/PhoneInput.tsx +214 -214
- package/src/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.tsx +155 -155
- package/src/components/PhoneInput/types.ts +16 -16
- package/src/components/RadioButton/RadioButton.stories.tsx +46 -46
- package/src/components/RadioButton/RadioButton.tsx +57 -57
- package/src/components/ScrollIntoViewIfNeeded/index.ts +1 -1
- package/src/components/Select/MultiSelect.stories.tsx +240 -240
- package/src/components/Select/Select.stories.tsx +235 -235
- package/src/components/Select/constants.ts +2 -2
- package/src/components/Select/types.ts +1 -1
- package/src/components/Selector/Selector.stories.tsx +62 -62
- package/src/components/Selector/Selector.tsx +115 -115
- package/src/components/Selector/index.ts +2 -2
- package/src/components/Selector/types.ts +12 -12
- package/src/components/Skeleton/Skeleton.stories.tsx +19 -19
- package/src/components/SmartInput/SmartInput.tsx +134 -134
- package/src/components/Status/Status.stories.tsx +73 -73
- package/src/components/Status/Status.styles.ts +143 -143
- package/src/components/Status/Status.tsx +49 -49
- package/src/components/Status/constants.ts +11 -11
- package/src/components/Status/index.ts +3 -3
- package/src/components/Status/types.ts +5 -5
- package/src/components/Switch/Switch.stories.tsx +40 -40
- package/src/components/Switch/Switch.tsx +75 -75
- package/src/components/TextWithInfo/TextWithInfo.stories.tsx +53 -53
- package/src/components/TextWithInfo/TextWithInfo.tsx +62 -62
- package/src/components/TextWithTooltip/TextWithTooltip.stories.tsx +58 -58
- package/src/components/ThemedPreloader/ThemedPreloader.stories.tsx +41 -41
- package/src/components/ThemedPreloader/ThemedPreloader.tsx +54 -54
- package/src/components/ThemedPreloader/components/DefaultPreloader/index.ts +1 -1
- package/src/components/Toaster/Toaster.stories.tsx +30 -30
- package/src/components/Tooltip/Tooltip.stories.tsx +19 -19
- package/src/components/Tooltip/Tooltip.tsx +35 -35
- package/src/components/Tooltip/types.ts +1 -1
- package/src/components/WithPopup/WithPopup.tsx +1 -1
- package/src/helpers/popper-helpers.ts +17 -17
- package/src/hooks/use-dropdown.ts +84 -84
- package/src/hooks/use-is-mounted.ts +15 -15
- package/src/theme/helpers.ts +76 -76
- 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,
|