@expressms/smartapp-ui 2.1.2 → 2.1.4
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/build/main/assets/icons/crown.svg +7 -0
- package/build/main/assets/icons/delete-chip.svg +5 -5
- package/build/main/assets/icons/external-link.svg +3 -0
- package/build/main/assets/icons/info.svg +5 -0
- package/build/main/assets/icons/mail.svg +3 -0
- package/build/main/assets/icons/tick.svg +10 -0
- package/build/main/constants/constants.d.ts +2 -0
- package/build/main/constants/constants.js +2 -0
- package/build/main/constants/constants.js.map +1 -1
- package/build/main/constants/types.d.ts +5 -0
- package/build/main/helpers/index.d.ts +2 -1
- package/build/main/helpers/index.js +5 -0
- package/build/main/helpers/index.js.map +1 -1
- package/build/main/styles/styles.scss +2 -2
- package/build/main//321/201omponents/Avatar/Avatar.d.ts +1 -1
- package/build/main//321/201omponents/Avatar/Avatar.js +74 -7
- package/build/main//321/201omponents/Avatar/Avatar.js.map +1 -1
- package/build/main//321/201omponents/Avatar/types.d.ts +12 -5
- package/build/main//321/201omponents/Avatar/types.js +2 -2
- package/build/main//321/201omponents/Avatar/types.js.map +1 -1
- package/build/main//321/201omponents/Button/Button.d.ts +1 -1
- package/build/main//321/201omponents/Button/Button.js +5 -3
- package/build/main//321/201omponents/Button/Button.js.map +1 -1
- package/build/main//321/201omponents/Button/types.d.ts +2 -1
- package/build/main//321/201omponents/Chip/Chip.js +1 -1
- package/build/main//321/201omponents/Chip/Chip.js.map +1 -1
- package/build/main//321/201omponents/Input/Input.d.ts +1 -1
- package/build/main//321/201omponents/Input/Input.js +29 -9
- package/build/main//321/201omponents/Input/Input.js.map +1 -1
- package/build/main//321/201omponents/Input/types.d.ts +0 -1
- package/build/main//321/201omponents/Notification/Notification.d.ts +1 -1
- package/build/main//321/201omponents/Notification/Notification.js +6 -12
- package/build/main//321/201omponents/Notification/Notification.js.map +1 -1
- package/build/main//321/201omponents/Notification/types.d.ts +1 -1
- package/build/main//321/201omponents/Stories/Stories.js +3 -2
- package/build/main//321/201omponents/Stories/Stories.js.map +1 -1
- package/build/main//321/201omponents/Stories/types.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IAvatarProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Avatar: ({ username, avatar, onClick,
|
|
3
|
+
declare const Avatar: ({ theme, isSelected, isHighlighted, isSpam, isCrown, size, username, initials, avatar, counter, onClick, }: IAvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Avatar;
|
|
@@ -9,25 +9,46 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
import
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import classNames from 'classnames';
|
|
14
|
+
import { getInitials, getPercentageOfValue, isDarkTheme, userNameToColor } from '../../helpers';
|
|
14
15
|
import { AvatarFontSizes } from './types';
|
|
16
|
+
import { COLORS, THEME } from '../../constants';
|
|
17
|
+
import { ReactComponent as TickIcon } from '../../assets/icons/tick.svg';
|
|
18
|
+
import { ReactComponent as InfoIcon } from '../../assets/icons/info.svg';
|
|
19
|
+
import { ReactComponent as CrownIcon } from '../../assets/icons/crown.svg';
|
|
15
20
|
import '../../styles/styles.scss';
|
|
21
|
+
var PERCENTS;
|
|
22
|
+
(function (PERCENTS) {
|
|
23
|
+
PERCENTS[PERCENTS["pct_5"] = 5] = "pct_5";
|
|
24
|
+
PERCENTS[PERCENTS["pct_10"] = 10] = "pct_10";
|
|
25
|
+
PERCENTS[PERCENTS["pct_12_5"] = 12.5] = "pct_12_5";
|
|
26
|
+
PERCENTS[PERCENTS["pct_15"] = 15] = "pct_15";
|
|
27
|
+
PERCENTS[PERCENTS["pct_40"] = 40] = "pct_40";
|
|
28
|
+
PERCENTS[PERCENTS["pct_50"] = 50] = "pct_50";
|
|
29
|
+
PERCENTS[PERCENTS["pct_57"] = 57] = "pct_57";
|
|
30
|
+
PERCENTS[PERCENTS["pct_60"] = 60] = "pct_60";
|
|
31
|
+
PERCENTS[PERCENTS["pct_75"] = 75] = "pct_75";
|
|
32
|
+
})(PERCENTS || (PERCENTS = {}));
|
|
33
|
+
var MAX_NUMBER_OF_CHARACTERS_IN_INITIALS = 2;
|
|
16
34
|
var Avatar = function (_a) {
|
|
17
|
-
var
|
|
35
|
+
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, isSelected = _a.isSelected, isHighlighted = _a.isHighlighted, isSpam = _a.isSpam, isCrown = _a.isCrown, _c = _a.size, size = _c === void 0 ? 44 : _c, _d = _a.username, username = _d === void 0 ? '' : _d, initials = _a.initials, avatar = _a.avatar, _e = _a.counter, counter = _e === void 0 ? 0 : _e, _f = _a.onClick, onClick = _f === void 0 ? function () { return undefined; } : _f;
|
|
36
|
+
var outlineBackground = isDarkTheme(theme) ? COLORS.brightBlack : COLORS.white;
|
|
37
|
+
var outlineWidth = getPercentageOfValue({ value: size, percentage: PERCENTS.pct_5, shouldBeRounded: false });
|
|
18
38
|
var getFontSizeAvatar = function () {
|
|
19
39
|
switch (size) {
|
|
20
40
|
case 20:
|
|
21
41
|
case 24: {
|
|
22
42
|
return AvatarFontSizes.lowest;
|
|
23
43
|
}
|
|
24
|
-
case 32:
|
|
44
|
+
case 32:
|
|
45
|
+
case 40: {
|
|
25
46
|
return AvatarFontSizes.small;
|
|
26
47
|
}
|
|
27
|
-
case
|
|
48
|
+
case 44: {
|
|
28
49
|
return AvatarFontSizes.average;
|
|
29
50
|
}
|
|
30
|
-
case
|
|
51
|
+
case 56: {
|
|
31
52
|
return AvatarFontSizes.high;
|
|
32
53
|
}
|
|
33
54
|
case 100: {
|
|
@@ -35,7 +56,53 @@ var Avatar = function (_a) {
|
|
|
35
56
|
}
|
|
36
57
|
}
|
|
37
58
|
};
|
|
38
|
-
|
|
59
|
+
var renderUserInitials = function () { return (initials === null || initials === void 0 ? void 0 : initials.slice(0, MAX_NUMBER_OF_CHARACTERS_IN_INITIALS).toUpperCase()) || getInitials(username); };
|
|
60
|
+
var renderContent = function () {
|
|
61
|
+
if (isSelected) {
|
|
62
|
+
var tickSize = getPercentageOfValue({ value: size, percentage: PERCENTS.pct_57 });
|
|
63
|
+
return _jsx(TickIcon, { width: tickSize, height: tickSize });
|
|
64
|
+
}
|
|
65
|
+
if (isSpam) {
|
|
66
|
+
var infoSize = getPercentageOfValue({ value: size, percentage: PERCENTS.pct_60 });
|
|
67
|
+
return _jsx(InfoIcon, { width: infoSize, height: infoSize });
|
|
68
|
+
}
|
|
69
|
+
return avatar ? _jsx("img", { src: avatar, alt: "avatar" }) : renderUserInitials();
|
|
70
|
+
};
|
|
71
|
+
var renderCounter = function () {
|
|
72
|
+
var isSingleDigitNumber = counter <= 9;
|
|
73
|
+
var counterText = isSingleDigitNumber ? counter : '9+';
|
|
74
|
+
var width = getPercentageOfValue({ value: size, percentage: isSingleDigitNumber ? PERCENTS.pct_40 : PERCENTS.pct_50 });
|
|
75
|
+
var height = getPercentageOfValue({ value: size, percentage: PERCENTS.pct_40 });
|
|
76
|
+
var fontSize = getPercentageOfValue({ value: height, percentage: PERCENTS.pct_75 });
|
|
77
|
+
var position = getPercentageOfValue({ value: size, percentage: PERCENTS.pct_15 });
|
|
78
|
+
var borderWidth = getPercentageOfValue({ value: size, percentage: PERCENTS.pct_5, shouldBeRounded: false });
|
|
79
|
+
var borderRadius = isSingleDigitNumber ? '50%' : "".concat(height * 1.5625, "px");
|
|
80
|
+
return (_jsx("div", __assign({ className: "smartapp-avatar__content--counter", style: {
|
|
81
|
+
width: "".concat(width, "px"),
|
|
82
|
+
height: "".concat(height, "px"),
|
|
83
|
+
top: "-".concat(position, "px"),
|
|
84
|
+
right: "-".concat(position, "px"),
|
|
85
|
+
fontSize: "".concat(fontSize, "px"),
|
|
86
|
+
border: "".concat(borderWidth, "px solid ").concat(outlineBackground),
|
|
87
|
+
borderRadius: borderRadius,
|
|
88
|
+
} }, { children: counterText })));
|
|
89
|
+
};
|
|
90
|
+
var renderCrown = function () {
|
|
91
|
+
var bottom = getPercentageOfValue({ value: size, percentage: PERCENTS.pct_10 });
|
|
92
|
+
var right = getPercentageOfValue({ value: size, percentage: PERCENTS.pct_12_5 });
|
|
93
|
+
var crownSize = getPercentageOfValue({ value: size, percentage: PERCENTS.pct_50 });
|
|
94
|
+
return (_jsx(CrownIcon, { className: "smartapp-avatar__content--crown", width: crownSize, height: crownSize, color: outlineBackground, style: { bottom: "-".concat(bottom, "px"), right: "-".concat(right, "px") } }));
|
|
95
|
+
};
|
|
96
|
+
var getAvatarContentStyles = function () { return ({
|
|
97
|
+
width: "".concat(size, "px"),
|
|
98
|
+
minWidth: "".concat(size, "px"),
|
|
99
|
+
height: "".concat(size, "px"),
|
|
100
|
+
fontSize: getFontSizeAvatar(),
|
|
101
|
+
background: userNameToColor(username),
|
|
102
|
+
}); };
|
|
103
|
+
return (_jsx("div", __assign({ className: classNames('smartapp-avatar', "smartapp-avatar__".concat(theme), { 'smartapp-avatar__outline': isHighlighted }), style: { '--avatar-outline-width': "".concat(outlineWidth, "px") }, onClick: onClick }, { children: _jsxs("div", __assign({ style: getAvatarContentStyles(), className: classNames('smartapp-avatar__content', {
|
|
104
|
+
'smartapp-avatar__content--spam': isSpam,
|
|
105
|
+
}) }, { children: [!!counter && renderCounter(), renderContent(), isCrown && renderCrown()] })) })));
|
|
39
106
|
};
|
|
40
107
|
export default Avatar;
|
|
41
108
|
//# sourceMappingURL=Avatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/F,OAAO,EAAE,eAAe,EAAgB,MAAM,SAAS,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACxE,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACxE,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAC1E,OAAO,0BAA0B,CAAA;AAEjC,IAAK,QAUJ;AAVD,WAAK,QAAQ;IACX,yCAAS,CAAA;IACT,4CAAW,CAAA;IACX,kDAAe,CAAA;IACf,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;AACb,CAAC,EAVI,QAAQ,KAAR,QAAQ,QAUZ;AAED,IAAM,oCAAoC,GAAW,CAAC,CAAA;AAEtD,IAAM,MAAM,GAAG,UAAC,EAYD;QAXb,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA,EACrB,UAAU,gBAAA,EACV,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,OAAO,aAAA,EACP,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA,EACX,eAAyB,EAAzB,OAAO,mBAAG,cAAM,OAAA,SAAS,EAAT,CAAS,KAAA;IAEzB,IAAM,iBAAiB,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;IAChF,IAAM,YAAY,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,CAAA;IAE9G,IAAM,iBAAiB,GAAG;QACxB,QAAQ,IAAI,EAAE;YACZ,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC,CAAC;gBACP,OAAO,eAAe,CAAC,MAAM,CAAA;aAC9B;YACD,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC,CAAC;gBACP,OAAO,eAAe,CAAC,KAAK,CAAA;aAC7B;YACD,KAAK,EAAE,CAAC,CAAC;gBACP,OAAO,eAAe,CAAC,OAAO,CAAA;aAC/B;YACD,KAAK,EAAE,CAAC,CAAC;gBACP,OAAO,eAAe,CAAC,IAAI,CAAA;aAC5B;YACD,KAAK,GAAG,CAAC,CAAC;gBACR,OAAO,eAAe,CAAC,QAAQ,CAAA;aAChC;SACF;IACH,CAAC,CAAA;IAED,IAAM,kBAAkB,GAAG,cAAM,OAAA,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAC,CAAC,EAAE,oCAAoC,EAAE,WAAW,EAAE,KAAI,WAAW,CAAC,QAAQ,CAAC,EAA/F,CAA+F,CAAA;IAEhI,IAAM,aAAa,GAAG;QACpB,IAAI,UAAU,EAAE;YACd,IAAM,QAAQ,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;YACnF,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,GAAI,CAAA;SACvD;QAED,IAAI,MAAM,EAAE;YACV,IAAM,QAAQ,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;YACnF,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,GAAI,CAAA;SACvD;QAED,OAAO,MAAM,CAAC,CAAC,CAAC,cAAK,GAAG,EAAE,MAAM,EAAE,GAAG,EAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAA;IAC1E,CAAC,CAAA;IAED,IAAM,aAAa,GAAG;QACpB,IAAM,mBAAmB,GAAG,OAAO,IAAI,CAAC,CAAA;QACxC,IAAM,WAAW,GAAG,mBAAmB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;QACxD,IAAM,KAAK,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QACxH,IAAM,MAAM,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QACjF,IAAM,QAAQ,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QACrF,IAAM,QAAQ,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QACnF,IAAM,WAAW,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,CAAA;QAC7G,IAAM,YAAY,GAAG,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAG,MAAM,GAAG,MAAM,OAAI,CAAA;QAEzE,OAAO,CACL,uBACE,SAAS,EAAC,mCAAmC,EAC7C,KAAK,EAAE;gBACL,KAAK,EAAE,UAAG,KAAK,OAAI;gBACnB,MAAM,EAAE,UAAG,MAAM,OAAI;gBACrB,GAAG,EAAE,WAAI,QAAQ,OAAI;gBACrB,KAAK,EAAE,WAAI,QAAQ,OAAI;gBACvB,QAAQ,EAAE,UAAG,QAAQ,OAAI;gBACzB,MAAM,EAAE,UAAG,WAAW,sBAAY,iBAAiB,CAAE;gBACrD,YAAY,cAAA;aACb,gBAEA,WAAW,IACR,CACP,CAAA;IACH,CAAC,CAAA;IAED,IAAM,WAAW,GAAG;QAClB,IAAM,MAAM,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QACjF,IAAM,KAAK,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAA;QAClF,IAAM,SAAS,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QAEpF,OAAO,CACL,KAAC,SAAS,IACR,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,SAAS,EACjB,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE,EAAE,MAAM,EAAE,WAAI,MAAM,OAAI,EAAE,KAAK,EAAE,WAAI,KAAK,OAAI,EAAE,GACvD,CACH,CAAA;IACH,CAAC,CAAA;IAED,IAAM,sBAAsB,GAAG,cAAM,OAAA,CAAC;QACpC,KAAK,EAAE,UAAG,IAAI,OAAI;QAClB,QAAQ,EAAE,UAAG,IAAI,OAAI;QACrB,MAAM,EAAE,UAAG,IAAI,OAAI;QACnB,QAAQ,EAAE,iBAAiB,EAAE;QAC7B,UAAU,EAAE,eAAe,CAAC,QAAQ,CAAC;KACtC,CAAC,EANmC,CAMnC,CAAA;IAEF,OAAO,CACL,uBACE,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,2BAAoB,KAAK,CAAE,EAAE,EAAE,0BAA0B,EAAE,aAAa,EAAE,CAAC,EACpH,KAAK,EAAE,EAAE,wBAAwB,EAAE,UAAG,YAAY,OAAI,EAAyB,EAC/E,OAAO,EAAE,OAAO,gBAEhB,wBACE,KAAK,EAAE,sBAAsB,EAAE,EAC/B,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE;gBAChD,gCAAgC,EAAE,MAAM;aACzC,CAAC,iBAED,CAAC,CAAC,OAAO,IAAI,aAAa,EAAE,EAC5B,aAAa,EAAE,EACf,OAAO,IAAI,WAAW,EAAE,KACrB,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -1,13 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { IThemeProps } from '../../constants';
|
|
2
|
+
export interface IAvatarProps extends IThemeProps {
|
|
3
|
+
isSelected?: boolean;
|
|
4
|
+
isHighlighted?: boolean;
|
|
5
|
+
isSpam?: boolean;
|
|
6
|
+
isCrown?: boolean;
|
|
7
|
+
size?: 20 | 24 | 32 | 40 | 44 | 56 | 100;
|
|
8
|
+
username?: string;
|
|
9
|
+
initials?: string;
|
|
3
10
|
avatar?: string;
|
|
11
|
+
counter?: number;
|
|
4
12
|
onClick?: () => void;
|
|
5
|
-
size?: 20 | 24 | 32 | 40 | 44 | 100;
|
|
6
13
|
}
|
|
7
14
|
export declare enum AvatarFontSizes {
|
|
8
15
|
lowest = "12px",
|
|
9
16
|
small = "14px",
|
|
10
|
-
average = "
|
|
11
|
-
high = "
|
|
17
|
+
average = "18px",
|
|
18
|
+
high = "24px",
|
|
12
19
|
greatest = "42px"
|
|
13
20
|
}
|
|
@@ -2,8 +2,8 @@ export var AvatarFontSizes;
|
|
|
2
2
|
(function (AvatarFontSizes) {
|
|
3
3
|
AvatarFontSizes["lowest"] = "12px";
|
|
4
4
|
AvatarFontSizes["small"] = "14px";
|
|
5
|
-
AvatarFontSizes["average"] = "
|
|
6
|
-
AvatarFontSizes["high"] = "
|
|
5
|
+
AvatarFontSizes["average"] = "18px";
|
|
6
|
+
AvatarFontSizes["high"] = "24px";
|
|
7
7
|
AvatarFontSizes["greatest"] = "42px";
|
|
8
8
|
})(AvatarFontSizes || (AvatarFontSizes = {}));
|
|
9
9
|
//# sourceMappingURL=types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/types.ts"],"names":[],"mappings":"AAeA,MAAM,CAAN,IAAY,eAMX;AAND,WAAY,eAAe;IACzB,kCAAe,CAAA;IACf,iCAAc,CAAA;IACd,mCAAgB,CAAA;IAChB,gCAAa,CAAA;IACb,oCAAiB,CAAA;AACnB,CAAC,EANW,eAAe,KAAf,eAAe,QAM1B"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IButtonProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Button: ({ title, isDisabled, isDisabledClickable, isWaitingResponse, type, appearance, width, onClick, }: IButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const Button: ({ title, isDisabled, isDisabledClickable, isWaitingResponse, type, appearance, icon, width, onClick, }: IButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Button;
|
|
@@ -12,11 +12,12 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import { useEffect, useRef } from 'react';
|
|
14
14
|
import classNames from 'classnames';
|
|
15
|
+
import { isNil } from 'lodash';
|
|
15
16
|
import { ReactComponent as LoaderIcon } from '../../assets/icons/button-loader.svg';
|
|
16
17
|
import { TButtonType, TButtonAppearance } from './types';
|
|
17
18
|
import '../../styles/styles.scss';
|
|
18
19
|
var Button = function (_a) {
|
|
19
|
-
var title = _a.title, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = _a.isDisabledClickable, isDisabledClickable = _c === void 0 ? false : _c, _d = _a.isWaitingResponse, isWaitingResponse = _d === void 0 ? false : _d, _e = _a.type, type = _e === void 0 ? TButtonType.primary : _e, _f = _a.appearance, appearance = _f === void 0 ? TButtonAppearance.accent : _f, _g = _a.width, width = _g === void 0 ? 100 : _g, onClick = _a.onClick;
|
|
20
|
+
var title = _a.title, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = _a.isDisabledClickable, isDisabledClickable = _c === void 0 ? false : _c, _d = _a.isWaitingResponse, isWaitingResponse = _d === void 0 ? false : _d, _e = _a.type, type = _e === void 0 ? TButtonType.primary : _e, _f = _a.appearance, appearance = _f === void 0 ? TButtonAppearance.accent : _f, icon = _a.icon, _g = _a.width, width = _g === void 0 ? 100 : _g, onClick = _a.onClick;
|
|
20
21
|
var buttonRef = useRef(null);
|
|
21
22
|
var buttonRefCurrent = buttonRef.current;
|
|
22
23
|
var changeTransitionDelay = function (transitionDelay) { return buttonRefCurrent && (buttonRefCurrent.style.transitionDelay = "".concat(transitionDelay, "ms")); };
|
|
@@ -32,9 +33,10 @@ var Button = function (_a) {
|
|
|
32
33
|
}
|
|
33
34
|
// eslint-disable-next-line
|
|
34
35
|
}, [isWaitingResponse]);
|
|
35
|
-
return (_jsxs("div", __assign({ className: classNames('smartapp-button', "smartapp-button__".concat(appearance)), style: { width: "".concat(width, "%") } }, { children: [
|
|
36
|
+
return (_jsxs("div", __assign({ className: classNames('smartapp-button', "smartapp-button__".concat(appearance)), style: { width: "".concat(width, "%") } }, { children: [_jsxs("button", __assign({ ref: buttonRef, className: classNames("smartapp-button__".concat(type), "smartapp-button__".concat(type, "--").concat(appearance), {
|
|
36
37
|
'smartapp-button__disabled': isDisabled,
|
|
37
|
-
|
|
38
|
+
'smartapp-button__with-icon': !isNil(icon),
|
|
39
|
+
}), onClick: handleButtonClick }, { children: [icon && _jsx("div", { children: icon }), title] })), _jsx("div", __assign({ className: classNames('smartapp-button__loader', { 'smartapp-button__loader--hidden': !isWaitingResponse }) }, { children: _jsx(LoaderIcon, {}) }))] })));
|
|
38
40
|
};
|
|
39
41
|
export default Button;
|
|
40
42
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/сomponents/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,sCAAsC,CAAA;AACnF,OAAO,EAAgB,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AACtE,OAAO,0BAA0B,CAAA;AAEjC,IAAM,MAAM,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/сomponents/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAC9B,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,sCAAsC,CAAA;AACnF,OAAO,EAAgB,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AACtE,OAAO,0BAA0B,CAAA;AAEjC,IAAM,MAAM,GAAG,UAAC,EAUD;QATb,KAAK,WAAA,EACL,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,2BAA2B,EAA3B,mBAAmB,mBAAG,KAAK,KAAA,EAC3B,yBAAyB,EAAzB,iBAAiB,mBAAG,KAAK,KAAA,EACzB,YAA0B,EAA1B,IAAI,mBAAG,WAAW,CAAC,OAAO,KAAA,EAC1B,kBAAqC,EAArC,UAAU,mBAAG,iBAAiB,CAAC,MAAM,KAAA,EACrC,IAAI,UAAA,EACJ,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA,EACX,OAAO,aAAA;IAEP,IAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAA;IACxD,IAAM,gBAAgB,GAAG,SAAS,CAAC,OAAO,CAAA;IAE1C,IAAM,qBAAqB,GAAG,UAAC,eAAuB,IAAK,OAAA,gBAAgB,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,eAAe,GAAG,UAAG,eAAe,OAAI,CAAC,EAArF,CAAqF,CAAA;IAChJ,IAAM,iBAAiB,GAAG,UAAC,KAA0C,IAAK,OAAA,CAAC,CAAC,UAAU,IAAI,CAAC,UAAU,IAAI,mBAAmB,CAAC,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,EAAtE,CAAsE,CAAA;IAEhJ,SAAS,CAAC;QACR,IAAI,iBAAiB,EAAE;YACrB,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,SAAS,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAA;YAC1D,UAAU,CAAC,cAAM,OAAA,qBAAqB,CAAC,GAAG,CAAC,EAA1B,CAA0B,EAAE,GAAG,CAAC,CAAA;SAClD;aAAM;YACL,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,SAAS,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAA;YAC7D,UAAU,CAAC,cAAM,OAAA,qBAAqB,CAAC,CAAC,CAAC,EAAxB,CAAwB,EAAE,GAAG,CAAC,CAAA;SAChD;QACD,2BAA2B;IAC7B,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAA;IAEvB,OAAO,CACL,wBAAK,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,2BAAoB,UAAU,CAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,KAAK,MAAG,EAAE,iBAC5G,2BACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,UAAU,CAAC,2BAAoB,IAAI,CAAE,EAAE,2BAAoB,IAAI,eAAK,UAAU,CAAE,EAAE;oBAC3F,2BAA2B,EAAE,UAAU;oBACvC,4BAA4B,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC;iBAC3C,CAAC,EACF,OAAO,EAAE,iBAAiB,iBAEzB,IAAI,IAAI,wBAAM,IAAI,GAAO,EACzB,KAAK,KACC,EACT,uBAAK,SAAS,EAAE,UAAU,CAAC,yBAAyB,EAAE,EAAE,iCAAiC,EAAE,CAAC,iBAAiB,EAAE,CAAC,gBAC9G,KAAC,UAAU,KAAG,IACV,KACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { ReactElement } from 'react';
|
|
2
2
|
import { IntRange } from '../types';
|
|
3
3
|
export declare enum TButtonType {
|
|
4
4
|
primary = "primary",
|
|
@@ -15,6 +15,7 @@ export interface IButtonProps {
|
|
|
15
15
|
isWaitingResponse?: boolean;
|
|
16
16
|
type?: 'primary' | 'secondary';
|
|
17
17
|
appearance?: 'accent' | 'negative';
|
|
18
|
+
icon?: ReactElement;
|
|
18
19
|
width?: IntRange<1, 101>;
|
|
19
20
|
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
20
21
|
}
|
|
@@ -28,7 +28,7 @@ var Chip = function (_a) {
|
|
|
28
28
|
}, []);
|
|
29
29
|
var handleMouseDown = function () { var _a; return (_a = chipRef.current) === null || _a === void 0 ? void 0 : _a.classList.add('smartapp-chip__pressed'); };
|
|
30
30
|
var handleMouseUp = function () { var _a; return (_a = chipRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove('smartapp-chip__pressed'); };
|
|
31
|
-
return (_jsxs("div", __assign({ ref: chipRef, className: getClassNames('smartapp-chip', '__', additionalClassName) }, { children: [_jsxs("div", __assign({ className: "smartapp-chip__info" }, { children: [!isAvatarHidden && _jsx(Avatar, { username: name, avatar: avatar, size: 24 }), _jsx("p", __assign({ className: "smartapp-chip__info--name" }, { children: name }))] })), onDelete && (_jsx("div", __assign({ className: "smartapp-chip__delete-icon", onClick: function () { return onDelete(name); }, onMouseDown: handleMouseDown }, { children: _jsx(DeleteIcon, { style: { color: getColor(iconColor, isError ? COLORS.darkRed : COLORS.darkerGray) } }) })))] })));
|
|
31
|
+
return (_jsxs("div", __assign({ ref: chipRef, className: getClassNames('smartapp-chip', '__', additionalClassName) }, { children: [_jsxs("div", __assign({ className: "smartapp-chip__info" }, { children: [!isAvatarHidden && !isError && _jsx(Avatar, { username: name, avatar: avatar, size: 24 }), _jsx("p", __assign({ className: "smartapp-chip__info--name" }, { children: name }))] })), onDelete && (_jsx("div", __assign({ className: "smartapp-chip__delete-icon", onClick: function () { return onDelete(name); }, onMouseDown: handleMouseDown }, { children: _jsx(DeleteIcon, { style: { color: getColor(iconColor, isError ? COLORS.darkRed : COLORS.darkerGray) } }) })))] })));
|
|
32
32
|
};
|
|
33
33
|
export default Chip;
|
|
34
34
|
//# sourceMappingURL=Chip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/сomponents/Chip/Chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEhE,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAA;AACjF,OAAO,0BAA0B,CAAA;AAEjC,IAAM,IAAI,GAAG,UAAC,EAAiH;QAA/G,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EAAE,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;IAC/G,IAAM,mBAAmB,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;IACtE,IAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAEnD,SAAS,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QAEjD,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,eAAe,GAAG,sBAAM,OAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAA,EAAA,CAAA;IACtF,IAAM,aAAa,GAAG,sBAAM,OAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAA,EAAA,CAAA;IAEvF,OAAO,CACL,wBAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,CAAC,eAAe,EAAE,IAAI,EAAE,mBAAmB,CAAC,iBACrF,wBAAK,SAAS,EAAC,qBAAqB,iBACjC,CAAC,cAAc,IAAI,KAAC,MAAM,IAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,GAAI,
|
|
1
|
+
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/сomponents/Chip/Chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEhE,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAA;AACjF,OAAO,0BAA0B,CAAA;AAEjC,IAAM,IAAI,GAAG,UAAC,EAAiH;QAA/G,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EAAE,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;IAC/G,IAAM,mBAAmB,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;IACtE,IAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAEnD,SAAS,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QAEjD,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,eAAe,GAAG,sBAAM,OAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAA,EAAA,CAAA;IACtF,IAAM,aAAa,GAAG,sBAAM,OAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAA,EAAA,CAAA;IAEvF,OAAO,CACL,wBAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,CAAC,eAAe,EAAE,IAAI,EAAE,mBAAmB,CAAC,iBACrF,wBAAK,SAAS,EAAC,qBAAqB,iBACjC,CAAC,cAAc,IAAI,CAAC,OAAO,IAAI,KAAC,MAAM,IAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,GAAI,EACpF,qBAAG,SAAS,EAAC,2BAA2B,gBAAE,IAAI,IAAK,KAC/C,EACL,QAAQ,IAAI,CACX,uBAAK,SAAS,EAAC,4BAA4B,EAAC,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,CAAC,EAAd,CAAc,EAAE,WAAW,EAAE,eAAe,gBACrG,KAAC,UAAU,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,GAAI,IAC/F,CACP,KACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IInputProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Input: ({ isPassword, isDisabled, isClearable, autoFocus, title, mask, placeholder, additionalPlaceholder, defaultValue, additionalDefaultValue, maxCharacters, hint, error, borderType, counterType, width,
|
|
3
|
+
declare const Input: ({ isPassword, isDisabled, isClearable, autoFocus, title, mask, placeholder, additionalPlaceholder, defaultValue, additionalDefaultValue, maxCharacters, hint, error, borderType, counterType, width, iconColor, className, theme, onChange, onAdditionalChange, onEnterPress, onClearClick, }: IInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Input;
|
|
@@ -14,22 +14,25 @@ import { useRef, useState, useEffect } from 'react';
|
|
|
14
14
|
import classNames from 'classnames';
|
|
15
15
|
import { isNil, isNull } from 'lodash';
|
|
16
16
|
import { getColor, isDarkTheme } from '../../helpers';
|
|
17
|
-
import { ADDITIONAL_INPUT_PR, COLORS, DEFAULT_INPUT_PADDING, ENTER_KEY, INPUT_BORDER_TYPE, INPUT_COUNTER_TIMEOUT, INPUT_COUNTER_TYPE, INPUT_TYPE_PASSWORD, INPUT_TYPE_TEXT, MASK_INPUT_PL, THEME, } from '../../constants';
|
|
17
|
+
import { ADDITIONAL_INPUT_PR, ADDITIONAL_MAX_CHARACTERS, COLORS, DEFAULT_INPUT_PADDING, ENTER_KEY, INPUT_BORDER_TYPE, INPUT_COUNTER_TIMEOUT, INPUT_COUNTER_TYPE, INPUT_TYPE_PASSWORD, INPUT_TYPE_TEXT, MASK_INPUT_PL, THEME, } from '../../constants';
|
|
18
18
|
import { ReactComponent as EyeIcon } from '../../assets/icons/eye.svg';
|
|
19
19
|
import { ReactComponent as EyeOffIcon } from '../../assets/icons/eye-off.svg';
|
|
20
20
|
import { ReactComponent as ClearIcon } from '../../assets/icons/clear.svg';
|
|
21
21
|
import '../../styles/styles.scss';
|
|
22
22
|
var Input = function (_a) {
|
|
23
23
|
var _b;
|
|
24
|
-
var _c = _a.isPassword, isPassword = _c === void 0 ? false : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isClearable, isClearable = _e === void 0 ? false : _e, _f = _a.autoFocus, autoFocus = _f === void 0 ? false : _f, title = _a.title, mask = _a.mask, placeholder = _a.placeholder, additionalPlaceholder = _a.additionalPlaceholder, defaultValue = _a.defaultValue, additionalDefaultValue = _a.additionalDefaultValue, maxCharacters = _a.maxCharacters, hint = _a.hint, error = _a.error, borderType = _a.borderType, _g = _a.counterType, counterType = _g === void 0 ? INPUT_COUNTER_TYPE.text : _g, _h = _a.width, width = _h === void 0 ? 100 : _h,
|
|
24
|
+
var _c = _a.isPassword, isPassword = _c === void 0 ? false : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isClearable, isClearable = _e === void 0 ? false : _e, _f = _a.autoFocus, autoFocus = _f === void 0 ? false : _f, title = _a.title, mask = _a.mask, placeholder = _a.placeholder, additionalPlaceholder = _a.additionalPlaceholder, defaultValue = _a.defaultValue, additionalDefaultValue = _a.additionalDefaultValue, maxCharacters = _a.maxCharacters, hint = _a.hint, error = _a.error, borderType = _a.borderType, _g = _a.counterType, counterType = _g === void 0 ? INPUT_COUNTER_TYPE.text : _g, _h = _a.width, width = _h === void 0 ? 100 : _h, iconColor = _a.iconColor, _j = _a.className, className = _j === void 0 ? '' : _j, _k = _a.theme, theme = _k === void 0 ? THEME.default : _k, onChange = _a.onChange, onAdditionalChange = _a.onAdditionalChange, onEnterPress = _a.onEnterPress, onClearClick = _a.onClearClick;
|
|
25
25
|
var borderTypeClassName = "".concat((borderType || INPUT_BORDER_TYPE.intense).toLowerCase(), "-border-type");
|
|
26
26
|
var inputRef = useRef(null);
|
|
27
27
|
var maskRef = useRef(null);
|
|
28
28
|
var additionalInputRef = useRef(null);
|
|
29
|
-
var
|
|
30
|
-
var
|
|
31
|
-
var
|
|
32
|
-
var
|
|
29
|
+
var hiddenSpanRef = useRef(null);
|
|
30
|
+
var _l = useState(0), inputLength = _l[0], setInputLength = _l[1];
|
|
31
|
+
var _m = useState(maxCharacters || 0), remainingCharacters = _m[0], setRemainingCharacters = _m[1];
|
|
32
|
+
var _o = useState(null), timeoutId = _o[0], setTimeoutId = _o[1];
|
|
33
|
+
var _p = useState(false), isPasswordShown = _p[0], setIsPasswordShown = _p[1];
|
|
34
|
+
var _q = useState(0), additionalWidth = _q[0], setAdditionalWidth = _q[1];
|
|
35
|
+
var _r = useState(0), minAdditionalWidth = _r[0], setMinAdditionalWidth = _r[1];
|
|
33
36
|
useEffect(function () {
|
|
34
37
|
var inputElement = inputRef.current;
|
|
35
38
|
var setScrollLeftAsLeftByUser = function (event) {
|
|
@@ -57,6 +60,17 @@ var Input = function (_a) {
|
|
|
57
60
|
handleSetTimeoutForCounter();
|
|
58
61
|
}
|
|
59
62
|
}, [remainingCharacters]);
|
|
63
|
+
useEffect(function () {
|
|
64
|
+
var hiddenSpanRefCurrent = hiddenSpanRef.current;
|
|
65
|
+
if (hiddenSpanRefCurrent && additionalPlaceholder) {
|
|
66
|
+
hiddenSpanRefCurrent.innerText = additionalPlaceholder;
|
|
67
|
+
var minAdditionalWidthValue = hiddenSpanRefCurrent.getBoundingClientRect().width;
|
|
68
|
+
hiddenSpanRefCurrent.innerText = additionalDefaultValue || additionalPlaceholder;
|
|
69
|
+
var additionalWidthValue = hiddenSpanRefCurrent.getBoundingClientRect().width;
|
|
70
|
+
setAdditionalWidth(additionalWidthValue < minAdditionalWidthValue ? minAdditionalWidthValue : additionalWidthValue);
|
|
71
|
+
setMinAdditionalWidth(minAdditionalWidthValue);
|
|
72
|
+
}
|
|
73
|
+
}, [additionalPlaceholder, additionalDefaultValue]);
|
|
60
74
|
var getInputPaddingLeft = function () {
|
|
61
75
|
var maskWidth = maskRef.current ? maskRef.current.getBoundingClientRect().width : null;
|
|
62
76
|
return "".concat(maskWidth ? maskWidth + MASK_INPUT_PL : DEFAULT_INPUT_PADDING, "px");
|
|
@@ -115,6 +129,12 @@ var Input = function (_a) {
|
|
|
115
129
|
var handleAdditionalChange = function (_a) {
|
|
116
130
|
var value = _a.target.value;
|
|
117
131
|
onAdditionalChange && onAdditionalChange(value);
|
|
132
|
+
if (hiddenSpanRef.current) {
|
|
133
|
+
hiddenSpanRef.current.innerText = value;
|
|
134
|
+
var spanWidth = hiddenSpanRef.current.getBoundingClientRect().width;
|
|
135
|
+
var width_1 = spanWidth < minAdditionalWidth ? minAdditionalWidth : spanWidth;
|
|
136
|
+
setAdditionalWidth(width_1);
|
|
137
|
+
}
|
|
118
138
|
};
|
|
119
139
|
var handleClickButton = function () {
|
|
120
140
|
var _a, _b;
|
|
@@ -152,9 +172,9 @@ var Input = function (_a) {
|
|
|
152
172
|
'smartapp-input__container--field__with-button': isPassword || isClearable,
|
|
153
173
|
'smartapp-input__container--field__disabled': isDisabled,
|
|
154
174
|
'smartapp-input__container--field__error': error,
|
|
155
|
-
}), style: { paddingLeft: getInputPaddingLeft(), paddingRight: getInputPaddingRight() }, type: getInputType(), defaultValue: defaultValue, disabled: isDisabled, autoFocus: autoFocus, maxLength: maxCharacters, placeholder: placeholder, onKeyDown: handleKeyDown, onChange: handleChange }), onAdditionalChange && (
|
|
156
|
-
|
|
157
|
-
|
|
175
|
+
}), style: { paddingLeft: getInputPaddingLeft(), paddingRight: getInputPaddingRight() }, type: getInputType(), defaultValue: defaultValue, disabled: isDisabled, autoFocus: autoFocus, maxLength: maxCharacters, placeholder: placeholder, onKeyDown: handleKeyDown, onChange: handleChange }), onAdditionalChange && (_jsxs("div", __assign({ className: "smartapp-input__container--additional-field", style: { width: "".concat(additionalWidth, "px") } }, { children: [_jsx("input", { ref: additionalInputRef, className: classNames('smartapp-input__container--additional-field__input', {
|
|
176
|
+
'smartapp-input__container--additional-field__input--disabled': isDisabled,
|
|
177
|
+
}), defaultValue: additionalDefaultValue, disabled: isDisabled, maxLength: ADDITIONAL_MAX_CHARACTERS, placeholder: additionalPlaceholder, onChange: handleAdditionalChange }), _jsx("span", { ref: hiddenSpanRef, className: "smartapp-input__container--additional-field__hidden-span" })] }))), renderEyeIcon(), renderClearIcon(), renderTextCounter(), renderError()] })), renderHint()] })));
|
|
158
178
|
};
|
|
159
179
|
export default Input;
|
|
160
180
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/сomponents/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EACL,mBAAmB,EACnB,MAAM,EACN,qBAAqB,EACrB,SAAS,EACT,iBAAiB,EACjB,qBAAqB,EACrB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EACf,aAAa,EACb,KAAK,GACN,MAAM,iBAAiB,CAAA;AAExB,OAAO,EAAE,cAAc,IAAI,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACtE,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAA;AAC7E,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAC1E,OAAO,0BAA0B,CAAA;AAEjC,IAAM,KAAK,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/сomponents/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EACL,mBAAmB,EACnB,yBAAyB,EACzB,MAAM,EACN,qBAAqB,EACrB,SAAS,EACT,iBAAiB,EACjB,qBAAqB,EACrB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EACf,aAAa,EACb,KAAK,GACN,MAAM,iBAAiB,CAAA;AAExB,OAAO,EAAE,cAAc,IAAI,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACtE,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAA;AAC7E,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAC1E,OAAO,0BAA0B,CAAA;AAEjC,IAAM,KAAK,GAAG,UAAC,EAwBD;;QAvBZ,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,qBAAqB,2BAAA,EACrB,YAAY,kBAAA,EACZ,sBAAsB,4BAAA,EACtB,aAAa,mBAAA,EACb,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,mBAAqC,EAArC,WAAW,mBAAG,kBAAkB,CAAC,IAAI,KAAA,EACrC,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA,EACX,SAAS,eAAA,EACT,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA,EACrB,QAAQ,cAAA,EACR,kBAAkB,wBAAA,EAClB,YAAY,kBAAA,EACZ,YAAY,kBAAA;IAEZ,IAAM,mBAAmB,GAAG,UAAG,CAAC,UAAU,IAAI,iBAAiB,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,iBAAc,CAAA;IAEpG,IAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,IAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC5C,IAAM,kBAAkB,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IACzD,IAAM,aAAa,GAAG,MAAM,CAAyB,IAAI,CAAC,CAAA;IAEpD,IAAA,KAAgC,QAAQ,CAAS,CAAC,CAAC,EAAlD,WAAW,QAAA,EAAE,cAAc,QAAuB,CAAA;IACnD,IAAA,KAAgD,QAAQ,CAAS,aAAa,IAAI,CAAC,CAAC,EAAnF,mBAAmB,QAAA,EAAE,sBAAsB,QAAwC,CAAA;IACpF,IAAA,KAA4B,QAAQ,CAAwB,IAAI,CAAC,EAAhE,SAAS,QAAA,EAAE,YAAY,QAAyC,CAAA;IACjE,IAAA,KAAwC,QAAQ,CAAC,KAAK,CAAC,EAAtD,eAAe,QAAA,EAAE,kBAAkB,QAAmB,CAAA;IACvD,IAAA,KAAwC,QAAQ,CAAS,CAAC,CAAC,EAA1D,eAAe,QAAA,EAAE,kBAAkB,QAAuB,CAAA;IAC3D,IAAA,KAA8C,QAAQ,CAAS,CAAC,CAAC,EAAhE,kBAAkB,QAAA,EAAE,qBAAqB,QAAuB,CAAA;IAEvE,SAAS,CAAC;QACR,IAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAA;QAErC,IAAM,yBAAyB,GAAG,UAAC,KAAU;YAC3C,IAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,CAAA;YAE1C,UAAU,CAAC;gBACT,KAAK,CAAC,MAAM,CAAC,UAAU,GAAG,UAAU,CAAA;YACtC,CAAC,EAAE,CAAC,CAAC,CAAA;QACP,CAAC,CAAA;QAED,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,gBAAgB,CAAC,MAAM,EAAE,yBAAyB,CAAC,CAAA;QAEjE,OAAO;YACL,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,mBAAmB,CAAC,MAAM,EAAE,yBAAyB,CAAC,CAAA;QACtE,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC;QACR,IAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAA;QAErC,IAAI,YAAY,IAAI,YAAY,CAAC,KAAK,CAAC,MAAM,EAAE;YAC7C,IAAM,UAAU,GAAG,YAAY,CAAC,KAAK,CAAC,MAAM,CAAA;YAE5C,YAAY,CAAC,cAAc,GAAG,UAAU,CAAA;YACxC,YAAY,CAAC,YAAY,GAAG,UAAU,CAAA;YACtC,YAAY,CAAC,KAAK,EAAE,CAAA;SACrB;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,SAAS,CAAC;QACR,IAAI,CAAC,mBAAmB,EAAE;YACxB,0BAA0B,EAAE,CAAA;SAC7B;IACH,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAA;IAEzB,SAAS,CAAC;QACR,IAAM,oBAAoB,GAAG,aAAa,CAAC,OAAO,CAAA;QAElD,IAAI,oBAAoB,IAAI,qBAAqB,EAAE;YACjD,oBAAoB,CAAC,SAAS,GAAG,qBAAqB,CAAA;YACtD,IAAM,uBAAuB,GAAG,oBAAoB,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAA;YAClF,oBAAoB,CAAC,SAAS,GAAG,sBAAsB,IAAI,qBAAqB,CAAA;YAChF,IAAM,oBAAoB,GAAG,oBAAoB,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAA;YAE/E,kBAAkB,CAAC,oBAAoB,GAAG,uBAAuB,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAA;YACnH,qBAAqB,CAAC,uBAAuB,CAAC,CAAA;SAC/C;IACH,CAAC,EAAE,CAAC,qBAAqB,EAAE,sBAAsB,CAAC,CAAC,CAAA;IAEnD,IAAM,mBAAmB,GAAG;QAC1B,IAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;QACxF,OAAO,UAAG,SAAS,CAAC,CAAC,CAAC,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,qBAAqB,OAAI,CAAA;IAC7E,CAAC,CAAA;IAED,IAAM,oBAAoB,GAAG;QAC3B,IAAM,oBAAoB,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;QACzH,OAAO,UAAG,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,GAAG,mBAAmB,CAAC,CAAC,CAAC,qBAAqB,OAAI,CAAA;IACzG,CAAC,CAAA;IAED,IAAM,aAAa,GAAG,cAAM,OAAA,CAAC;QAC3B,KAAK,EAAE,QAAQ,CAAC,SAAS,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC;KACrF,CAAC,EAF0B,CAE1B,CAAA;IAEF,IAAM,YAAY,GAAG;QACnB,IAAI,UAAU,EAAE;YACd,OAAO,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,mBAAmB,CAAA;SAC/D;QAED,OAAO,eAAe,CAAA;IACxB,CAAC,CAAA;IAED,IAAM,kBAAkB,GAAG,cAAM,OAAA,WAAW,KAAK,kBAAkB,CAAC,KAAK,EAAxC,CAAwC,CAAA;IACzE,IAAM,qBAAqB,GAAG,cAAM,OAAA,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAA7C,CAA6C,CAAA;IAEjF,IAAM,oBAAoB,GAAG;QAC3B,IAAI,KAAK,CAAC,aAAa,CAAC,IAAI,kBAAkB,EAAE,EAAE;YAChD,OAAO,KAAK,CAAA;SACb;QAED,uCAAuC;QACvC,IAAM,mBAAmB,GAAG,CAAC,aAAa,GAAG,EAAE,CAAC,GAAG,GAAG,CAAA;QACtD,OAAO,mBAAmB,GAAG,mBAAmB,CAAA;IAClD,CAAC,CAAA;IAED,IAAM,0BAA0B,GAAG;QACjC,IAAM,EAAE,GAAG,UAAU,CAAC,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EAAE,qBAAqB,CAAC,CAAA;QACtE,YAAY,CAAC,EAAE,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,IAAM,aAAa,GAAG,UAAC,EAA8C;YAA5C,GAAG,SAAA;QAC1B,IAAI,GAAG,KAAK,SAAS,IAAI,YAAY,EAAE;YACrC,YAAY,EAAE,CAAA;SACf;QAED,IAAI,CAAC,mBAAmB,EAAE;YACxB,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,YAAY,CAAC,SAAS,CAAC,CAAA;YAC7C,0BAA0B,EAAE,CAAA;SAC7B;IACH,CAAC,CAAA;IAED,IAAM,YAAY,GAAG,UAAC,EAA0D;YAA9C,KAAK,kBAAA;QACrC,IAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAA;QAChC,QAAQ,CAAC,KAAK,CAAC,CAAA;QACf,cAAc,CAAC,WAAW,CAAC,CAAA;QAE3B,IAAI,aAAa,EAAE;YACjB,IAAM,qBAAmB,GAAG,aAAa,GAAG,WAAW,CAAA;YACvD,sBAAsB,CAAC,qBAAmB,CAAC,CAAA;YAE3C,IAAI,CAAC,CAAC,qBAAmB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;gBAC/C,YAAY,CAAC,SAAS,CAAC,CAAA;gBACvB,YAAY,CAAC,IAAI,CAAC,CAAA;aACnB;SACF;IACH,CAAC,CAAA;IAED,IAAM,sBAAsB,GAAG,UAAC,EAA0D;YAA9C,KAAK,kBAAA;QAC/C,kBAAkB,IAAI,kBAAkB,CAAC,KAAK,CAAC,CAAA;QAE/C,IAAI,aAAa,CAAC,OAAO,EAAE;YACzB,aAAa,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK,CAAA;YACvC,IAAM,SAAS,GAAG,aAAa,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAA;YACrE,IAAM,OAAK,GAAG,SAAS,GAAG,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAA;YAC7E,kBAAkB,CAAC,OAAK,CAAC,CAAA;SAC1B;IACH,CAAC,CAAA;IAED,IAAM,iBAAiB,GAAG;;QACxB,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAA;QACpC,CAAC,CAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,CAAC,MAAM,CAAA,KAAI,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,CAAA;IAC9D,CAAC,CAAA;IAED,IAAM,gBAAgB,GAAG,UAAC,KAAsC;QAC9D,KAAK,CAAC,cAAc,EAAE,CAAA;QAEtB,IAAI,QAAQ,CAAC,OAAO,IAAI,YAAY,EAAE;YACpC,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAA;YAC3B,YAAY,EAAE,CAAA;SACf;IACH,CAAC,CAAA;IAED,IAAM,gBAAgB,GAAG;QACvB,OAAA,KAAK,IAAI,CACP,wBAAK,SAAS,EAAC,uBAAuB,iBACpC,qBAAG,SAAS,EAAC,6BAA6B,gBAAE,KAAK,IAAK,EACrD,kBAAkB,EAAE,KACjB,CACP;IALD,CAKC,CAAA;IAEH,IAAM,UAAU,GAAG;QACjB,OAAA,IAAI,IAAI,CACN,uBAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAC,iCAAiC,gBAC3D,IAAI,IACD,CACP;IAJD,CAIC,CAAA;IAEH,IAAM,kBAAkB,GAAG;QACzB,OAAA,qBAAqB,EAAE,IAAI,CACzB,uBACE,SAAS,EAAE,UAAU,CAAC,gCAAgC,EAAE,EAAE,uCAAuC,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,gBACxH,UAAG,WAAW,cAAI,aAAa,CAAE,IAAO,CAC3C;IAJD,CAIC,CAAA;IAEH,IAAM,aAAa,GAAG;QACpB,OAAA,UAAU,IAAI,CACZ,0BAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,uCAAuC,EAAC,OAAO,EAAE,iBAAiB,gBAC/F,eAAe,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,KAAK,EAAE,aAAa,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,KAAK,EAAE,aAAa,EAAE,GAAI,IACxF,CACV;IAJD,CAIC,CAAA;IAEH,IAAM,eAAe,GAAG;QACtB,OAAA,WAAW,IAAI,KAAC,SAAS,IAAC,SAAS,EAAC,uCAAuC,EAAC,KAAK,EAAE,aAAa,EAAE,EAAE,WAAW,EAAE,gBAAgB,GAAI;IAArI,CAAqI,CAAA;IAEvI,IAAM,iBAAiB,GAAG;QACxB,OAAA,oBAAoB,EAAE,IAAI,CACxB,uBAAK,SAAS,EAAE,UAAU,CAAC,oCAAoC,EAAE,EAAE,2CAA2C,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,gBAClI,mBAAmB,IAChB,CACP;IAJD,CAIC,CAAA;IAEH,IAAM,WAAW,GAAG,cAAM,OAAA,KAAK,IAAI,uBAAK,SAAS,EAAC,kCAAkC,gBAAE,KAAK,IAAO,EAAxE,CAAwE,CAAA;IAClG,IAAM,UAAU,GAAG,cAAM,OAAA,IAAI,IAAI,uBAAK,SAAS,EAAC,sBAAsB,gBAAE,IAAI,IAAO,EAA1D,CAA0D,CAAA;IAEnF,OAAO,CACL,wBAAK,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,KAAK,MAAG,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,0BAAmB,KAAK,CAAE,YAAI,GAAC,SAAS,IAAG,SAAS,MAAG,iBAChI,gBAAgB,EAAE,EACnB,wBAAK,SAAS,EAAC,2BAA2B,iBACvC,UAAU,EAAE,EACb,gBACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,UAAU,CAAC,kCAAkC,EAAE,4CAAqC,mBAAmB,CAAE,EAAE;4BACpH,+CAA+C,EAAE,UAAU,IAAI,WAAW;4BAC1E,4CAA4C,EAAE,UAAU;4BACxD,yCAAyC,EAAE,KAAK;yBACjD,CAAC,EACF,KAAK,EAAE,EAAE,WAAW,EAAE,mBAAmB,EAAE,EAAE,YAAY,EAAE,oBAAoB,EAAE,EAAE,EACnF,IAAI,EAAE,YAAY,EAAE,EACpB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,aAAa,EACxB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,YAAY,GACtB,EACD,kBAAkB,IAAI,CACrB,wBAAK,SAAS,EAAC,6CAA6C,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,eAAe,OAAI,EAAE,iBACnG,gBACE,GAAG,EAAE,kBAAkB,EACvB,SAAS,EAAE,UAAU,CAAC,oDAAoD,EAAE;oCAC1E,8DAA8D,EAAE,UAAU;iCAC3E,CAAC,EACF,YAAY,EAAE,sBAAsB,EACpC,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,yBAAyB,EACpC,WAAW,EAAE,qBAAqB,EAClC,QAAQ,EAAE,sBAAsB,GAChC,EACF,eAAM,GAAG,EAAE,aAAa,EAAE,SAAS,EAAC,0DAA0D,GAAG,KAC7F,CACP,EACA,aAAa,EAAE,EACf,eAAe,EAAE,EACjB,iBAAiB,EAAE,EACnB,WAAW,EAAE,KACV,EACL,UAAU,EAAE,KACT,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -17,7 +17,6 @@ export interface IInputProps extends IThemeProps {
|
|
|
17
17
|
borderType?: 'pale' | 'intense';
|
|
18
18
|
counterType?: 'title' | 'text';
|
|
19
19
|
width?: IntRange<1, 101>;
|
|
20
|
-
additionalWidth?: IntRange<1, 51>;
|
|
21
20
|
iconColor?: string;
|
|
22
21
|
className?: string;
|
|
23
22
|
onChange: (str: string) => void;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { INotificationProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Notification: ({ theme, platform, id, type, isAutoHidden, isFullScreen, isAllIndefinitelyNeedToBeClosed, hideDuration, distanceFromBottom, title, avatar, text,
|
|
3
|
+
declare const Notification: ({ theme, platform, id, type, isAutoHidden, isFullScreen, isAllIndefinitelyNeedToBeClosed, hideDuration, distanceFromBottom, title, avatar, text, subText, action, onClose, }: INotificationProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Notification;
|
|
@@ -33,6 +33,7 @@ import { ReactComponent as NotificationInfoIcon } from '../../assets/icons/notif
|
|
|
33
33
|
import { ReactComponent as NotificationWarningIcon } from '../../assets/icons/notification-warning.svg';
|
|
34
34
|
import { ReactComponent as NotificationErrorIcon } from '../../assets/icons/notification-error.svg';
|
|
35
35
|
import { ReactComponent as NotificationCloseIcon } from '../../assets/icons/notification-close.svg';
|
|
36
|
+
import { ReactComponent as MailIcon } from '../../assets/icons/mail.svg';
|
|
36
37
|
import '../../styles/styles.scss';
|
|
37
38
|
var AUTO_HIDDEN_CONTAINER_ID = 'autoHiddenContainerId';
|
|
38
39
|
var INDEFINITELY_CONTAINER_ID = 'indefinitelyContainerId';
|
|
@@ -51,7 +52,7 @@ var NOTIFICATION_ICONS = (_a = {},
|
|
|
51
52
|
_a[NOTIFICATION_TYPES.error] = _jsx(NotificationErrorIcon, {}),
|
|
52
53
|
_a);
|
|
53
54
|
var Notification = function (_a) {
|
|
54
|
-
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, id = _a.id, _d = _a.type, type = _d === void 0 ? 'success' : _d, _e = _a.isAutoHidden, isAutoHidden = _e === void 0 ? true : _e, _f = _a.isFullScreen, isFullScreen = _f === void 0 ? false : _f, _g = _a.isAllIndefinitelyNeedToBeClosed, isAllIndefinitelyNeedToBeClosed = _g === void 0 ? false : _g, _h = _a.hideDuration, hideDuration = _h === void 0 ? 3000 : _h, distanceFromBottom = _a.distanceFromBottom, title = _a.title, avatar = _a.avatar, text = _a.text,
|
|
55
|
+
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, id = _a.id, _d = _a.type, type = _d === void 0 ? 'success' : _d, _e = _a.isAutoHidden, isAutoHidden = _e === void 0 ? true : _e, _f = _a.isFullScreen, isFullScreen = _f === void 0 ? false : _f, _g = _a.isAllIndefinitelyNeedToBeClosed, isAllIndefinitelyNeedToBeClosed = _g === void 0 ? false : _g, _h = _a.hideDuration, hideDuration = _h === void 0 ? 3000 : _h, distanceFromBottom = _a.distanceFromBottom, title = _a.title, avatar = _a.avatar, text = _a.text, subText = _a.subText, action = _a.action, onClose = _a.onClose;
|
|
55
56
|
var _j = useState([]), indefinitelyIds = _j[0], setIndefinitelyIds = _j[1];
|
|
56
57
|
var getDistanceFromBottom = function () {
|
|
57
58
|
var defaultDistanceFromBottom = isWebPlatform(platform) ? WEB_NOTIFICATION_DISTANCE_FROM_BOTTOM : MOBILE_NOTIFICATION_DISTANCE_FROM_BOTTOM;
|
|
@@ -72,25 +73,17 @@ var Notification = function (_a) {
|
|
|
72
73
|
event.stopPropagation();
|
|
73
74
|
toast.dismiss(notificationId);
|
|
74
75
|
};
|
|
75
|
-
var replaceSpacesInText = function (textWithSpaces) { return textWithSpaces.replace(/ /g, ' '); };
|
|
76
76
|
var getSanitizedHtml = function (str) {
|
|
77
|
-
var preparedHtml = juice(
|
|
77
|
+
var preparedHtml = juice(str);
|
|
78
78
|
var html = DOMPurify.sanitize(preparedHtml);
|
|
79
79
|
return { __html: html };
|
|
80
80
|
};
|
|
81
|
-
var
|
|
82
|
-
if (boldText && text.includes(boldText)) {
|
|
83
|
-
var _a = text.split(boldText), startOfText = _a[0], endOfText = _a[1];
|
|
84
|
-
return (_jsxs("div", __assign({ className: "smartapp-notification__content--text" }, { children: [_jsx("div", { dangerouslySetInnerHTML: getSanitizedHtml(startOfText) }), _jsx("div", { className: "smartapp-notification__content--text__bold", dangerouslySetInnerHTML: getSanitizedHtml(boldText) }), _jsx("div", { dangerouslySetInnerHTML: getSanitizedHtml(endOfText) })] })));
|
|
85
|
-
}
|
|
86
|
-
return _jsx("div", { children: text });
|
|
87
|
-
};
|
|
88
|
-
var renderMailNotificationContent = function (notificationId) { return (_jsxs("div", __assign({ onClick: function () { return handleActionClick({ notificationId: notificationId, action: action === null || action === void 0 ? void 0 : action.onClick }); } }, { children: [_jsxs("div", __assign({ className: "smartapp-notification__title" }, { children: [_jsx("div", { children: title }), _jsx(NotificationCloseIcon, { onClick: function (event) { return handleClickMailCloseIcon({ event: event, notificationId: notificationId }); } })] })), _jsxs("div", __assign({ className: "smartapp-notification__body" }, { children: [avatar && _jsx(Avatar, { size: 40, avatar: avatar.src, username: avatar.username }), _jsxs("div", __assign({ className: "smartapp-notification__body--text" }, { children: [_jsx("div", { children: text }), _jsx("div", { children: subText })] }))] }))] }))); };
|
|
81
|
+
var renderMailNotificationContent = function (notificationId) { return (_jsxs("div", __assign({ onClick: function () { return handleActionClick({ notificationId: notificationId, action: action === null || action === void 0 ? void 0 : action.onClick }); } }, { children: [_jsxs("div", __assign({ className: "smartapp-notification__title" }, { children: [_jsxs("div", { children: [_jsx(MailIcon, {}), _jsx("div", { children: title })] }), _jsx(NotificationCloseIcon, { onClick: function (event) { return handleClickMailCloseIcon({ event: event, notificationId: notificationId }); } })] })), _jsxs("div", __assign({ className: "smartapp-notification__body" }, { children: [avatar && _jsx(Avatar, { size: 40, avatar: avatar.src, username: avatar.username }), _jsxs("div", __assign({ className: "smartapp-notification__body--text" }, { children: [_jsx("div", { children: text }), _jsx("div", { children: subText })] }))] }))] }))); };
|
|
89
82
|
var renderNotificationContent = function (notificationId) {
|
|
90
83
|
if (type === NOTIFICATION_TYPES.mail) {
|
|
91
84
|
return renderMailNotificationContent(notificationId);
|
|
92
85
|
}
|
|
93
|
-
return (_jsxs("div", __assign({ className: "smartapp-notification" }, { children: [NOTIFICATION_ICONS[type], _jsxs("div", __assign({ className: "smartapp-notification__content" }, { children: [
|
|
86
|
+
return (_jsxs("div", __assign({ className: "smartapp-notification" }, { children: [NOTIFICATION_ICONS[type], _jsxs("div", __assign({ className: "smartapp-notification__content" }, { children: [_jsx("div", { dangerouslySetInnerHTML: getSanitizedHtml(text) }), action && (_jsx("div", __assign({ className: "smartapp-notification__content--action", onClick: function () { return handleActionClick({ notificationId: notificationId, action: action.onClick }); } }, { children: action.text || CANCEL_ACTION_TEXT })))] }))] })));
|
|
94
87
|
};
|
|
95
88
|
var renderToastContainer = function (_a) {
|
|
96
89
|
var containerId = _a.containerId, distanceFromBottom = _a.distanceFromBottom, _b = _a.distanceFromTop, distanceFromTop = _b === void 0 ? DEFAULT_NOTIFICATION_DISTANCE_FROM_TOP : _b;
|
|
@@ -106,6 +99,7 @@ var Notification = function (_a) {
|
|
|
106
99
|
toastId: id,
|
|
107
100
|
autoClose: isAutoHidden ? hideDuration : false,
|
|
108
101
|
className: "Toastify__toast--".concat(type),
|
|
102
|
+
onClose: function () { return onClose && onClose(id); },
|
|
109
103
|
});
|
|
110
104
|
}
|
|
111
105
|
// eslint-disable-next-line
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../../src/сomponents/Notification/Notification.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AACrE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,WAAW,CAAA;AACjC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EACL,kBAAkB,EAClB,sCAAsC,EACtC,wCAAwC,EACxC,QAAQ,EACR,KAAK,EACL,qCAAqC,GACtC,MAAM,iBAAiB,CAAA;AAExB,OAAO,EAAE,cAAc,IAAI,uBAAuB,EAAE,MAAM,6CAA6C,CAAA;AACvG,OAAO,EAAE,cAAc,IAAI,oBAAoB,EAAE,MAAM,0CAA0C,CAAA;AACjG,OAAO,EAAE,cAAc,IAAI,uBAAuB,EAAE,MAAM,6CAA6C,CAAA;AACvG,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,MAAM,2CAA2C,CAAA;AACnG,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,MAAM,2CAA2C,CAAA;AACnG,OAAO,0BAA0B,CAAA;AAEjC,IAAM,wBAAwB,GAAW,uBAAuB,CAAA;AAChE,IAAM,yBAAyB,GAAW,yBAAyB,CAAA;AACnE,IAAM,mBAAmB,GAAW,EAAE,CAAA;AAEtC,IAAM,kBAAkB,GAAG;IACzB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;CACb,CAAA;AAED,IAAM,kBAAkB;IACtB,GAAC,kBAAkB,CAAC,OAAO,IAAG,KAAC,uBAAuB,KAAG;IACzD,GAAC,kBAAkB,CAAC,IAAI,IAAG,KAAC,oBAAoB,KAAG;IACnD,GAAC,kBAAkB,CAAC,OAAO,IAAG,KAAC,uBAAuB,KAAG;IACzD,GAAC,kBAAkB,CAAC,KAAK,IAAG,KAAC,qBAAqB,KAAG;OACtD,CAAA;AAED,IAAM,YAAY,GAAG,UAAC,EAgBD;QAfnB,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA,EACrB,gBAAuB,EAAvB,QAAQ,mBAAG,QAAQ,CAAC,GAAG,KAAA,EACvB,EAAE,QAAA,EACF,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,uCAAuC,EAAvC,+BAA+B,mBAAG,KAAK,KAAA,EACvC,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,kBAAkB,wBAAA,EAClB,KAAK,WAAA,EACL,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,
|
|
1
|
+
{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../../src/сomponents/Notification/Notification.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,6 +18,7 @@ import Popup from 'reactjs-popup';
|
|
|
18
18
|
import { useSwipeable } from 'react-swipeable';
|
|
19
19
|
import { ReactComponent as CloseStoriesIcon } from '../../assets/icons/close-stories.svg';
|
|
20
20
|
import { ReactComponent as LoaderIcon } from '../../assets/icons/story-loader.svg';
|
|
21
|
+
import { ReactComponent as ExternalLinkIcon } from '../../assets/icons/external-link.svg';
|
|
21
22
|
import { STORY_BACKGROUND_TYPES, STORY_TYPE, } from './types';
|
|
22
23
|
import { COLORS, DEFAULT_FONT_FAMILY, NUMBER_OF_STORIES_FOR_ROUND_INDICATORS, PLATFORM } from '../../constants';
|
|
23
24
|
import { getColor, isIosPlatform, isWebPlatform } from '../../helpers';
|
|
@@ -169,10 +170,10 @@ var StoriesComponent = function (_a) {
|
|
|
169
170
|
}, 0);
|
|
170
171
|
};
|
|
171
172
|
window.onresize = setStoryElementWidth;
|
|
172
|
-
return (_jsx("div", __assign({ style: getStoryStyles(backgroundSource) }, { children: _jsxs("div", __assign({ style: { fontFamily: "".concat(fontFamily, ", sans-serif") }, className: classNames('smartapp-stories__story', { 'smartapp-stories__story--image-bg': isImageOnBackground(backgroundSource) }) }, { children: [_jsxs("div", __assign({ style: { opacity: isLoaderVisible ? '0' : '1' } }, { children: [image && (_jsx("div", __assign({ className: "smartapp-stories__story--image", style: { width: "".concat(imageContainerWidth, "px"), height: "".concat(imageContainerHeight, "px") } }, { children: _jsx("img", { src: image, alt: "", onLoad: handleImageLoad, onError: handleImageLoad }) }))), title && _jsx("div", __assign({ className: "smartapp-stories__story--title" }, { children: title })), body && _jsx("div", __assign({ className: "smartapp-stories__story--body" }, { children: body })), button && (
|
|
173
|
+
return (_jsx("div", __assign({ style: getStoryStyles(backgroundSource) }, { children: _jsxs("div", __assign({ style: { fontFamily: "".concat(fontFamily, ", sans-serif") }, className: classNames('smartapp-stories__story', { 'smartapp-stories__story--image-bg': isImageOnBackground(backgroundSource) }) }, { children: [_jsxs("div", __assign({ style: { opacity: isLoaderVisible ? '0' : '1' } }, { children: [image && (_jsx("div", __assign({ className: "smartapp-stories__story--image", style: { width: "".concat(imageContainerWidth, "px"), height: "".concat(imageContainerHeight, "px") } }, { children: _jsx("img", { src: image, alt: "", onLoad: handleImageLoad, onError: handleImageLoad }) }))), title && _jsx("div", __assign({ className: "smartapp-stories__story--title" }, { children: title })), body && _jsx("div", __assign({ className: "smartapp-stories__story--body" }, { children: body })), button && (_jsxs("div", __assign({ style: {
|
|
173
174
|
color: getColor(button.textColor, COLORS.black),
|
|
174
175
|
background: getColor(button.backgroundColor, COLORS.white),
|
|
175
|
-
}, className: classNames('smartapp-stories__story--button', "smartapp-stories__story--button__".concat(platform)), onClick: button.action }, { children: button.text })))] })), isLoaderVisible && (_jsx("div", __assign({ className: "smartapp-stories__story--loader" }, { children: _jsx(LoaderIcon, {}) })))] })) }), id));
|
|
176
|
+
}, className: classNames('smartapp-stories__story--button', "smartapp-stories__story--button__".concat(platform)), onClick: button.action }, { children: [button.text, button.isTransitionToExternalSource && _jsx(ExternalLinkIcon, {})] })))] })), isLoaderVisible && (_jsx("div", __assign({ className: "smartapp-stories__story--loader" }, { children: _jsx(LoaderIcon, {}) })))] })) }), id));
|
|
176
177
|
},
|
|
177
178
|
});
|
|
178
179
|
};
|