@expressms/smartapp-ui 3.0.0-alpha.1 → 3.0.0-alpha.100
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/accepted-invite-status.svg +4 -0
- package/build/main/assets/icons/calendar-arrow-next.svg +3 -0
- package/build/main/assets/icons/calendar-arrow-prev.svg +3 -0
- package/build/main/assets/icons/declined-invite-status.svg +4 -0
- package/build/main/assets/icons/needs-action-invite-status.svg +4 -0
- package/build/main/assets/icons/notification-failure-filled.svg +3 -0
- package/build/main/assets/icons/notification-info-filled.svg +5 -0
- package/build/main/assets/icons/notification-success-filled.svg +4 -0
- package/build/main/assets/icons/select-arrow-down.svg +3 -0
- package/build/main/assets/icons/select-arrow-up.svg +3 -0
- package/build/main/assets/storybook/index.d.ts +2 -0
- package/build/main/assets/storybook/index.js +2 -0
- package/build/main/assets/storybook/index.js.map +1 -1
- package/build/main/constants/constants.d.ts +86 -44
- package/build/main/constants/constants.js +124 -48
- package/build/main/constants/constants.js.map +1 -1
- package/build/main/constants/types.d.ts +9 -1
- package/build/main/helpers/index.d.ts +5 -0
- package/build/main/helpers/index.js +12 -1
- package/build/main/helpers/index.js.map +1 -1
- package/build/main/hooks/useCharHintDisplay.d.ts +9 -0
- package/build/main/hooks/useCharHintDisplay.js +35 -0
- package/build/main/hooks/useCharHintDisplay.js.map +1 -0
- package/build/main/hooks/useMobileLongTap.d.ts +16 -0
- package/build/main/hooks/useMobileLongTap.js +55 -0
- package/build/main/hooks/useMobileLongTap.js.map +1 -0
- package/build/main/hooks/useModal.d.ts +17 -10
- package/build/main/hooks/useModal.js +178 -14
- package/build/main/hooks/useModal.js.map +1 -1
- package/build/main/index.d.ts +2 -0
- package/build/main/index.js +2 -0
- package/build/main/index.js.map +1 -1
- package/build/main/styles/styles.scss +2 -2
- package/build/main//321/201omponents/AttachedFile/AttachedFile.d.ts +1 -1
- package/build/main//321/201omponents/AttachedFile/AttachedFile.js +56 -6
- package/build/main//321/201omponents/AttachedFile/AttachedFile.js.map +1 -1
- package/build/main//321/201omponents/AttachedFile/types.d.ts +6 -5
- package/build/main//321/201omponents/Avatar/Avatar.d.ts +3 -2
- package/build/main//321/201omponents/Avatar/Avatar.js +34 -5
- package/build/main//321/201omponents/Avatar/Avatar.js.map +1 -1
- package/build/main//321/201omponents/Avatar/types.d.ts +4 -3
- package/build/main//321/201omponents/Avatar/types.js.map +1 -1
- package/build/main//321/201omponents/Button/Button.d.ts +1 -1
- package/build/main//321/201omponents/Button/Button.js +21 -9
- package/build/main//321/201omponents/Button/Button.js.map +1 -1
- package/build/main//321/201omponents/Button/types.d.ts +9 -3
- package/build/main//321/201omponents/Button/types.js +3 -0
- package/build/main//321/201omponents/Button/types.js.map +1 -1
- package/build/main//321/201omponents/Calendar/Calendar.d.ts +2 -2
- package/build/main//321/201omponents/Calendar/Calendar.js +88 -41
- package/build/main//321/201omponents/Calendar/Calendar.js.map +1 -1
- package/build/main//321/201omponents/Calendar/types.d.ts +18 -8
- package/build/main//321/201omponents/Charts/ChartBar/ChartBar.js +1 -1
- package/build/main//321/201omponents/Charts/ChartLine/ChartLine.js +1 -1
- package/build/main//321/201omponents/Charts/ChartPie/ChartPie.js +1 -1
- package/build/main//321/201omponents/Chip/Chip.d.ts +3 -2
- package/build/main//321/201omponents/Chip/Chip.js +175 -26
- package/build/main//321/201omponents/Chip/Chip.js.map +1 -1
- package/build/main//321/201omponents/Chip/types.d.ts +15 -5
- package/build/main//321/201omponents/ChipDndContext/ChipDndContext.d.ts +13 -0
- package/build/main//321/201omponents/ChipDndContext/ChipDndContext.js +76 -0
- package/build/main//321/201omponents/ChipDndContext/ChipDndContext.js.map +1 -0
- package/build/main//321/201omponents/ChipDndContext/index.d.ts +1 -0
- package/build/main//321/201omponents/ChipDndContext/index.js +2 -0
- package/build/main//321/201omponents/ChipDndContext/index.js.map +1 -0
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.d.ts +1 -1
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js +3 -2
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js.map +1 -1
- package/build/main//321/201omponents/ConfirmationModal/types.d.ts +5 -2
- package/build/main//321/201omponents/ContextMenu/ContextMenu.d.ts +1 -1
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js +66 -26
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js.map +1 -1
- package/build/main//321/201omponents/ContextMenu/types.d.ts +9 -7
- package/build/main//321/201omponents/ContextMenuItem/ContextMenuItem.d.ts +4 -0
- package/build/main//321/201omponents/ContextMenuItem/ContextMenuItem.js +47 -0
- package/build/main//321/201omponents/ContextMenuItem/ContextMenuItem.js.map +1 -0
- package/build/main//321/201omponents/ContextMenuItem/index.d.ts +1 -0
- package/build/main//321/201omponents/ContextMenuItem/index.js +2 -0
- package/build/main//321/201omponents/ContextMenuItem/index.js.map +1 -0
- package/build/main//321/201omponents/ContextMenuItem/types.d.ts +24 -0
- package/build/main//321/201omponents/ContextMenuItem/types.js +6 -0
- package/build/main//321/201omponents/ContextMenuItem/types.js.map +1 -0
- package/build/main//321/201omponents/CustomSelect/CustomSelect.d.ts +1 -1
- package/build/main//321/201omponents/CustomSelect/CustomSelect.js +9 -7
- package/build/main//321/201omponents/CustomSelect/CustomSelect.js.map +1 -1
- package/build/main//321/201omponents/CustomSelect/selectStyles.d.ts +1 -1
- package/build/main//321/201omponents/CustomSelect/selectStyles.js +22 -23
- package/build/main//321/201omponents/CustomSelect/selectStyles.js.map +1 -1
- package/build/main//321/201omponents/CustomSelect/types.d.ts +9 -1
- package/build/main//321/201omponents/CustomSelectProfiles/CustomSelectProfiles.d.ts +1 -1
- package/build/main//321/201omponents/CustomSelectProfiles/CustomSelectProfiles.js +33 -24
- package/build/main//321/201omponents/CustomSelectProfiles/CustomSelectProfiles.js.map +1 -1
- package/build/main//321/201omponents/CustomSelectProfiles/selectStyles.d.ts +11 -0
- package/build/main//321/201omponents/CustomSelectProfiles/selectStyles.js +38 -0
- package/build/main//321/201omponents/CustomSelectProfiles/selectStyles.js.map +1 -0
- package/build/main//321/201omponents/CustomSelectProfiles/types.d.ts +4 -5
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.d.ts +1 -1
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.js +25 -20
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.js.map +1 -1
- package/build/main//321/201omponents/DraggablePopup/types.d.ts +11 -11
- package/build/main//321/201omponents/Flex/Flex.d.ts +1 -1
- package/build/main//321/201omponents/Flex/Flex.js +5 -19
- package/build/main//321/201omponents/Flex/Flex.js.map +1 -1
- package/build/main//321/201omponents/Flex/types.d.ts +9 -3
- package/build/main//321/201omponents/Input/Input.d.ts +1 -1
- package/build/main//321/201omponents/Input/Input.js +75 -33
- package/build/main//321/201omponents/Input/Input.js.map +1 -1
- package/build/main//321/201omponents/Input/types.d.ts +10 -3
- package/build/main//321/201omponents/ListItem/ListItem.js +21 -17
- package/build/main//321/201omponents/ListItem/ListItem.js.map +1 -1
- package/build/main//321/201omponents/ListItem/types.d.ts +7 -3
- package/build/main//321/201omponents/Modal/Modal.d.ts +3 -2
- package/build/main//321/201omponents/Modal/Modal.js +190 -39
- package/build/main//321/201omponents/Modal/Modal.js.map +1 -1
- package/build/main//321/201omponents/Modal/types.d.ts +33 -2
- package/build/main//321/201omponents/Notification/Notification.d.ts +4 -6
- package/build/main//321/201omponents/Notification/Notification.js +68 -32
- package/build/main//321/201omponents/Notification/Notification.js.map +1 -1
- package/build/main//321/201omponents/Notification/types.d.ts +17 -2
- package/build/main//321/201omponents/Stories/Stories.js +72 -4
- package/build/main//321/201omponents/Stories/Stories.js.map +1 -1
- package/build/main//321/201omponents/Textarea/Textarea.d.ts +1 -1
- package/build/main//321/201omponents/Textarea/Textarea.js +9 -6
- package/build/main//321/201omponents/Textarea/Textarea.js.map +1 -1
- package/build/main//321/201omponents/Textarea/types.d.ts +4 -1
- package/build/main//321/201omponents/UserDropdown/ContactInfo/ContactInfo.js +6 -0
- package/build/main//321/201omponents/UserDropdown/ContactInfo/ContactInfo.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.d.ts +2 -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/MenuList/MenuList.js +21 -50
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.d.ts +3 -2
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js +32 -23
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/Option/Option.js +2 -2
- package/build/main//321/201omponents/UserDropdown/Option/Option.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/SearchInCatalogButton/SearchInCatalogButton.js +1 -0
- package/build/main//321/201omponents/UserDropdown/SearchInCatalogButton/SearchInCatalogButton.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.d.ts +4 -3
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js +213 -76
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/selectStyles.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/selectStyles.js +27 -21
- package/build/main//321/201omponents/UserDropdown/selectStyles.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/types.d.ts +45 -5
- package/build/main//321/201omponents/UserDropdown/types.js.map +1 -1
- package/package.json +11 -7
- package/build/main/assets/icons/avatar-arrow-down.svg +0 -3
- package/build/main/assets/icons/avatar-arrow-up.svg +0 -3
- package/build/main/hooks/useLongTap.d.ts +0 -12
- package/build/main/hooks/useLongTap.js +0 -29
- package/build/main/hooks/useLongTap.js.map +0 -1
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
import { ChangeEvent, TextareaHTMLAttributes } from 'react';
|
|
1
|
+
import { ChangeEvent, ReactElement, RefObject, TextareaHTMLAttributes } from 'react';
|
|
2
2
|
import { IFontFamilyProps, TStyles } from '../../constants';
|
|
3
3
|
export interface ITextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, IFontFamilyProps {
|
|
4
4
|
isAdjustToTextHeight?: boolean;
|
|
5
|
+
textareaRef?: RefObject<HTMLTextAreaElement | null>;
|
|
5
6
|
title?: string;
|
|
7
|
+
icon?: ReactElement;
|
|
6
8
|
error?: string;
|
|
9
|
+
minHeight?: number;
|
|
7
10
|
containerClassName?: string;
|
|
8
11
|
containerStyles?: TStyles;
|
|
9
12
|
onChange: (e: ChangeEvent<HTMLTextAreaElement>) => void;
|
|
@@ -68,6 +68,12 @@ var INFO_TITLE_TEXT = (_a = {},
|
|
|
68
68
|
department: 'Departemen',
|
|
69
69
|
companyPosition: 'Posisi',
|
|
70
70
|
},
|
|
71
|
+
_a[LANGUAGES.uz] = {
|
|
72
|
+
server: 'Server',
|
|
73
|
+
company: 'Kompaniya',
|
|
74
|
+
department: 'Bo‘lim',
|
|
75
|
+
companyPosition: 'Lavozim',
|
|
76
|
+
},
|
|
71
77
|
_a);
|
|
72
78
|
var ContactInfo = function (_a) {
|
|
73
79
|
var elementRef = _a.elementRef, language = _a.language, serverName = _a.serverName, company = _a.company, department = _a.department, companyPosition = _a.companyPosition;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContactInfo.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/ContactInfo/ContactInfo.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ContactInfo.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/ContactInfo/ContactInfo.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ILoadingMessage } from '../types';
|
|
2
2
|
import '../../../styles/styles.scss';
|
|
3
|
-
declare const
|
|
3
|
+
export declare const LOADING_MESSAGE_ITEMS = 6;
|
|
4
|
+
declare const LoadingMessage: ({ isMenuShadowless, skeletonRowsCount }: ILoadingMessage) => import("react/jsx-runtime").JSX.Element;
|
|
4
5
|
export default LoadingMessage;
|
|
@@ -11,13 +11,14 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import { useRef } from 'react';
|
|
14
|
+
import classNames from 'classnames';
|
|
14
15
|
import { Skeleton } from '../../Skeleton';
|
|
15
16
|
import '../../../styles/styles.scss';
|
|
16
|
-
var LOADING_MESSAGE_ITEMS = 6;
|
|
17
|
+
export var LOADING_MESSAGE_ITEMS = 6;
|
|
17
18
|
var LoadingMessage = function (_a) {
|
|
18
|
-
var _b = _a.skeletonRowsCount, skeletonRowsCount =
|
|
19
|
+
var _b = _a.isMenuShadowless, isMenuShadowless = _b === void 0 ? false : _b, _c = _a.skeletonRowsCount, skeletonRowsCount = _c === void 0 ? LOADING_MESSAGE_ITEMS : _c;
|
|
19
20
|
var ref = useRef(null);
|
|
20
|
-
return (_jsx("div", __assign({ ref: ref, className:
|
|
21
|
+
return (_jsx("div", __assign({ ref: ref, className: classNames('smartapp-loading-message', { 'smartapp-loading-message__reduced-padding': isMenuShadowless }) }, { children: Array.from({ length: skeletonRowsCount }, function (_, index) { return (_jsxs("div", __assign({ className: classNames('smartapp-loading-message__item', { 'ph-0': isMenuShadowless }) }, { children: [_jsx(Skeleton, { containerRef: ref, circle: true, className: "smartapp-loading-message__item--circle" }), _jsxs("div", __assign({ className: "smartapp-loading-message__item--ellipse" }, { children: [_jsx(Skeleton, { containerRef: ref, className: "smartapp-loading-message__item--ellipse__first", borderRadius: 600 }), _jsx(Skeleton, { containerRef: ref, className: "smartapp-loading-message__item--ellipse__second", 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":";;;;;;;;;;;;AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,6BAA6B,CAAA;AAEpC,IAAM,qBAAqB,GAAG,CAAC,CAAA;
|
|
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,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,6BAA6B,CAAA;AAEpC,MAAM,CAAC,IAAM,qBAAqB,GAAG,CAAC,CAAA;AAEtC,IAAM,cAAc,GAAG,UAAC,EAAwF;QAAtF,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EAAE,yBAAyC,EAAzC,iBAAiB,mBAAG,qBAAqB,KAAA;IAC3F,IAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAExC,OAAO,CACL,uBAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE,EAAE,2CAA2C,EAAE,gBAAgB,EAAE,CAAC,gBAChI,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,iBAAiB,EAAE,EAAE,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,CACvD,wBAAiB,SAAS,EAAE,UAAU,CAAC,gCAAgC,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,CAAC,iBACpG,KAAC,QAAQ,IAAC,YAAY,EAAE,GAAG,EAAE,MAAM,QAAC,SAAS,EAAC,wCAAwC,GAAG,EACzF,wBAAK,SAAS,EAAC,yCAAyC,iBACtD,KAAC,QAAQ,IAAC,YAAY,EAAE,GAAG,EAAE,SAAS,EAAC,gDAAgD,EAAC,YAAY,EAAE,GAAG,GAAI,EAC7G,KAAC,QAAQ,IAAC,YAAY,EAAE,GAAG,EAAE,SAAS,EAAC,iDAAiD,EAAC,YAAY,EAAE,GAAG,GAAI,KAC1G,MALE,KAAK,CAMT,CACP,EARwD,CAQxD,CAAC,IACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -9,71 +9,32 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
-
var _a;
|
|
13
12
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
|
-
import React, { useEffect,
|
|
13
|
+
import React, { useEffect, useLayoutEffect, useRef } from 'react';
|
|
15
14
|
import { components } from 'react-select';
|
|
16
15
|
import { AutoSizer } from 'react-virtualized';
|
|
17
16
|
import { FixedSizeList } from 'react-window';
|
|
18
17
|
import classNames from 'classnames';
|
|
19
18
|
import LoadingMessage from '../LoadingMessage/LoadingMessage';
|
|
20
19
|
import SearchInCatalogButton from '../SearchInCatalogButton/SearchInCatalogButton';
|
|
21
|
-
import {
|
|
20
|
+
import { USER_DROPDOWN_CHAR_HINT as CHAR_HINT, MIN_INPUT_SYMBOLS } from '../../../constants';
|
|
22
21
|
import '../../../styles/styles.scss';
|
|
23
|
-
var MIN_INPUT_SYMBOLS = 3;
|
|
24
22
|
var SKELETON_ROWS_COUNT = 3;
|
|
25
23
|
var MENU_ITEM_HEIGHT = 47;
|
|
26
|
-
var MAX_MENU_HEIGHT = 220;
|
|
27
24
|
var LIST_OVER_SCAN_COUNT = 5;
|
|
28
25
|
var PADDING_SIZE = 12;
|
|
29
26
|
var BUTTON_SIZE = 48;
|
|
30
|
-
var
|
|
31
|
-
var ONE_CHARACTER = 1;
|
|
32
|
-
var TWO_CHARACTERS = 2;
|
|
33
|
-
var CHAR_HINT = (_a = {},
|
|
34
|
-
_a[LANGUAGES.ru] = 'Запрос должен содержать не менее 3-х символов',
|
|
35
|
-
_a[LANGUAGES.en] = 'The query must contain at least 3 characters',
|
|
36
|
-
_a[LANGUAGES.de] = 'Die Anfrage muss mindestens 3 Zeichen enthalten',
|
|
37
|
-
_a[LANGUAGES.es] = 'La consulta debe contener al menos 3 caracteres',
|
|
38
|
-
_a[LANGUAGES.fr] = 'Il faut au moins 3 caractères pour la recherche',
|
|
39
|
-
_a[LANGUAGES.ar] = 'الاستفسار يجب أن يحتوي على 3 حروف على الأقل',
|
|
40
|
-
_a[LANGUAGES.ms] = 'Pertanyaan harus mengandungi sekurang-kurangnya 3 aksara',
|
|
41
|
-
_a[LANGUAGES.tr] = 'Sorgu en az 3 karakter içermelidir',
|
|
42
|
-
_a[LANGUAGES.id] = 'Kueri harus berisi minimal 3 karakter',
|
|
43
|
-
_a);
|
|
27
|
+
var MIN_SCROLL_TOP = 10;
|
|
44
28
|
var MenuList = function (props) {
|
|
45
29
|
var _a;
|
|
46
|
-
var selectRef = props.selectRef, scrollFromTop = props.scrollFromTop, language = props.language, hasNextPage = props.hasNextPage, isLoading = props.isLoading, isUserTyping = props.isUserTyping, isNextPageLoading = props.isNextPageLoading, onLoadNextPage = props.onLoadNextPage, onShowCatalogSearchButtonClick = props.onShowCatalogSearchButtonClick, children = props.children, _b = props.isShowCatalogSearchButton, isShowCatalogSearchButton = _b === void 0 ? false : _b;
|
|
30
|
+
var selectRef = props.selectRef, scrollFromTop = props.scrollFromTop, language = props.language, menuListMaxHeight = props.menuListMaxHeight, hasNextPage = props.hasNextPage, isLoading = props.isLoading, isUserTyping = props.isUserTyping, isCharHintVisible = props.isCharHintVisible, isNextPageLoading = props.isNextPageLoading, onLoadNextPage = props.onLoadNextPage, onShowCatalogSearchButtonClick = props.onShowCatalogSearchButtonClick, children = props.children, _b = props.isShowCatalogSearchButton, isShowCatalogSearchButton = _b === void 0 ? false : _b, isMenuShadowless = props.isMenuShadowless, setIsDelimiterVisible = props.setIsDelimiterVisible;
|
|
47
31
|
var selectRefCurrent = selectRef.current;
|
|
48
32
|
var inputValue = (_a = selectRefCurrent === null || selectRefCurrent === void 0 ? void 0 : selectRefCurrent.props) === null || _a === void 0 ? void 0 : _a.inputValue;
|
|
49
33
|
var inputValueLength = inputValue === null || inputValue === void 0 ? void 0 : inputValue.length;
|
|
50
34
|
var virtualizationListRef = useRef(null);
|
|
35
|
+
var virtualizationListOuterRef = useRef(null);
|
|
51
36
|
var lastElement = useRef(null);
|
|
52
37
|
var observer = useRef(new IntersectionObserver(function (entries) { return entries[0].isIntersecting && handleLoadNextPage(); }));
|
|
53
|
-
var _c = useState(false), isCharHintVisible = _c[0], setIsCharHintVisible = _c[1];
|
|
54
|
-
var _d = useState(null), timeoutId = _d[0], setTimeoutId = _d[1];
|
|
55
|
-
useEffect(function () {
|
|
56
|
-
if (timeoutId) {
|
|
57
|
-
clearTimeout(timeoutId);
|
|
58
|
-
setTimeoutId(null);
|
|
59
|
-
}
|
|
60
|
-
if (inputValueLength >= MIN_INPUT_SYMBOLS) {
|
|
61
|
-
setIsCharHintVisible(false);
|
|
62
|
-
}
|
|
63
|
-
else if (inputValueLength === ONE_CHARACTER || inputValueLength === TWO_CHARACTERS) {
|
|
64
|
-
if (!isCharHintVisible) {
|
|
65
|
-
var nextTimeoutId = setTimeout(function () { return setIsCharHintVisible(true); }, CHAR_HINT_TIMEOUT);
|
|
66
|
-
setTimeoutId(nextTimeoutId);
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
else {
|
|
70
|
-
setIsCharHintVisible(false);
|
|
71
|
-
}
|
|
72
|
-
return function () {
|
|
73
|
-
timeoutId && clearTimeout(timeoutId);
|
|
74
|
-
};
|
|
75
|
-
// eslint-disable-next-line
|
|
76
|
-
}, [inputValue]);
|
|
77
38
|
useEffect(function () {
|
|
78
39
|
var lastElementCurrent = lastElement.current;
|
|
79
40
|
var observerCurrent = observer.current;
|
|
@@ -83,6 +44,11 @@ var MenuList = function (props) {
|
|
|
83
44
|
};
|
|
84
45
|
// eslint-disable-next-line
|
|
85
46
|
}, [lastElement.current]);
|
|
47
|
+
useLayoutEffect(function () {
|
|
48
|
+
var _a, _b;
|
|
49
|
+
var scrollTop = (_b = (_a = virtualizationListOuterRef.current) === null || _a === void 0 ? void 0 : _a.scrollTop) !== null && _b !== void 0 ? _b : 0;
|
|
50
|
+
setIsDelimiterVisible(scrollTop > MIN_SCROLL_TOP);
|
|
51
|
+
}, [setIsDelimiterVisible]);
|
|
86
52
|
var handleLoadNextPage = function () {
|
|
87
53
|
onLoadNextPage(inputValue);
|
|
88
54
|
if (virtualizationListRef.current) {
|
|
@@ -97,13 +63,18 @@ var MenuList = function (props) {
|
|
|
97
63
|
return _jsx(_Fragment, { children: children });
|
|
98
64
|
var childrenLength = children.length;
|
|
99
65
|
var listChildrenHeight = childrenLength * MENU_ITEM_HEIGHT + PADDING_SIZE;
|
|
100
|
-
var maxMenuHeight = isShowCatalogSearchButton ?
|
|
66
|
+
var maxMenuHeight = isShowCatalogSearchButton ? menuListMaxHeight - BUTTON_SIZE : menuListMaxHeight;
|
|
101
67
|
var listHeight = listChildrenHeight > maxMenuHeight ? maxMenuHeight : listChildrenHeight;
|
|
102
68
|
var itemCount = hasNextPage ? childrenLength + SKELETON_ROWS_COUNT : childrenLength;
|
|
103
69
|
var isNextPageSkeletonsVisible = hasNextPage && !isNextPageLoading && !isLoading && !isUserTyping;
|
|
104
70
|
var isDataLoadingSkeletonsVisible = isNextPageLoading || isLoading || (isUserTyping && inputValueLength >= MIN_INPUT_SYMBOLS);
|
|
105
71
|
var isSkeletonsVisible = isNextPageSkeletonsVisible || isDataLoadingSkeletonsVisible;
|
|
106
|
-
var
|
|
72
|
+
var handleScroll = function (_a) {
|
|
73
|
+
var scrollOffset = _a.scrollOffset;
|
|
74
|
+
scrollFromTop.current = scrollOffset;
|
|
75
|
+
setIsDelimiterVisible(scrollOffset > MIN_SCROLL_TOP);
|
|
76
|
+
};
|
|
77
|
+
var renderSkeletons = function () { return isSkeletonsVisible && _jsx(LoadingMessage, { isMenuShadowless: isMenuShadowless, skeletonRowsCount: SKELETON_ROWS_COUNT }); };
|
|
107
78
|
var rowRenderer = function (_a) {
|
|
108
79
|
var index = _a.index, style = _a.style;
|
|
109
80
|
var isLastRow = index === childrenLength - 1;
|
|
@@ -116,10 +87,10 @@ var MenuList = function (props) {
|
|
|
116
87
|
display: 'flex',
|
|
117
88
|
flexDirection: 'column',
|
|
118
89
|
height: isShowCatalogSearchButton ? listHeight + BUTTON_SIZE : listHeight,
|
|
119
|
-
} }, { children: [_jsx(FixedSizeList, __assign({ ref: virtualizationListRef, height: listHeight, itemCount: itemCount, itemSize: MENU_ITEM_HEIGHT, width: width, overscanCount: LIST_OVER_SCAN_COUNT, onScroll:
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
}
|
|
90
|
+
} }, { children: [_jsx(FixedSizeList, __assign({ outerRef: virtualizationListOuterRef, ref: virtualizationListRef, height: listHeight, itemCount: itemCount, itemSize: MENU_ITEM_HEIGHT, width: width, overscanCount: LIST_OVER_SCAN_COUNT, onScroll: handleScroll, initialScrollOffset: scrollFromTop.current, className: classNames('smartapp-menu-list', {
|
|
91
|
+
'smartapp-menu-list__with-button': isShowCatalogSearchButton,
|
|
92
|
+
'smartapp-menu-list__shadowless': isMenuShadowless,
|
|
93
|
+
}), outerElementType: CustomOuterElement }, { children: rowRenderer })), isShowCatalogSearchButton && (_jsx(SearchInCatalogButton, { language: language, width: width, onShowCatalogSearchButtonClick: onShowCatalogSearchButtonClick }))] })));
|
|
123
94
|
} })) })));
|
|
124
95
|
};
|
|
125
96
|
var CustomOuterElement = React.forwardRef(function (props, ref) { return _jsx("div", __assign({ ref: ref }, props, { style: __assign({}, props.style) })); });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuList.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/MenuList/MenuList.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MenuList.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/MenuList/MenuList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import '../../../styles/styles.scss';
|
|
2
|
-
declare const
|
|
3
|
-
export default
|
|
3
|
+
declare const _default: React.MemoExoticComponent<(props: any) => import("react/jsx-runtime").JSX.Element | null>;
|
|
4
|
+
export default _default;
|
|
@@ -10,14 +10,14 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
import { useEffect, useRef, useState } from 'react';
|
|
13
|
+
import { memo, useEffect, useRef, useState } from 'react';
|
|
14
14
|
import { components } from 'react-select';
|
|
15
15
|
import Popup from 'reactjs-popup';
|
|
16
16
|
import classNames from 'classnames';
|
|
17
17
|
import { isEqual } from 'lodash';
|
|
18
18
|
import Avatar from '../../Avatar';
|
|
19
19
|
import Chip from '../../Chip';
|
|
20
|
-
import { generateAvatarIcon, generateFontFamilyStyle, isValueEqualToZero, renderUserIcon } from '../../../helpers';
|
|
20
|
+
import { checkIfContactTypeIsGroup, generateAvatarIcon, generateFontFamilyStyle, isMobilePlatform, isValueEqualToZero, renderUserIcon, } from '../../../helpers';
|
|
21
21
|
import { COLORS } from '../../../constants';
|
|
22
22
|
import { AVATAR_SIZES } from '../../Avatar/types';
|
|
23
23
|
import '../../../styles/styles.scss';
|
|
@@ -25,26 +25,30 @@ var POPUP_APPEARANCE_DELAY = 1500;
|
|
|
25
25
|
var POPUP_HIDDEN_CLASSNAME = 'multi-value-info-hidden';
|
|
26
26
|
var POPUP_PADDINGS = 16;
|
|
27
27
|
var POPUP_MARGINS = 32;
|
|
28
|
-
var POPUP_MARGIN_TOP =
|
|
28
|
+
var POPUP_MARGIN_TOP = 4;
|
|
29
|
+
var TOUCH = 'touch';
|
|
29
30
|
var MultiValueLabel = function (props) {
|
|
30
|
-
var
|
|
31
|
+
var data = props.data, transformCurrentChipToInputValue = props.transformCurrentChipToInputValue, handleRequestFocus = props.handleRequestFocus, isChipsOutline = props.isChipsOutline, _a = props.selectProps, isDisabled = _a.isDisabled, selectedUsers = _a.value, onChange = _a.onChange, instanceId = _a.instanceId;
|
|
32
|
+
var value = data.value, label = data.label, name = data.name, email = data.email, uid = data.uid, selectRef = data.selectRef, isResetChipsToInputValue = data.isResetChipsToInputValue, avatar = data.avatar, platform = data.platform, contextMenuItems = data.contextMenuItems, language = data.language, userType = data.userType, organizerName = data.organizerName, fontFamily = data.fontFamily, isOrganizerShort = data.isOrganizerShort, isMyContacts = data.isMyContacts, isPrivateSchedule = data.isPrivateSchedule, isNotRemovable = data.isNotRemovable, isChipsCollapsable = data.isChipsCollapsable, isSelectedChipHasTooltip = data.isSelectedChipHasTooltip, isBusyAtSelectedTime = data.isBusyAtSelectedTime, isLoading = data.isLoading, isWarning = data.isWarning, isInputFocused = data.isInputFocused.current, collapsableChipsCount = data.collapsableChipsCount.current, lastVisibleChipIndex = data.lastVisibleChipIndex.current;
|
|
31
33
|
var multiValueLabelRef = useRef(null);
|
|
32
34
|
var popupRef = useRef(null);
|
|
33
35
|
var popupContentRef = useRef(null);
|
|
34
|
-
var
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
var
|
|
38
|
-
var
|
|
39
|
-
var
|
|
40
|
-
var
|
|
36
|
+
var _b = useState(-1), left = _b[0], setLeft = _b[1];
|
|
37
|
+
var _c = useState(-1), top = _c[0], setTop = _c[1];
|
|
38
|
+
var _d = useState(null), timeoutId = _d[0], setTimeoutId = _d[1];
|
|
39
|
+
var _e = useState(POPUP_HIDDEN_CLASSNAME), hiddenClassName = _e[0], setHiddenClassName = _e[1];
|
|
40
|
+
var _f = useState(false), isOpenContextMenu = _f[0], setIsOpenContextMenu = _f[1];
|
|
41
|
+
var _g = useState(false), isChipHovered = _g[0], setIsChipHovered = _g[1];
|
|
42
|
+
var _h = useState(false), isShowPopup = _h[0], setIsShowPopup = _h[1];
|
|
41
43
|
var isPopupVisible = isChipHovered && !isOpenContextMenu && name && email && isSelectedChipHasTooltip;
|
|
42
44
|
useEffect(function () {
|
|
43
|
-
label && isResetChipsToInputValue && transformCurrentChipToInputValue(label, email);
|
|
45
|
+
label && isResetChipsToInputValue && transformCurrentChipToInputValue(label, checkIfContactTypeIsGroup(userType) ? uid : email);
|
|
44
46
|
// eslint-disable-next-line
|
|
45
47
|
}, [isResetChipsToInputValue]);
|
|
46
48
|
useEffect(function () {
|
|
47
49
|
var _a;
|
|
50
|
+
if (isMobilePlatform(platform))
|
|
51
|
+
return;
|
|
48
52
|
if (isPopupVisible) {
|
|
49
53
|
var timer_1 = setTimeout(function () {
|
|
50
54
|
if (isChipHovered && !isOpenContextMenu) {
|
|
@@ -59,7 +63,7 @@ var MultiValueLabel = function (props) {
|
|
|
59
63
|
(_a = popupRef.current) === null || _a === void 0 ? void 0 : _a.close();
|
|
60
64
|
}
|
|
61
65
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
62
|
-
}, [isPopupVisible, isChipHovered, isOpenContextMenu]);
|
|
66
|
+
}, [isPopupVisible, isChipHovered, isOpenContextMenu, platform]);
|
|
63
67
|
var windowInnerWidth = window.innerWidth;
|
|
64
68
|
var popupContentMaxWidth = windowInnerWidth - POPUP_MARGINS - POPUP_PADDINGS;
|
|
65
69
|
var noChipsCount = isValueEqualToZero(collapsableChipsCount);
|
|
@@ -68,18 +72,23 @@ var MultiValueLabel = function (props) {
|
|
|
68
72
|
return selectedUserValue === value && selectedUserLabel === label;
|
|
69
73
|
});
|
|
70
74
|
var handleDelete = function () { return onChange(selectedUsers.filter(function (user) { return !isEqual(user, props.data); })); };
|
|
71
|
-
var handleMouseDown = function (event) {
|
|
72
|
-
event.preventDefault();
|
|
73
|
-
event.stopPropagation();
|
|
74
|
-
};
|
|
75
|
-
var handleTouchEnd = function (event) { return event.stopPropagation(); };
|
|
76
75
|
var handleMouseEnter = function () { return !isOpenContextMenu && setIsChipHovered(true); };
|
|
77
76
|
var handleMouseLeave = function () { return setIsChipHovered(false); };
|
|
78
|
-
var handleContextMenu = function () {
|
|
77
|
+
var handleContextMenu = function (isOpen, shouldFocusDropdown) {
|
|
79
78
|
var _a;
|
|
79
|
+
if (isOpenContextMenu === isOpen)
|
|
80
|
+
return;
|
|
81
|
+
setIsOpenContextMenu(isOpen);
|
|
80
82
|
setIsChipHovered(false);
|
|
81
83
|
setIsShowPopup(false);
|
|
82
84
|
(_a = popupRef.current) === null || _a === void 0 ? void 0 : _a.close();
|
|
85
|
+
if (shouldFocusDropdown)
|
|
86
|
+
handleRequestFocus === null || handleRequestFocus === void 0 ? void 0 : handleRequestFocus();
|
|
87
|
+
};
|
|
88
|
+
var handlePreventEvent = function (event) {
|
|
89
|
+
var type = event.type;
|
|
90
|
+
event.stopPropagation();
|
|
91
|
+
!type.includes(TOUCH) && event.preventDefault();
|
|
83
92
|
};
|
|
84
93
|
var renderPopupContent = function () { return (_jsxs("div", __assign({ ref: popupContentRef, className: "smartapp-multi-value-label" }, { children: [_jsx(Avatar, { fontFamily: fontFamily, icon: generateAvatarIcon(userType), username: label, avatar: avatar, size: AVATAR_SIZES.size_32, isEye: isPrivateSchedule, outlineDefaultBackground: COLORS.chip }), _jsxs("div", __assign({ className: "smartapp-multi-value-label__content" }, { children: [_jsxs("div", __assign({ className: "smartapp-multi-value-label__content--name" }, { children: [_jsx("div", __assign({ className: "smartapp-multi-value-label__content--name__icon" }, { children: renderUserIcon({ userType: userType, isMyContacts: isMyContacts }) })), _jsx("span", { children: name })] })), _jsx("div", __assign({ className: "smartapp-multi-value-label__content--email" }, { children: email }))] }))] }))); };
|
|
85
94
|
var handleOpenPopup = function () {
|
|
@@ -102,7 +111,7 @@ var MultiValueLabel = function (props) {
|
|
|
102
111
|
if (left !== nextLeftValue) {
|
|
103
112
|
popupRefCurrent.close();
|
|
104
113
|
setLeft(nextLeftValue);
|
|
105
|
-
setTop(top_1 + height
|
|
114
|
+
setTop(top_1 + height + POPUP_MARGIN_TOP);
|
|
106
115
|
var nextTimeoutId = setTimeout(function () { var _a; return (_a = popupRef.current) === null || _a === void 0 ? void 0 : _a.open(); }, 0);
|
|
107
116
|
setTimeoutId(nextTimeoutId);
|
|
108
117
|
}
|
|
@@ -111,14 +120,14 @@ var MultiValueLabel = function (props) {
|
|
|
111
120
|
};
|
|
112
121
|
var handleClosePopup = function () { return timeoutId && clearTimeout(timeoutId); };
|
|
113
122
|
if (!isChipsCollapsable || isInputFocused || (!isInputFocused && userIndex < lastVisibleChipIndex) || noChipsCount) {
|
|
114
|
-
return (_jsx(components.MultiValueLabel, __assign({}, props, { innerProps: { ref: multiValueLabelRef } }, { children: _jsx(Popup, __assign({ ref: popupRef, onOpen: handleOpenPopup, onClose: handleClosePopup, arrow: false, open: isShowPopup, className: classNames('multi-value-info', hiddenClassName), contentStyle: __assign({ '--multi-value-label-content-left': "".concat(left, "px"), '--multi-value-label-content-top': "".concat(top, "px"), '--multi-value-label-content-max-width': "".concat(popupContentMaxWidth, "px") }, generateFontFamilyStyle(fontFamily)), trigger: function () { return (_jsx("div", __assign({ onMouseDown:
|
|
123
|
+
return (_jsx(components.MultiValueLabel, __assign({}, props, { innerProps: { ref: multiValueLabelRef } }, { children: _jsx(Popup, __assign({ ref: popupRef, onOpen: handleOpenPopup, onClose: handleClosePopup, arrow: false, open: isShowPopup, disabled: isMobilePlatform(platform), className: classNames('multi-value-info', hiddenClassName), contentStyle: __assign({ '--multi-value-label-content-left': "".concat(left, "px"), '--multi-value-label-content-top': "".concat(top, "px"), '--multi-value-label-content-max-width': "".concat(popupContentMaxWidth, "px") }, generateFontFamilyStyle(fontFamily)), trigger: function () { return (_jsx("div", __assign({ onMouseDown: handlePreventEvent, onTouchEnd: isMobilePlatform(platform) ? undefined : handlePreventEvent, onContextMenu: handlePreventEvent, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, { children: _jsx(Chip, { fontFamily: fontFamily, language: language, name: label || email, email: email, uid: uid, setIsOpenContextMenu: handleContextMenu, isMyContacts: isMyContacts, organizerName: organizerName, isOrganizerShort: isOrganizerShort, isWarning: isWarning, userType: userType, avatar: avatar, isLoading: isLoading, isError: isBusyAtSelectedTime, isDisabled: isDisabled || isNotRemovable, isEye: isPrivateSchedule, isOutline: isChipsOutline, onDelete: handleDelete, contextMenuItems: contextMenuItems, platform: platform, draggableData: __assign(__assign({}, data), { selectRef: selectRef }), dropdownId: instanceId }) }))); } }, { children: renderPopupContent() })) })));
|
|
115
124
|
}
|
|
116
125
|
if (isChipsCollapsable && !isInputFocused && userIndex === lastVisibleChipIndex && !noChipsCount) {
|
|
117
126
|
return (_jsxs("div", __assign({ className: classNames('multi-value-label-counter', "multi-value-label-counter__".concat(platform), {
|
|
118
127
|
'multi-value-label-counter__outline': isChipsOutline,
|
|
119
|
-
}), onTouchEnd:
|
|
128
|
+
}), onTouchEnd: handlePreventEvent }, { children: ["+", collapsableChipsCount] })));
|
|
120
129
|
}
|
|
121
130
|
return null;
|
|
122
131
|
};
|
|
123
|
-
export default MultiValueLabel;
|
|
132
|
+
export default memo(MultiValueLabel);
|
|
124
133
|
//# sourceMappingURL=MultiValueLabel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiValueLabel.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/MultiValueLabel/MultiValueLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"MultiValueLabel.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/MultiValueLabel/MultiValueLabel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,7 +29,7 @@ var EMPTY_SPACE = 8;
|
|
|
29
29
|
var POPUP_HIDDEN_CLASSNAME = 'contact-info-hidden';
|
|
30
30
|
var Option = function (props) {
|
|
31
31
|
var _a;
|
|
32
|
-
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, userType = _b.userType, platform = _b.platform, language = _b.language, fontFamily = _b.fontFamily, setIsSearchable = _b.setIsSearchable, setModalData = _b.setModalData;
|
|
32
|
+
var isMenuShadowless = props.isMenuShadowless, _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, userType = _b.userType, platform = _b.platform, language = _b.language, fontFamily = _b.fontFamily, setIsSearchable = _b.setIsSearchable, setModalData = _b.setModalData;
|
|
33
33
|
var ref = useRef(null);
|
|
34
34
|
var contactInfoRef = useRef(null);
|
|
35
35
|
var popupRef = useRef(null);
|
|
@@ -74,7 +74,7 @@ var Option = function (props) {
|
|
|
74
74
|
var renderContactInfoPopup = function () { return (_jsx(Popup, __assign({ arrow: false, ref: popupRef, onOpen: calculatePopupVerticalPosition, onClose: handleClosePopup, className: classNames('contact-info', hiddenClassName), position: "".concat(popupVerticalPosition, " center"), contentStyle: __assign({ '--contact-info-content-margin-top': "".concat(popupMarginTop, "px"), '--contact-info-content-left': "".concat(left, "px"), '--contact-info-content-max-width': "".concat(maxWidth, "px") }, generateFontFamilyStyle(fontFamily)), on: [POPUP_ON_EVENT_TYPE.hover], mouseEnterDelay: POPUP_APPEARANCE_DELAY, trigger: function () { return (_jsx("div", { children: _jsx(Avatar, { fontFamily: fontFamily, icon: generateAvatarIcon(userType), username: label, avatar: avatar, size: AVATAR_SIZES.size_32 }) })); } }, { children: _jsx(ContactInfo, { elementRef: contactInfoRef, language: language, serverName: serverName, company: company, department: department, companyPosition: companyPosition }) }))); };
|
|
75
75
|
return (_jsx(components.Option, __assign({}, props, { innerRef: function (el) {
|
|
76
76
|
ref.current = el;
|
|
77
|
-
} }, { children: _jsxs("div", __assign({ className:
|
|
77
|
+
} }, { children: _jsxs("div", __assign({ className: classNames('smartapp-option', { 'ph-0': isMenuShadowless }) }, { children: [!isMyContacts && isWebPlatform(platform) ? (renderContactInfoPopup()) : (_jsx(Avatar, { fontFamily: fontFamily, username: label, avatar: avatar, size: AVATAR_SIZES.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({ userType: userType, isMyContacts: isMyContacts }), _jsx("div", { children: label })] })), _jsx("div", __assign({ className: "smartapp-option__container--info__email" }, { children: email }))] })), renderContactInfoIcon()] }))] })) })));
|
|
78
78
|
};
|
|
79
79
|
export default Option;
|
|
80
80
|
//# 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,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,KAAK,MAAM,eAAe,CAAA;AAEjC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAM,MAAM,cAAc,CAAA;AACjC,OAAO,WAAW,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC/H,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,
|
|
1
|
+
{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/Option/Option.tsx"],"names":[],"mappings":"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"}
|
package/build/main//321/201omponents/UserDropdown/SearchInCatalogButton/SearchInCatalogButton.js
CHANGED
|
@@ -28,6 +28,7 @@ var SEARCH_BUTTON_TEXT = (_a = {},
|
|
|
28
28
|
_a[LANGUAGES.ms] = 'Cari dalam katalog',
|
|
29
29
|
_a[LANGUAGES.tr] = 'Katalogda ara',
|
|
30
30
|
_a[LANGUAGES.id] = 'Cari di katalog',
|
|
31
|
+
_a[LANGUAGES.uz] = 'Katalogdan qidirish',
|
|
31
32
|
_a);
|
|
32
33
|
var SearchInCatalogButton = function (_a) {
|
|
33
34
|
var width = _a.width, onShowCatalogSearchButtonClick = _a.onShowCatalogSearchButtonClick, language = _a.language, noOptionText = _a.noOptionText, _b = _a.isOnlyButtonInList, isOnlyButtonInList = _b === void 0 ? false : _b;
|
package/build/main//321/201omponents/UserDropdown/SearchInCatalogButton/SearchInCatalogButton.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInCatalogButton.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/SearchInCatalogButton/SearchInCatalogButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AACA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,SAAS,EAAmB,MAAM,oBAAoB,CAAA;AAE/D,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAA;AACjF,OAAO,6BAA6B,CAAA;AAEpC,IAAM,WAAW,GAAG,EAAE,CAAA;AACtB,IAAM,sBAAsB,GAAG,EAAE,CAAA;AACjC,IAAM,kBAAkB,GAAG,EAAE,CAAA;AAE7B,IAAM,kBAAkB;IACtB,GAAC,SAAS,CAAC,EAAE,IAAG,kBAAkB;IAClC,GAAC,SAAS,CAAC,EAAE,IAAG,mBAAmB;IACnC,GAAC,SAAS,CAAC,EAAE,IAAG,mBAAmB;IACnC,GAAC,SAAS,CAAC,EAAE,IAAG,yBAAyB;IACzC,GAAC,SAAS,CAAC,EAAE,IAAG,8BAA8B;IAC9C,GAAC,SAAS,CAAC,EAAE,IAAG,iBAAiB;IACjC,GAAC,SAAS,CAAC,EAAE,IAAG,oBAAoB;IACpC,GAAC,SAAS,CAAC,EAAE,IAAG,eAAe;IAC/B,GAAC,SAAS,CAAC,EAAE,IAAG,iBAAiB;
|
|
1
|
+
{"version":3,"file":"SearchInCatalogButton.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/SearchInCatalogButton/SearchInCatalogButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AACA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,SAAS,EAAmB,MAAM,oBAAoB,CAAA;AAE/D,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAA;AACjF,OAAO,6BAA6B,CAAA;AAEpC,IAAM,WAAW,GAAG,EAAE,CAAA;AACtB,IAAM,sBAAsB,GAAG,EAAE,CAAA;AACjC,IAAM,kBAAkB,GAAG,EAAE,CAAA;AAE7B,IAAM,kBAAkB;IACtB,GAAC,SAAS,CAAC,EAAE,IAAG,kBAAkB;IAClC,GAAC,SAAS,CAAC,EAAE,IAAG,mBAAmB;IACnC,GAAC,SAAS,CAAC,EAAE,IAAG,mBAAmB;IACnC,GAAC,SAAS,CAAC,EAAE,IAAG,yBAAyB;IACzC,GAAC,SAAS,CAAC,EAAE,IAAG,8BAA8B;IAC9C,GAAC,SAAS,CAAC,EAAE,IAAG,iBAAiB;IACjC,GAAC,SAAS,CAAC,EAAE,IAAG,oBAAoB;IACpC,GAAC,SAAS,CAAC,EAAE,IAAG,eAAe;IAC/B,GAAC,SAAS,CAAC,EAAE,IAAG,iBAAiB;IACjC,GAAC,SAAS,CAAC,EAAE,IAAG,qBAAqB;OACtC,CAAA;AAED,IAAM,qBAAqB,GAAG,UAAC,EAMD;QAL5B,KAAK,WAAA,EACL,8BAA8B,oCAAA,EAC9B,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,0BAA0B,EAA1B,kBAAkB,mBAAG,KAAK,KAAA;IAE1B,IAAM,mBAAmB,GAAG,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,WAAW,CAAA;IACjF,IAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,mBAAmB,CAAA;IAE1E,IAAM,oBAAoB,GAAG,cAAM,OAAA,CAAC,EAAE,KAAK,OAAA,EAAE,MAAM,QAAA,EAAE,CAAC,EAAnB,CAAmB,CAAA;IAEtD,OAAO,CACL,wBACE,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE;YAChD,kCAAkC,EAAE,kBAAkB;YACtD,0CAA0C,EAAE,CAAC,CAAC,YAAY;SAC3D,CAAC,EACF,KAAK,EAAE,oBAAoB,EAAE,EAC7B,OAAO,EAAE,8BAA8B,iBAEtC,CAAC,YAAY,IAAI,KAAC,UAAU,KAAG,EAChC,yBAAO,YAAY,IAAI,kBAAkB,CAAC,QAAQ,CAAC,GAAQ,KACvD,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,qBAAqB,CAAA"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { IUserDropdownProps } from './types';
|
|
2
3
|
import '../../styles/styles.scss';
|
|
3
|
-
export declare const
|
|
4
|
-
declare const
|
|
5
|
-
export default
|
|
4
|
+
export declare const DEFAULT_MENU_LIST_MAX_HEIGHT = 220;
|
|
5
|
+
declare const _default: React.MemoExoticComponent<({ platform, fontFamily, isDisabled, isLoading, isChipsOutline, isChipsVisible, isChipsCollapsable, isSelectedChipHasTooltip, isMenuCloseOnSelect, isFilteringDisabled, hasNextPage, isNextPageLoading, isInputHidden, isBackspaceChipToInput, isShowCatalogSearchButton, isDisabledMenuOffsetAtFullscreen, isDisabledCheckUniqueEmails, isMenuShadowless, language, layoutType, externalInputValue, title, mask, suffix, placeholder, hint, onShowCatalogSearchButtonClick, noOptionsMessage, maxMembersCount, skeletonRowsCount, menuListMaxHeight, menuPosition, menuLocation, menuPortalTarget, autoFocus, containerClassName, containerPadding, containerStyles, selectedEntries, corporateEntries, myContactsEntries, emailsToExclude, userDropdownId: initialUserDropdownId, focusRef, onInputChange, onImmediateInputChange, onChange, onMenuOpen, onMenuClose, onLoadNextPage, onFocus, }: IUserDropdownProps) => import("react/jsx-runtime").JSX.Element>;
|
|
6
|
+
export default _default;
|