@expressms/smartapp-ui 2.1.7 → 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 +3 -1
- package/build/main/constants/constants.js +2 -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.js +5 -1
- package/build/main//321/201omponents/Skeleton/Skeleton.js.map +1 -1
- 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/package.json +1 -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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"}
|
|
@@ -19,7 +19,11 @@ export var Skeleton = function (_a) {
|
|
|
19
19
|
// if not default, then it must be specified for all skeletons
|
|
20
20
|
_d = _a.animationDuration,
|
|
21
21
|
// if not default, then it must be specified for all skeletons
|
|
22
|
-
animationDuration = _d === void 0 ? 2 : _d,
|
|
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;
|
|
23
27
|
var skeletonRef = useRef(null);
|
|
24
28
|
var _f = useState({ container: { left: 0, width: 0 }, item: { left: 0, width: 0 } }), position = _f[0], setPosition = _f[1];
|
|
25
29
|
//after mount set offset sizes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/сomponents/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;AAAA,OAAO,EAAM,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAErD,OAAO,0BAA0B,CAAA;AACjC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAW,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAEnE,0BAA0B;AAC1B,IAAM,qBAAqB,GAAG,OAAO,CAAA;AACrC,IAAM,kBAAkB,GAAG,QAAQ,CAAA;AACnC,IAAM,mBAAmB,GAAG,QAAQ,CAAA;AAEpC,MAAM,CAAC,IAAM,QAAQ,GAAuB,UAAC,
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/сomponents/Skeleton/Skeleton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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;
|
|
@@ -20,14 +20,14 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
20
20
|
};
|
|
21
21
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
22
22
|
import { useEffect, useRef, useState } from 'react';
|
|
23
|
-
import Select from 'react-select';
|
|
24
|
-
import { debounce, isNil, isNull, uniqBy, flatten, isEmpty } from 'lodash';
|
|
23
|
+
import Select, { components } from 'react-select';
|
|
24
|
+
import { debounce, isNil, isNull, uniqBy, flatten, isEmpty, omit } from 'lodash';
|
|
25
25
|
import classNames from 'classnames';
|
|
26
26
|
import LoadingMessage from './LoadingMessage/LoadingMessage';
|
|
27
27
|
import MultiValueLabel from './MultiValueLabel/MultiValueLabel';
|
|
28
28
|
import GroupHeading from './GroupHeading/GroupHeading';
|
|
29
29
|
import Option from './Option/Option';
|
|
30
|
-
import { IndicatorSeparator, DropdownIndicator, LoadingIndicator, MultiValueRemove, generateCorporateOptionsToSelect, generateContactsOptionsToSelect, generateCorporateOption, generateContactsOption, } from './helpers';
|
|
30
|
+
import { IndicatorSeparator, DropdownIndicator, LoadingIndicator, MultiValueRemove, generateCorporateOptionsToSelect, generateContactsOptionsToSelect, generateCorporateOption, generateContactsOption, generateEnteredByUserOption, } from './helpers';
|
|
31
31
|
import { getClassNames } from '../../helpers';
|
|
32
32
|
import { DEFAULT_INPUT_PADDING, ENTER_KEY, INPUT_BORDER_TYPE, INPUT_COUNTER_TIMEOUT, MASK_INPUT_PL, PLATFORM, THEME } from '../../constants';
|
|
33
33
|
import selectStyles from './selectStyles';
|
|
@@ -35,12 +35,24 @@ import '../../styles/styles.scss';
|
|
|
35
35
|
var MIN_INPUT_SYMBOLS = 3;
|
|
36
36
|
var GROUP_MY_CONTACTS = 'Мои контакты';
|
|
37
37
|
var EMAIL_FIELD = 'email';
|
|
38
|
+
var EXCLUDED_FIELDS;
|
|
39
|
+
(function (EXCLUDED_FIELDS) {
|
|
40
|
+
EXCLUDED_FIELDS["value"] = "value";
|
|
41
|
+
EXCLUDED_FIELDS["label"] = "label";
|
|
42
|
+
EXCLUDED_FIELDS["theme"] = "theme";
|
|
43
|
+
EXCLUDED_FIELDS["platform"] = "platform";
|
|
44
|
+
EXCLUDED_FIELDS["isTrustUser"] = "isTrustUser";
|
|
45
|
+
EXCLUDED_FIELDS["isMyContacts"] = "isMyContacts";
|
|
46
|
+
EXCLUDED_FIELDS["isEnteredByUser"] = "isEnteredByUser";
|
|
47
|
+
})(EXCLUDED_FIELDS || (EXCLUDED_FIELDS = {}));
|
|
48
|
+
var Input = function (props) { return _jsx(components.Input, __assign({}, props, { enterkeyhint: "done" })); };
|
|
38
49
|
var UserDropdown = function (_a) {
|
|
39
|
-
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, _d = _a.isFullScreen, isFullScreen = _d === void 0 ? false : _d, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, _g = _a.
|
|
40
|
-
var
|
|
41
|
-
var
|
|
42
|
-
var
|
|
43
|
-
var
|
|
50
|
+
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, _d = _a.isFullScreen, isFullScreen = _d === void 0 ? false : _d, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, _g = _a.isChipsVisible, isChipsVisible = _g === void 0 ? true : _g, _h = _a.isMenuCloseOnSelect, isMenuCloseOnSelect = _h === void 0 ? true : _h, title = _a.title, mask = _a.mask, placeholder = _a.placeholder, hint = _a.hint, noOptionsMessage = _a.noOptionsMessage, maxMembersCount = _a.maxMembersCount, _j = _a.borderType, borderType = _j === void 0 ? INPUT_BORDER_TYPE.intense : _j, _k = _a.selectedEntries, selectedEntries = _k === void 0 ? [] : _k, corporateEntries = _a.corporateEntries, myContactsEntries = _a.myContactsEntries, onInputChange = _a.onInputChange, onChange = _a.onChange, onMenuClose = _a.onMenuClose;
|
|
51
|
+
var _l = useState([]), selectedUsers = _l[0], setSelectedUsers = _l[1];
|
|
52
|
+
var _m = useState(null), timeoutId = _m[0], setTimeoutId = _m[1];
|
|
53
|
+
var _o = useState(''), paddingLeft = _o[0], setPaddingLeft = _o[1];
|
|
54
|
+
var _p = useState(false), isError = _p[0], setIsError = _p[1];
|
|
55
|
+
var _q = useState(true), isSearchable = _q[0], setIsSearchable = _q[1];
|
|
44
56
|
var selectRef = useRef(null);
|
|
45
57
|
var maskRef = useRef(null);
|
|
46
58
|
var generatePaddingLeft = function () {
|
|
@@ -52,10 +64,11 @@ var UserDropdown = function (_a) {
|
|
|
52
64
|
return selectStyles({
|
|
53
65
|
isLoading: isLoading,
|
|
54
66
|
isFullScreen: isFullScreen,
|
|
55
|
-
|
|
67
|
+
isChipsVisible: isChipsVisible,
|
|
68
|
+
isMaxMembersAdded: maxMembersCount && isChipsVisible ? selectedUsers.length === maxMembersCount : false,
|
|
56
69
|
isDisabled: isDisabled,
|
|
57
70
|
isError: isError,
|
|
58
|
-
lastRowNumber: Math.ceil(selectedUsers.length / 2) + 1,
|
|
71
|
+
lastRowNumber: isChipsVisible ? Math.ceil(selectedUsers.length / 2) + 1 : 1,
|
|
59
72
|
paddingLeft: paddingLeft,
|
|
60
73
|
borderType: borderType,
|
|
61
74
|
theme: theme,
|
|
@@ -67,7 +80,18 @@ var UserDropdown = function (_a) {
|
|
|
67
80
|
};
|
|
68
81
|
var generateOptions = function () { return [
|
|
69
82
|
{
|
|
70
|
-
options: __spreadArray(__spreadArray([], generateCorporateOptionsToSelect({
|
|
83
|
+
options: __spreadArray(__spreadArray([], generateCorporateOptionsToSelect({
|
|
84
|
+
options: (corporateEntries === null || corporateEntries === void 0 ? void 0 : corporateEntries.corpPhonebookEntries) || [],
|
|
85
|
+
theme: theme,
|
|
86
|
+
platform: platform,
|
|
87
|
+
setIsSearchable: setIsSearchable,
|
|
88
|
+
}), true), generateCorporateOptionsToSelect({
|
|
89
|
+
options: (corporateEntries === null || corporateEntries === void 0 ? void 0 : corporateEntries.trustSearchEntries) || [],
|
|
90
|
+
theme: theme,
|
|
91
|
+
platform: platform,
|
|
92
|
+
isTrustUser: true,
|
|
93
|
+
setIsSearchable: setIsSearchable,
|
|
94
|
+
}), true),
|
|
71
95
|
},
|
|
72
96
|
{
|
|
73
97
|
label: GROUP_MY_CONTACTS,
|
|
@@ -92,58 +116,47 @@ var UserDropdown = function (_a) {
|
|
|
92
116
|
requestDebounce(inputValue);
|
|
93
117
|
}
|
|
94
118
|
};
|
|
119
|
+
var handleAddUser = function (needToShowError) {
|
|
120
|
+
if (needToShowError === void 0) { needToShowError = true; }
|
|
121
|
+
var selectRefCurrent = selectRef.current;
|
|
122
|
+
var _a = selectRefCurrent.props, selectOptions = _a.options, inputValue = _a.inputValue, onChange = _a.onChange, onInputChange = _a.onInputChange;
|
|
123
|
+
var trimInputValue = inputValue.trim();
|
|
124
|
+
var regex = new RegExp(/^(([^<>()[\].,;:\s@"]+(\.[^<>()[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/);
|
|
125
|
+
if (regex.test(trimInputValue)) {
|
|
126
|
+
var isUserAlreadySelected = selectedUsers.find(function (_a) {
|
|
127
|
+
var email = _a.email;
|
|
128
|
+
return email === trimInputValue;
|
|
129
|
+
});
|
|
130
|
+
var options = flatten(selectOptions.map(function (_a) {
|
|
131
|
+
var options = _a.options;
|
|
132
|
+
return options;
|
|
133
|
+
}));
|
|
134
|
+
var existingUser = options.find(function (_a) {
|
|
135
|
+
var email = _a.email;
|
|
136
|
+
return email === trimInputValue;
|
|
137
|
+
});
|
|
138
|
+
onChange(__spreadArray(__spreadArray([], selectedUsers, true), [existingUser || generateEnteredByUserOption({ email: trimInputValue, theme: theme })], false));
|
|
139
|
+
isUserAlreadySelected && needToShowError ? setIsError(true) : onInputChange('');
|
|
140
|
+
}
|
|
141
|
+
else {
|
|
142
|
+
needToShowError && setIsError(true);
|
|
143
|
+
}
|
|
144
|
+
};
|
|
95
145
|
var handleKeyDown = function (event) {
|
|
96
|
-
if (event.code === ENTER_KEY) {
|
|
97
|
-
var selectRefCurrent = selectRef.current;
|
|
98
|
-
var _a = selectRefCurrent.props, selectOptions = _a.options, inputValue = _a.inputValue, onChange_1 = _a.onChange, onInputChange_1 = _a.onInputChange;
|
|
99
|
-
var trimInputValue_1 = inputValue.trim();
|
|
100
|
-
var regex = new RegExp(/^(([^<>()[\].,;:\s@"]+(\.[^<>()[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/);
|
|
146
|
+
if (event.code === ENTER_KEY || event.key === ENTER_KEY) {
|
|
101
147
|
event.preventDefault();
|
|
102
|
-
|
|
103
|
-
var isUserAlreadySelected = selectedUsers.find(function (_a) {
|
|
104
|
-
var email = _a.email;
|
|
105
|
-
return email === trimInputValue_1;
|
|
106
|
-
});
|
|
107
|
-
var options = flatten(selectOptions.map(function (_a) {
|
|
108
|
-
var options = _a.options;
|
|
109
|
-
return options;
|
|
110
|
-
}));
|
|
111
|
-
var existingUser = options.find(function (_a) {
|
|
112
|
-
var email = _a.email;
|
|
113
|
-
return email === trimInputValue_1;
|
|
114
|
-
});
|
|
115
|
-
onChange_1(__spreadArray(__spreadArray([], selectedUsers, true), [
|
|
116
|
-
existingUser || { value: trimInputValue_1, label: trimInputValue_1, email: trimInputValue_1, isEnteredByUser: true, theme: theme },
|
|
117
|
-
], false));
|
|
118
|
-
isUserAlreadySelected ? setIsError(true) : onInputChange_1('');
|
|
119
|
-
}
|
|
120
|
-
else {
|
|
121
|
-
setIsError(true);
|
|
122
|
-
}
|
|
148
|
+
handleAddUser();
|
|
123
149
|
}
|
|
124
150
|
};
|
|
125
151
|
var handleChange = function (newSelectedUsers) {
|
|
126
152
|
var uniqNewSelectedUsers = uniqBy(newSelectedUsers, EMAIL_FIELD);
|
|
127
153
|
var users = [];
|
|
128
|
-
uniqNewSelectedUsers.forEach(function (
|
|
129
|
-
var
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
var foundUser = myContactsEntries === null || myContactsEntries === void 0 ? void 0 : myContactsEntries.find(function (_a) {
|
|
135
|
-
var email = _a.email;
|
|
136
|
-
return value === email;
|
|
137
|
-
});
|
|
138
|
-
foundUser && users.push(foundUser);
|
|
139
|
-
}
|
|
140
|
-
else {
|
|
141
|
-
var foundUser = __spreadArray(__spreadArray([], ((corporateEntries === null || corporateEntries === void 0 ? void 0 : corporateEntries.corpPhonebookEntries) || []), true), ((corporateEntries === null || corporateEntries === void 0 ? void 0 : corporateEntries.trustSearchEntries) || []), true).find(function (_a) {
|
|
142
|
-
var contacts = _a.contacts;
|
|
143
|
-
return value === contacts[0].userHuid;
|
|
144
|
-
});
|
|
145
|
-
foundUser && users.push(foundUser);
|
|
146
|
-
}
|
|
154
|
+
uniqNewSelectedUsers.forEach(function (user) {
|
|
155
|
+
var isEnteredByUser = user.isEnteredByUser, isMyContacts = user.isMyContacts;
|
|
156
|
+
var userToAdd = omit(user, [EXCLUDED_FIELDS.value, EXCLUDED_FIELDS.label, EXCLUDED_FIELDS.theme]);
|
|
157
|
+
var entryFieldsToExclude = isMyContacts ? [EXCLUDED_FIELDS.isMyContacts] : [EXCLUDED_FIELDS.isTrustUser, EXCLUDED_FIELDS.platform];
|
|
158
|
+
var fieldsToExclude = isEnteredByUser ? [EXCLUDED_FIELDS.isEnteredByUser] : entryFieldsToExclude;
|
|
159
|
+
users.push(omit(userToAdd, fieldsToExclude));
|
|
147
160
|
});
|
|
148
161
|
onChange(users);
|
|
149
162
|
setSelectedUsers(uniqNewSelectedUsers);
|
|
@@ -188,12 +201,15 @@ var UserDropdown = function (_a) {
|
|
|
188
201
|
useEffect(function () {
|
|
189
202
|
if (!isEmpty(selectedEntries)) {
|
|
190
203
|
setSelectedUsers(selectedEntries.map(function (entity) {
|
|
191
|
-
|
|
204
|
+
var generatedNotCorporateEntity = Object.keys(entity).length === 1
|
|
205
|
+
? generateEnteredByUserOption({ email: entity.email, theme: theme })
|
|
206
|
+
: generateContactsOption({ option: entity, theme: theme });
|
|
207
|
+
return 'contacts' in entity ? generateCorporateOption({ option: entity, theme: theme }) : generatedNotCorporateEntity;
|
|
192
208
|
}));
|
|
193
209
|
}
|
|
194
210
|
// eslint-disable-next-line
|
|
195
211
|
}, [selectedEntries]);
|
|
196
|
-
return (_jsxs("div", __assign({ className: getClassNames({ className: 'smartapp-user-dropdown', delimiter: '__', additionalClassName: theme }) }, { children: [renderTitle(), _jsxs("div", __assign({ className: "smartapp-user-dropdown__container" }, { children: [renderMask(), _jsx(Select, { ref: selectRef, isMulti: true, isDisabled: isDisabled, closeMenuOnSelect: isMenuCloseOnSelect, isLoading: isLoading, isClearable: false, styles: generateStyles(), placeholder: placeholder || '', noOptionsMessage: generateNoOptionsMessage, loadingMessage: function () { return _jsx(LoadingMessage, { theme: theme }); }, value: selectedUsers, options: !isNull(corporateEntries) || !isNull(myContactsEntries) ? generateOptions() : undefined, filterOption: handleFilterOption, onInputChange: handleInputChange, onChange: handleChange, onMenuClose: handleMenuClose, onKeyDown: handleKeyDown, components: { MultiValueLabel: MultiValueLabel, MultiValueRemove: MultiValueRemove, GroupHeading: GroupHeading, Option: Option, IndicatorSeparator: IndicatorSeparator, DropdownIndicator: DropdownIndicator, LoadingIndicator: LoadingIndicator } })] })), renderHint()] })));
|
|
212
|
+
return (_jsxs("div", __assign({ className: getClassNames({ className: 'smartapp-user-dropdown', delimiter: '__', additionalClassName: theme }) }, { children: [renderTitle(), _jsxs("div", __assign({ className: "smartapp-user-dropdown__container" }, { children: [renderMask(), _jsx(Select, { ref: selectRef, isMulti: true, isSearchable: isSearchable, menuPlacement: "auto", controlShouldRenderValue: isChipsVisible, backspaceRemovesValue: isChipsVisible, isDisabled: isDisabled, closeMenuOnSelect: isMenuCloseOnSelect, isLoading: isLoading, isClearable: false, styles: generateStyles(), placeholder: placeholder || '', noOptionsMessage: generateNoOptionsMessage, loadingMessage: function () { return _jsx(LoadingMessage, { theme: theme }); }, value: selectedUsers, options: !isNull(corporateEntries) || !isNull(myContactsEntries) ? generateOptions() : undefined, filterOption: handleFilterOption, onInputChange: handleInputChange, onChange: handleChange, onMenuClose: handleMenuClose, onKeyDown: handleKeyDown, onBlur: function () { return handleAddUser(false); }, onFocus: function () { return setTimeout(function () { var _a; return (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, 100); }, components: { Input: Input, MultiValueLabel: MultiValueLabel, MultiValueRemove: MultiValueRemove, GroupHeading: GroupHeading, Option: Option, IndicatorSeparator: IndicatorSeparator, DropdownIndicator: DropdownIndicator, LoadingIndicator: LoadingIndicator } })] })), renderHint()] })));
|
|
197
213
|
};
|
|
198
214
|
export default UserDropdown;
|
|
199
215
|
//# sourceMappingURL=UserDropdown.js.map
|