@true-engineering/true-react-common-ui-kit 3.30.0 → 3.31.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/FlexibleTable/types.d.ts +17 -16
- package/dist/true-react-common-ui-kit.js +57 -57
- package/dist/true-react-common-ui-kit.js.map +1 -1
- package/dist/true-react-common-ui-kit.umd.cjs +57 -57
- 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/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/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/types.ts +22 -16
- 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/types.ts +32 -32
- 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/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/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
|
@@ -6656,63 +6656,63 @@
|
|
|
6656
6656
|
return trueReactPlatformHelpers.mergeRefs(refs);
|
|
6657
6657
|
}, refs);
|
|
6658
6658
|
};
|
|
6659
|
-
const avatarGreen = ` <svg
|
|
6660
|
-
width="100%"
|
|
6661
|
-
height="100%"
|
|
6662
|
-
viewBox="0 0 32 32"
|
|
6663
|
-
fill="none"
|
|
6664
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
6665
|
-
|
|
6666
|
-
<circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED"
|
|
6667
|
-
<mask
|
|
6668
|
-
id="mask0_0_12744"
|
|
6669
|
-
style="mask-type: 'alpha';"
|
|
6670
|
-
maskUnits="userSpaceOnUse"
|
|
6671
|
-
x="0"
|
|
6672
|
-
y="0"
|
|
6673
|
-
width="32"
|
|
6674
|
-
height="32"
|
|
6675
|
-
|
|
6676
|
-
<circle cx="16" cy="16" r="16" fill="white"
|
|
6677
|
-
</mask
|
|
6678
|
-
<g mask="url(#mask0_0_12744)"
|
|
6679
|
-
<circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)"
|
|
6680
|
-
<mask
|
|
6681
|
-
id="mask1_0_12744"
|
|
6682
|
-
style="mask-type: 'alpha';"
|
|
6683
|
-
maskUnits="userSpaceOnUse"
|
|
6684
|
-
x="3"
|
|
6685
|
-
y="16"
|
|
6686
|
-
width="26"
|
|
6687
|
-
height="26"
|
|
6688
|
-
|
|
6689
|
-
<circle cx="16" cy="29" r="13" fill="white"
|
|
6690
|
-
</mask
|
|
6691
|
-
<g mask="url(#mask1_0_12744)"
|
|
6692
|
-
<ellipse
|
|
6693
|
-
cx="16"
|
|
6694
|
-
cy="17.5"
|
|
6695
|
-
rx="6"
|
|
6696
|
-
ry="7.5"
|
|
6697
|
-
fill="#505F79"
|
|
6698
|
-
fill-opacity="0.204983"
|
|
6699
|
-
|
|
6700
|
-
</g
|
|
6701
|
-
</g
|
|
6702
|
-
<ellipse cx="16" cy="13" rx="6" ry="7" fill="white"
|
|
6703
|
-
<defs
|
|
6704
|
-
<linearGradient
|
|
6705
|
-
id="paint0_linear_0_12744"
|
|
6706
|
-
x1="13.347"
|
|
6707
|
-
y1="46.279"
|
|
6708
|
-
x2="33.5318"
|
|
6709
|
-
y2="30.8088"
|
|
6710
|
-
gradientUnits="userSpaceOnUse"
|
|
6711
|
-
|
|
6712
|
-
<stop stop-color="#ABD229"
|
|
6713
|
-
<stop offset="1" stop-color="#9CD03F"
|
|
6714
|
-
</linearGradient
|
|
6715
|
-
</defs
|
|
6659
|
+
const avatarGreen = ` <svg\r
|
|
6660
|
+
width="100%"\r
|
|
6661
|
+
height="100%"\r
|
|
6662
|
+
viewBox="0 0 32 32"\r
|
|
6663
|
+
fill="none"\r
|
|
6664
|
+
xmlns="http://www.w3.org/2000/svg"\r
|
|
6665
|
+
>\r
|
|
6666
|
+
<circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />\r
|
|
6667
|
+
<mask\r
|
|
6668
|
+
id="mask0_0_12744"\r
|
|
6669
|
+
style="mask-type: 'alpha';"\r
|
|
6670
|
+
maskUnits="userSpaceOnUse"\r
|
|
6671
|
+
x="0"\r
|
|
6672
|
+
y="0"\r
|
|
6673
|
+
width="32"\r
|
|
6674
|
+
height="32"\r
|
|
6675
|
+
>\r
|
|
6676
|
+
<circle cx="16" cy="16" r="16" fill="white" />\r
|
|
6677
|
+
</mask>\r
|
|
6678
|
+
<g mask="url(#mask0_0_12744)">\r
|
|
6679
|
+
<circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />\r
|
|
6680
|
+
<mask\r
|
|
6681
|
+
id="mask1_0_12744"\r
|
|
6682
|
+
style="mask-type: 'alpha';"\r
|
|
6683
|
+
maskUnits="userSpaceOnUse"\r
|
|
6684
|
+
x="3"\r
|
|
6685
|
+
y="16"\r
|
|
6686
|
+
width="26"\r
|
|
6687
|
+
height="26"\r
|
|
6688
|
+
>\r
|
|
6689
|
+
<circle cx="16" cy="29" r="13" fill="white" />\r
|
|
6690
|
+
</mask>\r
|
|
6691
|
+
<g mask="url(#mask1_0_12744)">\r
|
|
6692
|
+
<ellipse\r
|
|
6693
|
+
cx="16"\r
|
|
6694
|
+
cy="17.5"\r
|
|
6695
|
+
rx="6"\r
|
|
6696
|
+
ry="7.5"\r
|
|
6697
|
+
fill="#505F79"\r
|
|
6698
|
+
fill-opacity="0.204983"\r
|
|
6699
|
+
/>\r
|
|
6700
|
+
</g>\r
|
|
6701
|
+
</g>\r
|
|
6702
|
+
<ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />\r
|
|
6703
|
+
<defs>\r
|
|
6704
|
+
<linearGradient\r
|
|
6705
|
+
id="paint0_linear_0_12744"\r
|
|
6706
|
+
x1="13.347"\r
|
|
6707
|
+
y1="46.279"\r
|
|
6708
|
+
x2="33.5318"\r
|
|
6709
|
+
y2="30.8088"\r
|
|
6710
|
+
gradientUnits="userSpaceOnUse"\r
|
|
6711
|
+
>\r
|
|
6712
|
+
<stop stop-color="#ABD229" />\r
|
|
6713
|
+
<stop offset="1" stop-color="#9CD03F" />\r
|
|
6714
|
+
</linearGradient>\r
|
|
6715
|
+
</defs>\r
|
|
6716
6716
|
</svg>`;
|
|
6717
6717
|
const fileExcel = '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none">\r\n <rect width="20" height="20" rx="4" fill="#21A366"/>\r\n <rect width="20" height="20" rx="4" fill="url(#paint0_linear_0_16081)" style="mix-blend-mode:overlay"/>\r\n <path d="M8.00342 14.5244L10.0728 11.3062L12.1357 14.5244H14.4019L11.2217 9.73828L14.1162 5.21875H11.939L10.1108 8.2085L8.24463 5.21875H6.04834L8.93018 9.66846L5.75 14.5244H8.00342Z" fill="white"/>\r\n <defs>\r\n <linearGradient id="paint0_linear_0_16081" x1="-9.95187" y1="9.95187" x2="9.95187" y2="29.8556" gradientUnits="userSpaceOnUse">\r\n <stop stop-color="white" stop-opacity="0.245559"/>\r\n <stop offset="1" stop-opacity="0.498578"/>\r\n </linearGradient>\r\n </defs>\r\n</svg>';
|
|
6718
6718
|
const fileImage = '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none">\r\n <rect width="20" height="20" rx="4" fill="#FF991F"/>\r\n <rect width="20" height="20" rx="4" fill="url(#paint0_linear_0_16103)" style="mix-blend-mode:overlay"/>\r\n <path fill-rule="evenodd" clip-rule="evenodd" d="M3.90113 15C3.09595 15 2.62093 14.097 3.07709 13.4335L6.67606 8.19861C7.07341 7.62064 7.9268 7.62065 8.32414 8.19861L13.0001 15H3.90113Z" fill="white"/>\r\n <path fill-rule="evenodd" clip-rule="evenodd" d="M9.53962 15L12.7076 10.2481C13.1034 9.65434 13.9758 9.65434 14.3717 10.2481L16.5031 13.4453C16.9462 14.1099 16.4698 15 15.6711 15H9.53962Z" fill="white"/>\r\n <path d="M16.0001 5.5C16.0001 6.32843 15.3285 7 14.5001 7C13.6717 7 13.0001 6.32843 13.0001 5.5C13.0001 4.67157 13.6717 4 14.5001 4C15.3285 4 16.0001 4.67157 16.0001 5.5Z" fill="white"/>\r\n <defs>\r\n <linearGradient id="paint0_linear_0_16103" x1="-9.95187" y1="9.95187" x2="9.95187" y2="29.8556" gradientUnits="userSpaceOnUse">\r\n <stop stop-color="white" stop-opacity="0.245559"/>\r\n <stop offset="1" stop-opacity="0.498578"/>\r\n </linearGradient>\r\n </defs>\r\n</svg>';
|