@true-engineering/true-react-common-ui-kit 3.0.0-alpha.20 → 3.0.0-alpha.21
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/dist/components/Flag/augment.d.ts +1 -1
- package/dist/components/Icon/complexIcons/augment.d.ts +1 -1
- package/dist/components/List/List.d.ts +2 -2
- package/dist/components/List/types.d.ts +2 -2
- package/dist/true-react-common-ui-kit.js +62 -62
- package/dist/true-react-common-ui-kit.js.map +1 -1
- package/dist/true-react-common-ui-kit.umd.cjs +62 -62
- package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
- package/dist/vite-env.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/AddButton/AddButton.stories.tsx +21 -21
- package/src/components/Colors/Colors.stories.tsx +7 -7
- package/src/components/DateInput/constants.ts +2 -2
- package/src/components/Flag/augment.d.ts +1 -1
- 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/List/List.tsx +6 -6
- package/src/components/List/types.ts +2 -2
- package/src/components/MoreMenu/MoreMenu.stories.tsx +46 -46
- package/src/components/NumberInput/index.ts +1 -1
- package/src/components/PhoneInput/types.ts +16 -16
- package/src/components/ScrollIntoViewIfNeeded/index.ts +1 -1
- package/src/components/Select/constants.ts +2 -2
- package/src/components/Select/types.ts +1 -1
- package/src/components/TextWithTooltip/TextWithTooltip.stories.tsx +58 -58
- package/src/components/ThemedPreloader/components/DefaultPreloader/index.ts +1 -1
- package/src/components/Tooltip/types.ts +1 -1
- package/src/helpers/popper-helpers.ts +17 -17
- package/src/hooks/use-is-mounted.ts +15 -15
- package/src/vite-env.d.ts +1 -1
|
@@ -4101,63 +4101,63 @@
|
|
|
4101
4101
|
return trueReactPlatformHelpers.mergeRefs(refs);
|
|
4102
4102
|
}, refs);
|
|
4103
4103
|
};
|
|
4104
|
-
const avatarGreen = ` <svg
|
|
4105
|
-
width="100%"
|
|
4106
|
-
height="100%"
|
|
4107
|
-
viewBox="0 0 32 32"
|
|
4108
|
-
fill="none"
|
|
4109
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
4110
|
-
|
|
4111
|
-
<circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED"
|
|
4112
|
-
<mask
|
|
4113
|
-
id="mask0_0_12744"
|
|
4114
|
-
style="mask-type: 'alpha';"
|
|
4115
|
-
maskUnits="userSpaceOnUse"
|
|
4116
|
-
x="0"
|
|
4117
|
-
y="0"
|
|
4118
|
-
width="32"
|
|
4119
|
-
height="32"
|
|
4120
|
-
|
|
4121
|
-
<circle cx="16" cy="16" r="16" fill="white"
|
|
4122
|
-
</mask
|
|
4123
|
-
<g mask="url(#mask0_0_12744)"
|
|
4124
|
-
<circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)"
|
|
4125
|
-
<mask
|
|
4126
|
-
id="mask1_0_12744"
|
|
4127
|
-
style="mask-type: 'alpha';"
|
|
4128
|
-
maskUnits="userSpaceOnUse"
|
|
4129
|
-
x="3"
|
|
4130
|
-
y="16"
|
|
4131
|
-
width="26"
|
|
4132
|
-
height="26"
|
|
4133
|
-
|
|
4134
|
-
<circle cx="16" cy="29" r="13" fill="white"
|
|
4135
|
-
</mask
|
|
4136
|
-
<g mask="url(#mask1_0_12744)"
|
|
4137
|
-
<ellipse
|
|
4138
|
-
cx="16"
|
|
4139
|
-
cy="17.5"
|
|
4140
|
-
rx="6"
|
|
4141
|
-
ry="7.5"
|
|
4142
|
-
fill="#505F79"
|
|
4143
|
-
fill-opacity="0.204983"
|
|
4144
|
-
|
|
4145
|
-
</g
|
|
4146
|
-
</g
|
|
4147
|
-
<ellipse cx="16" cy="13" rx="6" ry="7" fill="white"
|
|
4148
|
-
<defs
|
|
4149
|
-
<linearGradient
|
|
4150
|
-
id="paint0_linear_0_12744"
|
|
4151
|
-
x1="13.347"
|
|
4152
|
-
y1="46.279"
|
|
4153
|
-
x2="33.5318"
|
|
4154
|
-
y2="30.8088"
|
|
4155
|
-
gradientUnits="userSpaceOnUse"
|
|
4156
|
-
|
|
4157
|
-
<stop stop-color="#ABD229"
|
|
4158
|
-
<stop offset="1" stop-color="#9CD03F"
|
|
4159
|
-
</linearGradient
|
|
4160
|
-
</defs
|
|
4104
|
+
const avatarGreen = ` <svg
|
|
4105
|
+
width="100%"
|
|
4106
|
+
height="100%"
|
|
4107
|
+
viewBox="0 0 32 32"
|
|
4108
|
+
fill="none"
|
|
4109
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
4110
|
+
>
|
|
4111
|
+
<circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />
|
|
4112
|
+
<mask
|
|
4113
|
+
id="mask0_0_12744"
|
|
4114
|
+
style="mask-type: 'alpha';"
|
|
4115
|
+
maskUnits="userSpaceOnUse"
|
|
4116
|
+
x="0"
|
|
4117
|
+
y="0"
|
|
4118
|
+
width="32"
|
|
4119
|
+
height="32"
|
|
4120
|
+
>
|
|
4121
|
+
<circle cx="16" cy="16" r="16" fill="white" />
|
|
4122
|
+
</mask>
|
|
4123
|
+
<g mask="url(#mask0_0_12744)">
|
|
4124
|
+
<circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />
|
|
4125
|
+
<mask
|
|
4126
|
+
id="mask1_0_12744"
|
|
4127
|
+
style="mask-type: 'alpha';"
|
|
4128
|
+
maskUnits="userSpaceOnUse"
|
|
4129
|
+
x="3"
|
|
4130
|
+
y="16"
|
|
4131
|
+
width="26"
|
|
4132
|
+
height="26"
|
|
4133
|
+
>
|
|
4134
|
+
<circle cx="16" cy="29" r="13" fill="white" />
|
|
4135
|
+
</mask>
|
|
4136
|
+
<g mask="url(#mask1_0_12744)">
|
|
4137
|
+
<ellipse
|
|
4138
|
+
cx="16"
|
|
4139
|
+
cy="17.5"
|
|
4140
|
+
rx="6"
|
|
4141
|
+
ry="7.5"
|
|
4142
|
+
fill="#505F79"
|
|
4143
|
+
fill-opacity="0.204983"
|
|
4144
|
+
/>
|
|
4145
|
+
</g>
|
|
4146
|
+
</g>
|
|
4147
|
+
<ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />
|
|
4148
|
+
<defs>
|
|
4149
|
+
<linearGradient
|
|
4150
|
+
id="paint0_linear_0_12744"
|
|
4151
|
+
x1="13.347"
|
|
4152
|
+
y1="46.279"
|
|
4153
|
+
x2="33.5318"
|
|
4154
|
+
y2="30.8088"
|
|
4155
|
+
gradientUnits="userSpaceOnUse"
|
|
4156
|
+
>
|
|
4157
|
+
<stop stop-color="#ABD229" />
|
|
4158
|
+
<stop offset="1" stop-color="#9CD03F" />
|
|
4159
|
+
</linearGradient>
|
|
4160
|
+
</defs>
|
|
4161
4161
|
</svg>`;
|
|
4162
4162
|
var complexIcons = {
|
|
4163
4163
|
avatar: avatarGreen
|
|
@@ -5302,9 +5302,9 @@
|
|
|
5302
5302
|
var classes = useStyles$L({
|
|
5303
5303
|
theme: tweakStyles
|
|
5304
5304
|
});
|
|
5305
|
-
var handleItemClick = function(item) {
|
|
5306
|
-
item.onClick();
|
|
5307
|
-
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
5305
|
+
var handleItemClick = function(event, item) {
|
|
5306
|
+
item.onClick(event);
|
|
5307
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
5308
5308
|
};
|
|
5309
5309
|
var _item_testId;
|
|
5310
5310
|
return /* @__PURE__ */ jsx("div", _object_spread_props$E(_object_spread$N({
|
|
@@ -5319,8 +5319,8 @@
|
|
|
5319
5319
|
}),
|
|
5320
5320
|
/* @__PURE__ */ jsxs("div", _object_spread_props$E(_object_spread$N({
|
|
5321
5321
|
className: clsx(classes.item, (_obj = {}, _define_property$P(_obj, classes.disabledItem, item.disabled), _define_property$P(_obj, classes.withIconGap, item.withIconGap), _obj)),
|
|
5322
|
-
onClick: item.disabled ? void 0 : function() {
|
|
5323
|
-
return handleItemClick(item);
|
|
5322
|
+
onClick: item.disabled ? void 0 : function(event) {
|
|
5323
|
+
return handleItemClick(event, item);
|
|
5324
5324
|
}
|
|
5325
5325
|
}, trueReactPlatformHelpers.addDataTestId((_item_testId = item.testId) !== null && _item_testId !== void 0 ? _item_testId : trueReactPlatformHelpers.getTestId(testId, "item-".concat(idx))), item.disabled && addDataAttributes({
|
|
5326
5326
|
disabled: item.disabled
|