@expressms/smartapp-ui 2.3.0 → 2.3.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/constants/constants.d.ts +9 -0
- package/build/main/constants/constants.js +10 -0
- package/build/main/constants/constants.js.map +1 -1
- package/build/main/styles/styles.scss +1 -1
- package/build/main//321/201omponents/CustomSelect/CustomSelect.d.ts +1 -2
- package/build/main//321/201omponents/CustomSelect/CustomSelect.js +69 -30
- package/build/main//321/201omponents/CustomSelect/CustomSelect.js.map +1 -1
- package/build/main//321/201omponents/CustomSelect/selectStyles.d.ts +1 -0
- package/build/main//321/201omponents/CustomSelect/selectStyles.js +1 -0
- package/build/main//321/201omponents/CustomSelect/selectStyles.js.map +1 -1
- package/build/main//321/201omponents/CustomSelect/types.d.ts +0 -1
- package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.js +2 -2
- package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/ContactInfo/ContactInfo.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/ContactInfo/ContactInfo.js +49 -9
- package/build/main//321/201omponents/UserDropdown/ContactInfo/ContactInfo.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/UserDropdown.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js +17 -16
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/helpers.d.ts +2 -1
- package/build/main//321/201omponents/UserDropdown/helpers.js +2 -2
- package/build/main//321/201omponents/UserDropdown/helpers.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/types.d.ts +5 -0
- package/package.json +1 -1
|
@@ -13,27 +13,29 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
13
13
|
import { useEffect, useLayoutEffect, useRef, useState } from 'react';
|
|
14
14
|
import Select, { components } from 'react-select';
|
|
15
15
|
import CreatableSelect from 'react-select/creatable';
|
|
16
|
-
import { isEmpty, max } from 'lodash';
|
|
16
|
+
import { isEmpty, max, omit } from 'lodash';
|
|
17
17
|
import classNames from 'classnames';
|
|
18
18
|
import ListItem from '../ListItem';
|
|
19
19
|
import { Skeleton } from '../Skeleton';
|
|
20
20
|
import { getClassNames, isValueEqualToZero } from '../../helpers';
|
|
21
|
-
import { FILL_TYPE, MENU_LIST_MAX_HEIGHT, MENU_POSITIONS, THEME } from '../../constants';
|
|
21
|
+
import { ENTER_KEY, FILL_TYPE, MENU_LIST_MAX_HEIGHT, MENU_POSITIONS, THEME } from '../../constants';
|
|
22
22
|
import { DEFAULT_INDICATOR_COLOR, NOT_INTERACTIVE_ELEMENT } from '../ListItem/ListItem';
|
|
23
23
|
import selectStyles from './selectStyles';
|
|
24
24
|
import { ReactComponent as ArrowUpIcon } from '../../assets/icons/arrow-up.svg';
|
|
25
25
|
import { ReactComponent as ArrowDownIcon } from '../../assets/icons/arrow-down.svg';
|
|
26
|
+
import { ReactComponent as ClearIcon } from '../../assets/icons/clear.svg';
|
|
26
27
|
import '../../styles/styles.scss';
|
|
27
28
|
var DropdownIndicator = function (props) {
|
|
28
|
-
var menuIsOpen = props.selectProps.menuIsOpen;
|
|
29
|
-
return _jsx(components.DropdownIndicator, __assign({}, props, { children: menuIsOpen ? _jsx(ArrowUpIcon, {}) : _jsx(ArrowDownIcon, {}) }));
|
|
29
|
+
var isHidden = props.isHidden, menuIsOpen = props.selectProps.menuIsOpen;
|
|
30
|
+
return !isHidden ? _jsx(components.DropdownIndicator, __assign({}, props, { children: menuIsOpen ? _jsx(ArrowUpIcon, {}) : _jsx(ArrowDownIcon, {}) })) : null;
|
|
30
31
|
};
|
|
32
|
+
var ClearIndicator = function (props) { return (_jsx(components.ClearIndicator, __assign({}, props, { children: _jsx(ClearIcon, {}) }))); };
|
|
31
33
|
var Option = function (props) {
|
|
32
34
|
var label = props.label, isSelected = props.isSelected, appTheme = props.appTheme, _a = props.data, isCreatable = _a.isCreatable, isDisabled = _a.isDisabled, _b = _a.element, element = _b === void 0 ? NOT_INTERACTIVE_ELEMENT.noElement : _b, secondaryText = _a.secondaryText, secondaryTextColor = _a.secondaryTextColor, color = _a.color, onDisabledOptionClick = props.onDisabledOptionClick;
|
|
33
35
|
var handleOptionClick = function () { return isDisabled && onDisabledOptionClick(); };
|
|
34
36
|
return (_jsx("div", __assign({ onClick: handleOptionClick }, { children: _jsx(components.Option, __assign({}, props, { children: _jsx(ListItem, { theme: appTheme, type: "not-interactive", element: element, text: label, secondaryText: secondaryText, secondaryTextColor: secondaryTextColor, color: color, isSelected: isSelected && !isCreatable, isDisabled: isDisabled }) })) })));
|
|
35
37
|
};
|
|
36
|
-
var
|
|
38
|
+
var SingleValueComponent = function (props) {
|
|
37
39
|
var isDisabled = props.isDisabled, _a = props.data, _b = _a.element, element = _b === void 0 ? NOT_INTERACTIVE_ELEMENT.noElement : _b, _c = _a.color, color = _c === void 0 ? DEFAULT_INDICATOR_COLOR : _c, children = props.children;
|
|
38
40
|
var renderIndicatorElement = function () {
|
|
39
41
|
var _a;
|
|
@@ -53,7 +55,7 @@ var MenuList = function (props) {
|
|
|
53
55
|
if (menuListRef.current && isValueEqualToZero(optionHeight)) {
|
|
54
56
|
var options = (_a = menuListRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('[role="option"]');
|
|
55
57
|
var optionsHeights = Array.from(options).map(function (option) { return option.getBoundingClientRect().height; });
|
|
56
|
-
setOptionHeight(max(optionsHeights));
|
|
58
|
+
!isEmpty(optionsHeights) && setOptionHeight(max(optionsHeights));
|
|
57
59
|
}
|
|
58
60
|
}, [optionHeight, setOptionHeight, selectWidth]);
|
|
59
61
|
return (_jsx(components.MenuList, __assign({}, props, { innerRef: menuListRef }, { children: children })));
|
|
@@ -67,14 +69,31 @@ var NoOptionsMessage = function (props) {
|
|
|
67
69
|
var noOptionsMessage = props.noOptionsMessage, children = props.children;
|
|
68
70
|
return noOptionsMessage ? _jsx(components.NoOptionsMessage, __assign({}, props, { children: children })) : null;
|
|
69
71
|
};
|
|
72
|
+
var Input = function (props) { return _jsx(components.Input, __assign({}, props, { isHidden: false })); };
|
|
70
73
|
var IndicatorSeparator = function () { return null; };
|
|
71
74
|
var LoadingIndicator = function () { return null; };
|
|
72
75
|
var LOADING_MESSAGE_ITEMS = 5;
|
|
73
|
-
|
|
76
|
+
var IS_CREATABLE_FIELD_NAME = 'isCreatable';
|
|
77
|
+
var ACTIONS = {
|
|
78
|
+
clear: 'clear',
|
|
79
|
+
inputChange: 'input-change',
|
|
80
|
+
};
|
|
74
81
|
var CustomSelect = function (_a) {
|
|
75
|
-
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, _c = _a.isLoading, isLoading = _c === void 0 ? false : _c, _d = _a.isSearchable, isSearchable = _d === void 0 ? false : _d, _e = _a.isCreatable, isCreatable = _e === void 0 ? false : _e, _f = _a.isDisabled, isDisabled = _f === void 0 ? false : _f, _g = _a.fillType, fillType = _g === void 0 ? FILL_TYPE.primary : _g, _h = _a.width, width = _h === void 0 ? 100 : _h, _j = _a.menuListMaxHeight, menuListMaxHeight = _j === void 0 ? MENU_LIST_MAX_HEIGHT : _j, title = _a.title, placeholder = _a.placeholder, hint = _a.hint, noOptionsMessage = _a.noOptionsMessage,
|
|
76
|
-
var
|
|
77
|
-
|
|
82
|
+
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, _c = _a.isLoading, isLoading = _c === void 0 ? false : _c, _d = _a.isSearchable, isSearchable = _d === void 0 ? false : _d, _e = _a.isCreatable, isCreatable = _e === void 0 ? false : _e, _f = _a.isDisabled, isDisabled = _f === void 0 ? false : _f, _g = _a.fillType, fillType = _g === void 0 ? FILL_TYPE.primary : _g, _h = _a.width, width = _h === void 0 ? 100 : _h, _j = _a.menuListMaxHeight, menuListMaxHeight = _j === void 0 ? MENU_LIST_MAX_HEIGHT : _j, title = _a.title, placeholder = _a.placeholder, hint = _a.hint, noOptionsMessage = _a.noOptionsMessage, error = _a.error, _k = _a.menuPosition, menuPosition = _k === void 0 ? MENU_POSITIONS.bottom : _k, defaultValue = _a.defaultValue, options = _a.options, onChange = _a.onChange, _l = _a.onDisabledOptionClick, onDisabledOptionClick = _l === void 0 ? function () { } : _l;
|
|
83
|
+
var selectRef = useRef(null);
|
|
84
|
+
var _m = useState(), value = _m[0], setValue = _m[1];
|
|
85
|
+
var _o = useState(''), inputValue = _o[0], setInputValue = _o[1];
|
|
86
|
+
var _p = useState(false), isInputFocused = _p[0], setIsInputFocused = _p[1];
|
|
87
|
+
var _q = useState(0), optionHeight = _q[0], setOptionHeight = _q[1];
|
|
88
|
+
var selectRefCurrent = selectRef.current;
|
|
89
|
+
var isCreatableSelectClearable = isInputFocused && !isEmpty(inputValue);
|
|
90
|
+
useLayoutEffect(function () { return setOptionHeight(0); }, [width]);
|
|
91
|
+
useEffect(function () {
|
|
92
|
+
if (isCreatable && defaultValue) {
|
|
93
|
+
setValue(defaultValue);
|
|
94
|
+
setInputValue(defaultValue.label);
|
|
95
|
+
}
|
|
96
|
+
}, [defaultValue, isCreatable]);
|
|
78
97
|
var renderTitle = function () {
|
|
79
98
|
return title && (_jsx("div", __assign({ className: "smartapp-custom-select__title" }, { children: _jsx("div", __assign({ className: "smartapp-custom-select__title--text" }, { children: title })) })));
|
|
80
99
|
};
|
|
@@ -83,38 +102,58 @@ var CustomSelect = function (_a) {
|
|
|
83
102
|
var OptionComponent = function (props) { return _jsx(Option, __assign({}, props, { appTheme: theme, onDisabledOptionClick: onDisabledOptionClick })); };
|
|
84
103
|
var MenuListComponent = function (props) { return _jsx(MenuList, __assign({}, props, { selectWidth: width, optionHeight: optionHeight, setOptionHeight: setOptionHeight })); };
|
|
85
104
|
var generateStyles = function () { return selectStyles({ isDisabled: isDisabled, isError: !isEmpty(error), theme: theme, fillType: fillType, menuListMaxHeight: menuListMaxHeight, optionHeight: optionHeight }); };
|
|
86
|
-
var creatableFilterOption = function (
|
|
87
|
-
|
|
88
|
-
|
|
105
|
+
var creatableFilterOption = function () { return !(value === null || value === void 0 ? void 0 : value.isCreatable); };
|
|
106
|
+
var handleCreatableChange = function (option, _a) {
|
|
107
|
+
var action = _a.action;
|
|
108
|
+
var isClearAction = action === ACTIONS.clear;
|
|
109
|
+
var nextSelectedValue = isClearAction ? { value: '', label: '' } : option;
|
|
110
|
+
onChange(nextSelectedValue);
|
|
111
|
+
setValue(nextSelectedValue);
|
|
112
|
+
setInputValue(nextSelectedValue.label);
|
|
113
|
+
isClearAction ? selectRefCurrent === null || selectRefCurrent === void 0 ? void 0 : selectRefCurrent.focus() : selectRefCurrent === null || selectRefCurrent === void 0 ? void 0 : selectRefCurrent.blur();
|
|
89
114
|
};
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
var
|
|
94
|
-
|
|
95
|
-
|
|
115
|
+
var handleCreatableInputChange = function (inputValue, _a) {
|
|
116
|
+
var action = _a.action;
|
|
117
|
+
if (action === ACTIONS.inputChange) {
|
|
118
|
+
var nextSelectedValue = { value: inputValue, label: inputValue, isCreatable: !isEmpty(inputValue) };
|
|
119
|
+
setInputValue(inputValue);
|
|
120
|
+
setValue(nextSelectedValue);
|
|
121
|
+
onChange(omit(nextSelectedValue, [IS_CREATABLE_FIELD_NAME]));
|
|
122
|
+
}
|
|
96
123
|
};
|
|
97
|
-
var
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
124
|
+
var handleCreatableFocus = function () {
|
|
125
|
+
setTimeout(function () {
|
|
126
|
+
var _a;
|
|
127
|
+
var inputValueLength = inputValue.length;
|
|
128
|
+
(_a = selectRefCurrent === null || selectRefCurrent === void 0 ? void 0 : selectRefCurrent.inputRef) === null || _a === void 0 ? void 0 : _a.setSelectionRange(inputValueLength, inputValueLength);
|
|
129
|
+
}, 0);
|
|
130
|
+
setIsInputFocused(true);
|
|
131
|
+
};
|
|
132
|
+
var handleCreatableBlur = function () { return setIsInputFocused(false); };
|
|
133
|
+
var handleCreatableKeyDown = function (event) {
|
|
134
|
+
var key = event.key, code = event.code;
|
|
135
|
+
if (code === ENTER_KEY || key === ENTER_KEY) {
|
|
136
|
+
event.preventDefault();
|
|
137
|
+
selectRefCurrent === null || selectRefCurrent === void 0 ? void 0 : selectRefCurrent.blur();
|
|
138
|
+
}
|
|
139
|
+
};
|
|
140
|
+
return (_jsxs("div", __assign({ className: getClassNames({ className: 'smartapp-custom-select', delimiter: '__', additionalClassName: theme }), style: { width: "".concat(width, "%") } }, { children: [renderTitle(), isCreatable ? (_jsx(CreatableSelect, { ref: selectRef, openMenuOnFocus: true, menuPlacement: menuPosition, isLoading: isLoading, isDisabled: isDisabled, isClearable: isCreatableSelectClearable, controlShouldRenderValue: isDisabled, filterOption: creatableFilterOption, options: options, value: !isEmpty(value === null || value === void 0 ? void 0 : value.label) ? value : null, styles: generateStyles(), placeholder: placeholder, inputValue: isDisabled ? '' : inputValue, onInputChange: handleCreatableInputChange, onChange: handleCreatableChange, onFocus: handleCreatableFocus, onBlur: handleCreatableBlur, onKeyDown: handleCreatableKeyDown, loadingMessage: function () { return _jsx(LoadingMessage, { theme: theme }); }, components: {
|
|
141
|
+
Input: Input,
|
|
105
142
|
Option: OptionComponent,
|
|
106
143
|
IndicatorSeparator: IndicatorSeparator,
|
|
107
|
-
DropdownIndicator: DropdownIndicator,
|
|
108
|
-
SingleValue: SingleValue,
|
|
144
|
+
DropdownIndicator: function (props) { return _jsx(DropdownIndicator, __assign({}, props, { isHidden: isCreatableSelectClearable })); },
|
|
109
145
|
MenuList: MenuListComponent,
|
|
110
146
|
LoadingIndicator: LoadingIndicator,
|
|
147
|
+
NoOptionsMessage: function () { return null; },
|
|
148
|
+
ClearIndicator: ClearIndicator,
|
|
149
|
+
SingleValue: SingleValueComponent,
|
|
111
150
|
} })) : (_jsx(Select, { menuPlacement: menuPosition, isLoading: isLoading, isDisabled: isDisabled, isSearchable: isSearchable, options: options, defaultValue: defaultValue, styles: generateStyles(), placeholder: placeholder, noOptionsMessage: function () { return noOptionsMessage; },
|
|
112
151
|
/* @ts-ignore */
|
|
113
152
|
onChange: function (option) { return onChange(option); }, loadingMessage: function () { return _jsx(LoadingMessage, { theme: theme }); }, components: {
|
|
114
153
|
Option: OptionComponent,
|
|
115
154
|
IndicatorSeparator: IndicatorSeparator,
|
|
116
155
|
DropdownIndicator: DropdownIndicator,
|
|
117
|
-
SingleValue:
|
|
156
|
+
SingleValue: SingleValueComponent,
|
|
118
157
|
MenuList: MenuListComponent,
|
|
119
158
|
LoadingIndicator: LoadingIndicator,
|
|
120
159
|
NoOptionsMessage: function (props) { return _jsx(NoOptionsMessage, __assign({}, props, { noOptionsMessage: noOptionsMessage })); },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomSelect.js","sourceRoot":"","sources":["../../../../src/сomponents/CustomSelect/CustomSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3E,OAAO,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"CustomSelect.js","sourceRoot":"","sources":["../../../../src/сomponents/CustomSelect/CustomSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ declare const _default: ({ isDisabled, isError, theme, fillType, menuListMaxHeig
|
|
|
5
5
|
menuList: (provided: any, { isLoading, options }: any) => any;
|
|
6
6
|
valueContainer: (provided: any) => any;
|
|
7
7
|
dropdownIndicator: (provided: any) => any;
|
|
8
|
+
clearIndicator: (provided: any) => any;
|
|
8
9
|
loadingMessage: (provided: any) => any;
|
|
9
10
|
placeholder: (provided: any) => any;
|
|
10
11
|
input: (provided: any) => any;
|
|
@@ -40,6 +40,7 @@ export default (function (_a) {
|
|
|
40
40
|
},
|
|
41
41
|
valueContainer: function (provided) { return (__assign(__assign({}, provided), { padding: '13px 8px 13px 16px' })); },
|
|
42
42
|
dropdownIndicator: function (provided) { return (__assign(__assign({}, provided), { color: "".concat(isDarkTheme(theme) ? colors.lightBlackColor : colors.grayColor, " !important"), padding: '14.5px 16px 14.5px 0' })); },
|
|
43
|
+
clearIndicator: function (provided) { return (__assign(__assign({}, provided), { color: "".concat(isDarkTheme(theme) ? colors.lightBlackColor : colors.grayColor, " !important"), marginRight: '8px' })); },
|
|
43
44
|
loadingMessage: function (provided) { return (__assign(__assign({}, provided), { padding: '4px', overflowY: 'hidden' })); },
|
|
44
45
|
placeholder: function (provided) { return (__assign(__assign({}, provided), { fontFamily: "Open Sans, 'sans-serif'", fontSize: '14px', fontWeight: '400', lineHeight: '19px', color: isDarkTheme(theme) ? colors.lightBlackColor : colors.grayColor, margin: 0 })); },
|
|
45
46
|
input: function (provided) { return (__assign(__assign({}, provided), { fontSize: '14px', fontWeight: '400', lineHeight: '19px', color: isDarkTheme(theme) ? colors.lightGrayColor : colors.blackColor, caretColor: colors.blueColor, padding: 0, margin: 0, overflow: 'auto' })); },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectStyles.js","sourceRoot":"","sources":["../../../../src/сomponents/CustomSelect/selectStyles.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"selectStyles.js","sourceRoot":"","sources":["../../../../src/сomponents/CustomSelect/selectStyles.ts"],"names":[],"mappings":"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"}
|
|
@@ -41,7 +41,6 @@ export interface ICustomSelectProps extends IThemeProps {
|
|
|
41
41
|
placeholder: string;
|
|
42
42
|
hint?: string;
|
|
43
43
|
noOptionsMessage?: string;
|
|
44
|
-
creatableLabelText?: string;
|
|
45
44
|
error?: string;
|
|
46
45
|
menuPosition?: 'bottom' | 'auto' | 'top';
|
|
47
46
|
defaultValue?: TCustomSelectOption;
|
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, avatar, name, email, serverName, company, department, companyPosition }: IContactBottomSheet) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const ContactBottomSheet: ({ theme, language, avatar, name, email, serverName, company, department, companyPosition }: IContactBottomSheet) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default ContactBottomSheet;
|
|
@@ -17,7 +17,7 @@ import { getClassNames } from '../../../helpers';
|
|
|
17
17
|
import { ReactComponent as CorporateUserIcon } from '../../../assets/icons/corporate-user.svg';
|
|
18
18
|
import '../../../styles/styles.scss';
|
|
19
19
|
var ContactBottomSheet = function (_a) {
|
|
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;
|
|
20
|
+
var theme = _a.theme, language = _a.language, avatar = _a.avatar, name = _a.name, email = _a.email, serverName = _a.serverName, company = _a.company, department = _a.department, companyPosition = _a.companyPosition;
|
|
21
21
|
useEffect(function () {
|
|
22
22
|
var modalContent = document.querySelector('.smartapp-modal__content');
|
|
23
23
|
var handlePreventDefault = function (event) { return event.preventDefault(); };
|
|
@@ -26,7 +26,7 @@ var ContactBottomSheet = function (_a) {
|
|
|
26
26
|
modalContent === null || modalContent === void 0 ? void 0 : modalContent.removeEventListener('touchend', handlePreventDefault);
|
|
27
27
|
};
|
|
28
28
|
}, []);
|
|
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 }) }))] })));
|
|
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, language: language, serverName: serverName, company: company, department: department, companyPosition: companyPosition }) }))] })));
|
|
30
30
|
};
|
|
31
31
|
export default ContactBottomSheet;
|
|
32
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,6BAA6B,CAAA;AAEpC,IAAM,kBAAkB,GAAG,UAAC,
|
|
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,EAA+G;QAA7G,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAA,EAAE,eAAe,qBAAA;IAClH,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,IACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,GAChC,IACE,KACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IContactInfo } from '../types';
|
|
2
2
|
import '../../../styles/styles.scss';
|
|
3
|
-
declare const ContactInfo: ({ theme, serverName, company, department, companyPosition }: IContactInfo) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const ContactInfo: ({ theme, language, serverName, company, department, companyPosition }: IContactInfo) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default ContactInfo;
|
|
@@ -9,23 +9,63 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
+
var _a;
|
|
12
13
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
13
14
|
import { getClassNames } from '../../../helpers';
|
|
15
|
+
import { LANGUAGES } from '../../../constants';
|
|
14
16
|
import '../../../styles/styles.scss';
|
|
15
|
-
var INFO_TITLE_TEXT
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
}
|
|
17
|
+
var INFO_TITLE_TEXT = (_a = {},
|
|
18
|
+
_a[LANGUAGES.ru] = {
|
|
19
|
+
server: 'Сервер',
|
|
20
|
+
company: 'Компания',
|
|
21
|
+
department: 'Отдел',
|
|
22
|
+
companyPosition: 'Должность',
|
|
23
|
+
},
|
|
24
|
+
_a[LANGUAGES.en] = {
|
|
25
|
+
server: 'Server',
|
|
26
|
+
company: 'Company',
|
|
27
|
+
department: 'Department',
|
|
28
|
+
companyPosition: 'Position',
|
|
29
|
+
},
|
|
30
|
+
_a[LANGUAGES.de] = {
|
|
31
|
+
server: 'Server',
|
|
32
|
+
company: 'Firma',
|
|
33
|
+
department: 'Abteilung',
|
|
34
|
+
companyPosition: 'Position',
|
|
35
|
+
},
|
|
36
|
+
_a[LANGUAGES.es] = {
|
|
37
|
+
server: 'Servidor',
|
|
38
|
+
company: 'Empresa',
|
|
39
|
+
department: 'Sección',
|
|
40
|
+
companyPosition: 'Cargo',
|
|
41
|
+
},
|
|
42
|
+
_a[LANGUAGES.fr] = {
|
|
43
|
+
server: 'Serveur',
|
|
44
|
+
company: 'Société',
|
|
45
|
+
department: 'Département',
|
|
46
|
+
companyPosition: 'Poste',
|
|
47
|
+
},
|
|
48
|
+
_a[LANGUAGES.ar] = {
|
|
49
|
+
server: 'جهاز الخادم',
|
|
50
|
+
company: 'شركة',
|
|
51
|
+
department: 'الإدارة',
|
|
52
|
+
companyPosition: 'المنصب',
|
|
53
|
+
},
|
|
54
|
+
_a[LANGUAGES.mal] = {
|
|
55
|
+
server: 'Pelayan',
|
|
56
|
+
company: 'Syarikat',
|
|
57
|
+
department: 'Jabatan',
|
|
58
|
+
companyPosition: 'Kedudukan',
|
|
59
|
+
},
|
|
60
|
+
_a);
|
|
22
61
|
var ContactInfo = function (_a) {
|
|
23
|
-
var theme = _a.theme, serverName = _a.serverName, company = _a.company, department = _a.department, companyPosition = _a.companyPosition;
|
|
62
|
+
var theme = _a.theme, language = _a.language, serverName = _a.serverName, company = _a.company, department = _a.department, companyPosition = _a.companyPosition;
|
|
63
|
+
var _b = INFO_TITLE_TEXT[language], serverTitle = _b.server, companyTitle = _b.company, departmentTitle = _b.department, companyPositionTitle = _b.companyPosition;
|
|
24
64
|
var renderInfoItem = function (_a) {
|
|
25
65
|
var title = _a.title, info = _a.info;
|
|
26
66
|
return (_jsxs("div", __assign({ className: getClassNames({ className: 'smartapp-contact-info', delimiter: '__', additionalClassName: theme }) }, { children: [_jsx("div", { children: title }), _jsx("div", { children: info })] })));
|
|
27
67
|
};
|
|
28
|
-
return (_jsxs(_Fragment, { children: [serverName && renderInfoItem({ title:
|
|
68
|
+
return (_jsxs(_Fragment, { children: [serverName && renderInfoItem({ title: serverTitle, info: serverName }), company && renderInfoItem({ title: companyTitle, info: company }), department && renderInfoItem({ title: departmentTitle, info: department }), companyPosition && renderInfoItem({ title: companyPositionTitle, info: companyPosition })] }));
|
|
29
69
|
};
|
|
30
70
|
export default ContactInfo;
|
|
31
71
|
//# sourceMappingURL=ContactInfo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContactInfo.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/ContactInfo/ContactInfo.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ContactInfo.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/ContactInfo/ContactInfo.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAE9C,OAAO,6BAA6B,CAAA;AAKpC,IAAM,eAAe;IACnB,GAAC,SAAS,CAAC,EAAE,IAAG;QACd,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,UAAU;QACnB,UAAU,EAAE,OAAO;QACnB,eAAe,EAAE,WAAW;KAC7B;IACD,GAAC,SAAS,CAAC,EAAE,IAAG;QACd,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,YAAY;QACxB,eAAe,EAAE,UAAU;KAC5B;IACD,GAAC,SAAS,CAAC,EAAE,IAAG;QACd,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,OAAO;QAChB,UAAU,EAAE,WAAW;QACvB,eAAe,EAAE,UAAU;KAC5B;IACD,GAAC,SAAS,CAAC,EAAE,IAAG;QACd,MAAM,EAAE,UAAU;QAClB,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,SAAS;QACrB,eAAe,EAAE,OAAO;KACzB;IACD,GAAC,SAAS,CAAC,EAAE,IAAG;QACd,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,aAAa;QACzB,eAAe,EAAE,OAAO;KACzB;IACD,GAAC,SAAS,CAAC,EAAE,IAAG;QACd,MAAM,EAAE,aAAa;QACrB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,SAAS;QACrB,eAAe,EAAE,QAAQ;KAC1B;IACD,GAAC,SAAS,CAAC,GAAG,IAAG;QACf,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,UAAU;QACnB,UAAU,EAAE,SAAS;QACrB,eAAe,EAAE,WAAW;KAC7B;OACF,CAAA;AAED,IAAM,WAAW,GAAG,UAAC,EAAmF;QAAjF,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAA,EAAE,eAAe,qBAAA;IAChF,IAAA,KAAqH,eAAe,CAAC,QAAQ,CAAC,EAApI,WAAW,YAAA,EAAW,YAAY,aAAA,EAAc,eAAe,gBAAA,EAAmB,oBAAoB,qBAA8B,CAAA;IAEpJ,IAAM,cAAc,GAAG,UAAC,EAAgC;YAA9B,KAAK,WAAA,EAAE,IAAI,UAAA;QAAwB,OAAA,CAC3D,wBAAK,SAAS,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,SAAS,EAAE,IAAI,EAAE,mBAAmB,EAAE,KAAK,EAAE,CAAC,iBAChH,wBAAM,KAAK,GAAO,EAClB,wBAAM,IAAI,GAAO,KACb,CACP;IAL4D,CAK5D,CAAA;IAED,OAAO,CACL,8BACG,UAAU,IAAI,cAAc,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EACtE,OAAO,IAAI,cAAc,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EACjE,UAAU,IAAI,cAAc,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAC1E,eAAe,IAAI,cAAc,CAAC,EAAE,KAAK,EAAE,oBAAoB,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,IACzF,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -27,7 +27,7 @@ var PADDING_LEFT = 8;
|
|
|
27
27
|
var INDENTS = 50;
|
|
28
28
|
var Option = function (props) {
|
|
29
29
|
var _a;
|
|
30
|
-
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, setModalData = _b.setModalData;
|
|
30
|
+
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, language = _b.language, setIsSearchable = _b.setIsSearchable, setModalData = _b.setModalData;
|
|
31
31
|
var ref = useRef(null);
|
|
32
32
|
var _c = useState(0), left = _c[0], setLeft = _c[1];
|
|
33
33
|
var _d = useState(0), maxWidth = _d[0], setMaxWidth = _d[1];
|
|
@@ -50,7 +50,7 @@ var Option = function (props) {
|
|
|
50
50
|
setLeft(clientRectLeft);
|
|
51
51
|
setMaxWidth(clientRectWidth);
|
|
52
52
|
}, [clientRectLeft, clientRectWidth]);
|
|
53
|
-
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 }) }))); };
|
|
53
|
+
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, language: language, serverName: serverName, company: company, department: department, companyPosition: companyPosition }) }))); };
|
|
54
54
|
return (_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()] }))] })) })));
|
|
55
55
|
};
|
|
56
56
|
export default Option;
|
|
@@ -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,WAAW,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAC9F,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,0CAA0C,CAAA;AAC9F,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAC/F,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,MAAM,wCAAwC,CAAA;AAE1F,OAAO,6BAA6B,CAAA;AAEpC,IAAM,sBAAsB,GAAG,IAAI,CAAA;AACnC,IAAM,YAAY,GAAG,CAAC,CAAA;AACtB,IAAM,OAAO,GAAG,EAAE,CAAA;AAElB,IAAM,MAAM,GAAG,UAAC,KAAmB;;IAE/B,IAAA,
|
|
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,WAAW,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAC9F,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,0CAA0C,CAAA;AAC9F,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAC/F,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,MAAM,wCAAwC,CAAA;AAE1F,OAAO,6BAA6B,CAAA;AAEpC,IAAM,sBAAsB,GAAG,IAAI,CAAA;AACnC,IAAM,YAAY,GAAG,CAAC,CAAA;AACtB,IAAM,OAAO,GAAG,EAAE,CAAA;AAElB,IAAM,MAAM,GAAG,UAAC,KAAmB;;IAE/B,IAAA,KAeE,KAAK,KADN,EAbC,KAAK,WAAA,EACL,MAAM,YAAA,EACN,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,YAAY,kBACb,CACM;IACT,IAAI,GAAG,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAEvC,IAAA,KAAkB,QAAQ,CAAC,CAAC,CAAC,EAA5B,IAAI,QAAA,EAAE,OAAO,QAAe,CAAA;IAC7B,IAAA,KAA0B,QAAQ,CAAC,CAAC,CAAC,EAApC,QAAQ,QAAA,EAAE,WAAW,QAAe,CAAA;IAE3C,IAAM,UAAU,GAAG,MAAA,GAAG,CAAC,OAAO,0CAAE,qBAAqB,EAAE,CAAA;IACvD,IAAM,cAAc,GAAG,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,KAAI,CAAC,CAAC,GAAG,YAAY,CAAA;IAC7D,IAAM,eAAe,GAAG,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAC,GAAG,OAAO,CAAA;IAEhE,IAAM,0BAA0B,GAAG,UAAC,KAAkD;QACpF,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,eAAe,CAAC,KAAK,CAAC,CAAA;QACtB,YAAY,CAAC,EAAE,MAAM,QAAA,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,OAAA,EAAE,UAAU,YAAA,EAAE,OAAO,SAAA,EAAE,UAAU,YAAA,EAAE,eAAe,iBAAA,EAAE,CAAC,CAAA;IAChG,CAAC,CAAA;IAED,IAAM,cAAc,GAAG;QACrB,OAAA,YAAY,CAAC,CAAC,CAAC,KAAC,iBAAiB,IAAC,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,GAAI,CAAC,CAAC,CAAC,KAAC,iBAAiB,KAAG;IAA9H,CAA8H,CAAA;IAEhI,IAAM,qBAAqB,GAAG;QAC5B,IAAM,aAAa,GAAG,CAAC,YAAY,IAAI,gBAAgB,CAAC,QAAQ,CAAC,CAAA;QACjE,OAAO,aAAa,IAAI,KAAC,eAAe,IAAC,SAAS,EAAC,kCAAkC,EAAC,OAAO,EAAE,0BAA0B,GAAI,CAAA;IAC/H,CAAC,CAAA;IAED,SAAS,CAAC;QACR,OAAO,CAAC,cAAc,CAAC,CAAA;QACvB,WAAW,CAAC,eAAe,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC,CAAA;IAErC,IAAM,sBAAsB,GAAG,cAAM,OAAA,CACnC,KAAC,KAAK,aACJ,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,uBAAgB,KAAK,CAAE,CAAC,EAC9D,QAAQ,EAAC,eAAe,EACxB,YAAY,EAAE,EAAE,6BAA6B,EAAE,UAAG,IAAI,OAAI,EAAE,kCAAkC,EAAE,UAAG,QAAQ,OAAI,EAAyB,EACxI,EAAE,EAAE,CAAC,OAAO,CAAC,EACb,eAAe,EAAE,sBAAsB,EACvC,OAAO,EAAE,cAAM,OAAA,CACb,wBACE,KAAC,MAAM,IAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,GAAI,GACjD,CACP,EAJc,CAId,gBAED,KAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,GAChC,IACI,CACT,EAtBoC,CAsBpC,CAAA;IAED,OAAO,CACL,KAAC,UAAU,CAAC,MAAM,eAAK,KAAK,IAAE,QAAQ,EAAE,UAAC,EAAE,IAAK,OAAA,CAAC,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC,EAAlB,CAAkB,gBAChE,wBAAK,SAAS,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,SAAS,EAAE,IAAI,EAAE,mBAAmB,EAAE,KAAK,EAAE,CAAC,iBACzG,CAAC,YAAY,IAAI,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,GAAI,EAC5H,wBAAK,SAAS,EAAC,4BAA4B,iBACzC,wBAAK,SAAS,EAAC,kCAAkC,iBAC/C,wBAAK,SAAS,EAAC,wCAAwC,iBACpD,cAAc,EAAE,EACjB,wBAAM,KAAK,GAAO,KACd,EACN,uBAAK,SAAS,EAAC,yCAAyC,gBAAE,KAAK,IAAO,KAClE,EACL,qBAAqB,EAAE,KACpB,KACF,IACY,CACrB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IUserDropdownProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const UserDropdown: ({ theme, platform, isDisabled, isLoading, isChipsVisible, isChipsCollapsable, isMenuCloseOnSelect, hasNextPage, isNextPageLoading, layoutType, title, mask, placeholder, hint, noOptionsMessage, maxMembersCount, fillType, selectedEntries, corporateEntries, myContactsEntries, onInputChange, onChange, onMenuClose, onLoadNextPage, menuPosition, }: IUserDropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const UserDropdown: ({ theme, platform, isDisabled, isLoading, isChipsVisible, isChipsCollapsable, isMenuCloseOnSelect, hasNextPage, isNextPageLoading, language, layoutType, title, mask, placeholder, hint, noOptionsMessage, maxMembersCount, fillType, selectedEntries, corporateEntries, myContactsEntries, onInputChange, onChange, onMenuClose, onLoadNextPage, menuPosition, }: IUserDropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default UserDropdown;
|
|
@@ -32,7 +32,7 @@ import Modal from '../Modal';
|
|
|
32
32
|
import ContactBottomSheet from './ContactBottomSheet/ContactBottomSheet';
|
|
33
33
|
import { IndicatorSeparator, DropdownIndicator, LoadingIndicator, MultiValueRemove, generateCorporateOptionsToSelect, generateContactsOptionsToSelect, generateCorporateOption, generateContactsOption, generateEnteredByUserOption, } from './helpers';
|
|
34
34
|
import { getClassNames, isIosPlatform } from '../../helpers';
|
|
35
|
-
import { DEFAULT_INPUT_PADDING, ENTER_KEY, FILL_TYPE, INPUT_COUNTER_TIMEOUT, LAYOUT_TYPE, MASK_INPUT_PL, MENU_POSITIONS, PLATFORM, THEME, } from '../../constants';
|
|
35
|
+
import { DEFAULT_INPUT_PADDING, ENTER_KEY, FILL_TYPE, INPUT_COUNTER_TIMEOUT, LANGUAGES, LAYOUT_TYPE, MASK_INPUT_PL, MENU_POSITIONS, PLATFORM, THEME, } from '../../constants';
|
|
36
36
|
import { darkerGrayBackgroundColor } from './colors';
|
|
37
37
|
import selectStyles from './selectStyles';
|
|
38
38
|
import '../../styles/styles.scss';
|
|
@@ -50,6 +50,7 @@ var EXCLUDED_FIELDS;
|
|
|
50
50
|
EXCLUDED_FIELDS["theme"] = "theme";
|
|
51
51
|
EXCLUDED_FIELDS["layoutType"] = "layoutType";
|
|
52
52
|
EXCLUDED_FIELDS["platform"] = "platform";
|
|
53
|
+
EXCLUDED_FIELDS["language"] = "language";
|
|
53
54
|
EXCLUDED_FIELDS["isMyContacts"] = "isMyContacts";
|
|
54
55
|
EXCLUDED_FIELDS["isEnteredByUser"] = "isEnteredByUser";
|
|
55
56
|
EXCLUDED_FIELDS["isChipsCollapsable"] = "isChipsCollapsable";
|
|
@@ -61,20 +62,20 @@ var EXCLUDED_FIELDS;
|
|
|
61
62
|
EXCLUDED_FIELDS["collapsableChipsCount"] = "collapsableChipsCount";
|
|
62
63
|
EXCLUDED_FIELDS["lastVisibleChipIndex"] = "lastVisibleChipIndex";
|
|
63
64
|
})(EXCLUDED_FIELDS || (EXCLUDED_FIELDS = {}));
|
|
64
|
-
var COMMON_FIELDS_TO_OMIT = Object.keys(omit(EXCLUDED_FIELDS, [EXCLUDED_FIELDS.isMyContacts, EXCLUDED_FIELDS.isEnteredByUser, EXCLUDED_FIELDS.isError]));
|
|
65
|
+
var COMMON_FIELDS_TO_OMIT = Object.keys(omit(EXCLUDED_FIELDS, [EXCLUDED_FIELDS.language, EXCLUDED_FIELDS.isMyContacts, EXCLUDED_FIELDS.isEnteredByUser, EXCLUDED_FIELDS.isError]));
|
|
65
66
|
var Input = function (props) { return _jsx(components.Input, __assign({}, props, { enterkeyhint: "done" })); };
|
|
66
67
|
var UserDropdown = function (_a) {
|
|
67
|
-
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.hasNextPage, hasNextPage = _j === void 0 ? false : _j, _k = _a.isNextPageLoading, isNextPageLoading = _k === void 0 ? false : _k, _l = _a.layoutType, layoutType =
|
|
68
|
-
var
|
|
69
|
-
var
|
|
70
|
-
var
|
|
71
|
-
var
|
|
72
|
-
var
|
|
73
|
-
var
|
|
74
|
-
var
|
|
75
|
-
var
|
|
76
|
-
var
|
|
77
|
-
var
|
|
68
|
+
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.hasNextPage, hasNextPage = _j === void 0 ? false : _j, _k = _a.isNextPageLoading, isNextPageLoading = _k === void 0 ? false : _k, _l = _a.language, language = _l === void 0 ? LANGUAGES.ru : _l, _m = _a.layoutType, layoutType = _m === void 0 ? LAYOUT_TYPE.minimal : _m, title = _a.title, mask = _a.mask, placeholder = _a.placeholder, hint = _a.hint, noOptionsMessage = _a.noOptionsMessage, maxMembersCount = _a.maxMembersCount, _o = _a.fillType, fillType = _o === void 0 ? FILL_TYPE.primary : _o, _p = _a.selectedEntries, selectedEntries = _p === void 0 ? [] : _p, corporateEntries = _a.corporateEntries, myContactsEntries = _a.myContactsEntries, onInputChange = _a.onInputChange, onChange = _a.onChange, onMenuClose = _a.onMenuClose, onLoadNextPage = _a.onLoadNextPage, _q = _a.menuPosition, menuPosition = _q === void 0 ? MENU_POSITIONS.top : _q;
|
|
69
|
+
var _r = useState(''), userDropdownId = _r[0], setUserDropdownId = _r[1];
|
|
70
|
+
var _s = useState([]), selectedUsers = _s[0], setSelectedUsers = _s[1];
|
|
71
|
+
var _t = useState(null), timeoutId = _t[0], setTimeoutId = _t[1];
|
|
72
|
+
var _u = useState(''), paddingLeft = _u[0], setPaddingLeft = _u[1];
|
|
73
|
+
var _v = useState(0), maskWidth = _v[0], setMaskWidth = _v[1];
|
|
74
|
+
var _w = useState(false), isError = _w[0], setIsError = _w[1];
|
|
75
|
+
var _x = useState(true), isSearchable = _x[0], setIsSearchable = _x[1];
|
|
76
|
+
var _y = useState(false), isUserTyping = _y[0], setIsUserTyping = _y[1];
|
|
77
|
+
var _z = useState(null), modalData = _z[0], setModalData = _z[1];
|
|
78
|
+
var _0 = useState(''), chipLabelWithMaxWidth = _0[0], setChipLabelWithMaxWidth = _0[1];
|
|
78
79
|
var isInputFocused = useRef(false);
|
|
79
80
|
var selectRef = useRef(null);
|
|
80
81
|
var maskRef = useRef(null);
|
|
@@ -120,7 +121,7 @@ var UserDropdown = function (_a) {
|
|
|
120
121
|
collapsableChipsCount: collapsableChipsCount,
|
|
121
122
|
lastVisibleChipIndex: lastVisibleChipIndex,
|
|
122
123
|
};
|
|
123
|
-
return __spreadArray(__spreadArray(__spreadArray([], generateCorporateOptionsToSelect(__assign({ options: (corporateEntries === null || corporateEntries === void 0 ? void 0 : corporateEntries.corpPhonebookEntries) || [] }, commonFields)), true), generateCorporateOptionsToSelect(__assign({ options: (corporateEntries === null || corporateEntries === void 0 ? void 0 : corporateEntries.trustSearchEntries) || [] }, commonFields)), true), generateContactsOptionsToSelect(__assign({ options: myContactsEntries || [] }, commonFields)), true);
|
|
124
|
+
return __spreadArray(__spreadArray(__spreadArray([], generateCorporateOptionsToSelect(__assign({ language: language, options: (corporateEntries === null || corporateEntries === void 0 ? void 0 : corporateEntries.corpPhonebookEntries) || [] }, commonFields)), true), generateCorporateOptionsToSelect(__assign({ language: language, options: (corporateEntries === null || corporateEntries === void 0 ? void 0 : corporateEntries.trustSearchEntries) || [] }, commonFields)), true), generateContactsOptionsToSelect(__assign({ options: myContactsEntries || [] }, commonFields)), true);
|
|
124
125
|
};
|
|
125
126
|
var handleSetTimeoutForCounter = function () {
|
|
126
127
|
var id = setTimeout(function () { return setTimeoutId(null); }, INPUT_COUNTER_TIMEOUT);
|
|
@@ -195,7 +196,7 @@ var UserDropdown = function (_a) {
|
|
|
195
196
|
uniqNewSelectedUsers.forEach(function (user) {
|
|
196
197
|
var isEnteredByUser = user.isEnteredByUser, isMyContacts = user.isMyContacts;
|
|
197
198
|
var userToAdd = omit(user, COMMON_FIELDS_TO_OMIT);
|
|
198
|
-
var entryFieldsToExclude = isMyContacts ? [EXCLUDED_FIELDS.isMyContacts] : [];
|
|
199
|
+
var entryFieldsToExclude = isMyContacts ? [EXCLUDED_FIELDS.isMyContacts] : [EXCLUDED_FIELDS.language];
|
|
199
200
|
var fieldsToExclude = isEnteredByUser ? [EXCLUDED_FIELDS.isEnteredByUser, EXCLUDED_FIELDS.isError] : entryFieldsToExclude;
|
|
200
201
|
users.push(omit(userToAdd, fieldsToExclude));
|
|
201
202
|
});
|
|
@@ -322,7 +323,7 @@ var UserDropdown = function (_a) {
|
|
|
322
323
|
return mask && (_jsx("div", __assign({ ref: maskRef, className: "smartapp-user-dropdown__container--mask" }, { children: mask })));
|
|
323
324
|
};
|
|
324
325
|
var renderHint = function () { return hint && _jsx("div", __assign({ className: "smartapp-user-dropdown__hint" }, { children: hint })); };
|
|
325
|
-
var modalContent = modalData ? (_jsx(ContactBottomSheet, { theme: theme, avatar: modalData.avatar, name: modalData.name, email: modalData.email, serverName: modalData.serverName, company: modalData.company, department: modalData.department, companyPosition: modalData.companyPosition })) : (_jsx(_Fragment, {}));
|
|
326
|
+
var modalContent = modalData ? (_jsx(ContactBottomSheet, { theme: theme, language: language, avatar: modalData.avatar, name: modalData.name, email: modalData.email, serverName: modalData.serverName, company: modalData.company, department: modalData.department, companyPosition: modalData.companyPosition })) : (_jsx(_Fragment, {}));
|
|
326
327
|
useEffect(function () {
|
|
327
328
|
!userDropdownId && setUserDropdownId("user_dropdown_".concat(uuidv4().replace(/-/g, '_')));
|
|
328
329
|
}, [userDropdownId]);
|