@expressms/smartapp-ui 2.9.1 → 2.9.3
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/distribution.svg +12 -0
- package/build/main/assets/icons/group.svg +3 -0
- package/build/main/assets/icons/loader.svg +1 -1
- package/build/main/assets/icons/meeting-room.svg +3 -0
- package/build/main/assets/icons/meeting-rooms-list.svg +5 -0
- package/build/main/assets/icons/search.svg +3 -0
- package/build/main/assets/icons/warning-avatar.svg +4 -0
- package/build/main/constants/constants.d.ts +6 -0
- package/build/main/constants/constants.js +6 -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 +3 -0
- package/build/main/helpers/index.js +24 -0
- package/build/main/helpers/index.js.map +1 -1
- package/build/main/hooks/useLongTap.d.ts +12 -0
- package/build/main/hooks/useLongTap.js +29 -0
- package/build/main/hooks/useLongTap.js.map +1 -0
- 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 +18 -3
- package/build/main//321/201omponents/Avatar/Avatar.js.map +1 -1
- package/build/main//321/201omponents/Avatar/types.d.ts +3 -2
- package/build/main//321/201omponents/Avatar/types.js.map +1 -1
- package/build/main//321/201omponents/Chip/Chip.d.ts +1 -1
- package/build/main//321/201omponents/Chip/Chip.js +35 -5
- package/build/main//321/201omponents/Chip/Chip.js.map +1 -1
- package/build/main//321/201omponents/Chip/types.d.ts +10 -2
- package/build/main//321/201omponents/ContextMenu/ContextMenu.d.ts +1 -1
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js +4 -5
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js.map +1 -1
- package/build/main//321/201omponents/ContextMenu/types.d.ts +6 -4
- package/build/main//321/201omponents/CustomSelectProfiles/CustomSelectProfiles.js +3 -2
- package/build/main//321/201omponents/CustomSelectProfiles/CustomSelectProfiles.js.map +1 -1
- package/build/main//321/201omponents/Header/Header.js +2 -1
- package/build/main//321/201omponents/Header/Header.js.map +1 -1
- package/build/main//321/201omponents/Modal/Modal.d.ts +1 -1
- package/build/main//321/201omponents/Modal/Modal.js +8 -5
- package/build/main//321/201omponents/Modal/Modal.js.map +1 -1
- package/build/main//321/201omponents/Modal/types.d.ts +1 -0
- package/build/main//321/201omponents/Notification/Notification.js +2 -1
- package/build/main//321/201omponents/Notification/Notification.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.js +2 -1
- package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js +21 -10
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js +5 -8
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/Option/Option.js +12 -10
- package/build/main//321/201omponents/UserDropdown/Option/Option.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/SearchInCatalogButton/SearchInCatalogButton.d.ts +4 -0
- package/build/main//321/201omponents/UserDropdown/SearchInCatalogButton/SearchInCatalogButton.js +43 -0
- package/build/main//321/201omponents/UserDropdown/SearchInCatalogButton/SearchInCatalogButton.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/UserDropdown.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js +61 -24
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/constants.d.ts +7 -0
- package/build/main//321/201omponents/UserDropdown/constants.js +9 -0
- package/build/main//321/201omponents/UserDropdown/constants.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/helpers.d.ts +2 -2
- package/build/main//321/201omponents/UserDropdown/helpers.js +86 -33
- package/build/main//321/201omponents/UserDropdown/helpers.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/selectStyles.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/selectStyles.js +2 -2
- package/build/main//321/201omponents/UserDropdown/selectStyles.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/types.d.ts +56 -5
- package/build/main//321/201omponents/UserDropdown/types.js +8 -1
- package/build/main//321/201omponents/UserDropdown/types.js.map +1 -1
- 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: ({ theme, className, styles, avatarRef, isSelected, isHighlighted, isInactive, isSpam, isCrown, isEye, size, username, initials, avatar, counter, icon, outlineDefaultBackground, outlineDarkBackground, onClick, onMouseDown, }: IAvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const Avatar: ({ theme, className, styles, avatarRef, isSelected, isHighlighted, isInactive, isSpam, isWarning, isCrown, isEye, size, username, initials, avatar, counter, icon, outlineDefaultBackground, outlineDarkBackground, onClick, onMouseDown, }: IAvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Avatar;
|
|
@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { isString } from 'lodash';
|
|
13
14
|
import classNames from 'classnames';
|
|
14
15
|
import { calculatePercentageOfValue, createInitials, isDarkTheme, userNameToColor } from '../../helpers';
|
|
15
16
|
import { AVATAR_SIZES, AvatarFontSizes } from './types';
|
|
@@ -18,6 +19,7 @@ import { ReactComponent as TickIcon } from '../../assets/icons/tick.svg';
|
|
|
18
19
|
import { ReactComponent as InfoIcon } from '../../assets/icons/info.svg';
|
|
19
20
|
import { ReactComponent as CrownIcon } from '../../assets/icons/crown.svg';
|
|
20
21
|
import { ReactComponent as PrivateIcon } from '../../assets/icons/private.svg';
|
|
22
|
+
import { ReactComponent as AvatarWarningIcon } from '../../assets/icons/warning-avatar.svg';
|
|
21
23
|
import '../../styles/styles.scss';
|
|
22
24
|
var PERCENTS;
|
|
23
25
|
(function (PERCENTS) {
|
|
@@ -33,11 +35,13 @@ var PERCENTS;
|
|
|
33
35
|
PERCENTS[PERCENTS["pct_62_5"] = 62.5] = "pct_62_5";
|
|
34
36
|
PERCENTS[PERCENTS["pct_65"] = 65] = "pct_65";
|
|
35
37
|
PERCENTS[PERCENTS["pct_75"] = 75] = "pct_75";
|
|
38
|
+
PERCENTS[PERCENTS["pct_100"] = 100] = "pct_100";
|
|
36
39
|
})(PERCENTS || (PERCENTS = {}));
|
|
37
40
|
var AVATAR_OPACITY = 0.5;
|
|
38
41
|
var USER_INITIALS_OPACITY = 0.3;
|
|
42
|
+
var WARNING_AVATAR_BACKGROUND_COLOR = 'var(--color-icon-transparent-pressed)';
|
|
39
43
|
var Avatar = function (_a) {
|
|
40
|
-
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, className = _a.className, styles = _a.styles, avatarRef = _a.avatarRef, isSelected = _a.isSelected, isHighlighted = _a.isHighlighted, isInactive = _a.isInactive, isSpam = _a.isSpam, isCrown = _a.isCrown, isEye = _a.isEye, _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, icon = _a.icon, _f = _a.outlineDefaultBackground, outlineDefaultBackground = _f === void 0 ? COLORS.white : _f, _g = _a.outlineDarkBackground, outlineDarkBackground = _g === void 0 ? COLORS.brightBlack : _g, _h = _a.onClick, onClick = _h === void 0 ? function () { return undefined; } : _h, onMouseDown = _a.onMouseDown;
|
|
44
|
+
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, className = _a.className, styles = _a.styles, avatarRef = _a.avatarRef, isSelected = _a.isSelected, isHighlighted = _a.isHighlighted, isInactive = _a.isInactive, isSpam = _a.isSpam, isWarning = _a.isWarning, isCrown = _a.isCrown, isEye = _a.isEye, _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, icon = _a.icon, _f = _a.outlineDefaultBackground, outlineDefaultBackground = _f === void 0 ? COLORS.white : _f, _g = _a.outlineDarkBackground, outlineDarkBackground = _g === void 0 ? COLORS.brightBlack : _g, _h = _a.onClick, onClick = _h === void 0 ? function () { return undefined; } : _h, onMouseDown = _a.onMouseDown;
|
|
41
45
|
var inactiveOpacity = avatar ? AVATAR_OPACITY : USER_INITIALS_OPACITY;
|
|
42
46
|
var outlineBackground = isDarkTheme(theme) ? outlineDarkBackground : outlineDefaultBackground;
|
|
43
47
|
var outlineWidth = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_5, shouldBeRounded: false });
|
|
@@ -68,7 +72,17 @@ var Avatar = function (_a) {
|
|
|
68
72
|
}
|
|
69
73
|
};
|
|
70
74
|
var renderUserInitials = function () { return (initials === null || initials === void 0 ? void 0 : initials.slice(0, MAX_NUMBER_OF_CHARACTERS_IN_INITIALS).toUpperCase()) || createInitials(username); };
|
|
75
|
+
var renderAvatarImage = function () {
|
|
76
|
+
if (avatar)
|
|
77
|
+
return isString(avatar) ? _jsx("img", { src: avatar, alt: "avatar" }) : avatar;
|
|
78
|
+
else
|
|
79
|
+
return renderUserInitials();
|
|
80
|
+
};
|
|
71
81
|
var renderContent = function () {
|
|
82
|
+
if (isWarning) {
|
|
83
|
+
var warningSize = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_100 });
|
|
84
|
+
return _jsx(AvatarWarningIcon, { width: warningSize, height: warningSize });
|
|
85
|
+
}
|
|
72
86
|
if (isSelected) {
|
|
73
87
|
var tickSize = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_57 });
|
|
74
88
|
return _jsx(TickIcon, { width: tickSize, height: tickSize });
|
|
@@ -82,7 +96,7 @@ var Avatar = function (_a) {
|
|
|
82
96
|
var iconSizeInPx = "".concat(iconSize, "px");
|
|
83
97
|
return (_jsx("div", __assign({ className: "smartapp-avatar__content--icon", style: { width: iconSizeInPx, height: iconSizeInPx } }, { children: icon })));
|
|
84
98
|
}
|
|
85
|
-
return
|
|
99
|
+
return renderAvatarImage();
|
|
86
100
|
};
|
|
87
101
|
var renderCounter = function () {
|
|
88
102
|
var isSingleDigitNumber = counter <= 9;
|
|
@@ -116,6 +130,7 @@ var Avatar = function (_a) {
|
|
|
116
130
|
var crownSize = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_50 });
|
|
117
131
|
return (_jsx(CrownIcon, { className: "smartapp-avatar__content--crown", width: crownSize, height: crownSize, color: outlineBackground, style: { bottom: "-".concat(bottom, "px"), right: "-".concat(right, "px") } }));
|
|
118
132
|
};
|
|
133
|
+
var generateBackgroundValueForStyles = function () { return (isWarning ? WARNING_AVATAR_BACKGROUND_COLOR : userNameToColor(initials || username)); };
|
|
119
134
|
var generateAvatarContentStyles = function () { return ({
|
|
120
135
|
width: "".concat(size, "px"),
|
|
121
136
|
minWidth: "".concat(size, "px"),
|
|
@@ -123,7 +138,7 @@ var Avatar = function (_a) {
|
|
|
123
138
|
fontSize: generateFontSizeAvatar(),
|
|
124
139
|
background: isInactive
|
|
125
140
|
? "linear-gradient(180deg, ".concat(COLORS.inactiveAvatarGradientStart, " 0%, ").concat(COLORS.inactiveAvatarGradientEnd, " 100%)")
|
|
126
|
-
:
|
|
141
|
+
: generateBackgroundValueForStyles(),
|
|
127
142
|
opacity: isInactive ? inactiveOpacity : 1,
|
|
128
143
|
}); };
|
|
129
144
|
return (_jsx("div", __assign({ ref: avatarRef, className: classNames('smartapp-avatar', "smartapp-avatar__".concat(theme), { 'smartapp-avatar__outline': isHighlighted }, className), style: __assign({ '--avatar-outline-width': "".concat(outlineWidth, "px") }, styles), onClick: onClick, onMouseDown: onMouseDown }, { children: _jsxs("div", __assign({ style: generateAvatarContentStyles(), className: classNames('smartapp-avatar__content', {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,0BAA0B,EAAE,cAAc,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACxG,OAAO,EAAE,YAAY,EAAE,eAAe,EAAgB,MAAM,SAAS,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,oCAAoC,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACrF,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,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC9E,OAAO,0BAA0B,CAAA;AAEjC,IAAK,
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/Avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactNode, RefObject } from 'react';
|
|
1
|
+
import { ReactElement, ReactNode, RefObject } from 'react';
|
|
2
2
|
import { IThemeProps, TStyles } from '../../constants';
|
|
3
3
|
export interface IAvatarProps extends IThemeProps {
|
|
4
4
|
avatarRef?: RefObject<HTMLDivElement | null>;
|
|
@@ -9,11 +9,12 @@ export interface IAvatarProps extends IThemeProps {
|
|
|
9
9
|
isInactive?: boolean;
|
|
10
10
|
isSpam?: boolean;
|
|
11
11
|
isCrown?: boolean;
|
|
12
|
+
isWarning?: boolean;
|
|
12
13
|
isEye?: boolean;
|
|
13
14
|
size?: 16 | 20 | 24 | 32 | 36 | 40 | 44 | 48 | 56 | 64 | 80 | 100 | 160 | 200;
|
|
14
15
|
username?: string;
|
|
15
16
|
initials?: string;
|
|
16
|
-
avatar?: string | null;
|
|
17
|
+
avatar?: string | ReactElement | null;
|
|
17
18
|
counter?: number;
|
|
18
19
|
icon?: ReactNode;
|
|
19
20
|
outlineDefaultBackground?: string;
|
|
@@ -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":"AA0BA,MAAM,CAAN,IAAY,YAeX;AAfD,WAAY,YAAY;IACtB,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,yDAAc,CAAA;IACd,yDAAc,CAAA;IACd,yDAAc,CAAA;AAChB,CAAC,EAfW,YAAY,KAAZ,YAAY,QAevB;AAED,MAAM,CAAN,IAAY,eASX;AATD,WAAY,eAAe;IACzB,iCAAc,CAAA;IACd,iCAAc,CAAA;IACd,kCAAe,CAAA;IACf,kCAAe,CAAA;IACf,iCAAc,CAAA;IACd,kCAAe,CAAA;IACf,mCAAgB,CAAA;IAChB,oCAAiB,CAAA;AACnB,CAAC,EATW,eAAe,KAAf,eAAe,QAS1B"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IChipProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Chip: ({ name, avatar, isAvatarHidden, isDisabled, isError, isEye, className, styles, iconColor, onDelete, }: IChipProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const Chip: ({ name, email, avatar, isAvatarHidden, isDisabled, isError, isLoading, isWarning, userType, isEye, isMyContacts, contextMenuItems, className, styles, iconColor, platform, onDelete, }: IChipProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Chip;
|
|
@@ -10,15 +10,25 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
import { useEffect, useRef } from 'react';
|
|
13
|
+
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
14
14
|
import classNames from 'classnames';
|
|
15
15
|
import Avatar from '../Avatar';
|
|
16
|
-
import
|
|
17
|
-
import
|
|
16
|
+
import ContextMenu from '../ContextMenu';
|
|
17
|
+
import Loader from '../Loader';
|
|
18
|
+
import { useLongTap } from '../../hooks/useLongTap';
|
|
19
|
+
import { generateAvatarIcon, generateColor, isWebPlatform, renderUserIcon } from '../../helpers';
|
|
20
|
+
import { COLOR_CHIP, COLORS, FIT_CONTENT, PLATFORM } from '../../constants';
|
|
21
|
+
import { USER_TYPES } from '../UserDropdown/constants';
|
|
22
|
+
import { AVATAR_SIZES } from '../Avatar/types';
|
|
18
23
|
import { ReactComponent as DeleteIcon } from '../../assets/icons/delete-chip.svg';
|
|
19
24
|
import '../../styles/styles.scss';
|
|
25
|
+
var CHIP_HEIGHT = 32;
|
|
26
|
+
var CONTEXT_MENU_INDENT_TOP = 4;
|
|
27
|
+
var CONTEXT_MENU_INDENT = CHIP_HEIGHT + CONTEXT_MENU_INDENT_TOP;
|
|
28
|
+
var generateLoaderStyles = function () { return ({ background: 'none', width: '24px', height: '24px' }); };
|
|
20
29
|
var Chip = function (_a) {
|
|
21
|
-
var name = _a.name, avatar = _a.avatar, _b = _a.isAvatarHidden, isAvatarHidden = _b === void 0 ? false : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isError, isError = _d === void 0 ? false : _d, _e = _a.
|
|
30
|
+
var name = _a.name, email = _a.email, avatar = _a.avatar, _b = _a.isAvatarHidden, isAvatarHidden = _b === void 0 ? false : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isError, isError = _d === void 0 ? false : _d, _e = _a.isLoading, isLoading = _e === void 0 ? false : _e, _f = _a.isWarning, isWarning = _f === void 0 ? false : _f, _g = _a.userType, userType = _g === void 0 ? USER_TYPES.user : _g, _h = _a.isEye, isEye = _h === void 0 ? false : _h, isMyContacts = _a.isMyContacts, contextMenuItems = _a.contextMenuItems, className = _a.className, styles = _a.styles, iconColor = _a.iconColor, _j = _a.platform, platform = _j === void 0 ? PLATFORM.web : _j, onDelete = _a.onDelete;
|
|
31
|
+
var _k = useState(false), isOpenContextMenu = _k[0], setIsOpenContextMenu = _k[1];
|
|
22
32
|
var isChipDisabled = isError ? false : isDisabled;
|
|
23
33
|
var chipRef = useRef(null);
|
|
24
34
|
useEffect(function () {
|
|
@@ -29,7 +39,27 @@ var Chip = function (_a) {
|
|
|
29
39
|
}, []);
|
|
30
40
|
var handleMouseDown = function () { var _a; return (_a = chipRef.current) === null || _a === void 0 ? void 0 : _a.classList.add('smartapp-chip__pressed'); };
|
|
31
41
|
var handleMouseUp = function () { var _a; return (_a = chipRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove('smartapp-chip__pressed'); };
|
|
32
|
-
|
|
42
|
+
var handleDeleteClick = function (e) {
|
|
43
|
+
e.stopPropagation();
|
|
44
|
+
e.preventDefault();
|
|
45
|
+
!isLoading && (onDelete === null || onDelete === void 0 ? void 0 : onDelete(name));
|
|
46
|
+
};
|
|
47
|
+
var handleOpenContextMenu = useCallback(function () { return setIsOpenContextMenu(true); }, []);
|
|
48
|
+
var handleCloseContextMenu = function () { return setIsOpenContextMenu(false); };
|
|
49
|
+
var setContextMenuPosition = useCallback(function () {
|
|
50
|
+
var _a;
|
|
51
|
+
var _b = ((_a = chipRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || {}, _c = _b.left, left = _c === void 0 ? 0 : _c, _d = _b.top, top = _d === void 0 ? 0 : _d;
|
|
52
|
+
return { x: left, y: top + CONTEXT_MENU_INDENT };
|
|
53
|
+
}, [chipRef]);
|
|
54
|
+
var _l = useLongTap({ onLongTap: handleOpenContextMenu }), cancelPressTimer = _l.cancelPressTimer, startPressTimer = _l.startPressTimer;
|
|
55
|
+
var handleContextMenu = function (event) {
|
|
56
|
+
if (!isWebPlatform(platform))
|
|
57
|
+
return;
|
|
58
|
+
event.preventDefault();
|
|
59
|
+
handleOpenContextMenu();
|
|
60
|
+
};
|
|
61
|
+
var contextMenuHeader = (_jsxs("div", __assign({ className: "smartapp-chip__context-menu-header" }, { children: [_jsx(Avatar, { username: name, avatar: avatar, size: AVATAR_SIZES.size_32, isEye: isEye, outlineDefaultBackground: COLOR_CHIP }), _jsxs("div", __assign({ className: "smartapp-chip__context-menu-header__content" }, { children: [_jsxs("div", __assign({ className: "smartapp-chip__context-menu-header__content--name" }, { children: [_jsx("div", { children: renderUserIcon(isMyContacts) }), _jsx("span", { children: name })] })), _jsx("div", __assign({ className: "smartapp-chip__context-menu-header__content--email" }, { children: email }))] }))] })));
|
|
62
|
+
return (_jsxs("div", __assign({ ref: chipRef, className: classNames('smartapp-chip', { 'smartapp-chip__error': isError, 'smartapp-chip__disabled': isChipDisabled, 'smartapp-chip__loading': isLoading }, className), style: styles, onContextMenu: handleContextMenu, onTouchStart: !isOpenContextMenu ? startPressTimer : undefined, onTouchEnd: cancelPressTimer, onTouchMove: cancelPressTimer }, { children: [_jsxs("div", __assign({ className: "smartapp-chip__info" }, { children: [!isAvatarHidden && !isError && (_jsx("div", __assign({ className: "smartapp-chip__info--avatar" }, { children: isLoading ? (_jsx(Loader, { isLoader: true, iconSize: AVATAR_SIZES.size_24, containerStyles: generateLoaderStyles(), isFullScreen: false })) : (_jsx(Avatar, { icon: generateAvatarIcon(userType), username: name, isWarning: isWarning, avatar: avatar, size: AVATAR_SIZES.size_24, isEye: isEye, outlineDefaultBackground: COLOR_CHIP })) }))), _jsx("p", __assign({ className: classNames('smartapp-chip__info--name', { 'smartapp-chip__info--name__loading': isLoading }) }, { children: name }))] })), !isChipDisabled && onDelete && (_jsx("div", __assign({ className: "smartapp-chip__delete-icon", onClick: handleDeleteClick, onMouseDown: handleMouseDown }, { children: _jsx(DeleteIcon, { style: { color: generateColor(iconColor, isError ? COLORS.red : COLORS.darkerGray) } }) }))), contextMenuItems && (_jsx(ContextMenu, { isMenuOpen: isOpenContextMenu, position: setContextMenuPosition(), closeMenu: handleCloseContextMenu, items: contextMenuItems, actionData: email || name, topSlot: contextMenuHeader, menuStyles: { width: FIT_CONTENT } }))] })));
|
|
33
63
|
};
|
|
34
64
|
export default Chip;
|
|
35
65
|
//# 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;
|
|
1
|
+
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/сomponents/Chip/Chip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,21 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { ICommonProps, TStyles } from '../../constants';
|
|
2
|
+
import { USER_TYPES } from '../UserDropdown/constants';
|
|
3
|
+
import { MenuItem } from '../ContextMenu/types';
|
|
4
|
+
export interface IChipProps extends ICommonProps {
|
|
3
5
|
name: string;
|
|
6
|
+
email?: string;
|
|
4
7
|
avatar?: string;
|
|
5
8
|
isAvatarHidden?: boolean;
|
|
6
9
|
isDisabled?: boolean;
|
|
7
10
|
isError?: boolean;
|
|
11
|
+
isWarning?: boolean;
|
|
12
|
+
isLoading?: boolean;
|
|
8
13
|
isEye?: boolean;
|
|
14
|
+
isMyContacts?: boolean;
|
|
15
|
+
userType?: USER_TYPES;
|
|
9
16
|
className?: string;
|
|
10
17
|
styles?: TStyles;
|
|
11
18
|
iconColor?: string;
|
|
19
|
+
contextMenuItems?: MenuItem[];
|
|
12
20
|
onDelete?: (name?: string) => void;
|
|
13
21
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IContextMenuProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const ContextMenu: ({ isMenuOpen, isClickForbidden, isCloseOnItemClick, position: { x, y }, menuWidth, containerClassName, menuClassName, itemClassName, containerStyles, menuStyles, itemStyles, items, closeMenu, platform, }: IContextMenuProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
3
|
+
declare const ContextMenu: <T>({ isMenuOpen, isClickForbidden, isCloseOnItemClick, position: { x, y }, menuWidth, containerClassName, menuClassName, itemClassName, containerStyles, menuStyles, itemStyles, items, closeMenu, platform, actionData, topSlot, }: IContextMenuProps<T>) => import("react/jsx-runtime").JSX.Element | null;
|
|
4
4
|
export default ContextMenu;
|
|
@@ -14,12 +14,11 @@ import { useLayoutEffect, useRef, useState } from 'react';
|
|
|
14
14
|
import classNames from 'classnames';
|
|
15
15
|
import Checkbox from '../Checkbox';
|
|
16
16
|
import { generateId, isWebPlatform } from '../../helpers';
|
|
17
|
-
import { CONTEXT_MENU_SAFE_SPACE, PLATFORM } from '../../constants';
|
|
17
|
+
import { CONTEXT_MENU_SAFE_SPACE, FIT_CONTENT, PLATFORM } from '../../constants';
|
|
18
18
|
import '../../styles/styles.scss';
|
|
19
|
-
var FIT_CONTENT = 'fit-content';
|
|
20
19
|
var ContextMenu = function (_a) {
|
|
21
20
|
var _b;
|
|
22
|
-
var isMenuOpen = _a.isMenuOpen, _c = _a.isClickForbidden, isClickForbidden = _c === void 0 ? false : _c, _d = _a.isCloseOnItemClick, isCloseOnItemClick = _d === void 0 ? true : _d, _e = _a.position, x = _e.x, y = _e.y, menuWidth = _a.menuWidth, containerClassName = _a.containerClassName, menuClassName = _a.menuClassName, itemClassName = _a.itemClassName, containerStyles = _a.containerStyles, _f = _a.menuStyles, menuStyles = _f === void 0 ? {} : _f, _g = _a.itemStyles, itemStyles = _g === void 0 ? {} : _g, items = _a.items, closeMenu = _a.closeMenu, _h = _a.platform, platform = _h === void 0 ? PLATFORM.web : _h;
|
|
21
|
+
var isMenuOpen = _a.isMenuOpen, _c = _a.isClickForbidden, isClickForbidden = _c === void 0 ? false : _c, _d = _a.isCloseOnItemClick, isCloseOnItemClick = _d === void 0 ? true : _d, _e = _a.position, x = _e.x, y = _e.y, menuWidth = _a.menuWidth, containerClassName = _a.containerClassName, menuClassName = _a.menuClassName, itemClassName = _a.itemClassName, containerStyles = _a.containerStyles, _f = _a.menuStyles, menuStyles = _f === void 0 ? {} : _f, _g = _a.itemStyles, itemStyles = _g === void 0 ? {} : _g, items = _a.items, closeMenu = _a.closeMenu, _h = _a.platform, platform = _h === void 0 ? PLATFORM.web : _h, actionData = _a.actionData, topSlot = _a.topSlot;
|
|
23
22
|
var elementRef = useRef(null);
|
|
24
23
|
var _j = useState(0), contextMenuWidth = _j[0], setContextMenuWidth = _j[1];
|
|
25
24
|
var _k = useState(((_b = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0), contextMenuHeight = _k[0], setContextMenuHeight = _k[1];
|
|
@@ -29,7 +28,7 @@ var ContextMenu = function (_a) {
|
|
|
29
28
|
event.preventDefault();
|
|
30
29
|
!isClickForbidden && closeMenu();
|
|
31
30
|
};
|
|
32
|
-
var handleMenuItemClick = function (action) { return !isClickForbidden && action(); };
|
|
31
|
+
var handleMenuItemClick = function (action) { return !isClickForbidden && action(actionData); };
|
|
33
32
|
var handleMenuClose = function (_a) {
|
|
34
33
|
var event = _a.event, _b = _a.isItemClick, isItemClick = _b === void 0 ? true : _b;
|
|
35
34
|
event.stopPropagation();
|
|
@@ -76,7 +75,7 @@ var ContextMenu = function (_a) {
|
|
|
76
75
|
var contextMenuStyles = __assign({ top: y + contextMenuHeight > clientHeight ? clientHeight - contextMenuHeight - CONTEXT_MENU_SAFE_SPACE : y, left: x + contextMenuWidth > clientWidth ? clientWidth - contextMenuWidth - CONTEXT_MENU_SAFE_SPACE : x, width: contextMenuWidth || FIT_CONTENT }, menuStyles);
|
|
77
76
|
if (!isMenuOpen)
|
|
78
77
|
return null;
|
|
79
|
-
return (_jsx("div", __assign({ className: classNames('smartapp-context-menu', containerClassName), style: containerStyles, onClick: function (event) { return handleMenuClose({ event: event, isItemClick: false }); }, onContextMenu: handleContextMenu }, { children:
|
|
78
|
+
return (_jsx("div", __assign({ className: classNames('smartapp-context-menu', containerClassName), style: containerStyles, onClick: function (event) { return handleMenuClose({ event: event, isItemClick: false }); }, onContextMenu: handleContextMenu }, { children: _jsxs("div", __assign({ ref: elementRef, className: classNames('smartapp-context-menu__items', menuClassName), style: contextMenuStyles, onClick: function (event) { return handleMenuClose({ event: event }); } }, { children: [topSlot, contextMenuItems] })) })));
|
|
80
79
|
};
|
|
81
80
|
export default ContextMenu;
|
|
82
81
|
//# sourceMappingURL=ContextMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/сomponents/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAgB,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC9E,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,uBAAuB,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/сomponents/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ReactElement } from 'react';
|
|
1
|
+
import { ReactElement, ReactNode } from 'react';
|
|
2
2
|
import { ICommonProps, TStyles } from '../../constants';
|
|
3
|
-
export type MenuItem = {
|
|
3
|
+
export type MenuItem<T extends unknown = any> = {
|
|
4
4
|
isNegativeAction?: boolean;
|
|
5
5
|
isSelected?: boolean;
|
|
6
6
|
isDisabled?: boolean;
|
|
@@ -9,10 +9,10 @@ export type MenuItem = {
|
|
|
9
9
|
isFixedUnderLine?: boolean;
|
|
10
10
|
className?: string;
|
|
11
11
|
title: string;
|
|
12
|
-
action: () => void;
|
|
12
|
+
action: (actionData?: T) => void;
|
|
13
13
|
icon?: ReactElement;
|
|
14
14
|
};
|
|
15
|
-
export interface IContextMenuProps extends ICommonProps {
|
|
15
|
+
export interface IContextMenuProps<T extends unknown = any> extends ICommonProps {
|
|
16
16
|
isMenuOpen: boolean;
|
|
17
17
|
isCloseOnItemClick?: boolean;
|
|
18
18
|
isClickForbidden?: boolean;
|
|
@@ -28,5 +28,7 @@ export interface IContextMenuProps extends ICommonProps {
|
|
|
28
28
|
menuStyles?: TStyles;
|
|
29
29
|
itemStyles?: TStyles;
|
|
30
30
|
items: MenuItem[];
|
|
31
|
+
actionData?: T;
|
|
32
|
+
topSlot?: ReactNode;
|
|
31
33
|
closeMenu: () => void;
|
|
32
34
|
}
|
|
@@ -23,16 +23,17 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
24
|
import Select, { components } from 'react-select';
|
|
25
25
|
import Avatar from '../Avatar';
|
|
26
|
+
import { AVATAR_SIZES } from '../Avatar/types';
|
|
26
27
|
import '../../styles/styles.scss';
|
|
27
28
|
var Control = function (_a) {
|
|
28
29
|
var _b, _c, _d;
|
|
29
30
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
30
|
-
return (_jsxs(components.Control, __assign({}, props, { children: [((_b = props.selectProps) === null || _b === void 0 ? void 0 : _b.value) && (_jsx("div", __assign({ className: "smartapp-custom-select-profiles__control" }, { children: _jsx("span", { children: _jsx(Avatar, { size:
|
|
31
|
+
return (_jsxs(components.Control, __assign({}, props, { children: [((_b = props.selectProps) === null || _b === void 0 ? void 0 : _b.value) && (_jsx("div", __assign({ className: "smartapp-custom-select-profiles__control" }, { children: _jsx("span", { children: _jsx(Avatar, { size: AVATAR_SIZES.size_32, username: (_d = (_c = props === null || props === void 0 ? void 0 : props.selectProps) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.username }) }) }))), children] })));
|
|
31
32
|
};
|
|
32
33
|
var Option = function (_a) {
|
|
33
34
|
var _b, _c, _d;
|
|
34
35
|
var props = __rest(_a, []);
|
|
35
|
-
return (_jsx(components.Option, __assign({}, props, { children: _jsxs("div", __assign({ className: "smartapp-custom-select-profiles__option" }, { children: [_jsx("div", __assign({ className: "smartapp-custom-select-profiles__option--avatar" }, { children: _jsx(Avatar, { size:
|
|
36
|
+
return (_jsx(components.Option, __assign({}, props, { children: _jsxs("div", __assign({ className: "smartapp-custom-select-profiles__option" }, { children: [_jsx("div", __assign({ className: "smartapp-custom-select-profiles__option--avatar" }, { children: _jsx(Avatar, { size: AVATAR_SIZES.size_32, username: (_b = props === null || props === void 0 ? void 0 : props.data) === null || _b === void 0 ? void 0 : _b.username }) })), _jsxs("div", __assign({ className: "smartapp-custom-select-profiles__option--info" }, { children: [_jsxs("p", __assign({ className: "smartapp-custom-select-profiles__option--info__title" }, { children: [(_c = props === null || props === void 0 ? void 0 : props.data) === null || _c === void 0 ? void 0 : _c.username, " "] })), _jsxs("p", __assign({ className: "smartapp-custom-select-profiles__option--info__email" }, { children: [(_d = props === null || props === void 0 ? void 0 : props.data) === null || _d === void 0 ? void 0 : _d.email, " "] }))] }))] })) })));
|
|
36
37
|
};
|
|
37
38
|
var DropdownIndicator = function (props) { return _jsx(components.DropdownIndicator, __assign({}, props)); };
|
|
38
39
|
var IndicatorSeparator = function () { return null; };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomSelectProfiles.js","sourceRoot":"","sources":["../../../../src/сomponents/CustomSelectProfiles/CustomSelectProfiles.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,MAAM,EAAE,EAAE,UAAU,EAA0B,MAAM,cAAc,CAAA;AACzE,OAAO,MAAM,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"CustomSelectProfiles.js","sourceRoot":"","sources":["../../../../src/сomponents/CustomSelectProfiles/CustomSelectProfiles.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,6 +21,7 @@ import { ReactComponent as ArrowUpIcon } from '../../assets/icons/arrow-up.svg';
|
|
|
21
21
|
import { ReactComponent as ArrowDownIcon } from '../../assets/icons/arrow-down.svg';
|
|
22
22
|
import { generateColor } from '../../helpers';
|
|
23
23
|
import { HEADER_COLOR_BG, PLATFORM, TITLE_SIZE } from '../../constants';
|
|
24
|
+
import { AVATAR_SIZES } from '../Avatar/types';
|
|
24
25
|
import '../../styles/styles.scss';
|
|
25
26
|
export var DEFAULT_HEADER_HEIGHT = 48;
|
|
26
27
|
var MIN_TWO_DIGIT_NUMBER = 10;
|
|
@@ -100,7 +101,7 @@ var Header = function (_a) {
|
|
|
100
101
|
var isEnabled = _a.isEnabled, color = _a.color, onClick = _a.onClick;
|
|
101
102
|
return (_jsx(HeaderIcon, { titleBackground: backgroundColor, icon: _jsx(RefreshIcon, { className: classNames({ 'smartapp-header__icons--refresh': isEnabled }), style: { color: generateColor(color) } }), onClick: !isEnabled ? onClick : function () { } }));
|
|
102
103
|
};
|
|
103
|
-
var renderAvatar = function () { return (_jsx(Avatar, __assign({}, avatar, { avatarRef: avatarRef, className: isRemove || refreshIcon || customIcon ? 'smartapp-avatar__ml' : '', size:
|
|
104
|
+
var renderAvatar = function () { return (_jsx(Avatar, __assign({}, avatar, { avatarRef: avatarRef, className: isRemove || refreshIcon || customIcon ? 'smartapp-avatar__ml' : '', size: AVATAR_SIZES.size_32, onMouseDown: function () { return handleMouseDown({ ref: avatarRef, className: AVATAR_PRESSED_CLASSNAME }); } }))); };
|
|
104
105
|
var renderCustomIcons = function () {
|
|
105
106
|
if (isArray(customIcon))
|
|
106
107
|
return customIcon.map(function (_a, index) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/сomponents/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAa,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAChC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,cAAc,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAA;AACnF,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAC1E,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC9E,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAA;AAC/E,OAAO,EAAE,cAAc,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAA;AACnF,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/сomponents/Header/Header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IModalProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Modal: ({ isModalOpen, isClosableOutside, isCloseIconHidden, isPopup, isBottomSheet, isDisabledBottomSheet, isCloseButtonDisabled, isResetPaddingBottom, modalId, content, bottomContent, title, platform, popupClassName, className, popupStyles, styles, titleStyles, contentStyles, iconColor, backgroundColor, modalMaxHeight, bottomSheetProps, externalBottomSheetScrollContainer, contextMenuProps, handleCloseModal, titleClassName, }: IModalProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
3
|
+
declare const Modal: ({ isModalOpen, isClosableOutside, isCloseIconHidden, isPopup, isBottomSheet, isDisabledBottomSheet, isCloseButtonDisabled, isResetPaddingBottom, modalId, content, topContent, bottomContent, title, platform, popupClassName, className, popupStyles, styles, titleStyles, contentStyles, iconColor, backgroundColor, modalMaxHeight, bottomSheetProps, externalBottomSheetScrollContainer, contextMenuProps, handleCloseModal, titleClassName, }: IModalProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
4
4
|
export default Modal;
|
|
@@ -49,11 +49,12 @@ var MODAL_MARGIN_SIZE_MOBILE = 136;
|
|
|
49
49
|
var POPUP_CLASS_NAME = 'popup';
|
|
50
50
|
var MIN_SCROLL_TOP = 5;
|
|
51
51
|
var Modal = function (_a) {
|
|
52
|
-
var isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? true : _b, isCloseIconHidden = _a.isCloseIconHidden, isPopup = _a.isPopup, _c = _a.isBottomSheet, isBottomSheet = _c === void 0 ? false : _c, _d = _a.isDisabledBottomSheet, isDisabledBottomSheet = _d === void 0 ? false : _d, _e = _a.isCloseButtonDisabled, isCloseButtonDisabled = _e === void 0 ? false : _e, _f = _a.isResetPaddingBottom, isResetPaddingBottom = _f === void 0 ? false : _f, modalId = _a.modalId, content = _a.content, bottomContent = _a.bottomContent, title = _a.title, _g = _a.platform, platform = _g === void 0 ? PLATFORM.web : _g, popupClassName = _a.popupClassName, className = _a.className, popupStyles = _a.popupStyles, styles = _a.styles, titleStyles = _a.titleStyles, contentStyles = _a.contentStyles, iconColor = _a.iconColor, backgroundColor = _a.backgroundColor, modalMaxHeight = _a.modalMaxHeight, bottomSheetProps = _a.bottomSheetProps, externalBottomSheetScrollContainer = _a.externalBottomSheetScrollContainer, contextMenuProps = _a.contextMenuProps, handleCloseModal = _a.handleCloseModal, titleClassName = _a.titleClassName;
|
|
52
|
+
var isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? true : _b, isCloseIconHidden = _a.isCloseIconHidden, isPopup = _a.isPopup, _c = _a.isBottomSheet, isBottomSheet = _c === void 0 ? false : _c, _d = _a.isDisabledBottomSheet, isDisabledBottomSheet = _d === void 0 ? false : _d, _e = _a.isCloseButtonDisabled, isCloseButtonDisabled = _e === void 0 ? false : _e, _f = _a.isResetPaddingBottom, isResetPaddingBottom = _f === void 0 ? false : _f, modalId = _a.modalId, content = _a.content, topContent = _a.topContent, bottomContent = _a.bottomContent, title = _a.title, _g = _a.platform, platform = _g === void 0 ? PLATFORM.web : _g, popupClassName = _a.popupClassName, className = _a.className, popupStyles = _a.popupStyles, styles = _a.styles, titleStyles = _a.titleStyles, contentStyles = _a.contentStyles, iconColor = _a.iconColor, backgroundColor = _a.backgroundColor, modalMaxHeight = _a.modalMaxHeight, bottomSheetProps = _a.bottomSheetProps, externalBottomSheetScrollContainer = _a.externalBottomSheetScrollContainer, contextMenuProps = _a.contextMenuProps, handleCloseModal = _a.handleCloseModal, titleClassName = _a.titleClassName;
|
|
53
53
|
var ref = useRef(null);
|
|
54
54
|
var titleRef = useRef(null);
|
|
55
55
|
var scrollableContentRef = useRef(null);
|
|
56
56
|
var scrollerRef = useRef(null);
|
|
57
|
+
var topContentRef = useRef(null);
|
|
57
58
|
var bottomContentRef = useRef(null);
|
|
58
59
|
var _h = useState(''), containerHeight = _h[0], setContainerHeight = _h[1];
|
|
59
60
|
var _j = useState(false), isShadowVisible = _j[0], setIsShadowVisible = _j[1];
|
|
@@ -79,15 +80,16 @@ var Modal = function (_a) {
|
|
|
79
80
|
var MAX_MODAL_HEIGHT = modalMaxHeight || window.innerHeight - modalMargins;
|
|
80
81
|
var handleMouseDown = function (event) { return !isPopup && event.stopPropagation(); };
|
|
81
82
|
var handleSetContainerHeight = function (contentRef) {
|
|
82
|
-
var _a, _b;
|
|
83
|
+
var _a, _b, _c;
|
|
83
84
|
if (!contentRef)
|
|
84
85
|
return;
|
|
85
86
|
var height = contentRef.getBoundingClientRect().height;
|
|
86
87
|
var titleHeight = ((_a = titleRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height) || 0;
|
|
87
|
-
var
|
|
88
|
+
var topContentHeight = ((_b = topContentRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().height) || 0;
|
|
89
|
+
var bottomContentHeight = ((_c = bottomContentRef.current) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect().height) || 0;
|
|
88
90
|
var titleHeightWithMargin = titleHeight ? titleHeight + MODAL_TITLE_MARGIN_BOTTOM : titleHeight;
|
|
89
91
|
var defaultContentHeight = MAX_MODAL_HEIGHT - titleHeightWithMargin - CONTENT_PADDING_TOP;
|
|
90
|
-
var maxContentHeightValue =
|
|
92
|
+
var maxContentHeightValue = defaultContentHeight - topContentHeight - bottomContentHeight;
|
|
91
93
|
setContainerHeight("".concat(height > maxContentHeightValue ? maxContentHeightValue : height, "px"));
|
|
92
94
|
};
|
|
93
95
|
var handleScroll = function (event) { return setIsShadowVisible(event.scrollTop > MIN_SCROLL_TOP); };
|
|
@@ -131,10 +133,11 @@ var Modal = function (_a) {
|
|
|
131
133
|
return (_jsxs("div", __assign({ className: classNames('smartapp-modal__content--context-menu-icon', { 'smartapp-modal__content--context-menu-icon__active': isMenuOpen }), onClick: openMenu }, { children: [_jsx(MoreIcon, {}), _jsx(ContextMenu, __assign({ isMenuOpen: isMenuOpen }, remainingProps))] })));
|
|
132
134
|
}
|
|
133
135
|
};
|
|
136
|
+
var renderTopContent = function () { return topContent && _jsx("div", __assign({ ref: topContentRef }, { children: topContent })); };
|
|
134
137
|
var renderBottomContent = function () {
|
|
135
138
|
return bottomContent && (_jsx("div", __assign({ ref: bottomContentRef, className: classNames('smartapp-modal__content--bottom', 'smartapp-modal__content--pr', 'smartapp-modal__content--pb') }, { children: bottomContent })));
|
|
136
139
|
};
|
|
137
|
-
var modalContent = (_jsx("div", __assign({ ref: ref, className: classNames('smartapp-modal', { 'smartapp-modal__bottom-sheet': shouldUseBottomSheet }, className), style: styles, onMouseDown: handleMouseDown }, { children: _jsxs("div", __assign({ className: generateClassNames({ className: 'smartapp-modal__content', delimiter: '--', additionalClassName: generateAdditionalClassName() }), style: contentStyles }, { children: [renderTitle(), _jsxs("div", __assign({ className: "smartapp-modal__content--icons" }, { children: [renderContextMenuIcon(), renderCloseIcon()] })), _jsx(ScrollBar, { contentId: modalId, scrollerProps: { elementRef: function (el) { return (scrollerRef.current = el); } }, content: _jsxs("div", __assign({ ref: handleSetContainerHeight, className: classNames('smartapp-modal__content--scrollable', 'smartapp-modal__content--pr', {
|
|
140
|
+
var modalContent = (_jsx("div", __assign({ ref: ref, className: classNames('smartapp-modal', { 'smartapp-modal__bottom-sheet': shouldUseBottomSheet }, className), style: styles, onMouseDown: handleMouseDown }, { children: _jsxs("div", __assign({ className: generateClassNames({ className: 'smartapp-modal__content', delimiter: '--', additionalClassName: generateAdditionalClassName() }), style: contentStyles }, { children: [renderTitle(), _jsxs("div", __assign({ className: "smartapp-modal__content--icons" }, { children: [renderContextMenuIcon(), renderCloseIcon()] })), renderTopContent(), _jsx(ScrollBar, { contentId: modalId, scrollerProps: { elementRef: function (el) { return (scrollerRef.current = el); } }, content: _jsxs("div", __assign({ ref: handleSetContainerHeight, className: classNames('smartapp-modal__content--scrollable', 'smartapp-modal__content--pr', {
|
|
138
141
|
'smartapp-modal__content--pb': !bottomContent && !isResetPaddingBottom,
|
|
139
142
|
}) }, { children: [!title && !isCloseIconInvisible && renderCloseIconSpace({ elementRef: scrollableContentRef, isContent: true }), _jsx("div", __assign({ ref: scrollableContentRef }, { children: content }))] })), containerHeight: containerHeight, trackHeight: bottomContent ? DEFAULT_SCROLL_BAR_HEIGHT : SCROLL_BAR_HEIGHT_WITH_PADDING, handleScroll: handleScroll }), renderBottomContent()] })) })));
|
|
140
143
|
return isPopup ? modalContent : renderModal(modalContent);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/сomponents/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAa,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AAClE,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,qCAAqC,CAAA;AACjF,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACxE,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAChE,OAAO,EACL,wBAAwB,EACxB,kBAAkB,EAClB,aAAa,EACb,yBAAyB,EACzB,4BAA4B,EAC5B,gBAAgB,GACjB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,0BAA0B,CAAA;AAEjC,IAAM,8BAA8B,GAAG,mBAAmB,CAAA;AAC1D,IAAM,qBAAqB,GAAG,GAAG,CAAA;AACjC,IAAM,mBAAmB,GAAG,EAAE,CAAA;AAC9B,IAAM,yBAAyB,GAAG,EAAE,CAAA;AACpC,IAAM,wBAAwB,GAAG,GAAG,CAAA;AACpC,IAAM,gBAAgB,GAAG,OAAO,CAAA;AAChC,IAAM,cAAc,GAAG,CAAC,CAAA;AAIxB,IAAM,KAAK,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/сomponents/Modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,6 +28,7 @@ import { debounce } from 'lodash';
|
|
|
28
28
|
import Avatar from '../Avatar';
|
|
29
29
|
import { isFullScreen, isWebPlatform } from '../../helpers';
|
|
30
30
|
import { CANCEL_ACTION_TEXT, COLORS, LAYOUT_TYPE, MOBILE_NOTIFICATION_DISTANCE_FROM_BOTTOM, PLATFORM, THEME, WEB_NOTIFICATION_DISTANCE_FROM_BOTTOM, } from '../../constants';
|
|
31
|
+
import { AVATAR_SIZES } from '../Avatar/types';
|
|
31
32
|
import { ReactComponent as NotificationSuccessIcon } from '../../assets/icons/notification-success.svg';
|
|
32
33
|
import { ReactComponent as NotificationInfoIcon } from '../../assets/icons/notification-info.svg';
|
|
33
34
|
import { ReactComponent as NotificationWarningIcon } from '../../assets/icons/notification-warning.svg';
|
|
@@ -106,7 +107,7 @@ var Notification = function (_a) {
|
|
|
106
107
|
var renderCloseIcon = function (notificationId) {
|
|
107
108
|
return isCloseIconVisible && (_jsx("div", __assign({ ref: contentIconRef, className: "smartapp-notification__icon" }, { children: _jsx(NotificationCloseIcon, { onClick: function (event) { return handleClickCloseIcon({ event: event, notificationId: notificationId }); } }) })));
|
|
108
109
|
};
|
|
109
|
-
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 handleClickCloseIcon({ event: event, notificationId: notificationId }); } })] })), _jsxs("div", __assign({ className: "smartapp-notification__body" }, { children: [avatar && _jsx(Avatar, { size:
|
|
110
|
+
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 handleClickCloseIcon({ event: event, notificationId: notificationId }); } })] })), _jsxs("div", __assign({ className: "smartapp-notification__body" }, { children: [avatar && _jsx(Avatar, { size: AVATAR_SIZES.size_40, avatar: avatar.src, username: avatar.username }), _jsxs("div", __assign({ className: "smartapp-notification__body--text" }, { children: [text && _jsx("div", { children: text }), _jsx("div", { children: subText })] }))] }))] }))); };
|
|
110
111
|
var renderMultiMailNotificationContent = function (notificationId) { return (_jsxs("div", __assign({ className: "smartapp-notification__multi" }, { children: [_jsxs("div", __assign({ className: "smartapp-notification__multi--content" }, { children: [_jsx(UnreadMailsIcon, {}), _jsxs("div", __assign({ className: "smartapp-notification__multi--content__text" }, { children: [text && (_jsx("div", { children: _jsx("span", { dangerouslySetInnerHTML: createSanitizedHtml(text) }) })), (action === null || action === void 0 ? void 0 : action.text) && (_jsx("div", __assign({ className: "smartapp-notification__multi--content__action", onClick: function () { return handleActionClick({ notificationId: notificationId, action: action === null || action === void 0 ? void 0 : action.onClick }); } }, { children: action.text })))] }))] })), _jsx(NotificationCloseIcon, { className: "smartapp-notification__multi--close-icon", onClick: function (event) { return handleClickCloseIcon({ event: event, notificationId: notificationId }); } })] }))); };
|
|
111
112
|
var renderNotificationAction = function (_a) {
|
|
112
113
|
var notificationId = _a.notificationId, _b = _a.action, text = _b.text, color = _b.color, onClick = _b.onClick;
|