@expressms/smartapp-ui 2.1.6 → 2.1.8
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/constants/constants.d.ts +8 -1
- package/build/main/constants/constants.js +7 -0
- package/build/main/constants/constants.js.map +1 -1
- package/build/main/styles/styles.scss +2 -2
- package/build/main//321/201omponents/ActionModal/ActionModal.js +10 -5
- package/build/main//321/201omponents/ActionModal/ActionModal.js.map +1 -1
- package/build/main//321/201omponents/Avatar/Avatar.d.ts +1 -1
- package/build/main//321/201omponents/Avatar/Avatar.js +9 -2
- package/build/main//321/201omponents/Avatar/Avatar.js.map +1 -1
- package/build/main//321/201omponents/Avatar/types.d.ts +1 -0
- package/build/main//321/201omponents/Avatar/types.js.map +1 -1
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js +2 -2
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js.map +1 -1
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js +6 -1
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js.map +1 -1
- package/build/main//321/201omponents/Modal/Modal.js +2 -2
- package/build/main//321/201omponents/Modal/Modal.js.map +1 -1
- package/build/main//321/201omponents/Skeleton/Skeleton.d.ts +4 -0
- package/build/main//321/201omponents/Skeleton/Skeleton.js +66 -0
- package/build/main//321/201omponents/Skeleton/Skeleton.js.map +1 -0
- package/build/main//321/201omponents/Skeleton/index.d.ts +1 -0
- package/build/main//321/201omponents/Skeleton/index.js +2 -0
- package/build/main//321/201omponents/Skeleton/index.js.map +1 -0
- package/build/main//321/201omponents/Skeleton/types.d.ts +16 -0
- package/build/main//321/201omponents/Skeleton/types.js +2 -0
- package/build/main//321/201omponents/Skeleton/types.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.js +4 -3
- package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/Option/Option.js +6 -2
- package/build/main//321/201omponents/UserDropdown/Option/Option.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js +74 -58
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/helpers.d.ts +22 -2
- package/build/main//321/201omponents/UserDropdown/helpers.js +15 -2
- 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 +3 -3
- package/build/main//321/201omponents/UserDropdown/selectStyles.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/types.d.ts +13 -5
- package/build/main//321/201omponents/index.d.ts +1 -0
- package/build/main//321/201omponents/index.js +1 -0
- package/build/main//321/201omponents/index.js.map +1 -1
- package/package.json +2 -1
|
@@ -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, useState } from 'react';
|
|
14
14
|
import Popup from 'reactjs-popup';
|
|
15
|
-
import
|
|
15
|
+
import classNames from 'classnames';
|
|
16
16
|
import Button from '../Button';
|
|
17
17
|
import Input from '../Input';
|
|
18
18
|
import { getClassNames, getColor, getDefaultGrayColorForIcon, isMobilePlatform } from '../../helpers';
|
|
19
19
|
import { COLORS, FULL_SCREEN_CLASS_NAME, PLATFORM, THEME } from '../../constants';
|
|
20
|
+
import { ReactComponent as CloseIcon } from '../../assets/icons/cancel-cross.svg';
|
|
20
21
|
import '../../styles/styles.scss';
|
|
21
22
|
var ActionModal = function (_a) {
|
|
22
23
|
var isModalOpen = _a.isModalOpen, _b = _a.isFullScreen, isFullScreen = _b === void 0 ? false : _b, _c = _a.isClosableOutside, isClosableOutside = _c === void 0 ? true : _c, title = _a.title, buttonName = _a.buttonName, confirmButtonFunction = _a.confirmButtonFunction, cancelButtonFunction = _a.cancelButtonFunction, _d = _a.theme, theme = _d === void 0 ? THEME.default : _d, _e = _a.platform, platform = _e === void 0 ? PLATFORM.web : _e, placeholder = _a.placeholder, _f = _a.defaultValue, defaultValue = _f === void 0 ? '' : _f, isWaitingResponse = _a.isWaitingResponse, isButtonDisabled = _a.isButtonDisabled, titleStyles = _a.titleStyles, iconColor = _a.iconColor, _g = _a.buttonWidth, buttonWidth = _g === void 0 ? 100 : _g, backgroundColor = _a.backgroundColor;
|
|
@@ -28,8 +29,10 @@ var ActionModal = function (_a) {
|
|
|
28
29
|
setValue('');
|
|
29
30
|
};
|
|
30
31
|
var onCloseModal = function () {
|
|
31
|
-
|
|
32
|
-
|
|
32
|
+
if (!isWaitingResponse) {
|
|
33
|
+
setValue('');
|
|
34
|
+
cancelButtonFunction();
|
|
35
|
+
}
|
|
33
36
|
};
|
|
34
37
|
useEffect(function () {
|
|
35
38
|
document.documentElement.style.setProperty('--action-modal-background', getColor(backgroundColor, COLORS.lightBlue));
|
|
@@ -45,11 +48,13 @@ var ActionModal = function (_a) {
|
|
|
45
48
|
document === null || document === void 0 ? void 0 : document.removeEventListener('click', checkIfClickedOutside, true);
|
|
46
49
|
};
|
|
47
50
|
// eslint-disable-next-line
|
|
48
|
-
}, [isModalOpen, isClosableOutside, cancelButtonFunction]);
|
|
51
|
+
}, [isModalOpen, isClosableOutside, isWaitingResponse, cancelButtonFunction]);
|
|
49
52
|
var onChange = function (value) {
|
|
50
53
|
setValue(value);
|
|
51
54
|
};
|
|
52
|
-
return (_jsx(Popup, __assign({ className: getClassNames({ className: 'action-modal', delimiter: '-', additionalClassName: platform }), closeOnDocumentClick: isClosableOutside, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: getClassNames({ className: 'smartapp-action-modal', delimiter: '__', additionalClassName: additionalClassName }) }, { children: _jsxs("div", __assign({ className: getClassNames({ className: 'smartapp-action-modal__content', delimiter: '--', additionalClassName: platform }) }, { children: [_jsx("p", __assign({ className: getClassNames({ className: 'smartapp-action-modal__content--title', delimiter: '__', additionalClassName: platform }), style: titleStyles }, { children: title })), isClosableOutside && (_jsx("div", __assign({ onClick: onCloseModal, className:
|
|
55
|
+
return (_jsx(Popup, __assign({ className: getClassNames({ className: 'action-modal', delimiter: '-', additionalClassName: platform }), closeOnDocumentClick: isClosableOutside, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: getClassNames({ className: 'smartapp-action-modal', delimiter: '__', additionalClassName: additionalClassName }) }, { children: _jsxs("div", __assign({ className: getClassNames({ className: 'smartapp-action-modal__content', delimiter: '--', additionalClassName: platform }) }, { children: [_jsx("p", __assign({ className: getClassNames({ className: 'smartapp-action-modal__content--title', delimiter: '__', additionalClassName: platform }), style: titleStyles }, { children: title })), isClosableOutside && (_jsx("div", __assign({ onClick: onCloseModal, className: classNames('smartapp-action-modal__content--cancel-cross', {
|
|
56
|
+
'smartapp-action-modal__content--cancel-cross__disabled': isWaitingResponse,
|
|
57
|
+
}) }, { children: _jsx(CloseIcon, { style: { color: getColor(iconColor, getDefaultGrayColorForIcon(theme)) } }) }))), _jsx("div", __assign({ className: "smartapp-action-modal__content--input" }, { children: _jsx(Input, { theme: theme, defaultValue: value, placeholder: placeholder, isDisabled: isWaitingResponse, onChange: onChange }) })), isMobilePlatform(platform) && _jsx("div", { className: "smartapp-action-modal__content--delimiter" }), _jsx("div", __assign({ className: "smartapp-action-modal__content--buttons" }, { children: _jsx(Button, { width: buttonWidth, isWaitingResponse: isWaitingResponse, isDisabled: isButtonDisabled, title: buttonName, onClick: onConfirmClick }) }))] })) })) })));
|
|
53
58
|
};
|
|
54
59
|
export default ActionModal;
|
|
55
60
|
//# sourceMappingURL=ActionModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionModal.js","sourceRoot":"","sources":["../../../../src/сomponents/ActionModal/ActionModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,KAAK,MAAM,eAAe,CAAA;AACjC,OAAO,
|
|
1
|
+
{"version":3,"file":"ActionModal.js","sourceRoot":"","sources":["../../../../src/сomponents/ActionModal/ActionModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IAvatarProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Avatar: ({ theme, isSelected, isHighlighted, isSpam, isCrown, size, username, initials, avatar, counter, outlineDefaultBackground, outlineDarkBackground, onClick, }: IAvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const Avatar: ({ theme, isSelected, isHighlighted, isInactive, isSpam, isCrown, size, username, initials, avatar, counter, outlineDefaultBackground, outlineDarkBackground, onClick, }: IAvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Avatar;
|
|
@@ -29,8 +29,11 @@ var PERCENTS;
|
|
|
29
29
|
PERCENTS[PERCENTS["pct_60"] = 60] = "pct_60";
|
|
30
30
|
PERCENTS[PERCENTS["pct_75"] = 75] = "pct_75";
|
|
31
31
|
})(PERCENTS || (PERCENTS = {}));
|
|
32
|
+
var AVATAR_OPACITY = 0.5;
|
|
33
|
+
var USER_INITIALS_OPACITY = 0.3;
|
|
32
34
|
var Avatar = function (_a) {
|
|
33
|
-
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.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;
|
|
35
|
+
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, isSelected = _a.isSelected, isHighlighted = _a.isHighlighted, isInactive = _a.isInactive, 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.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;
|
|
36
|
+
var inactiveOpacity = avatar ? AVATAR_OPACITY : USER_INITIALS_OPACITY;
|
|
34
37
|
var outlineBackground = isDarkTheme(theme) ? outlineDarkBackground : outlineDefaultBackground;
|
|
35
38
|
var outlineWidth = getPercentageOfValue({ value: size, percentage: PERCENTS.pct_5, shouldBeRounded: false });
|
|
36
39
|
var getFontSizeAvatar = function () {
|
|
@@ -98,10 +101,14 @@ var Avatar = function (_a) {
|
|
|
98
101
|
minWidth: "".concat(size, "px"),
|
|
99
102
|
height: "".concat(size, "px"),
|
|
100
103
|
fontSize: getFontSizeAvatar(),
|
|
101
|
-
background:
|
|
104
|
+
background: isInactive
|
|
105
|
+
? "linear-gradient(180deg, ".concat(COLORS.inactiveAvatarGradientStart, " 0%, ").concat(COLORS.inactiveAvatarGradientEnd, " 100%)")
|
|
106
|
+
: userNameToColor(username),
|
|
107
|
+
opacity: isInactive ? inactiveOpacity : 1,
|
|
102
108
|
}); };
|
|
103
109
|
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
110
|
'smartapp-avatar__content--spam': isSpam,
|
|
111
|
+
'smartapp-avatar__content--inactive': isInactive,
|
|
105
112
|
}) }, { children: [!!counter && renderCounter(), renderContent(), isCrown && renderCrown()] })) })));
|
|
106
113
|
};
|
|
107
114
|
export default Avatar;
|
|
@@ -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,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,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,0BAA0B,CAAA;AAEjC,IAAK,QASJ;AATD,WAAK,QAAQ;IACX,yCAAS,CAAA;IACT,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;AACb,CAAC,EATI,QAAQ,KAAR,QAAQ,QASZ;AAED,IAAM,MAAM,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/Avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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":"AAkBA,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"}
|
|
@@ -32,9 +32,9 @@ var ConfirmationModal = function (_a) {
|
|
|
32
32
|
cancelButtonFunction();
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
|
-
document === null || document === void 0 ? void 0 : document.addEventListener('
|
|
35
|
+
document === null || document === void 0 ? void 0 : document.addEventListener('click', checkIfClickedOutside, true);
|
|
36
36
|
return function () {
|
|
37
|
-
document === null || document === void 0 ? void 0 : document.removeEventListener('
|
|
37
|
+
document === null || document === void 0 ? void 0 : document.removeEventListener('click', checkIfClickedOutside, true);
|
|
38
38
|
};
|
|
39
39
|
}, [isModalOpen, isClosableOutside, cancelButtonFunction]);
|
|
40
40
|
return (_jsx(Popup, __assign({ className: getClassNames({ className: 'confirmation-modal', delimiter: '-', additionalClassName: platform }), closeOnDocumentClick: isClosableOutside, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: getClassNames({ className: 'smartapp-confirmation-modal', delimiter: '__', additionalClassName: additionalClassName }) }, { children: _jsxs("div", __assign({ className: getClassNames({ className: 'smartapp-confirmation-modal__content', delimiter: '--', additionalClassName: platform }) }, { children: [title && (_jsx("p", __assign({ className: "smartapp-confirmation-modal__content--title", style: titleStyles }, { children: title }))), isClosableOutside && (_jsx("div", __assign({ onClick: cancelButtonFunction, className: "smartapp-confirmation-modal__content--close-icon" }, { children: _jsx(CloseIcon, { style: { color: getColor(iconColor, getDefaultGrayColorForIcon(theme)) } }) }))), _jsx("p", __assign({ className: "smartapp-confirmation-modal__content--text" }, { children: text })), isMobilePlatform(platform) && _jsx("div", { className: "smartapp-confirmation-modal__content--delimiter" }), _jsxs("div", __assign({ className: "smartapp-confirmation-modal__content--buttons" }, { children: [cancelButtonName && _jsx(Button, { width: 50, title: cancelButtonName, type: TButtonType.secondary, onClick: cancelButtonFunction }), _jsx(Button, { width: confirmButtonWidth, title: confirmButtonName, onClick: confirmButtonFunction })] }))] })) })) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmationModal.js","sourceRoot":"","sources":["../../../../src/сomponents/ConfirmationModal/ConfirmationModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,KAAK,MAAM,eAAe,CAAA;AACjC,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,qCAAqC,CAAA;AACjF,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,OAAO,EAAE,MAAM,EAAE,sBAAsB,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACjF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrG,OAAO,0BAA0B,CAAA;AAEjC,IAAM,iBAAiB,GAAG,UAAC,EAeD;QAdxB,WAAW,iBAAA,EACX,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,yBAAyB,EAAzB,iBAAiB,mBAAG,KAAK,KAAA,EACzB,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,gBAAgB,sBAAA,EAChB,iBAAiB,uBAAA,EACjB,oBAAoB,0BAAA,EACpB,qBAAqB,2BAAA,EACrB,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA,EACrB,gBAAuB,EAAvB,QAAQ,mBAAG,QAAQ,CAAC,GAAG,KAAA,EACvB,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,eAAe,qBAAA;IAEf,IAAM,mBAAmB,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IACxG,IAAM,kBAAkB,GAAG,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAA;IACtD,IAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAExC,SAAS,CAAC;QACR,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,iCAAiC,EAAE,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,CAAA;IAC5H,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,SAAS,CAAC;QACR,IAAM,qBAAqB,GAAG,UAAC,CAAkB;YAC/C,IAAI,WAAW,IAAI,iBAAiB,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;gBACtF,oBAAoB,EAAE,CAAA;aACvB;QACH,CAAC,CAAA;QAED,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,gBAAgB,CAAC,
|
|
1
|
+
{"version":3,"file":"ConfirmationModal.js","sourceRoot":"","sources":["../../../../src/сomponents/ConfirmationModal/ConfirmationModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -31,7 +31,12 @@ var ContextMenu = function (_a) {
|
|
|
31
31
|
setContextMenuHeight(((_a = elementRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0);
|
|
32
32
|
}, [isMenuOpen]);
|
|
33
33
|
var handleMenuItemClick = function (action) { return !isClickForbidden && action(); };
|
|
34
|
-
var handleMenuClose = function () {
|
|
34
|
+
var handleMenuClose = function (event) {
|
|
35
|
+
if (!isClickForbidden) {
|
|
36
|
+
event.stopPropagation();
|
|
37
|
+
closeMenu();
|
|
38
|
+
}
|
|
39
|
+
};
|
|
35
40
|
var contextMenuItems = items.map(function (_a) {
|
|
36
41
|
var _b = _a.isNegativeAction, isNegativeAction = _b === void 0 ? false : _b, _c = _a.isSelected, isSelected = _c === void 0 ? false : _c, title = _a.title, icon = _a.icon, action = _a.action;
|
|
37
42
|
return (_jsxs("button", __assign({ className: classNames({ 'smartapp-context-menu__items--negative': isNegativeAction, 'smartapp-context-menu__items--selected': isSelected }), style: itemStyles, onClick: function () { return handleMenuItemClick(action); } }, { children: [icon, _jsx("span", { children: title })] }), title));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/сomponents/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEpF,OAAO,0BAA0B,CAAA;AAEjC,IAAM,WAAW,GAAG,UAAC,EAUD;;QATlB,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA,EACrB,UAAU,gBAAA,EACV,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,gBAAkB,EAAN,CAAC,OAAA,EAAE,CAAC,OAAA,EAChB,iBAA8B,EAA9B,SAAS,mBAAG,kBAAkB,KAAA,EAC9B,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,KAAK,WAAA,EACL,SAAS,eAAA;IAET,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAEzC,IAAA,KAA4C,QAAQ,CAAC,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,0CAAE,YAAY,KAAI,CAAC,CAAC,EAA3F,iBAAiB,QAAA,EAAE,oBAAoB,QAAoD,CAAA;IAElG,IAAM,YAAY,GAAG,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAA;IAC1D,IAAM,WAAW,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAA;IAExD,IAAM,iBAAiB,GAAG,UAAC,KAAmD;QAC5E,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,CAAC,gBAAgB,IAAI,SAAS,EAAE,CAAA;IAClC,CAAC,CAAA;IAED,eAAe,CAAC;;QACd,oBAAoB,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,YAAY,KAAI,CAAC,CAAC,CAAA;IAC7D,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,IAAM,mBAAmB,GAAG,UAAC,MAAkB,IAAK,OAAA,CAAC,gBAAgB,IAAI,MAAM,EAAE,EAA7B,CAA6B,CAAA;
|
|
1
|
+
{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/сomponents/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,9 +29,9 @@ var Modal = function (_a) {
|
|
|
29
29
|
handleCloseModal();
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
|
-
document === null || document === void 0 ? void 0 : document.addEventListener('
|
|
32
|
+
document === null || document === void 0 ? void 0 : document.addEventListener('click', checkIfClickedOutside, true);
|
|
33
33
|
return function () {
|
|
34
|
-
document === null || document === void 0 ? void 0 : document.removeEventListener('
|
|
34
|
+
document === null || document === void 0 ? void 0 : document.removeEventListener('click', checkIfClickedOutside, true);
|
|
35
35
|
};
|
|
36
36
|
}, [isModalOpen, isClosableOutside, handleCloseModal]);
|
|
37
37
|
return (_jsx(Popup, __assign({ className: getClassNames({ className: 'modal', delimiter: '-', additionalClassName: platform }), closeOnDocumentClick: isClosableOutside, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: getClassNames({ className: 'smartapp-modal', delimiter: '__', additionalClassName: additionalClassName }) }, { children: _jsxs("div", __assign({ className: getClassNames({ className: 'smartapp-modal__content', delimiter: '--', additionalClassName: platform }), style: contentStyles }, { children: [title && (_jsx("p", __assign({ className: "smartapp-modal__content--title", style: titleStyles }, { children: title }))), isClosableOutside && !isMobilePlatform(platform) && (_jsx("div", __assign({ onClick: handleCloseModal, className: "smartapp-modal__content--close-icon" }, { children: _jsx(CloseIcon, { style: { color: getColor(iconColor, getDefaultGrayColorForIcon(theme)) } }) }))), content] })) })) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/сomponents/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,KAAK,MAAM,eAAe,CAAA;AACjC,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,qCAAqC,CAAA;AACjF,OAAO,EAAE,MAAM,EAAE,sBAAsB,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACjF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErG,OAAO,0BAA0B,CAAA;AAEjC,IAAM,KAAK,GAAG,UAAC,EAaD;QAZZ,WAAW,iBAAA,EACX,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EACxB,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,KAAK,WAAA,EACL,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA,EACrB,gBAAuB,EAAvB,QAAQ,mBAAG,QAAQ,CAAC,GAAG,KAAA,EACvB,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,eAAe,qBAAA;IAEf,IAAM,mBAAmB,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IACxG,IAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAExC,SAAS,CAAC;QACR,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,oBAAoB,EAAE,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,CAAA;IAC/G,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,SAAS,CAAC;QACR,IAAM,qBAAqB,GAAG,UAAC,CAAkB;YAC/C,IAAI,WAAW,IAAI,iBAAiB,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;gBACtF,gBAAgB,EAAE,CAAA;aACnB;QACH,CAAC,CAAA;QAED,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,gBAAgB,CAAC,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/сomponents/Modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
+
return cooked;
|
|
4
|
+
};
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
import { useEffect, useRef, useState } from 'react';
|
|
7
|
+
import { COLORS, THEME } from '../../constants';
|
|
8
|
+
import { getColor, isDarkTheme } from '../../helpers';
|
|
9
|
+
import '../../styles/styles.scss';
|
|
10
|
+
import styled, { css, keyframes } from 'styled-components';
|
|
11
|
+
// animation gradient size
|
|
12
|
+
var startEdgeGradientSize = '8.26%';
|
|
13
|
+
var centerGradientSize = '39.24%';
|
|
14
|
+
var endEdgeGradientSize = '70.22%';
|
|
15
|
+
export var Skeleton = function (_a) {
|
|
16
|
+
var className = _a.className, baseColor = _a.baseColor, width = _a.width, height = _a.height, _b = _a.borderRadius, borderRadius = _b === void 0 ? 8 : _b, circle = _a.circle, _c = _a.theme, theme = _c === void 0 ? THEME.default : _c,
|
|
17
|
+
// needed to determine the offset, the left border must coincide with the left border of the skeletons (without padding in container)
|
|
18
|
+
containerRef = _a.containerRef,
|
|
19
|
+
// if not default, then it must be specified for all skeletons
|
|
20
|
+
_d = _a.animationDuration,
|
|
21
|
+
// if not default, then it must be specified for all skeletons
|
|
22
|
+
animationDuration = _d === void 0 ? 2 : _d,
|
|
23
|
+
// equal to gradient width
|
|
24
|
+
_e = _a.initialOffset,
|
|
25
|
+
// equal to gradient width
|
|
26
|
+
initialOffset = _e === void 0 ? -230 : _e;
|
|
27
|
+
var skeletonRef = useRef(null);
|
|
28
|
+
var _f = useState({ container: { left: 0, width: 0 }, item: { left: 0, width: 0 } }), position = _f[0], setPosition = _f[1];
|
|
29
|
+
//after mount set offset sizes
|
|
30
|
+
useEffect(function () {
|
|
31
|
+
var containerRefCurrent = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
|
|
32
|
+
var skeletonRefContainerCurrent = skeletonRef === null || skeletonRef === void 0 ? void 0 : skeletonRef.current;
|
|
33
|
+
if (containerRefCurrent && skeletonRefContainerCurrent) {
|
|
34
|
+
var containerLeft = containerRefCurrent.getBoundingClientRect().left || 0;
|
|
35
|
+
var containerWidth = containerRefCurrent.clientWidth || 0;
|
|
36
|
+
var itemLeft = skeletonRefContainerCurrent.getBoundingClientRect().left || 0;
|
|
37
|
+
var itemWidth = skeletonRefContainerCurrent.getBoundingClientRect().width || 0;
|
|
38
|
+
setPosition({ container: { left: containerLeft, width: containerWidth }, item: { left: itemLeft, width: itemWidth } });
|
|
39
|
+
}
|
|
40
|
+
}, [containerRef]);
|
|
41
|
+
var getOffset = function () {
|
|
42
|
+
var diff = position.item.left - position.container.left;
|
|
43
|
+
var startOffset = initialOffset - diff;
|
|
44
|
+
var finalOffset = position.container.width - diff;
|
|
45
|
+
return { startOffset: startOffset, finalOffset: finalOffset };
|
|
46
|
+
};
|
|
47
|
+
var skeletonBackgroundColor = getColor(baseColor, isDarkTheme(theme) ? COLORS.skeletonDarkBg : COLORS.skeletonBg);
|
|
48
|
+
var skeletonGradientCenter = isDarkTheme(theme) ? COLORS.skeletonDarkGradientCenter : COLORS.skeletonGradientCenter;
|
|
49
|
+
var skeletonGradientEdge = COLORS.skeletonGradientEdge;
|
|
50
|
+
var skeletonCSS = {
|
|
51
|
+
width: width,
|
|
52
|
+
height: circle ? width : height,
|
|
53
|
+
minWidth: circle ? width : 0,
|
|
54
|
+
borderRadius: circle ? '50%' : borderRadius,
|
|
55
|
+
backgroundColor: skeletonBackgroundColor,
|
|
56
|
+
backgroundImage: "linear-gradient(\n 90deg,\n ".concat(skeletonGradientEdge, " ").concat(startEdgeGradientSize, ",\n ").concat(skeletonGradientCenter, " ").concat(centerGradientSize, ",\n ").concat(skeletonGradientEdge, " ").concat(endEdgeGradientSize, "\n );"),
|
|
57
|
+
};
|
|
58
|
+
return (_jsx(StyledSkeleton, { "$animationDuration": animationDuration, "$initialOffset": getOffset().startOffset, "$finalOffset": getOffset().finalOffset, "$CSS": skeletonCSS, ref: skeletonRef, className: className }));
|
|
59
|
+
};
|
|
60
|
+
var StyledSkeleton = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n overflow: hidden;\n background-size: 230px;\n background-repeat: no-repeat;\n ", ";\n"], ["\n position: relative;\n overflow: hidden;\n background-size: 230px;\n background-repeat: no-repeat;\n ", ";\n"])), function (_a) {
|
|
61
|
+
var $CSS = _a.$CSS, $animationDuration = _a.$animationDuration, $initialOffset = _a.$initialOffset, $finalOffset = _a.$finalOffset;
|
|
62
|
+
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n animation: ", " ", "s infinite linear;\n ", ";\n "], ["\n animation: ", " ", "s infinite linear;\n ", ";\n "])), flash($initialOffset, $finalOffset), $animationDuration, $CSS);
|
|
63
|
+
});
|
|
64
|
+
var flash = function (initialOffset, finalOffset) { return keyframes(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n 0% {\n background-position: ", "px;\n }\n\n 60%,\n 100% {\n background-position: ", "px;\n }\n"], ["\n 0% {\n background-position: ", "px;\n }\n\n 60%,\n 100% {\n background-position: ", "px;\n }\n"])), initialOffset, finalOffset); };
|
|
65
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
66
|
+
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/сomponents/Skeleton/Skeleton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Skeleton } from './Skeleton';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IThemeProps } from '../../constants';
|
|
3
|
+
type Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N ? Acc[number] : Enumerate<N, [...Acc, Acc['length']]>;
|
|
4
|
+
type IntRange<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;
|
|
5
|
+
export interface ISkeletonProps extends IThemeProps {
|
|
6
|
+
className?: string;
|
|
7
|
+
baseColor?: string;
|
|
8
|
+
width?: number;
|
|
9
|
+
height?: number;
|
|
10
|
+
borderRadius?: number;
|
|
11
|
+
circle?: boolean;
|
|
12
|
+
containerRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
13
|
+
animationDuration?: IntRange<1, 7>;
|
|
14
|
+
initialOffset?: number;
|
|
15
|
+
}
|
|
16
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Skeleton/types.ts"],"names":[],"mappings":""}
|
|
@@ -10,14 +10,15 @@ 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 { useRef } from 'react';
|
|
14
|
+
import { Skeleton } from '../../Skeleton';
|
|
13
15
|
import { getClassNames } from '../../../helpers';
|
|
14
16
|
import '../../../styles/styles.scss';
|
|
15
17
|
var LOADING_MESSAGE_ITEMS = 7;
|
|
16
|
-
var NUMBER_OF_ELLIPSE_ITEMS = 2;
|
|
17
|
-
// ToDo replace with Skeletons
|
|
18
18
|
var LoadingMessage = function (_a) {
|
|
19
19
|
var theme = _a.theme;
|
|
20
|
-
|
|
20
|
+
var ref = useRef(null);
|
|
21
|
+
return (_jsx("div", __assign({ ref: ref, className: getClassNames({ className: 'smartapp-loading-message', delimiter: '__', additionalClassName: theme }) }, { children: Array.from({ length: LOADING_MESSAGE_ITEMS }, function (_, index) { return (_jsxs("div", __assign({ className: "smartapp-loading-message__item" }, { children: [_jsx(Skeleton, { containerRef: ref, circle: true, className: "smartapp-loading-message__item--circle", theme: theme }), _jsxs("div", __assign({ className: "smartapp-loading-message__item--ellipse" }, { children: [_jsx(Skeleton, { containerRef: ref, className: "smartapp-loading-message__item--ellipse__first", theme: theme, borderRadius: 600 }), _jsx(Skeleton, { containerRef: ref, className: "smartapp-loading-message__item--ellipse__second", theme: theme, borderRadius: 600 })] }))] }), index)); }) })));
|
|
21
22
|
};
|
|
22
23
|
export default LoadingMessage;
|
|
23
24
|
//# sourceMappingURL=LoadingMessage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingMessage.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/LoadingMessage/LoadingMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"LoadingMessage.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/LoadingMessage/LoadingMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,6BAA6B,CAAA;AAEpC,IAAM,qBAAqB,GAAG,CAAC,CAAA;AAE/B,IAAM,cAAc,GAAG,UAAC,EAA0B;QAAxB,KAAK,WAAA;IAC7B,IAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAExC,OAAO,CACL,uBAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,0BAA0B,EAAE,SAAS,EAAE,IAAI,EAAE,mBAAmB,EAAE,KAAK,EAAE,CAAC,gBAC5H,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,qBAAqB,EAAE,EAAE,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,CAC3D,wBAAiB,SAAS,EAAC,gCAAgC,iBACzD,KAAC,QAAQ,IAAC,YAAY,EAAE,GAAG,EAAE,MAAM,QAAC,SAAS,EAAC,wCAAwC,EAAC,KAAK,EAAE,KAAK,GAAI,EACvG,wBAAK,SAAS,EAAC,yCAAyC,iBACtD,KAAC,QAAQ,IAAC,YAAY,EAAE,GAAG,EAAE,SAAS,EAAC,gDAAgD,EAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,GAAI,EAC3H,KAAC,QAAQ,IAAC,YAAY,EAAE,GAAG,EAAE,SAAS,EAAC,iDAAiD,EAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,GAAI,KACxH,MALE,KAAK,CAMT,CACP,EAR4D,CAQ5D,CAAC,IACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -31,7 +31,7 @@ var PADDING_LEFT = 8;
|
|
|
31
31
|
var INDENTS = 50;
|
|
32
32
|
var Option = function (props) {
|
|
33
33
|
var _a;
|
|
34
|
-
var _b = props.data, label = _b.label, avatar = _b.avatar, email = _b.email, serverName = _b.serverName, company = _b.company, department = _b.department, companyPosition = _b.companyPosition, isTrustUser = _b.isTrustUser, isMyContacts = _b.isMyContacts, theme = _b.theme, platform = _b.platform;
|
|
34
|
+
var _b = props.data, label = _b.label, avatar = _b.avatar, email = _b.email, serverName = _b.serverName, company = _b.company, department = _b.department, companyPosition = _b.companyPosition, isTrustUser = _b.isTrustUser, isMyContacts = _b.isMyContacts, theme = _b.theme, platform = _b.platform, setIsSearchable = _b.setIsSearchable;
|
|
35
35
|
var ref = useRef(null);
|
|
36
36
|
var _c = useState(false), isModalOpen = _c[0], setIsModalOpen = _c[1];
|
|
37
37
|
var _d = useState(0), left = _d[0], setLeft = _d[1];
|
|
@@ -42,6 +42,7 @@ var Option = function (props) {
|
|
|
42
42
|
var modalContent = (_jsx(ContactBottomSheet, { theme: theme, isTrustUser: isTrustUser, avatar: avatar, name: label, email: email, serverName: serverName, company: company, department: department, companyPosition: companyPosition }));
|
|
43
43
|
var handleContactInfoIconClick = function (event) {
|
|
44
44
|
event.stopPropagation();
|
|
45
|
+
setIsSearchable(false);
|
|
45
46
|
setIsModalOpen(true);
|
|
46
47
|
};
|
|
47
48
|
var renderUserIcon = function () {
|
|
@@ -57,7 +58,10 @@ var Option = function (props) {
|
|
|
57
58
|
setMaxWidth(clientRectWidth);
|
|
58
59
|
}, [clientRectLeft, clientRectWidth]);
|
|
59
60
|
var renderContactInfoPopup = function () { return (_jsx(Popup, __assign({ className: classNames('contact-info', "contact-info-".concat(theme)), position: "bottom center", contentStyle: { '--contact-info-content-left': "".concat(left, "px"), '--contact-info-content-max-width': "".concat(maxWidth, "px") }, on: ['hover'], mouseEnterDelay: POPUP_APPEARANCE_DELAY, trigger: function () { return (_jsx("div", { children: _jsx(Avatar, { username: label, avatar: avatar, size: 32 }) })); } }, { children: _jsx(ContactInfo, { theme: theme, serverName: serverName, company: company, department: department, companyPosition: companyPosition }) }))); };
|
|
60
|
-
return (_jsxs(_Fragment, { children: [_jsx(components.Option, __assign({}, props, { innerRef: ref }, { children: _jsxs("div", __assign({ className: getClassNames({ className: 'smartapp-option', delimiter: '__', additionalClassName: theme }) }, { children: [isWebPlatform(platform) ? renderContactInfoPopup() : _jsx(Avatar, { username: label, avatar: avatar, size: 32 }), _jsxs("div", __assign({ className: "smartapp-option__container" }, { children: [_jsxs("div", __assign({ className: "smartapp-option__container--info" }, { children: [_jsxs("div", __assign({ className: "smartapp-option__container--info__name" }, { children: [renderUserIcon(), _jsx("div", { children: label })] })), _jsx("div", __assign({ className: "smartapp-option__container--info__email" }, { children: email }))] })), renderContactInfoIcon()] }))] })) })), _jsx(Modal, { isModalOpen: isModalOpen, theme: theme, platform: platform, content: modalContent, contentStyles: { borderRadius: '28px 28px 0px 0px', padding: '24px 16px 40px 16px' }, backgroundColor: darkerGrayBackgroundColor, handleCloseModal: function () {
|
|
61
|
+
return (_jsxs(_Fragment, { children: [_jsx(components.Option, __assign({}, props, { innerRef: ref }, { children: _jsxs("div", __assign({ className: getClassNames({ className: 'smartapp-option', delimiter: '__', additionalClassName: theme }) }, { children: [isWebPlatform(platform) ? renderContactInfoPopup() : _jsx(Avatar, { username: label, avatar: avatar, size: 32 }), _jsxs("div", __assign({ className: "smartapp-option__container" }, { children: [_jsxs("div", __assign({ className: "smartapp-option__container--info" }, { children: [_jsxs("div", __assign({ className: "smartapp-option__container--info__name" }, { children: [renderUserIcon(), _jsx("div", { children: label })] })), _jsx("div", __assign({ className: "smartapp-option__container--info__email" }, { children: email }))] })), renderContactInfoIcon()] }))] })) })), _jsx(Modal, { isModalOpen: isModalOpen, theme: theme, platform: platform, content: modalContent, contentStyles: { borderRadius: '28px 28px 0px 0px', padding: '24px 16px 40px 16px' }, backgroundColor: darkerGrayBackgroundColor, handleCloseModal: function () {
|
|
62
|
+
setIsModalOpen(false);
|
|
63
|
+
setIsSearchable(true);
|
|
64
|
+
} })] }));
|
|
61
65
|
};
|
|
62
66
|
export default Option;
|
|
63
67
|
//# sourceMappingURL=Option.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/Option/Option.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,KAAK,MAAM,eAAe,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAM,MAAM,cAAc,CAAA;AACjC,OAAO,KAAK,MAAM,aAAa,CAAA;AAC/B,OAAO,WAAW,MAAM,4BAA4B,CAAA;AACpD,OAAO,kBAAkB,MAAM,0CAA0C,CAAA;AACzE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAC9F,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,0CAA0C,CAAA;AAC9F,OAAO,EAAE,cAAc,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAA;AACtF,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAC/F,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,MAAM,wCAAwC,CAAA;AAC1F,OAAO,EAAE,yBAAyB,EAAE,MAAM,WAAW,CAAA;AACrD,OAAO,6BAA6B,CAAA;AAEpC,IAAM,sBAAsB,GAAG,IAAI,CAAA;AACnC,IAAM,YAAY,GAAG,CAAC,CAAA;AACtB,IAAM,OAAO,GAAG,EAAE,CAAA;AAElB,IAAM,MAAM,GAAG,UAAC,KAAU;;IAEtB,IAAA,KACE,KAAK,
|
|
1
|
+
{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/Option/Option.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IUserDropdownProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const UserDropdown: ({ theme, platform, isFullScreen, isDisabled, isLoading, isMenuCloseOnSelect, title, mask, placeholder, hint, noOptionsMessage, maxMembersCount, borderType, selectedEntries, corporateEntries, myContactsEntries, onInputChange, onChange, onMenuClose, }: IUserDropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const UserDropdown: ({ theme, platform, isFullScreen, isDisabled, isLoading, isChipsVisible, isMenuCloseOnSelect, title, mask, placeholder, hint, noOptionsMessage, maxMembersCount, borderType, selectedEntries, corporateEntries, myContactsEntries, onInputChange, onChange, onMenuClose, }: IUserDropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default UserDropdown;
|