@expressms/smartapp-ui 2.7.9 → 2.8.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/main/assets/icons/button-loader.svg +1 -1
- package/build/main/constants/constants.d.ts +1 -1
- package/build/main/constants/constants.js +1 -1
- package/build/main/hooks/useModal.d.ts +4 -5
- package/build/main/hooks/useModal.js +4 -4
- package/build/main/hooks/useModal.js.map +1 -1
- package/build/main/styles/styles.scss +2 -2
- package/build/main//321/201omponents/Avatar/Avatar.d.ts +1 -1
- package/build/main//321/201omponents/Avatar/Avatar.js +1 -3
- package/build/main//321/201omponents/Avatar/Avatar.js.map +1 -1
- package/build/main//321/201omponents/Avatar/types.d.ts +1 -2
- package/build/main//321/201omponents/Avatar/types.js.map +1 -1
- package/build/main//321/201omponents/ConfirmationModal/types.d.ts +1 -1
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.d.ts +4 -0
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.js +77 -0
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.js.map +1 -0
- package/build/main//321/201omponents/DraggablePopup/index.d.ts +1 -0
- package/build/main//321/201omponents/DraggablePopup/index.js +2 -0
- package/build/main//321/201omponents/DraggablePopup/index.js.map +1 -0
- package/build/main//321/201omponents/DraggablePopup/types.d.ts +14 -0
- package/build/main//321/201omponents/DraggablePopup/types.js +2 -0
- package/build/main//321/201omponents/DraggablePopup/types.js.map +1 -0
- package/build/main//321/201omponents/Modal/Modal.d.ts +1 -1
- package/build/main//321/201omponents/Modal/Modal.js +7 -11
- package/build/main//321/201omponents/Modal/Modal.js.map +1 -1
- package/build/main//321/201omponents/Modal/types.d.ts +3 -4
- package/build/main//321/201omponents/Skeleton/Skeleton.js +5 -12
- package/build/main//321/201omponents/Skeleton/Skeleton.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.d.ts +0 -1
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js +5 -10
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js +12 -14
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/selectStyles.js +3 -6
- package/build/main//321/201omponents/UserDropdown/selectStyles.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/types.d.ts +0 -1
- 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 +3 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IAvatarProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Avatar: ({ theme, className, styles, avatarRef, isSelected, isHighlighted, isInactive, isSpam, isCrown, isEye, size, username, initials, avatar, counter,
|
|
3
|
+
declare const Avatar: ({ theme, className, styles, avatarRef, isSelected, isHighlighted, isInactive, isSpam, isCrown, isEye, size, username, initials, avatar, counter, outlineDefaultBackground, outlineDarkBackground, onClick, onMouseDown, }: IAvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Avatar;
|
|
@@ -36,7 +36,7 @@ var PERCENTS;
|
|
|
36
36
|
var AVATAR_OPACITY = 0.5;
|
|
37
37
|
var USER_INITIALS_OPACITY = 0.3;
|
|
38
38
|
var Avatar = function (_a) {
|
|
39
|
-
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, className = _a.className, styles = _a.styles, avatarRef = _a.avatarRef, isSelected = _a.isSelected, isHighlighted = _a.isHighlighted, isInactive = _a.isInactive, isSpam = _a.isSpam, isCrown = _a.isCrown, isEye = _a.isEye, _c = _a.size, size = _c === void 0 ? 44 : _c, _d = _a.username, username = _d === void 0 ? '' : _d, initials = _a.initials, avatar = _a.avatar, _e = _a.counter, counter = _e === void 0 ? 0 : _e,
|
|
39
|
+
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, className = _a.className, styles = _a.styles, avatarRef = _a.avatarRef, isSelected = _a.isSelected, isHighlighted = _a.isHighlighted, isInactive = _a.isInactive, isSpam = _a.isSpam, isCrown = _a.isCrown, isEye = _a.isEye, _c = _a.size, size = _c === void 0 ? 44 : _c, _d = _a.username, username = _d === void 0 ? '' : _d, initials = _a.initials, avatar = _a.avatar, _e = _a.counter, counter = _e === void 0 ? 0 : _e, _f = _a.outlineDefaultBackground, outlineDefaultBackground = _f === void 0 ? COLORS.white : _f, _g = _a.outlineDarkBackground, outlineDarkBackground = _g === void 0 ? COLORS.brightBlack : _g, _h = _a.onClick, onClick = _h === void 0 ? function () { return undefined; } : _h, onMouseDown = _a.onMouseDown;
|
|
40
40
|
var inactiveOpacity = avatar ? AVATAR_OPACITY : USER_INITIALS_OPACITY;
|
|
41
41
|
var outlineBackground = isDarkTheme(theme) ? outlineDarkBackground : outlineDefaultBackground;
|
|
42
42
|
var outlineWidth = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_5, shouldBeRounded: false });
|
|
@@ -72,8 +72,6 @@ var Avatar = function (_a) {
|
|
|
72
72
|
var infoSize = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_60 });
|
|
73
73
|
return _jsx(InfoIcon, { width: infoSize, height: infoSize });
|
|
74
74
|
}
|
|
75
|
-
if (icon)
|
|
76
|
-
return icon;
|
|
77
75
|
return avatar ? _jsx("img", { src: avatar, alt: "avatar" }) : renderUserInitials();
|
|
78
76
|
};
|
|
79
77
|
var renderCounter = function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,0BAA0B,EAAE,cAAc,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACxG,OAAO,EAAE,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,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC9E,OAAO,0BAA0B,CAAA;AAEjC,IAAK,QAYJ;AAZD,WAAK,QAAQ;IACX,yCAAS,CAAA;IACT,yCAAS,CAAA;IACT,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;AACb,CAAC,EAZI,QAAQ,KAAR,QAAQ,QAYZ;AAED,IAAM,cAAc,GAAG,GAAG,CAAA;AAC1B,IAAM,qBAAqB,GAAG,GAAG,CAAA;AAEjC,IAAM,MAAM,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/Avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
2
|
import { IThemeProps, TStyles } from '../../constants';
|
|
3
3
|
export interface IAvatarProps extends IThemeProps {
|
|
4
4
|
avatarRef?: RefObject<HTMLDivElement | null>;
|
|
@@ -15,7 +15,6 @@ export interface IAvatarProps extends IThemeProps {
|
|
|
15
15
|
initials?: string;
|
|
16
16
|
avatar?: string | null;
|
|
17
17
|
counter?: number;
|
|
18
|
-
icon?: ReactNode;
|
|
19
18
|
outlineDefaultBackground?: string;
|
|
20
19
|
outlineDarkBackground?: string;
|
|
21
20
|
onClick?: () => void;
|
|
@@ -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":"AAwBA,MAAM,CAAN,IAAY,eAMX;AAND,WAAY,eAAe;IACzB,kCAAe,CAAA;IACf,iCAAc,CAAA;IACd,mCAAgB,CAAA;IAChB,gCAAa,CAAA;IACb,oCAAiB,CAAA;AACnB,CAAC,EANW,eAAe,KAAf,eAAe,QAM1B"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { BottomSheetProps } from '
|
|
2
|
+
import { BottomSheetProps } from 'react-spring-bottom-sheet';
|
|
3
3
|
import { ICommonProps, TStyles } from '../../constants';
|
|
4
4
|
export interface IConfirmationModalProps extends ICommonProps {
|
|
5
5
|
isModalOpen: boolean;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { IDraggablePopupProps } from './types';
|
|
2
|
+
import '../../styles/styles.scss';
|
|
3
|
+
declare const DraggablePopup: ({ draggableZoneRef, popupContent, isPopupOpen, handleClose, popupCoords, title, bottomContent, dropZonePadding, }: IDraggablePopupProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
4
|
+
export default DraggablePopup;
|
|
@@ -0,0 +1,77 @@
|
|
|
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 { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { useEffect, useRef, useState } from 'react';
|
|
14
|
+
import Draggable from 'react-draggable';
|
|
15
|
+
import classNames from 'classnames';
|
|
16
|
+
import Modal from '../Modal';
|
|
17
|
+
import '../../styles/styles.scss';
|
|
18
|
+
var DROP_ZONE_PADDING = 40;
|
|
19
|
+
var OFFSET_POPUP_X = 30;
|
|
20
|
+
var OFFSET_POPUP_Y = 10;
|
|
21
|
+
var DEFAULT_POPUP_POSITION = { x: 40, y: 40 };
|
|
22
|
+
var DraggablePopup = function (_a) {
|
|
23
|
+
var draggableZoneRef = _a.draggableZoneRef, popupContent = _a.popupContent, isPopupOpen = _a.isPopupOpen, handleClose = _a.handleClose, popupCoords = _a.popupCoords, _b = _a.title, title = _b === void 0 ? ' ' : _b, bottomContent = _a.bottomContent, dropZonePadding = _a.dropZonePadding;
|
|
24
|
+
var _c = useState(null), draggableZoneInfo = _c[0], setDraggableZoneInfo = _c[1];
|
|
25
|
+
var _d = useState(null), popupPosition = _d[0], setPopupPosition = _d[1];
|
|
26
|
+
var popupRef = useRef(null);
|
|
27
|
+
var currentDropZonePadding = dropZonePadding || DROP_ZONE_PADDING;
|
|
28
|
+
useEffect(function () {
|
|
29
|
+
var popupRefCurrent = popupRef.current;
|
|
30
|
+
var updatePosition = function () {
|
|
31
|
+
if (!draggableZoneRef || !popupRefCurrent || !popupCoords)
|
|
32
|
+
return;
|
|
33
|
+
var _a = draggableZoneRef.getBoundingClientRect(), zoneWidth = _a.width, zoneHeight = _a.height;
|
|
34
|
+
var _b = popupRefCurrent.getBoundingClientRect(), popupWidth = _b.width, popupHeight = _b.height;
|
|
35
|
+
var x = popupCoords.x, y = popupCoords.y;
|
|
36
|
+
var rightPopupPointX = x + OFFSET_POPUP_X + popupWidth;
|
|
37
|
+
var bottomPopupPointY = y + OFFSET_POPUP_Y + popupHeight;
|
|
38
|
+
var newX = rightPopupPointX > zoneWidth - currentDropZonePadding ? zoneWidth - popupWidth - currentDropZonePadding : x + OFFSET_POPUP_X;
|
|
39
|
+
var newY = bottomPopupPointY > zoneHeight - currentDropZonePadding ? zoneHeight - popupHeight - currentDropZonePadding : y + OFFSET_POPUP_Y;
|
|
40
|
+
setPopupPosition({ x: newX, y: newY });
|
|
41
|
+
setDraggableZoneInfo({
|
|
42
|
+
width: zoneWidth,
|
|
43
|
+
height: zoneHeight,
|
|
44
|
+
top: currentDropZonePadding,
|
|
45
|
+
right: zoneWidth - popupWidth - currentDropZonePadding,
|
|
46
|
+
left: currentDropZonePadding,
|
|
47
|
+
bottom: zoneHeight - popupHeight - currentDropZonePadding,
|
|
48
|
+
});
|
|
49
|
+
};
|
|
50
|
+
var resizeObserver = new ResizeObserver(updatePosition);
|
|
51
|
+
if (popupRefCurrent)
|
|
52
|
+
resizeObserver.observe(popupRefCurrent);
|
|
53
|
+
return function () {
|
|
54
|
+
resizeObserver.disconnect();
|
|
55
|
+
};
|
|
56
|
+
}, [isPopupOpen, draggableZoneRef, popupRef, popupCoords, currentDropZonePadding]);
|
|
57
|
+
useEffect(function () {
|
|
58
|
+
var checkIfClickedOutside = function (e) {
|
|
59
|
+
if (isPopupOpen && popupRef.current && !popupRef.current.contains(e.target))
|
|
60
|
+
handleClose();
|
|
61
|
+
};
|
|
62
|
+
document === null || document === void 0 ? void 0 : document.addEventListener('click', checkIfClickedOutside, true);
|
|
63
|
+
return function () {
|
|
64
|
+
document === null || document === void 0 ? void 0 : document.removeEventListener('click', checkIfClickedOutside, true);
|
|
65
|
+
};
|
|
66
|
+
}, [isPopupOpen, handleClose]);
|
|
67
|
+
if (!isPopupOpen || !draggableZoneRef)
|
|
68
|
+
return null;
|
|
69
|
+
var onDragStop = function (_a) {
|
|
70
|
+
var x = _a.x, y = _a.y;
|
|
71
|
+
return setPopupPosition({ x: x, y: y });
|
|
72
|
+
};
|
|
73
|
+
var _e = draggableZoneInfo || {}, width = _e.width, height = _e.height, top = _e.top, bottom = _e.bottom, right = _e.right, left = _e.left;
|
|
74
|
+
return (_jsx("div", __assign({ style: { width: width, height: height }, className: "smartapp-draggable-popup" }, { children: _jsx(Draggable, __assign({ onStop: function (_, data) { return onDragStop(data); }, position: popupPosition || DEFAULT_POPUP_POSITION, bounds: { top: top, right: right, left: left, bottom: bottom } }, { children: _jsx("div", __assign({ ref: popupRef, className: classNames('smartapp-draggable-popup__popup-container', { invisible: !popupPosition }) }, { children: _jsx(Modal, { isModalOpen: isPopupOpen, content: popupContent, isPopup: true, handleCloseModal: handleClose, title: title, bottomContent: bottomContent }) })) })) })));
|
|
75
|
+
};
|
|
76
|
+
export default DraggablePopup;
|
|
77
|
+
//# sourceMappingURL=DraggablePopup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DraggablePopup.js","sourceRoot":"","sources":["../../../../src/сomponents/DraggablePopup/DraggablePopup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './DraggablePopup';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/DraggablePopup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
export interface IDraggablePopupProps {
|
|
3
|
+
draggableZoneRef: HTMLElement | null;
|
|
4
|
+
popupCoords: {
|
|
5
|
+
x: number;
|
|
6
|
+
y: number;
|
|
7
|
+
};
|
|
8
|
+
popupContent: ReactElement;
|
|
9
|
+
isPopupOpen: boolean;
|
|
10
|
+
handleClose: () => void;
|
|
11
|
+
title?: string;
|
|
12
|
+
bottomContent?: ReactElement;
|
|
13
|
+
dropZonePadding?: number;
|
|
14
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/DraggablePopup/types.ts"],"names":[],"mappings":""}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IModalProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Modal: ({ isModalOpen, isClosableOutside, isCloseIconHidden, modalId, content, bottomContent, handleCloseModal, title, platform, popupClassName, className, popupStyles, styles, titleStyles, contentStyles, iconColor, backgroundColor, isBottomSheet, isDisabledBottomSheet, bottomSheetProps,
|
|
3
|
+
declare const Modal: ({ isModalOpen, isClosableOutside, isCloseIconHidden, modalId, content, bottomContent, handleCloseModal, title, platform, popupClassName, className, popupStyles, styles, titleStyles, contentStyles, iconColor, backgroundColor, isBottomSheet, isDisabledBottomSheet, bottomSheetProps, isPopup, }: IModalProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
4
4
|
export default Modal;
|
|
@@ -25,14 +25,13 @@ var CONTENT_PADDING_TOP = 20;
|
|
|
25
25
|
var MODAL_TITLE_MARGIN_BOTTOM = 16;
|
|
26
26
|
var MODAL_MARGIN_SIZE_MOBILE = 136;
|
|
27
27
|
var Modal = function (_a) {
|
|
28
|
-
var isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? true : _b, isCloseIconHidden = _a.isCloseIconHidden, modalId = _a.modalId, content = _a.content, bottomContent = _a.bottomContent, handleCloseModal = _a.handleCloseModal, title = _a.title, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, popupClassName = _a.popupClassName, className = _a.className, popupStyles = _a.popupStyles, styles = _a.styles, titleStyles = _a.titleStyles, contentStyles = _a.contentStyles, iconColor = _a.iconColor, backgroundColor = _a.backgroundColor, _d = _a.isBottomSheet, isBottomSheet = _d === void 0 ? false : _d, _e = _a.isDisabledBottomSheet, isDisabledBottomSheet = _e === void 0 ? false : _e, bottomSheetProps = _a.bottomSheetProps,
|
|
28
|
+
var isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? true : _b, isCloseIconHidden = _a.isCloseIconHidden, modalId = _a.modalId, content = _a.content, bottomContent = _a.bottomContent, handleCloseModal = _a.handleCloseModal, title = _a.title, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, popupClassName = _a.popupClassName, className = _a.className, popupStyles = _a.popupStyles, styles = _a.styles, titleStyles = _a.titleStyles, contentStyles = _a.contentStyles, iconColor = _a.iconColor, backgroundColor = _a.backgroundColor, _d = _a.isBottomSheet, isBottomSheet = _d === void 0 ? false : _d, _e = _a.isDisabledBottomSheet, isDisabledBottomSheet = _e === void 0 ? false : _e, bottomSheetProps = _a.bottomSheetProps, isPopup = _a.isPopup;
|
|
29
29
|
var ref = useRef(null);
|
|
30
30
|
var titleRef = useRef(null);
|
|
31
31
|
var scrollableContentRef = useRef(null);
|
|
32
|
-
var scrollerRef = useRef(null);
|
|
33
32
|
var bottomContentRef = useRef(null);
|
|
34
|
-
var
|
|
35
|
-
var
|
|
33
|
+
var _f = useState(''), containerHeight = _f[0], setContainerHeight = _f[1];
|
|
34
|
+
var _g = useModal({
|
|
36
35
|
isModalOpen: isModalOpen,
|
|
37
36
|
platform: platform,
|
|
38
37
|
isDisabledBottomSheet: isDisabledBottomSheet,
|
|
@@ -43,12 +42,11 @@ var Modal = function (_a) {
|
|
|
43
42
|
popupClassName: classNames('modal', popupClassName),
|
|
44
43
|
popupStyles: popupStyles,
|
|
45
44
|
bottomSheetProps: bottomSheetProps,
|
|
46
|
-
|
|
47
|
-
}), shouldUseBottomSheet = _h.shouldUseBottomSheet, renderModal = _h.renderModal;
|
|
45
|
+
}), shouldUseBottomSheet = _g.shouldUseBottomSheet, renderModal = _g.renderModal;
|
|
48
46
|
var additionalClassName = generateBottomSheetClassName(platform, shouldUseBottomSheet);
|
|
49
47
|
var isCloseIconInvisible = generateIsCloseIconHidden(platform, isCloseIconHidden);
|
|
50
48
|
var MAX_MODAL_HEIGHT = window.innerHeight - (isMobilePlatform(platform) ? MODAL_MARGIN_SIZE_MOBILE : 2 * MODAL_MARGIN_SIZE_WEB);
|
|
51
|
-
var handleMouseDown = function (event) { return event.stopPropagation(); };
|
|
49
|
+
var handleMouseDown = function (event) { return !isPopup && event.stopPropagation(); };
|
|
52
50
|
var handleSetContainerHeight = function (contentRef) {
|
|
53
51
|
var _a, _b;
|
|
54
52
|
if (!contentRef)
|
|
@@ -83,10 +81,8 @@ var Modal = function (_a) {
|
|
|
83
81
|
'close-icon-space__centered': checkIfContentIsCentered(elementRef),
|
|
84
82
|
}) }));
|
|
85
83
|
};
|
|
86
|
-
var modalContent = (_jsx("div", __assign({ ref: ref, className: classNames('smartapp-modal', { 'smartapp-modal__bottom-sheet': shouldUseBottomSheet }, className), style: styles, onMouseDown: handleMouseDown }, { children: _jsxs("div", __assign({ className: generateClassNames({ className: 'smartapp-modal__content', delimiter: '--', additionalClassName: additionalClassName }), style: contentStyles }, { children: [title && (_jsxs("div", { children: [!isCloseIconInvisible && renderCloseIconSpace({ elementRef: titleRef, isLarge: true }), _jsx("p", __assign({ ref: titleRef, className: "smartapp-modal__content--title", style: titleStyles }, { children: title }))] })), !isCloseIconInvisible && (_jsx("div", __assign({ onClick: !
|
|
87
|
-
|
|
88
|
-
}) }, { children: _jsx(CloseIcon, { style: { color: generateColor(iconColor) } }) }))), _jsx(ScrollBar, { contentId: modalId, scrollerProps: { elementRef: function (el) { return (scrollerRef.current = el); } }, content: _jsxs("div", __assign({ ref: handleSetContainerHeight, className: classNames('smartapp-modal__content--pr', { 'smartapp-modal__content--pb': !bottomContent }) }, { children: [!title && !isCloseIconInvisible && renderCloseIconSpace({ elementRef: scrollableContentRef, isContent: true }), _jsx("div", __assign({ ref: scrollableContentRef }, { children: content }))] })), containerHeight: containerHeight, trackHeight: bottomContent ? DEFAULT_SCROLL_BAR_HEIGHT : SCROLL_BAR_HEIGHT_WITH_PADDING }), bottomContent && (_jsx("div", __assign({ ref: bottomContentRef, className: classNames('smartapp-modal__content--bottom', 'smartapp-modal__content--pr', 'smartapp-modal__content--pb') }, { children: bottomContent })))] })) })));
|
|
89
|
-
return renderModal(modalContent);
|
|
84
|
+
var modalContent = (_jsx("div", __assign({ ref: ref, className: classNames('smartapp-modal', { 'smartapp-modal__bottom-sheet': shouldUseBottomSheet }, className), style: styles, onMouseDown: handleMouseDown }, { children: _jsxs("div", __assign({ className: generateClassNames({ className: 'smartapp-modal__content', delimiter: '--', additionalClassName: additionalClassName }), style: contentStyles }, { children: [title && (_jsxs("div", { children: [!isCloseIconInvisible && renderCloseIconSpace({ elementRef: titleRef, isLarge: true }), _jsx("p", __assign({ ref: titleRef, className: "smartapp-modal__content--title", style: titleStyles }, { children: title }))] })), !isCloseIconInvisible && (_jsx("div", __assign({ onClick: handleCloseModal, className: "smartapp-modal__content--close-icon" }, { children: _jsx(CloseIcon, { style: { color: generateColor(iconColor) } }) }))), _jsx(ScrollBar, { contentId: modalId, content: _jsxs("div", __assign({ ref: handleSetContainerHeight, className: classNames('smartapp-modal__content--pr', { 'smartapp-modal__content--pb': !bottomContent }) }, { children: [!title && !isCloseIconInvisible && renderCloseIconSpace({ elementRef: scrollableContentRef, isContent: true }), _jsx("div", __assign({ ref: scrollableContentRef }, { children: content }))] })), containerHeight: containerHeight, trackHeight: bottomContent ? DEFAULT_SCROLL_BAR_HEIGHT : SCROLL_BAR_HEIGHT_WITH_PADDING }), bottomContent && (_jsx("div", __assign({ ref: bottomContentRef, className: classNames('smartapp-modal__content--bottom', 'smartapp-modal__content--pr', 'smartapp-modal__content--pb') }, { children: bottomContent })))] })) })));
|
|
85
|
+
return isPopup ? modalContent : renderModal(modalContent);
|
|
90
86
|
};
|
|
91
87
|
export default Modal;
|
|
92
88
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/сomponents/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAa,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AAClE,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,qCAAqC,CAAA;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC1C,OAAO,EACL,wBAAwB,EACxB,kBAAkB,EAClB,aAAa,EACb,yBAAyB,EACzB,4BAA4B,EAC5B,gBAAgB,GACjB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,0BAA0B,CAAA;AAEjC,IAAM,8BAA8B,GAAG,mBAAmB,CAAA;AAC1D,IAAM,qBAAqB,GAAG,GAAG,CAAA;AACjC,IAAM,mBAAmB,GAAG,EAAE,CAAA;AAC9B,IAAM,yBAAyB,GAAG,EAAE,CAAA;AACpC,IAAM,wBAAwB,GAAG,GAAG,CAAA;AAIpC,IAAM,KAAK,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/сomponents/Modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ReactElement
|
|
2
|
-
import { BottomSheetProps } from '
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { BottomSheetProps } from 'react-spring-bottom-sheet';
|
|
3
3
|
import { ICommonProps, TStyles } from '../../constants';
|
|
4
4
|
export interface IModalProps extends ICommonProps {
|
|
5
5
|
isModalOpen: boolean;
|
|
@@ -21,6 +21,5 @@ export interface IModalProps extends ICommonProps {
|
|
|
21
21
|
isBottomSheet?: boolean;
|
|
22
22
|
isDisabledBottomSheet?: boolean;
|
|
23
23
|
bottomSheetProps?: Partial<BottomSheetProps>;
|
|
24
|
-
|
|
25
|
-
externalBottomSheetScrollContainer?: RefObject<HTMLDivElement | null>;
|
|
24
|
+
isPopup?: boolean;
|
|
26
25
|
}
|
|
@@ -6,15 +6,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
6
6
|
import { useEffect, useRef, useState } from 'react';
|
|
7
7
|
import styled, { css, keyframes } from 'styled-components';
|
|
8
8
|
import { COLORS, THEME } from '../../constants';
|
|
9
|
-
import { generateColor, isDarkTheme
|
|
9
|
+
import { generateColor, isDarkTheme } from '../../helpers';
|
|
10
10
|
import '../../styles/styles.scss';
|
|
11
11
|
// animation gradient size
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var centerGradientSizeDark = '46.36%';
|
|
16
|
-
var endEdgeGradientSizeDefault = '70.22%';
|
|
17
|
-
var endEdgeGradientSizeDark = '100%';
|
|
12
|
+
var startEdgeGradientSize = '8.26%';
|
|
13
|
+
var centerGradientSize = '39.24%';
|
|
14
|
+
var endEdgeGradientSize = '70.22%';
|
|
18
15
|
export var Skeleton = function (_a) {
|
|
19
16
|
var className = _a.className, styles = _a.styles, 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,
|
|
20
17
|
// needed to determine the offset, the left border must coincide with the left border of the skeletons (without padding in container)
|
|
@@ -29,7 +26,6 @@ export var Skeleton = function (_a) {
|
|
|
29
26
|
initialOffset = _e === void 0 ? -230 : _e;
|
|
30
27
|
var skeletonRef = useRef(null);
|
|
31
28
|
var _f = useState({ container: { left: 0, width: 0 }, item: { left: 0, width: 0 } }), position = _f[0], setPosition = _f[1];
|
|
32
|
-
var isDarkTheme = checkIsDarkTheme(theme);
|
|
33
29
|
//after mount set offset sizes
|
|
34
30
|
useEffect(function () {
|
|
35
31
|
var containerRefCurrent = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
|
|
@@ -49,11 +45,8 @@ export var Skeleton = function (_a) {
|
|
|
49
45
|
return { startOffset: startOffset, finalOffset: finalOffset };
|
|
50
46
|
};
|
|
51
47
|
var skeletonBackgroundColor = generateColor(baseColor, 'var(--color-input-primary)');
|
|
52
|
-
var skeletonGradientCenter = isDarkTheme ? COLORS.skeletonDarkGradientCenter : COLORS.skeletonGradientCenter;
|
|
48
|
+
var skeletonGradientCenter = isDarkTheme(theme) ? COLORS.skeletonDarkGradientCenter : COLORS.skeletonGradientCenter;
|
|
53
49
|
var skeletonGradientEdge = COLORS.skeletonGradientEdge;
|
|
54
|
-
var startEdgeGradientSize = isDarkTheme ? startEdgeGradientSizeDark : startEdgeGradientSizeDefault;
|
|
55
|
-
var centerGradientSize = isDarkTheme ? centerGradientSizeDark : centerGradientSizeDefault;
|
|
56
|
-
var endEdgeGradientSize = isDarkTheme ? endEdgeGradientSizeDark : endEdgeGradientSizeDefault;
|
|
57
50
|
var skeletonCSS = {
|
|
58
51
|
width: width,
|
|
59
52
|
height: circle ? width : height,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/сomponents/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAW,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACnE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/сomponents/Skeleton/Skeleton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,15 +14,12 @@ import { useEffect, useRef } from 'react';
|
|
|
14
14
|
import { components } from 'react-select';
|
|
15
15
|
import { FixedSizeList } from 'react-window';
|
|
16
16
|
import { AutoSizer } from 'react-virtualized';
|
|
17
|
-
import classNames from 'classnames';
|
|
18
17
|
import LoadingMessage from '../LoadingMessage/LoadingMessage';
|
|
19
|
-
import '../../../styles/styles.scss';
|
|
20
18
|
var MIN_INPUT_SYMBOLS = 3;
|
|
21
19
|
var SKELETON_ROWS_COUNT = 3;
|
|
22
|
-
var MENU_ITEM_HEIGHT =
|
|
23
|
-
var MAX_MENU_HEIGHT =
|
|
20
|
+
var MENU_ITEM_HEIGHT = 50.5;
|
|
21
|
+
var MAX_MENU_HEIGHT = 324;
|
|
24
22
|
var LIST_OVER_SCAN_COUNT = 5;
|
|
25
|
-
var PADDING_SIZE = 12;
|
|
26
23
|
var MenuList = function (props) {
|
|
27
24
|
var _a;
|
|
28
25
|
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, children = props.children;
|
|
@@ -54,7 +51,7 @@ var MenuList = function (props) {
|
|
|
54
51
|
if (!Array.isArray(children))
|
|
55
52
|
return _jsx(_Fragment, { children: children });
|
|
56
53
|
var childrenLength = children.length;
|
|
57
|
-
var listChildrenHeight = childrenLength * MENU_ITEM_HEIGHT
|
|
54
|
+
var listChildrenHeight = childrenLength * MENU_ITEM_HEIGHT;
|
|
58
55
|
var listHeight = listChildrenHeight > MAX_MENU_HEIGHT ? MAX_MENU_HEIGHT : listChildrenHeight;
|
|
59
56
|
var itemCount = hasNextPage ? childrenLength + SKELETON_ROWS_COUNT : childrenLength;
|
|
60
57
|
var isNextPageSkeletonsVisible = hasNextPage && !isNextPageLoading && !isLoading && !isUserTyping;
|
|
@@ -65,16 +62,14 @@ var MenuList = function (props) {
|
|
|
65
62
|
var index = _a.index, style = _a.style;
|
|
66
63
|
var isLastRow = index === childrenLength - 1;
|
|
67
64
|
var rowRef = isNextPageSkeletonsVisible ? lastElement : null;
|
|
68
|
-
return (_jsxs("div", __assign({ ref: rowRef, style: style, role: children[index] ? 'option' : '',
|
|
69
|
-
// добавляем класс для последнего элемента, чтобы скрыть разделитель
|
|
70
|
-
className: classNames({ 'smartapp-menu-list__item--last': isLastRow }) }, { children: [children[index], isLastRow && renderSkeletons()] }), index));
|
|
65
|
+
return (_jsxs("div", __assign({ ref: rowRef, style: style, role: children[index] ? 'option' : '' }, { children: [children[index], isLastRow && renderSkeletons()] }), index));
|
|
71
66
|
};
|
|
72
67
|
return (_jsx(components.MenuList, __assign({}, props, { children: _jsx(AutoSizer, __assign({ disableHeight: true }, { children: function (_a) {
|
|
73
68
|
var width = _a.width;
|
|
74
69
|
return (_jsx(FixedSizeList, __assign({ ref: virtualizationListRef, height: listHeight, itemCount: itemCount, itemSize: MENU_ITEM_HEIGHT, width: width, overscanCount: LIST_OVER_SCAN_COUNT, onScroll: function (_a) {
|
|
75
70
|
var scrollOffset = _a.scrollOffset;
|
|
76
71
|
return (scrollFromTop.current = scrollOffset);
|
|
77
|
-
}, initialScrollOffset: scrollFromTop.current
|
|
72
|
+
}, initialScrollOffset: scrollFromTop.current }, { children: rowRenderer })));
|
|
78
73
|
} })) })));
|
|
79
74
|
};
|
|
80
75
|
export default MenuList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuList.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/MenuList/MenuList.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,aAAa,EAA2B,MAAM,cAAc,CAAA;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,
|
|
1
|
+
{"version":3,"file":"MenuList.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/MenuList/MenuList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { IUserDropdownProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
3
|
export declare const EMAIL_FIELD = "email";
|
|
4
|
-
declare const UserDropdown: ({ theme, platform, isDisabled, isLoading, isChipsVisible, isChipsCollapsable, isMenuCloseOnSelect, isFilteringDisabled, hasNextPage, isNextPageLoading, language, layoutType, title, mask, placeholder, hint, noOptionsMessage, maxMembersCount, fillType, menuPosition,
|
|
4
|
+
declare const UserDropdown: ({ theme, platform, isDisabled, isLoading, isChipsVisible, isChipsCollapsable, isMenuCloseOnSelect, isFilteringDisabled, hasNextPage, isNextPageLoading, language, layoutType, title, mask, placeholder, hint, noOptionsMessage, maxMembersCount, fillType, menuPosition, containerClassName, containerStyles, selectedEntries, corporateEntries, myContactsEntries, onInputChange, onChange, onMenuOpen, onMenuClose, onLoadNextPage, }: IUserDropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
export default UserDropdown;
|
|
@@ -66,17 +66,17 @@ var EXCLUDED_FIELDS;
|
|
|
66
66
|
var COMMON_FIELDS_TO_OMIT = Object.keys(omit(EXCLUDED_FIELDS, [EXCLUDED_FIELDS.language, EXCLUDED_FIELDS.isMyContacts, EXCLUDED_FIELDS.isEnteredByUser, EXCLUDED_FIELDS.isError]));
|
|
67
67
|
var Input = function (props) { return _jsx(components.Input, __assign({}, props, { enterkeyhint: "done" })); };
|
|
68
68
|
var UserDropdown = function (_a) {
|
|
69
|
-
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isLoading, isLoading = _e === void 0 ? false : _e, _f = _a.isChipsVisible, isChipsVisible = _f === void 0 ? true : _f, _g = _a.isChipsCollapsable, isChipsCollapsable = _g === void 0 ? false : _g, _h = _a.isMenuCloseOnSelect, isMenuCloseOnSelect = _h === void 0 ? true : _h, _j = _a.isFilteringDisabled, isFilteringDisabled = _j === void 0 ? false : _j, _k = _a.hasNextPage, hasNextPage = _k === void 0 ? false : _k, _l = _a.isNextPageLoading, isNextPageLoading = _l === void 0 ? false : _l, _m = _a.language, language = _m === void 0 ? LANGUAGES.ru : _m, _o = _a.layoutType, layoutType = _o === void 0 ? LAYOUT_TYPE.minimal : _o, title = _a.title, mask = _a.mask, placeholder = _a.placeholder, hint = _a.hint, noOptionsMessage = _a.noOptionsMessage, maxMembersCount = _a.maxMembersCount, _p = _a.fillType, fillType = _p === void 0 ? FILL_TYPE.primary : _p, _q = _a.menuPosition, menuPosition = _q === void 0 ? MENU_POSITIONS.top : _q,
|
|
70
|
-
var
|
|
71
|
-
var
|
|
72
|
-
var
|
|
73
|
-
var
|
|
74
|
-
var
|
|
75
|
-
var
|
|
76
|
-
var
|
|
77
|
-
var
|
|
78
|
-
var
|
|
79
|
-
var
|
|
69
|
+
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isLoading, isLoading = _e === void 0 ? false : _e, _f = _a.isChipsVisible, isChipsVisible = _f === void 0 ? true : _f, _g = _a.isChipsCollapsable, isChipsCollapsable = _g === void 0 ? false : _g, _h = _a.isMenuCloseOnSelect, isMenuCloseOnSelect = _h === void 0 ? true : _h, _j = _a.isFilteringDisabled, isFilteringDisabled = _j === void 0 ? false : _j, _k = _a.hasNextPage, hasNextPage = _k === void 0 ? false : _k, _l = _a.isNextPageLoading, isNextPageLoading = _l === void 0 ? false : _l, _m = _a.language, language = _m === void 0 ? LANGUAGES.ru : _m, _o = _a.layoutType, layoutType = _o === void 0 ? LAYOUT_TYPE.minimal : _o, title = _a.title, mask = _a.mask, placeholder = _a.placeholder, hint = _a.hint, noOptionsMessage = _a.noOptionsMessage, maxMembersCount = _a.maxMembersCount, _p = _a.fillType, fillType = _p === void 0 ? FILL_TYPE.primary : _p, _q = _a.menuPosition, menuPosition = _q === void 0 ? MENU_POSITIONS.top : _q, containerClassName = _a.containerClassName, containerStyles = _a.containerStyles, _r = _a.selectedEntries, selectedEntries = _r === void 0 ? [] : _r, corporateEntries = _a.corporateEntries, myContactsEntries = _a.myContactsEntries, onInputChange = _a.onInputChange, onChange = _a.onChange, onMenuOpen = _a.onMenuOpen, onMenuClose = _a.onMenuClose, onLoadNextPage = _a.onLoadNextPage;
|
|
70
|
+
var _s = useState(''), userDropdownId = _s[0], setUserDropdownId = _s[1];
|
|
71
|
+
var _t = useState([]), selectedUsers = _t[0], setSelectedUsers = _t[1];
|
|
72
|
+
var _u = useState(null), timeoutId = _u[0], setTimeoutId = _u[1];
|
|
73
|
+
var _v = useState(''), paddingLeft = _v[0], setPaddingLeft = _v[1];
|
|
74
|
+
var _w = useState(0), maskWidth = _w[0], setMaskWidth = _w[1];
|
|
75
|
+
var _x = useState(false), isError = _x[0], setIsError = _x[1];
|
|
76
|
+
var _y = useState(true), isSearchable = _y[0], setIsSearchable = _y[1];
|
|
77
|
+
var _z = useState(false), isUserTyping = _z[0], setIsUserTyping = _z[1];
|
|
78
|
+
var _0 = useState(null), modalData = _0[0], setModalData = _0[1];
|
|
79
|
+
var _1 = useState(''), chipLabelWithMaxWidth = _1[0], setChipLabelWithMaxWidth = _1[1];
|
|
80
80
|
var isInputFocused = useRef(false);
|
|
81
81
|
var selectRef = useRef(null);
|
|
82
82
|
var maskRef = useRef(null);
|
|
@@ -302,8 +302,6 @@ var UserDropdown = function (_a) {
|
|
|
302
302
|
};
|
|
303
303
|
var handleUnCollapseChips = function () {
|
|
304
304
|
var _a;
|
|
305
|
-
if (!userDropdownId)
|
|
306
|
-
return;
|
|
307
305
|
var chipsNodes = ((_a = document.querySelector("#".concat(userDropdownId))) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.smartapp-chip')) || [];
|
|
308
306
|
var chips = Array.from(chipsNodes);
|
|
309
307
|
chips.forEach(function (chip) {
|
|
@@ -393,7 +391,7 @@ var UserDropdown = function (_a) {
|
|
|
393
391
|
}, []);
|
|
394
392
|
var OptionComponent = useCallback(function (props) { return _jsx(Option, __assign({}, props, { children: props.children })); }, []);
|
|
395
393
|
var MenuListComponent = useCallback(function (props) { return (_jsx(MenuList, __assign({}, props, { children: props.children, appTheme: theme, selectRef: selectRef, scrollFromTop: menuScrollFromTop, hasNextPage: hasNextPage, isLoading: isLoading, isUserTyping: isUserTyping, isNextPageLoading: isNextPageLoading, onLoadNextPage: function (inputValue) { return onLoadNextPage && onLoadNextPage(inputValue); } }))); }, [hasNextPage, isLoading, isNextPageLoading, isUserTyping, onLoadNextPage, theme]);
|
|
396
|
-
return (_jsxs("div", __assign({ id: userDropdownId, className: classNames('smartapp-user-dropdown', containerClassName), style: containerStyles }, { children: [renderTitle(), _jsxs("div", __assign({ className: "smartapp-user-dropdown__container" }, { children: [renderMask(), _jsx(Select, { ref: selectRef, isMulti: true, openMenuOnFocus: true, blurInputOnSelect: false, captureMenuScroll: false, isSearchable: isSearchable, menuPlacement: menuPosition, controlShouldRenderValue: isChipsVisible, backspaceRemovesValue: isChipsVisible, isDisabled: isDisabled, closeMenuOnSelect: isMenuCloseOnSelect, isLoading: isLoading || isUserTyping, 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, onMenuOpen: onMenuOpen, onKeyDown: handleKeyDown, onBlur: handleBlur,
|
|
394
|
+
return (_jsxs("div", __assign({ id: userDropdownId, className: classNames('smartapp-user-dropdown', containerClassName), style: containerStyles }, { children: [renderTitle(), _jsxs("div", __assign({ className: "smartapp-user-dropdown__container" }, { children: [renderMask(), _jsx(Select, { ref: selectRef, isMulti: true, openMenuOnFocus: true, blurInputOnSelect: false, captureMenuScroll: false, isSearchable: isSearchable, menuPlacement: menuPosition, controlShouldRenderValue: isChipsVisible, backspaceRemovesValue: isChipsVisible, isDisabled: isDisabled, closeMenuOnSelect: isMenuCloseOnSelect, isLoading: isLoading || isUserTyping, 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, onMenuOpen: onMenuOpen, onKeyDown: handleKeyDown, onBlur: handleBlur, onFocus: handleFocus, components: {
|
|
397
395
|
Input: Input,
|
|
398
396
|
MultiValueLabel: MultiValueLabel,
|
|
399
397
|
MultiValueRemove: MultiValueRemove,
|