@expressms/smartapp-ui 2.2.2 → 2.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/main/constants/constants.d.ts +12 -1
- package/build/main/constants/constants.js +14 -1
- package/build/main/constants/constants.js.map +1 -1
- package/build/main/helpers/index.d.ts +3 -0
- package/build/main/helpers/index.js +4 -1
- package/build/main/helpers/index.js.map +1 -1
- package/build/main/styles/styles.scss +2 -2
- package/build/main//321/201omponents/Notification/Notification.d.ts +5 -1
- package/build/main//321/201omponents/Notification/Notification.js +13 -6
- package/build/main//321/201omponents/Notification/Notification.js.map +1 -1
- package/build/main//321/201omponents/Notification/types.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.js +2 -3
- package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.js +2 -2
- package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.d.ts +3 -0
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js +57 -0
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.d.ts +2 -1
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js +23 -4
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/Option/Option.d.ts +2 -1
- package/build/main//321/201omponents/UserDropdown/Option/Option.js +4 -6
- 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 +78 -53
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/colors.d.ts +2 -2
- package/build/main//321/201omponents/UserDropdown/colors.js +2 -2
- package/build/main//321/201omponents/UserDropdown/colors.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/helpers.d.ts +34 -12
- package/build/main//321/201omponents/UserDropdown/helpers.js +21 -36
- package/build/main//321/201omponents/UserDropdown/helpers.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/selectStyles.d.ts +1 -3
- package/build/main//321/201omponents/UserDropdown/selectStyles.js +13 -12
- package/build/main//321/201omponents/UserDropdown/selectStyles.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/types.d.ts +51 -22
- package/package.json +1 -1
- package/build/main/assets/icons/trust-user.svg +0 -10
- package/build/main//321/201omponents/UserDropdown/GroupHeading/GroupHeading.d.ts +0 -2
- package/build/main//321/201omponents/UserDropdown/GroupHeading/GroupHeading.js +0 -20
- package/build/main//321/201omponents/UserDropdown/GroupHeading/GroupHeading.js.map +0 -1
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
import { INotificationProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const
|
|
3
|
+
export declare const INDEFINITELY_FULL_SCREEN_POSITION: {
|
|
4
|
+
right: string;
|
|
5
|
+
left: string;
|
|
6
|
+
};
|
|
7
|
+
declare const Notification: ({ theme, platform, id, type, isAutoHidden, isFullScreen, isAllIndefinitelyNeedToBeClosed, indefinitelyFullScreenPosition, hideDuration, distanceFromBottom, title, avatar, text, subText, action, onClose, }: INotificationProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
8
|
export default Notification;
|
|
@@ -27,7 +27,7 @@ import juice from 'juice';
|
|
|
27
27
|
import DOMPurify from 'dompurify';
|
|
28
28
|
import Avatar from '../Avatar';
|
|
29
29
|
import { isWebPlatform } from '../../helpers';
|
|
30
|
-
import { CANCEL_ACTION_TEXT,
|
|
30
|
+
import { CANCEL_ACTION_TEXT, MOBILE_NOTIFICATION_DISTANCE_FROM_BOTTOM, PLATFORM, THEME, WEB_NOTIFICATION_DISTANCE_FROM_BOTTOM } from '../../constants';
|
|
31
31
|
import { ReactComponent as NotificationSuccessIcon } from '../../assets/icons/notification-success.svg';
|
|
32
32
|
import { ReactComponent as NotificationInfoIcon } from '../../assets/icons/notification-info.svg';
|
|
33
33
|
import { ReactComponent as NotificationWarningIcon } from '../../assets/icons/notification-warning.svg';
|
|
@@ -51,9 +51,13 @@ var NOTIFICATION_ICONS = (_a = {},
|
|
|
51
51
|
_a[NOTIFICATION_TYPES.warning] = _jsx(NotificationWarningIcon, {}),
|
|
52
52
|
_a[NOTIFICATION_TYPES.error] = _jsx(NotificationErrorIcon, {}),
|
|
53
53
|
_a);
|
|
54
|
+
export var INDEFINITELY_FULL_SCREEN_POSITION = {
|
|
55
|
+
right: 'right',
|
|
56
|
+
left: 'left',
|
|
57
|
+
};
|
|
54
58
|
var Notification = function (_a) {
|
|
55
|
-
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, id = _a.id, _d = _a.type, type = _d === void 0 ? 'success' : _d, _e = _a.isAutoHidden, isAutoHidden = _e === void 0 ? true : _e, _f = _a.isFullScreen, isFullScreen = _f === void 0 ? false : _f, _g = _a.isAllIndefinitelyNeedToBeClosed, isAllIndefinitelyNeedToBeClosed = _g === void 0 ? false : _g, _h = _a.hideDuration, hideDuration =
|
|
56
|
-
var
|
|
59
|
+
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, id = _a.id, _d = _a.type, type = _d === void 0 ? 'success' : _d, _e = _a.isAutoHidden, isAutoHidden = _e === void 0 ? true : _e, _f = _a.isFullScreen, isFullScreen = _f === void 0 ? false : _f, _g = _a.isAllIndefinitelyNeedToBeClosed, isAllIndefinitelyNeedToBeClosed = _g === void 0 ? false : _g, _h = _a.indefinitelyFullScreenPosition, indefinitelyFullScreenPosition = _h === void 0 ? 'right' : _h, _j = _a.hideDuration, hideDuration = _j === void 0 ? 3000 : _j, distanceFromBottom = _a.distanceFromBottom, title = _a.title, avatar = _a.avatar, text = _a.text, subText = _a.subText, action = _a.action, onClose = _a.onClose;
|
|
60
|
+
var _k = useState([]), indefinitelyIds = _k[0], setIndefinitelyIds = _k[1];
|
|
57
61
|
var getDistanceFromBottom = function () {
|
|
58
62
|
var defaultDistanceFromBottom = isWebPlatform(platform) ? WEB_NOTIFICATION_DISTANCE_FROM_BOTTOM : MOBILE_NOTIFICATION_DISTANCE_FROM_BOTTOM;
|
|
59
63
|
return distanceFromBottom || defaultDistanceFromBottom;
|
|
@@ -86,10 +90,14 @@ var Notification = function (_a) {
|
|
|
86
90
|
return (_jsxs("div", __assign({ className: "smartapp-notification" }, { children: [NOTIFICATION_ICONS[type], _jsxs("div", __assign({ className: "smartapp-notification__content" }, { children: [_jsx("div", { dangerouslySetInnerHTML: getSanitizedHtml(text) }), action && (_jsx("div", __assign({ className: "smartapp-notification__content--action", onClick: function () { return handleActionClick({ notificationId: notificationId, action: action.onClick }); } }, { children: action.text || CANCEL_ACTION_TEXT })))] }))] })));
|
|
87
91
|
};
|
|
88
92
|
var renderToastContainer = function (_a) {
|
|
89
|
-
var containerId = _a.containerId, distanceFromBottom = _a.distanceFromBottom
|
|
93
|
+
var containerId = _a.containerId, distanceFromBottom = _a.distanceFromBottom;
|
|
94
|
+
var isIndefinitelyContainer = containerId === INDEFINITELY_CONTAINER_ID;
|
|
95
|
+
var fullScreenPosition = isIndefinitelyContainer ? "bottom-".concat(indefinitelyFullScreenPosition) : 'top-right';
|
|
90
96
|
return (_jsx(ToastContainer, { enableMultiContainer: true, containerId: containerId, hideProgressBar: true, draggable: false, closeButton: false, pauseOnHover: false, pauseOnFocusLoss: false, closeOnClick: false, className: classNames("Toastify__toast-container--".concat(theme), {
|
|
91
97
|
'Toastify__toast-container--full-screen': isFullScreen,
|
|
92
|
-
|
|
98
|
+
'Toastify__toast-container--full-screen__indefinitely-right': isFullScreen && isIndefinitelyContainer && indefinitelyFullScreenPosition === INDEFINITELY_FULL_SCREEN_POSITION.right,
|
|
99
|
+
'Toastify__toast-container--full-screen__indefinitely-left': isFullScreen && isIndefinitelyContainer && indefinitelyFullScreenPosition === INDEFINITELY_FULL_SCREEN_POSITION.left,
|
|
100
|
+
}), style: { '--distance-from-bottom': "".concat(distanceFromBottom, "px") }, transition: notificationAnimation, position: isFullScreen ? fullScreenPosition : 'bottom-center' }));
|
|
93
101
|
};
|
|
94
102
|
useEffect(function () {
|
|
95
103
|
if (id) {
|
|
@@ -117,7 +125,6 @@ var Notification = function (_a) {
|
|
|
117
125
|
return (_jsxs(_Fragment, { children: [renderToastContainer({
|
|
118
126
|
containerId: AUTO_HIDDEN_CONTAINER_ID,
|
|
119
127
|
distanceFromBottom: getDistanceFromBottom() + indefinitelyIds.length * NOTIFICATION_HEIGHT,
|
|
120
|
-
distanceFromTop: indefinitelyIds.length * NOTIFICATION_HEIGHT + DEFAULT_NOTIFICATION_DISTANCE_FROM_TOP,
|
|
121
128
|
}), renderToastContainer({
|
|
122
129
|
containerId: INDEFINITELY_CONTAINER_ID,
|
|
123
130
|
distanceFromBottom: getDistanceFromBottom(),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../../src/сomponents/Notification/Notification.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../../src/сomponents/Notification/Notification.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,7 +11,6 @@ export type THandleClickMailCloseIcon = {
|
|
|
11
11
|
export type TRenderToastContainer = {
|
|
12
12
|
containerId: string;
|
|
13
13
|
distanceFromBottom: number;
|
|
14
|
-
distanceFromTop?: number;
|
|
15
14
|
};
|
|
16
15
|
export interface INotificationProps extends ICommonProps {
|
|
17
16
|
id: string;
|
|
@@ -19,6 +18,7 @@ export interface INotificationProps extends ICommonProps {
|
|
|
19
18
|
isAutoHidden?: boolean;
|
|
20
19
|
isFullScreen?: boolean;
|
|
21
20
|
isAllIndefinitelyNeedToBeClosed?: boolean;
|
|
21
|
+
indefinitelyFullScreenPosition?: 'right' | 'left';
|
|
22
22
|
hideDuration?: number;
|
|
23
23
|
distanceFromBottom?: number;
|
|
24
24
|
title?: string;
|
package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IContactBottomSheet } from '../types';
|
|
2
2
|
import '../../../styles/styles.scss';
|
|
3
|
-
declare const ContactBottomSheet: ({ theme,
|
|
3
|
+
declare const ContactBottomSheet: ({ theme, avatar, name, email, serverName, company, department, companyPosition }: IContactBottomSheet) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default ContactBottomSheet;
|
|
@@ -15,10 +15,9 @@ import Avatar from '../../Avatar';
|
|
|
15
15
|
import ContactInfo from '../ContactInfo/ContactInfo';
|
|
16
16
|
import { getClassNames } from '../../../helpers';
|
|
17
17
|
import { ReactComponent as CorporateUserIcon } from '../../../assets/icons/corporate-user.svg';
|
|
18
|
-
import { ReactComponent as TrustUserIcon } from '../../../assets/icons/trust-user.svg';
|
|
19
18
|
import '../../../styles/styles.scss';
|
|
20
19
|
var ContactBottomSheet = function (_a) {
|
|
21
|
-
var theme = _a.theme,
|
|
20
|
+
var theme = _a.theme, avatar = _a.avatar, name = _a.name, email = _a.email, serverName = _a.serverName, company = _a.company, department = _a.department, companyPosition = _a.companyPosition;
|
|
22
21
|
useEffect(function () {
|
|
23
22
|
var modalContent = document.querySelector('.smartapp-modal__content');
|
|
24
23
|
var handlePreventDefault = function (event) { return event.preventDefault(); };
|
|
@@ -27,7 +26,7 @@ var ContactBottomSheet = function (_a) {
|
|
|
27
26
|
modalContent === null || modalContent === void 0 ? void 0 : modalContent.removeEventListener('touchend', handlePreventDefault);
|
|
28
27
|
};
|
|
29
28
|
}, []);
|
|
30
|
-
return (_jsxs("div", __assign({ className: getClassNames({ className: 'smartapp-contact-bottom-sheet', delimiter: '__', additionalClassName: theme }) }, { children: [_jsxs("div", __assign({ className: "smartapp-contact-bottom-sheet__header" }, { children: [_jsx(Avatar, { username: name, avatar: avatar, size: 48 }), _jsxs("div", __assign({ className: "smartapp-contact-bottom-sheet__header--text" }, { children: [_jsxs("div", __assign({ className: "smartapp-contact-bottom-sheet__header--text__name" }, { children: [
|
|
29
|
+
return (_jsxs("div", __assign({ className: getClassNames({ className: 'smartapp-contact-bottom-sheet', delimiter: '__', additionalClassName: theme }) }, { children: [_jsxs("div", __assign({ className: "smartapp-contact-bottom-sheet__header" }, { children: [_jsx(Avatar, { username: name, avatar: avatar, size: 48 }), _jsxs("div", __assign({ className: "smartapp-contact-bottom-sheet__header--text" }, { children: [_jsxs("div", __assign({ className: "smartapp-contact-bottom-sheet__header--text__name" }, { children: [_jsx(CorporateUserIcon, {}), _jsx("div", { children: name })] })), _jsx("div", __assign({ className: "smartapp-contact-bottom-sheet__header--text__email" }, { children: email }))] }))] })), _jsx("div", __assign({ className: "smartapp-contact-bottom-sheet__body" }, { children: _jsx(ContactInfo, { theme: theme, serverName: serverName, company: company, department: department, companyPosition: companyPosition }) }))] })));
|
|
31
30
|
};
|
|
32
31
|
export default ContactBottomSheet;
|
|
33
32
|
//# sourceMappingURL=ContactBottomSheet.js.map
|
package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContactBottomSheet.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,MAAM,MAAM,cAAc,CAAA;AACjC,OAAO,WAAW,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,0CAA0C,CAAA;AAC9F,OAAO,
|
|
1
|
+
{"version":3,"file":"ContactBottomSheet.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,MAAM,MAAM,cAAc,CAAA;AACjC,OAAO,WAAW,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,0CAA0C,CAAA;AAC9F,OAAO,6BAA6B,CAAA;AAEpC,IAAM,kBAAkB,GAAG,UAAC,EAAqG;QAAnG,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAA,EAAE,eAAe,qBAAA;IACxG,SAAS,CAAC;QACR,IAAM,YAAY,GAA0B,QAAQ,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAA;QAC9F,IAAM,oBAAoB,GAAG,UAAC,KAAY,IAAK,OAAA,KAAK,CAAC,cAAc,EAAE,EAAtB,CAAsB,CAAA;QAErE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,gBAAgB,CAAC,UAAU,EAAE,oBAAoB,CAAC,CAAA;QAEhE,OAAO;YACL,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,mBAAmB,CAAC,UAAU,EAAE,oBAAoB,CAAC,CAAA;QACrE,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,wBAAK,SAAS,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,+BAA+B,EAAE,SAAS,EAAE,IAAI,EAAE,mBAAmB,EAAE,KAAK,EAAE,CAAC,iBACxH,wBAAK,SAAS,EAAC,uCAAuC,iBACpD,KAAC,MAAM,IAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,GAAI,EACpD,wBAAK,SAAS,EAAC,6CAA6C,iBAC1D,wBAAK,SAAS,EAAC,mDAAmD,iBAChE,KAAC,iBAAiB,KAAG,EACrB,wBAAM,IAAI,GAAO,KACb,EACN,uBAAK,SAAS,EAAC,oDAAoD,gBAAE,KAAK,IAAO,KAC7E,KACF,EACN,uBAAK,SAAS,EAAC,qCAAqC,gBAClD,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,eAAe,GAAI,IAC7H,KACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ILoadingMessage } from '../types';
|
|
2
2
|
import '../../../styles/styles.scss';
|
|
3
|
-
declare const LoadingMessage: ({ theme }: ILoadingMessage) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const LoadingMessage: ({ theme, skeletonRowsCount }: ILoadingMessage) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default LoadingMessage;
|
|
@@ -16,9 +16,9 @@ import { getClassNames } from '../../../helpers';
|
|
|
16
16
|
import '../../../styles/styles.scss';
|
|
17
17
|
var LOADING_MESSAGE_ITEMS = 7;
|
|
18
18
|
var LoadingMessage = function (_a) {
|
|
19
|
-
var theme = _a.theme;
|
|
19
|
+
var theme = _a.theme, _b = _a.skeletonRowsCount, skeletonRowsCount = _b === void 0 ? LOADING_MESSAGE_ITEMS : _b;
|
|
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:
|
|
21
|
+
return (_jsx("div", __assign({ ref: ref, className: getClassNames({ className: 'smartapp-loading-message', delimiter: '__', additionalClassName: theme }) }, { children: Array.from({ length: skeletonRowsCount }, 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)); }) })));
|
|
22
22
|
};
|
|
23
23
|
export default LoadingMessage;
|
|
24
24
|
//# sourceMappingURL=LoadingMessage.js.map
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,EAAqE;QAAnE,KAAK,WAAA,EAAE,yBAAyC,EAAzC,iBAAiB,mBAAG,qBAAqB,KAAA;IACxE,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,iBAAiB,EAAE,EAAE,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,CACvD,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,EARwD,CAQxD,CAAC,IACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { useEffect, useLayoutEffect, useRef } from 'react';
|
|
14
|
+
import { components } from 'react-select';
|
|
15
|
+
import LoadingMessage from '../LoadingMessage/LoadingMessage';
|
|
16
|
+
var MIN_INPUT_SYMBOLS = 3;
|
|
17
|
+
var SKELETON_ROWS_COUNT = 3;
|
|
18
|
+
var MENU_ITEM_HEIGHT = 50.5;
|
|
19
|
+
var MenuList = function (props) {
|
|
20
|
+
var _a;
|
|
21
|
+
var appTheme = props.appTheme, selectRef = props.selectRef, scrollFromTop = props.scrollFromTop, hasNextPage = props.hasNextPage, isLoading = props.isLoading, isUserTyping = props.isUserTyping, isNextPageLoading = props.isNextPageLoading, onLoadNextPage = props.onLoadNextPage, id = props.innerProps.id, children = props.children;
|
|
22
|
+
var selectRefCurrent = selectRef.current;
|
|
23
|
+
var inputValue = (_a = selectRefCurrent === null || selectRefCurrent === void 0 ? void 0 : selectRefCurrent.props) === null || _a === void 0 ? void 0 : _a.inputValue;
|
|
24
|
+
var inputValueLength = inputValue === null || inputValue === void 0 ? void 0 : inputValue.length;
|
|
25
|
+
var lastElement = useRef(null);
|
|
26
|
+
var observer = useRef(new IntersectionObserver(function (entries) { return entries[0].isIntersecting && handleLoadNextPage(); }));
|
|
27
|
+
useEffect(function () {
|
|
28
|
+
var lastElementCurrent = lastElement.current;
|
|
29
|
+
var observerCurrent = observer.current;
|
|
30
|
+
lastElementCurrent && observerCurrent.observe(lastElementCurrent);
|
|
31
|
+
return function () {
|
|
32
|
+
lastElementCurrent && observerCurrent.unobserve(lastElementCurrent);
|
|
33
|
+
};
|
|
34
|
+
}, [lastElement]);
|
|
35
|
+
useLayoutEffect(function () {
|
|
36
|
+
var menuListComponent = document.querySelector("#".concat(id));
|
|
37
|
+
var handleScroll = function () { return (scrollFromTop.current = menuListComponent === null || menuListComponent === void 0 ? void 0 : menuListComponent.scrollTop); };
|
|
38
|
+
menuListComponent === null || menuListComponent === void 0 ? void 0 : menuListComponent.addEventListener('scroll', handleScroll);
|
|
39
|
+
return function () { return menuListComponent === null || menuListComponent === void 0 ? void 0 : menuListComponent.removeEventListener('scroll', handleScroll); };
|
|
40
|
+
}, [id, scrollFromTop]);
|
|
41
|
+
useLayoutEffect(function () {
|
|
42
|
+
var menuListComponent = document.querySelector("#".concat(id));
|
|
43
|
+
menuListComponent === null || menuListComponent === void 0 ? void 0 : menuListComponent.scrollTo({ top: scrollFromTop.current });
|
|
44
|
+
}, [id, scrollFromTop]);
|
|
45
|
+
var handleLoadNextPage = function () {
|
|
46
|
+
var menuListComponent = document.querySelector("#".concat(id));
|
|
47
|
+
onLoadNextPage(inputValue);
|
|
48
|
+
scrollFromTop.current = ((menuListComponent === null || menuListComponent === void 0 ? void 0 : menuListComponent.scrollTop) || 0) + MENU_ITEM_HEIGHT * SKELETON_ROWS_COUNT;
|
|
49
|
+
};
|
|
50
|
+
if (!Array.isArray(children)) {
|
|
51
|
+
// For children like: "Loading" or "No Options" provided by 'react-select'
|
|
52
|
+
return _jsx(_Fragment, { children: children });
|
|
53
|
+
}
|
|
54
|
+
return (_jsxs(components.MenuList, __assign({}, props, { children: [children, hasNextPage && !isNextPageLoading && !isLoading && !isUserTyping && (_jsx("div", __assign({ ref: lastElement }, { children: _jsx(LoadingMessage, { theme: appTheme, skeletonRowsCount: SKELETON_ROWS_COUNT }) }))), (isNextPageLoading || isLoading || (isUserTyping && inputValueLength >= MIN_INPUT_SYMBOLS)) && (_jsx(LoadingMessage, { theme: appTheme, skeletonRowsCount: SKELETON_ROWS_COUNT }))] })));
|
|
55
|
+
};
|
|
56
|
+
export default MenuList;
|
|
57
|
+
//# sourceMappingURL=MenuList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuList.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/MenuList/MenuList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,16 +9,35 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import { components } from 'react-select';
|
|
14
14
|
import { isEqual } from 'lodash';
|
|
15
15
|
import Chip from '../../Chip';
|
|
16
|
+
import { getClassNames, isHalfLayoutType, isMinimalLayoutType } from '../../../helpers';
|
|
17
|
+
import '../../../styles/styles.scss';
|
|
18
|
+
var MAX_NUMBER_OF_USERS_OUT_OF_FOCUS_FOR_MINIMAL_LAYOUT_TYPE = 3;
|
|
19
|
+
var MAX_NUMBER_OF_USERS_OUT_OF_FOCUS_FOR_HALF_LAYOUT_TYPE = 5;
|
|
16
20
|
var MultiValueLabel = function (props) {
|
|
17
|
-
var _a = props.data, label = _a.label, avatar = _a.avatar, theme = _a.theme, _b = props.selectProps, isDisabled = _b.isDisabled, selectedUsers = _b.value, onChange = _b.onChange;
|
|
21
|
+
var _a = props.data, value = _a.value, label = _a.label, avatar = _a.avatar, platform = _a.platform, theme = _a.theme, layoutType = _a.layoutType, isChipsCollapsable = _a.isChipsCollapsable, isInputFocused = _a.isInputFocused, _b = props.selectProps, isDisabled = _b.isDisabled, selectedUsers = _b.value, onChange = _b.onChange;
|
|
22
|
+
var userIndex = selectedUsers.findIndex(function (selectedUser) { return selectedUser.value === value; });
|
|
23
|
+
var maxNumberOfUsersOutOfFocus = isMinimalLayoutType(layoutType)
|
|
24
|
+
? MAX_NUMBER_OF_USERS_OUT_OF_FOCUS_FOR_MINIMAL_LAYOUT_TYPE
|
|
25
|
+
: isHalfLayoutType(layoutType)
|
|
26
|
+
? MAX_NUMBER_OF_USERS_OUT_OF_FOCUS_FOR_HALF_LAYOUT_TYPE
|
|
27
|
+
: Number.MAX_SAFE_INTEGER;
|
|
18
28
|
var handleDelete = function () { return onChange(selectedUsers.filter(function (user) { return !isEqual(user, props.data); })); };
|
|
19
|
-
var handleMouseDown = function (event) {
|
|
29
|
+
var handleMouseDown = function (event) {
|
|
30
|
+
event.preventDefault();
|
|
31
|
+
event.stopPropagation();
|
|
32
|
+
};
|
|
20
33
|
var handleTouchEnd = function (event) { return event.stopPropagation(); };
|
|
21
|
-
|
|
34
|
+
if (!isChipsCollapsable || isInputFocused.current || (!isInputFocused.current && userIndex < maxNumberOfUsersOutOfFocus)) {
|
|
35
|
+
return (_jsx(components.MultiValueLabel, __assign({}, props, { children: _jsx("div", __assign({ onMouseDown: handleMouseDown, onTouchEnd: handleTouchEnd }, { children: _jsx(Chip, { theme: theme, name: label, avatar: avatar, isDisabled: isDisabled, onDelete: handleDelete }) })) })));
|
|
36
|
+
}
|
|
37
|
+
if (isChipsCollapsable && !isInputFocused.current && userIndex === maxNumberOfUsersOutOfFocus) {
|
|
38
|
+
return (_jsxs("div", __assign({ className: getClassNames({ className: 'multi-value-label-counter', delimiter: '__', additionalClassName: [platform, theme] }), onTouchEnd: handleTouchEnd }, { children: ["+", selectedUsers.length - maxNumberOfUsersOutOfFocus] })));
|
|
39
|
+
}
|
|
40
|
+
return null;
|
|
22
41
|
};
|
|
23
42
|
export default MultiValueLabel;
|
|
24
43
|
//# sourceMappingURL=MultiValueLabel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiValueLabel.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/MultiValueLabel/MultiValueLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAChC,OAAO,IAAI,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"MultiValueLabel.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/MultiValueLabel/MultiValueLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAChC,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAEvF,OAAO,6BAA6B,CAAA;AAEpC,IAAM,wDAAwD,GAAG,CAAC,CAAA;AAClE,IAAM,qDAAqD,GAAG,CAAC,CAAA;AAE/D,IAAM,eAAe,GAAG,UAAC,KAAU;IAE/B,IAAA,KAEE,KAAK,KAFwF,EAAvF,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,UAAU,gBAAA,EAAE,kBAAkB,wBAAA,EAAE,cAAc,oBAAA,EAC7F,KACE,KAAK,YADoD,EAA5C,UAAU,gBAAA,EAAS,aAAa,WAAA,EAAE,QAAQ,cAAE,CACpD;IACT,IAAM,SAAS,GAAG,aAAa,CAAC,SAAS,CAAC,UAAC,YAA6B,IAAK,OAAA,YAAY,CAAC,KAAK,KAAK,KAAK,EAA5B,CAA4B,CAAC,CAAA;IAC1G,IAAM,0BAA0B,GAAG,mBAAmB,CAAC,UAAU,CAAC;QAChE,CAAC,CAAC,wDAAwD;QAC1D,CAAC,CAAC,gBAAgB,CAAC,UAAU,CAAC;YAC9B,CAAC,CAAC,qDAAqD;YACvD,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAA;IAE3B,IAAM,YAAY,GAAG,cAAM,OAAA,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,UAAC,IAAqB,IAAK,OAAA,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,EAA1B,CAA0B,CAAC,CAAC,EAArF,CAAqF,CAAA;IAEhH,IAAM,eAAe,GAAG,UAAC,KAAuC;QAC9D,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,IAAM,cAAc,GAAG,UAAC,KAAuC,IAAK,OAAA,KAAK,CAAC,eAAe,EAAE,EAAvB,CAAuB,CAAA;IAE3F,IAAI,CAAC,kBAAkB,IAAI,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,cAAc,CAAC,OAAO,IAAI,SAAS,GAAG,0BAA0B,CAAC,EAAE;QACxH,OAAO,CACL,KAAC,UAAU,CAAC,eAAe,eAAK,KAAK,cACnC,uBAAK,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,cAAc,gBAC3D,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,GAAI,IAC/F,IACqB,CAC9B,CAAA;KACF;IAED,IAAI,kBAAkB,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,SAAS,KAAK,0BAA0B,EAAE;QAC7F,OAAO,CACL,wBACE,SAAS,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,2BAA2B,EAAE,SAAS,EAAE,IAAI,EAAE,mBAAmB,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,EAC7H,UAAU,EAAE,cAAc,sBAExB,aAAa,CAAC,MAAM,GAAG,0BAA0B,KAC/C,CACP,CAAA;KACF;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { IOptionProps } from '../types';
|
|
1
2
|
import '../../../styles/styles.scss';
|
|
2
|
-
declare const Option: (props:
|
|
3
|
+
declare const Option: (props: IOptionProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
4
|
export default Option;
|
|
@@ -21,7 +21,6 @@ import ContactBottomSheet from '../ContactBottomSheet/ContactBottomSheet';
|
|
|
21
21
|
import { getClassNames, isDarkTheme, isIosPlatform, isMobilePlatform, isWebPlatform } from '../../../helpers';
|
|
22
22
|
import { COLORS } from '../../../constants';
|
|
23
23
|
import { ReactComponent as CorporateUserIcon } from '../../../assets/icons/corporate-user.svg';
|
|
24
|
-
import { ReactComponent as TrustUserIcon } from '../../../assets/icons/trust-user.svg';
|
|
25
24
|
import { ReactComponent as MyContactUserIcon } from '../../../assets/icons/my-contact-user.svg';
|
|
26
25
|
import { ReactComponent as ContactInfoIcon } from '../../../assets/icons/contact-info.svg';
|
|
27
26
|
import { darkerGrayBackgroundColor } from '../colors';
|
|
@@ -31,7 +30,7 @@ var PADDING_LEFT = 8;
|
|
|
31
30
|
var INDENTS = 50;
|
|
32
31
|
var Option = function (props) {
|
|
33
32
|
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,
|
|
33
|
+
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, isMyContacts = _b.isMyContacts, theme = _b.theme, platform = _b.platform, setIsSearchable = _b.setIsSearchable, selectRef = _b.selectRef;
|
|
35
34
|
var ref = useRef(null);
|
|
36
35
|
var _c = useState(false), isModalOpen = _c[0], setIsModalOpen = _c[1];
|
|
37
36
|
var _d = useState(0), left = _d[0], setLeft = _d[1];
|
|
@@ -39,7 +38,7 @@ var Option = function (props) {
|
|
|
39
38
|
var clientRect = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
|
|
40
39
|
var clientRectLeft = ((clientRect === null || clientRect === void 0 ? void 0 : clientRect.left) || 0) + PADDING_LEFT;
|
|
41
40
|
var clientRectWidth = ((clientRect === null || clientRect === void 0 ? void 0 : clientRect.width) || INDENTS) - INDENTS;
|
|
42
|
-
var modalContent = (_jsx(ContactBottomSheet, { theme: theme,
|
|
41
|
+
var modalContent = (_jsx(ContactBottomSheet, { theme: theme, avatar: avatar, name: label, email: email, serverName: serverName, company: company, department: department, companyPosition: companyPosition }));
|
|
43
42
|
var handleContactInfoIconClick = function (event) {
|
|
44
43
|
event.stopPropagation();
|
|
45
44
|
setIsSearchable(false);
|
|
@@ -53,8 +52,7 @@ var Option = function (props) {
|
|
|
53
52
|
}
|
|
54
53
|
};
|
|
55
54
|
var renderUserIcon = function () {
|
|
56
|
-
|
|
57
|
-
return isMyContacts ? _jsx(MyContactUserIcon, { color: isDarkTheme(theme) ? COLORS.darkerGray : COLORS.lightGray }) : corporateUserIcon;
|
|
55
|
+
return isMyContacts ? _jsx(MyContactUserIcon, { color: isDarkTheme(theme) ? COLORS.darkerGray : COLORS.lightGray }) : _jsx(CorporateUserIcon, {});
|
|
58
56
|
};
|
|
59
57
|
var renderContactInfoIcon = function () {
|
|
60
58
|
var isIconVisible = !isMyContacts && isMobilePlatform(platform);
|
|
@@ -65,7 +63,7 @@ var Option = function (props) {
|
|
|
65
63
|
setMaxWidth(clientRectWidth);
|
|
66
64
|
}, [clientRectLeft, clientRectWidth]);
|
|
67
65
|
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 }) }))); };
|
|
68
|
-
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: handleCloseModal })] }));
|
|
66
|
+
return (_jsxs(_Fragment, { children: [_jsx(components.Option, __assign({}, props, { innerRef: function (el) { return (ref.current = el); } }, { children: _jsxs("div", __assign({ className: getClassNames({ className: 'smartapp-option', delimiter: '__', additionalClassName: theme }) }, { children: [!isMyContacts && 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: handleCloseModal })] }));
|
|
69
67
|
};
|
|
70
68
|
export default Option;
|
|
71
69
|
//# 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,aAAa,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAC7G,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,0CAA0C,CAAA;AAC9F,OAAO,EAAE,cAAc,IAAI,
|
|
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,
|
|
3
|
+
declare const UserDropdown: ({ theme, platform, isDisabled, isLoading, isChipsVisible, isChipsCollapsable, isMenuCloseOnSelect, hasNextPage, isNextPageLoading, layoutType, title, mask, placeholder, hint, noOptionsMessage, maxMembersCount, borderType, selectedEntries, corporateEntries, myContactsEntries, onInputChange, onChange, onMenuClose, onLoadNextPage, menuPosition, }: IUserDropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default UserDropdown;
|