@expressms/smartapp-ui 3.0.0-alpha.165 → 3.0.0-alpha.167

package/build/main//321/201omponents/UserDropdown/components/Input.d.ts

@@ -0,0 +1,2 @@
+declare const Input: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default Input;

package/build/main//321/201omponents/UserDropdown/components/Input.js

@@ -0,0 +1,24 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { components } from 'react-select';
+import { isEmpty } from 'lodash';
+import { ENTER_KEY_HINT } from '../../../constants';
+import { EMPTY_STRING, INPUT_ACTIONS } from '../constants';
+import { ReactComponent as ClearIcon } from '../../../assets/icons/clear.svg';
+var Input = function (props) {
+    var isClearable = props["data-is-clearable"], placeholder = props["data-placeholder"], value = props.value, suffix = props.suffix, suffixRef = props.suffixref, onInputChange = props.selectProps.onInputChange;
+    var handleClearInput = function () { return onInputChange(EMPTY_STRING, { action: INPUT_ACTIONS.change, prevInputValue: value }); };
+    return (_jsxs(_Fragment, { children: [_jsx(components.Input, __assign({}, props, { enterKeyHint: ENTER_KEY_HINT.done, placeholder: placeholder })), suffix && (_jsx("div", __assign({ ref: suffixRef, className: "smartapp-user-dropdown__suffix" }, { children: suffix }))), isClearable && !isEmpty(value) && (_jsx("div", __assign({ className: "smartapp-user-dropdown__clear-icon", onMouseDown: handleClearInput, onTouchEnd: handleClearInput }, { children: _jsx(ClearIcon, {}) })))] }));
+};
+export default Input;
+//# sourceMappingURL=Input.js.map

package/build/main//321/201omponents/UserDropdown/components/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/components/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAA;AAE7E,IAAM,KAAK,GAAG,UAAC,KAAU;IAErB,IAAqB,WAAW,GAM9B,KAAK,qBANyB,EACZ,WAAW,GAK7B,KAAK,oBALwB,EAC/B,KAAK,GAIH,KAAK,MAJF,EACL,MAAM,GAGJ,KAAK,OAHD,EACK,SAAS,GAElB,KAAK,UAFa,EACL,aAAa,GAC1B,KAAK,0BADqB,CACrB;IAET,IAAM,gBAAgB,GAAG,cAAM,OAAA,aAAa,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,aAAa,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,EAApF,CAAoF,CAAA;IAEnH,OAAO,CACL,8BACE,KAAC,UAAU,CAAC,KAAK,eAAK,KAAK,IAAE,YAAY,EAAE,cAAc,CAAC,IAAI,EAAE,WAAW,EAAE,WAAW,IAAI,EAC3F,MAAM,IAAI,CACT,uBAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAC,gCAAgC,gBAC5D,MAAM,IACH,CACP,EACA,WAAW,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CACjC,uBAAK,SAAS,EAAC,oCAAoC,EAAC,WAAW,EAAE,gBAAgB,EAAE,UAAU,EAAE,gBAAgB,gBAC7G,KAAC,SAAS,KAAG,IACT,CACP,IACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}

package/build/main//321/201omponents/UserDropdown/components/Mask.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from 'react';
+type TMask = {
+    text?: string;
+    elementRef?: RefObject<HTMLDivElement | null>;
+};
+declare const Mask: ({ text, elementRef }: TMask) => import("react/jsx-runtime").JSX.Element | null;
+export default Mask;

package/build/main//321/201omponents/UserDropdown/components/Mask.js

@@ -0,0 +1,18 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+var Mask = function (_a) {
+    var text = _a.text, elementRef = _a.elementRef;
+    return text ? (_jsx("div", __assign({ ref: elementRef, className: "smartapp-user-dropdown__container--mask" }, { children: text }))) : null;
+};
+export default Mask;
+//# sourceMappingURL=Mask.js.map

package/build/main//321/201omponents/UserDropdown/components/Mask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mask.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/components/Mask.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAOA,IAAM,IAAI,GAAG,UAAC,EAA2B;QAAzB,IAAI,UAAA,EAAE,UAAU,gBAAA;IAC9B,OAAA,IAAI,CAAC,CAAC,CAAC,CACL,uBAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAC,yCAAyC,gBACtE,IAAI,IACD,CACP,CAAC,CAAC,CAAC,IAAI;AAJR,CAIQ,CAAA;AAEV,eAAe,IAAI,CAAA"}

package/build/main//321/201omponents/UserDropdown/components/Title.d.ts

@@ -0,0 +1,5 @@
+type TTitle = {
+    text?: string;
+};
+declare const Title: ({ text }: TTitle) => import("react/jsx-runtime").JSX.Element | null;
+export default Title;

package/build/main//321/201omponents/UserDropdown/components/Title.js

@@ -0,0 +1,18 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+var Title = function (_a) {
+    var text = _a.text;
+    return (text ? _jsx("div", __assign({ className: "smartapp-user-dropdown__title" }, { children: text })) : null);
+};
+export default Title;
+//# sourceMappingURL=Title.js.map

package/build/main//321/201omponents/UserDropdown/components/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/components/Title.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAMA,IAAM,KAAK,GAAG,UAAC,EAAgB;QAAd,IAAI,UAAA;IAAe,OAAA,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAK,SAAS,EAAC,+BAA+B,gBAAE,IAAI,IAAO,CAAC,CAAC,CAAC,IAAI,CAAC;AAA3E,CAA2E,CAAA;AAE/G,eAAe,KAAK,CAAA"}

package/build/main//321/201omponents/UserDropdown/constants.d.ts

@@ -1,3 +1,30 @@
+import { TCorporateContacts } from './types';
+export declare const THREE_DIGIT_NUMBER_WIDTH = 48;
+export declare const TWO_DIGIT_NUMBER_WIDTH = 40;
+export declare const SINGLE_DIGIT_NUMBER_WIDTH = 32;
+export declare const INPUT_SPACE_WIDTH = 46;
+export declare const GAP = 8;
+export declare const USER_TYPING_TIMEOUT = 1000;
+export declare const CLEAR_USER_TYPING_TIMEOUT = 500;
+export declare const INPUT = "input";
+export declare const EMPTY_STRING = "";
+export declare const BUBBLES: {
+    bubbles: boolean;
+};
+export declare const PADDING_WITH_CLEAR_ICON = "40px";
+export declare const CTS_USER = "cts_user";
+export declare const CTS_USER_ALTERNATIVE = "ctsUser";
+export declare const DEFAULT_MENU_LIST_MAX_HEIGHT = 220;
+export declare const DEFAULT_MAX_ROWS_COUNT_TO_COLLAPSE_CHIPS = 2;
+export declare const INITIAL_CORPORATE_CONTACTS: TCorporateContacts;
+export declare const MATCH_SCORES: {
+    readonly EMAIL_STARTS_WITH: 6;
+    readonly EMAIL_CONTAINS: 5;
+    readonly NAME_FIRST_WORD_STARTS_WITH: 4;
+    readonly NAME_ANY_WORD_STARTS_WITH: 3;
+    readonly NAME_CONTAINS: 2;
+    readonly NO_MATCH: 0;
+};
 export declare enum CONTACT_TYPES {
     myContact = "My contact",
     GALContact = "GAL contact",
@@ -6,3 +33,34 @@ export declare enum CONTACT_TYPES {
     meetingRoom = "Meeting room",
     roomList = "Room list"
 }
+export declare enum MENU_ACTIONS {
+    close = "menu-close"
+}
+export declare enum INPUT_ACTIONS {
+    change = "input-change",
+    blur = "input-blur"
+}
+export declare enum EMAIL_SEPARATORS {
+    semicolon = ";",
+    comma = ","
+}
+export declare enum EXCLUDED_FIELDS {
+    value = "value",
+    label = "label",
+    layoutType = "layoutType",
+    platform = "platform",
+    language = "language",
+    isEnteredByUser = "isEnteredByUser",
+    isMyContacts = "isMyContacts",
+    isChipsCollapsable = "isChipsCollapsable",
+    isSelectedChipHasTooltip = "isSelectedChipHasTooltip",
+    isInputFocused = "isInputFocused",
+    setIsSearchable = "setIsSearchable",
+    selectRef = "selectRef",
+    setModalData = "setModalData",
+    collapsableChipsCount = "collapsableChipsCount",
+    lastVisibleChipIndex = "lastVisibleChipIndex",
+    fontFamily = "fontFamily"
+}
+export declare const COMMON_FIELDS_TO_OMIT: string[];
+export declare const COMMON_FIELDS_TO_PICK: string[];

package/build/main//321/201omponents/UserDropdown/constants.js

@@ -1,3 +1,28 @@
+import { omit } from 'lodash';
+export var THREE_DIGIT_NUMBER_WIDTH = 48;
+export var TWO_DIGIT_NUMBER_WIDTH = 40;
+export var SINGLE_DIGIT_NUMBER_WIDTH = 32;
+export var INPUT_SPACE_WIDTH = 46;
+export var GAP = 8;
+export var USER_TYPING_TIMEOUT = 1000;
+export var CLEAR_USER_TYPING_TIMEOUT = 500;
+export var INPUT = 'input';
+export var EMPTY_STRING = '';
+export var BUBBLES = { bubbles: true };
+export var PADDING_WITH_CLEAR_ICON = '40px';
+export var CTS_USER = 'cts_user';
+export var CTS_USER_ALTERNATIVE = 'ctsUser';
+export var DEFAULT_MENU_LIST_MAX_HEIGHT = 220;
+export var DEFAULT_MAX_ROWS_COUNT_TO_COLLAPSE_CHIPS = 2;
+export var INITIAL_CORPORATE_CONTACTS = { corporateContacts: [], corporateContactsSet: new Set() };
+export var MATCH_SCORES = {
+    EMAIL_STARTS_WITH: 6,
+    EMAIL_CONTAINS: 5,
+    NAME_FIRST_WORD_STARTS_WITH: 4,
+    NAME_ANY_WORD_STARTS_WITH: 3,
+    NAME_CONTAINS: 2,
+    NO_MATCH: 0,
+};
 export var CONTACT_TYPES;
 (function (CONTACT_TYPES) {
     CONTACT_TYPES["myContact"] = "My contact";
@@ -7,4 +32,39 @@ export var CONTACT_TYPES;
     CONTACT_TYPES["meetingRoom"] = "Meeting room";
     CONTACT_TYPES["roomList"] = "Room list";
 })(CONTACT_TYPES || (CONTACT_TYPES = {}));
+export var MENU_ACTIONS;
+(function (MENU_ACTIONS) {
+    MENU_ACTIONS["close"] = "menu-close";
+})(MENU_ACTIONS || (MENU_ACTIONS = {}));
+export var INPUT_ACTIONS;
+(function (INPUT_ACTIONS) {
+    INPUT_ACTIONS["change"] = "input-change";
+    INPUT_ACTIONS["blur"] = "input-blur";
+})(INPUT_ACTIONS || (INPUT_ACTIONS = {}));
+export var EMAIL_SEPARATORS;
+(function (EMAIL_SEPARATORS) {
+    EMAIL_SEPARATORS["semicolon"] = ";";
+    EMAIL_SEPARATORS["comma"] = ",";
+})(EMAIL_SEPARATORS || (EMAIL_SEPARATORS = {}));
+export var EXCLUDED_FIELDS;
+(function (EXCLUDED_FIELDS) {
+    EXCLUDED_FIELDS["value"] = "value";
+    EXCLUDED_FIELDS["label"] = "label";
+    EXCLUDED_FIELDS["layoutType"] = "layoutType";
+    EXCLUDED_FIELDS["platform"] = "platform";
+    EXCLUDED_FIELDS["language"] = "language";
+    EXCLUDED_FIELDS["isEnteredByUser"] = "isEnteredByUser";
+    EXCLUDED_FIELDS["isMyContacts"] = "isMyContacts";
+    EXCLUDED_FIELDS["isChipsCollapsable"] = "isChipsCollapsable";
+    EXCLUDED_FIELDS["isSelectedChipHasTooltip"] = "isSelectedChipHasTooltip";
+    EXCLUDED_FIELDS["isInputFocused"] = "isInputFocused";
+    EXCLUDED_FIELDS["setIsSearchable"] = "setIsSearchable";
+    EXCLUDED_FIELDS["selectRef"] = "selectRef";
+    EXCLUDED_FIELDS["setModalData"] = "setModalData";
+    EXCLUDED_FIELDS["collapsableChipsCount"] = "collapsableChipsCount";
+    EXCLUDED_FIELDS["lastVisibleChipIndex"] = "lastVisibleChipIndex";
+    EXCLUDED_FIELDS["fontFamily"] = "fontFamily";
+})(EXCLUDED_FIELDS || (EXCLUDED_FIELDS = {}));
+export var COMMON_FIELDS_TO_OMIT = Object.keys(omit(EXCLUDED_FIELDS, [EXCLUDED_FIELDS.language, EXCLUDED_FIELDS.isMyContacts, EXCLUDED_FIELDS.isEnteredByUser]));
+export var COMMON_FIELDS_TO_PICK = ['isWarning', 'isLoading', 'isOrganizerShort', 'isResetChipsToInputValue', 'userType', 'uid', 'organizerName'];
 //# sourceMappingURL=constants.js.map

package/build/main//321/201omponents/UserDropdown/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/сomponents/UserDropdown/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,aAOX;AAPD,WAAY,aAAa;IACvB,yCAAwB,CAAA;IACxB,2CAA0B,CAAA;IAC1B,yCAAwB,CAAA;IACxB,uCAAsB,CAAA;IACtB,6CAA4B,CAAA;IAC5B,uCAAsB,CAAA;AACxB,CAAC,EAPW,aAAa,KAAb,aAAa,QAOxB"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/сomponents/UserDropdown/constants.ts"],"names":[],"mappings":"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"}

package/build/main//321/201omponents/UserDropdown/helpers.d.ts

@@ -1,11 +1,15 @@
-/// <reference types="react" />
-import { TGenerateContactsOption, TGenerateContactsOptionsToSelect, TGenerateCorporateOption, TGenerateCorporateOptionsToSelect, TGenerateEnteredByUserOption, TUser } from './types';
-export declare const generateCorporateOption: ({ option: { name, avatar, email, contacts, serverName, company, userType, uid, department, companyPosition, isPrivateSchedule, isNotRemovable, isBusyAtSelectedTime, isCachedContact, }, ...remainingFields }: TGenerateCorporateOption) => {
+import { RefObject, SetStateAction } from 'react';
+import { MultiValue } from 'react-select';
+import { MultiOptionType, TApplyFilteringToOption, TCollapseChips, TCorporateEntity, TGenerateContactsOptionsToSelect, TGenerateCorporateOptionsToSelect, TGenerateEnteredByUserOption, TLocalEntity, TMyContactsEntries, TRetrieveFilteredContacts, TUser } from './types';
+export declare const generateCorporateOptionsToSelect: ({ language, options, setIsSearchable, setModalData, ...remainingFields }: TGenerateCorporateOptionsToSelect) => {
+    language: string;
+    setIsSearchable: (isSearchable: boolean) => void;
+    setModalData: (modalData: import("./types").TModalData | null) => void;
     platform: string;
     layoutType: string;
     isChipsCollapsable: boolean;
-    isInputFocused: import("react").RefObject<boolean>;
-    selectRef: import("react").RefObject<any>;
+    isInputFocused: RefObject<boolean>;
+    selectRef: RefObject<any>;
     value: string;
     label: string;
     name: string;
@@ -27,16 +31,65 @@ export declare const generateCorporateOption: ({ option: { name, avatar, email,
     isNotRemovable: boolean | undefined;
     isBusyAtSelectedTime: boolean | undefined;
     isCachedContact: boolean | undefined;
+}[];
+export declare const generateContactsOptionsToSelect: ({ options, ...remainingFields }: TGenerateContactsOptionsToSelect) => {
+    platform: string;
+    layoutType: string;
+    isChipsCollapsable: boolean;
+    isInputFocused: RefObject<boolean>;
+    selectRef: RefObject<any>;
+    isMyContacts?: boolean | undefined;
+    isLocalContact?: boolean | undefined;
+    value: string;
+    label: string;
+    name: string | null;
+    avatar: string | null;
+    email: string;
+    isPrivateSchedule: boolean | undefined;
+    isNotRemovable: boolean | undefined;
+    isBusyAtSelectedTime: boolean | undefined;
+}[];
+export declare const generateEnteredByUserOption: ({ email, ...remainingFields }: TGenerateEnteredByUserOption) => {
+    platform: string;
+    layoutType: string;
+    isChipsCollapsable: boolean;
+    isInputFocused: RefObject<boolean>;
+    selectRef: RefObject<any>;
+    value: string;
+    label: string;
+    email: string;
+    isEnteredByUser: boolean;
 };
-export declare const generateCorporateOptionsToSelect: ({ language, options, setIsSearchable, setModalData, ...remainingFields }: TGenerateCorporateOptionsToSelect) => {
-    language: string;
-    setIsSearchable: (isSearchable: boolean) => void;
-    setModalData: (modalData: import("./types").TModalData | null) => void;
+export declare const IndicatorSeparator: () => null;
+export declare const DropdownIndicator: () => null;
+export declare const MultiValueRemove: () => null;
+export declare const LoadingIndicator: () => null;
+export declare const sortContacts: <T extends TUser>(contacts: T[], query: string) => T[];
+export declare const checkIsValueIsEmail: (inputValue: string) => boolean;
+export declare const calculateHorizontalPadding: (elementRef: RefObject<HTMLDivElement | null>, setElementWidth: (value: SetStateAction<number>) => void) => string;
+export declare const extractInputEmails: (inputValue: string) => string[];
+export declare const applyFilteringToOption: ({ isFilteringDisabled, inputValue, data: { label, email: optionEmail }, selectedUsers, }: TApplyFilteringToOption) => boolean;
+export declare const setCaretPosition: (input: HTMLInputElement, position: number) => void;
+export declare const setCaretInEmptyInput: (input: HTMLInputElement) => void;
+export declare const retrieveFilteredContacts: ({ query, corporateEntries, myContactsEntries, checkIsEmailToExclude }: TRetrieveFilteredContacts) => {
+    filteredCorporateContacts: TCorporateEntity[];
+    filteredLocalContacts: TLocalEntity[];
+    filteredMyContacts: TMyContactsEntries[];
+};
+export declare const transformSelectedUsers: (selectedUsers: MultiValue<MultiOptionType>) => TUser[];
+export declare const collapseChips: ({ userDropdownId, maxRowsCountToCollapseChips, maskWidth, suffixWidth, chips }: TCollapseChips) => {
+    collapsableChips: number;
+    numberOfVisibleChips: number;
+    chipLabelWithMaxWidth: string;
+};
+export declare const unCollapseChips: (chipLabelWithMaxWidth: string, chips: HTMLDivElement[]) => void;
+export declare const retrieveChipsElements: (userDropdownId: string) => HTMLDivElement[];
+export declare const transformSelectedEntity: (entity: TUser, commonFields: any) => {
     platform: string;
     layoutType: string;
     isChipsCollapsable: boolean;
-    isInputFocused: import("react").RefObject<boolean>;
-    selectRef: import("react").RefObject<any>;
+    isInputFocused: RefObject<boolean>;
+    selectRef: RefObject<any>;
     value: string;
     label: string;
     name: string;
@@ -58,13 +111,12 @@ export declare const generateCorporateOptionsToSelect: ({ language, options, set
     isNotRemovable: boolean | undefined;
     isBusyAtSelectedTime: boolean | undefined;
     isCachedContact: boolean | undefined;
-}[];
-export declare const generateContactsOption: ({ option: { name, avatar, email, isPrivateSchedule, isNotRemovable, isBusyAtSelectedTime, contacts }, ...remainingFields }: TGenerateContactsOption) => {
+} | {
     platform: string;
     layoutType: string;
     isChipsCollapsable: boolean;
-    isInputFocused: import("react").RefObject<boolean>;
-    selectRef: import("react").RefObject<any>;
+    isInputFocused: RefObject<boolean>;
+    selectRef: RefObject<any>;
     isMyContacts?: boolean | undefined;
     isLocalContact?: boolean | undefined;
     value: string;
@@ -75,37 +127,14 @@ export declare const generateContactsOption: ({ option: { name, avatar, email, i
     isPrivateSchedule: boolean | undefined;
     isNotRemovable: boolean | undefined;
     isBusyAtSelectedTime: boolean | undefined;
-};
-export declare const generateContactsOptionsToSelect: ({ options, ...remainingFields }: TGenerateContactsOptionsToSelect) => {
+} | {
     platform: string;
     layoutType: string;
     isChipsCollapsable: boolean;
-    isInputFocused: import("react").RefObject<boolean>;
-    selectRef: import("react").RefObject<any>;
-    isMyContacts?: boolean | undefined;
-    isLocalContact?: boolean | undefined;
-    value: string;
-    label: string;
-    name: string | null;
-    avatar: string | null;
-    email: string;
-    isPrivateSchedule: boolean | undefined;
-    isNotRemovable: boolean | undefined;
-    isBusyAtSelectedTime: boolean | undefined;
-}[];
-export declare const generateEnteredByUserOption: ({ email, ...remainingFields }: TGenerateEnteredByUserOption) => {
-    platform: string;
-    layoutType: string;
-    isChipsCollapsable: boolean;
-    isInputFocused: import("react").RefObject<boolean>;
-    selectRef: import("react").RefObject<any>;
+    isInputFocused: RefObject<boolean>;
+    selectRef: RefObject<any>;
     value: string;
     label: string;
     email: string;
     isEnteredByUser: boolean;
 };
-export declare const IndicatorSeparator: () => null;
-export declare const DropdownIndicator: () => null;
-export declare const MultiValueRemove: () => null;
-export declare const LoadingIndicator: () => null;
-export declare const sortContacts: <T extends TUser>(contacts: T[], query: string) => T[];

package/build/main//321/201omponents/UserDropdown/helpers.js

@@ -29,11 +29,12 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
+import { ru } from 'convert-layout';
+import { isEmpty, omit, uniq } from 'lodash';
 import { transliterate as tr } from 'transliteration';
-import ru from 'convert-layout/ru';
-import { SPACE } from '../../constants';
-import { MATCH_SCORES, } from './types';
-export var generateCorporateOption = function (_a) {
+import { AFFIX_INPUT_PH, DEFAULT_INPUT_PADDING, EMAIL_FIELD, SPACE } from '../../constants';
+import { BUBBLES, COMMON_FIELDS_TO_OMIT, CTS_USER, CTS_USER_ALTERNATIVE, EMPTY_STRING, EXCLUDED_FIELDS, GAP, INITIAL_CORPORATE_CONTACTS, INPUT, INPUT_SPACE_WIDTH, MATCH_SCORES, SINGLE_DIGIT_NUMBER_WIDTH, THREE_DIGIT_NUMBER_WIDTH, TWO_DIGIT_NUMBER_WIDTH, } from './constants';
+var generateCorporateOption = function (_a) {
     var _b = _a.option, name = _b.name, avatar = _b.avatar, email = _b.email, contacts = _b.contacts, serverName = _b.serverName, company = _b.company, userType = _b.userType, uid = _b.uid, department = _b.department, companyPosition = _b.companyPosition, isPrivateSchedule = _b.isPrivateSchedule, isNotRemovable = _b.isNotRemovable, isBusyAtSelectedTime = _b.isBusyAtSelectedTime, isCachedContact = _b.isCachedContact, remainingFields = __rest(_a, ["option"]);
     return (__assign({ value: contacts[0].userHuid, label: name, name: name, avatar: avatar, email: email || contacts[0].contact, contacts: contacts, userType: userType, uid: uid, serverName: serverName, company: company, department: department, companyPosition: companyPosition, isPrivateSchedule: isPrivateSchedule, isNotRemovable: isNotRemovable, isBusyAtSelectedTime: isBusyAtSelectedTime, isCachedContact: isCachedContact }, remainingFields));
 };
@@ -41,10 +42,10 @@ export var generateCorporateOptionsToSelect = function (_a) {
     var language = _a.language, options = _a.options, setIsSearchable = _a.setIsSearchable, setModalData = _a.setModalData, remainingFields = __rest(_a, ["language", "options", "setIsSearchable", "setModalData"]);
     return options.map(function (option) { return (__assign(__assign({}, generateCorporateOption(__assign({ option: option }, remainingFields))), { language: language, setIsSearchable: setIsSearchable, setModalData: setModalData })); });
 };
-export var generateContactsOption = function (_a) {
+var generateContactsOption = function (_a) {
     var _b;
     var _c = _a.option, name = _c.name, avatar = _c.avatar, email = _c.email, isPrivateSchedule = _c.isPrivateSchedule, isNotRemovable = _c.isNotRemovable, isBusyAtSelectedTime = _c.isBusyAtSelectedTime, contacts = _c.contacts, remainingFields = __rest(_a, ["option"]);
-    var contactEmail = ((_b = contacts === null || contacts === void 0 ? void 0 : contacts[0]) === null || _b === void 0 ? void 0 : _b.contact) || email || '';
+    var contactEmail = ((_b = contacts === null || contacts === void 0 ? void 0 : contacts[0]) === null || _b === void 0 ? void 0 : _b.contact) || email || EMPTY_STRING;
     return __assign({ value: contactEmail, label: name || contactEmail, name: name, avatar: avatar, email: contactEmail, isPrivateSchedule: isPrivateSchedule, isNotRemovable: isNotRemovable, isBusyAtSelectedTime: isBusyAtSelectedTime }, remainingFields);
 };
 export var generateContactsOptionsToSelect = function (_a) {
@@ -72,7 +73,7 @@ var generateQueryVariants = function (query) { return ({
     toEng: ru.toEn(query),
     fromEng: ru.fromEn(query),
 }); };
-var extractFirstWord = function (text) { var _a; return (_a = text.split(SPACE)[0]) !== null && _a !== void 0 ? _a : ''; };
+var extractFirstWord = function (text) { var _a; return (_a = text.split(SPACE)[0]) !== null && _a !== void 0 ? _a : EMPTY_STRING; };
 var createMatchers = function (queryVariants) {
     var variants = Object.values(queryVariants);
     var startsWith = function (text) { return variants.some(function (variant) { return text.startsWith(variant); }); };
@@ -106,11 +107,11 @@ var scoreNameMatch = function (name, _a) {
     return MATCH_SCORES.NO_MATCH;
 };
 var calculateContactScore = function (_a, matchers) {
-    var email = _a.email, _b = _a.name, name = _b === void 0 ? '' : _b;
+    var email = _a.email, _b = _a.name, name = _b === void 0 ? EMPTY_STRING : _b;
     return ({
         emailScore: scoreEmailMatch(email, matchers),
-        nameScore: scoreNameMatch(name || '', matchers),
-        originalName: name || '',
+        nameScore: scoreNameMatch(name || EMPTY_STRING, matchers),
+        originalName: name || EMPTY_STRING,
     });
 };
 var compareContacts = function (_a, _b) {
@@ -127,7 +128,7 @@ export var sortContacts = function (contacts, query) {
         return __spreadArray([], contacts, true).sort(function (_a, _b) {
             var nameA = _a.name;
             var nameB = _b.name;
-            return (nameA || '').localeCompare(nameB || '');
+            return (nameA || EMPTY_STRING).localeCompare(nameB || EMPTY_STRING);
         });
     var queryVariants = generateQueryVariants(query.toLowerCase());
     var matchers = createMatchers(queryVariants);
@@ -142,4 +143,171 @@ export var sortContacts = function (contacts, query) {
         return contact;
     });
 };
+export var checkIsValueIsEmail = function (inputValue) {
+    var regex = new RegExp(/^(([^<>()[\].,;:\s@"]+(\.[^<>()[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/);
+    return regex.test(inputValue);
+};
+export var calculateHorizontalPadding = function (elementRef, setElementWidth) {
+    var _a, _b;
+    var elementWidth = ((_b = (_a = elementRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width) || null;
+    elementWidth && setElementWidth(elementWidth + GAP);
+    return "".concat(elementWidth ? elementWidth + AFFIX_INPUT_PH : DEFAULT_INPUT_PADDING, "px");
+};
+export var extractInputEmails = function (inputValue) {
+    return inputValue
+        .split(/[,;]+/)
+        .map(function (inputStr) { return inputStr.trim(); })
+        .filter(function (inputStr) { return !!inputStr.length; });
+};
+var checkIsContainsValue = function (_a) {
+    var label = _a.label, email = _a.email, value = _a.value;
+    var _b = label.split(SPACE), name = _b[0], surname = _b[1];
+    var reversedLabel = "".concat(surname).concat(SPACE).concat(name);
+    return label.toLowerCase().includes(value) || reversedLabel.toLowerCase().includes(value) || email.toLowerCase().includes(value);
+};
+export var applyFilteringToOption = function (_a) {
+    var isFilteringDisabled = _a.isFilteringDisabled, inputValue = _a.inputValue, _b = _a.data, label = _b.label, optionEmail = _b.email, selectedUsers = _a.selectedUsers;
+    var originInputValue = inputValue.toLowerCase();
+    var transliteratedInputValue = tr(originInputValue);
+    var toEngInputValue = ru.toEn(originInputValue);
+    var fromEngInputValue = ru.fromEn(originInputValue);
+    var isUserAlreadySelected = selectedUsers.find(function (_a) {
+        var email = _a.email;
+        return email === optionEmail;
+    });
+    var isContainsInputValue = [originInputValue, transliteratedInputValue, toEngInputValue, fromEngInputValue].some(function (value) {
+        return checkIsContainsValue({ label: label, email: optionEmail, value: value });
+    });
+    if (isFilteringDisabled)
+        return !isEmpty(selectedUsers) ? !isUserAlreadySelected : true;
+    return !isEmpty(selectedUsers) ? !isUserAlreadySelected && isContainsInputValue : isContainsInputValue;
+};
+var calculateCounterWidth = function (counterNumber) {
+    if (counterNumber >= 100)
+        return THREE_DIGIT_NUMBER_WIDTH;
+    if (counterNumber >= 10)
+        return TWO_DIGIT_NUMBER_WIDTH;
+    return SINGLE_DIGIT_NUMBER_WIDTH;
+};
+var dispatchInputEvent = function (input) { return input.dispatchEvent(new Event(INPUT, BUBBLES)); };
+var generateTruncatedElementY = function (element) { return Math.trunc(element.getBoundingClientRect().y); };
+export var setCaretPosition = function (input, position) { return input.setSelectionRange(position, position); };
+export var setCaretInEmptyInput = function (input) {
+    input.value = SPACE;
+    dispatchInputEvent(input);
+    setTimeout(function () {
+        input.value = EMPTY_STRING;
+        dispatchInputEvent(input);
+        setCaretPosition(input, 0);
+    }, 0);
+};
+export var retrieveFilteredContacts = function (_a) {
+    var query = _a.query, corporateEntries = _a.corporateEntries, myContactsEntries = _a.myContactsEntries, checkIsEmailToExclude = _a.checkIsEmailToExclude;
+    var _b = corporateEntries || {}, _c = _b.corpPhonebookEntries, corpPhonebookEntries = _c === void 0 ? [] : _c, _d = _b.trustSearchEntries, trustSearchEntries = _d === void 0 ? [] : _d, _e = _b.cachedSearchEntries, cachedSearchEntries = _e === void 0 ? [] : _e, _f = _b.localPhonebookEntries, localPhonebookEntries = _f === void 0 ? [] : _f;
+    var _g = __spreadArray(__spreadArray(__spreadArray([], corpPhonebookEntries, true), trustSearchEntries, true), cachedSearchEntries.map(function (entity) { return (__assign(__assign({}, entity), { isCachedContact: true })); }), true).reduce(function (acc, entity) {
+        var _a;
+        var email = entity.email, contacts = entity.contacts;
+        var emailToCheck = email || ((_a = contacts === null || contacts === void 0 ? void 0 : contacts.find(function (_a) {
+            var contactType = _a.contactType;
+            return contactType === EMAIL_FIELD;
+        })) === null || _a === void 0 ? void 0 : _a.contact);
+        if (emailToCheck && !acc.corporateContactsSet.has(emailToCheck)) {
+            acc.corporateContacts.push(entity);
+            acc.corporateContactsSet.add(emailToCheck);
+        }
+        return acc;
+    }, INITIAL_CORPORATE_CONTACTS), corporateContacts = _g.corporateContacts, corporateContactsSet = _g.corporateContactsSet;
+    var sortedCorporateContacts = sortContacts(corporateContacts, query);
+    var sortedLocalContacts = sortContacts(localPhonebookEntries, query);
+    var sortedMyContacts = sortContacts(myContactsEntries || [], query);
+    var filteredCorporateContacts = sortedCorporateContacts.filter(function (_a) {
+        var _b;
+        var email = _a.email, contacts = _a.contacts;
+        return [email, (_b = contacts[0]) === null || _b === void 0 ? void 0 : _b.contact].every(function (email) { return !checkIsEmailToExclude(email); });
+    });
+    var filteredLocalContacts = sortedLocalContacts.filter(function (_a) {
+        var _b;
+        var email = _a.email, contacts = _a.contacts;
+        var contact = (_b = contacts[0]) === null || _b === void 0 ? void 0 : _b.contact;
+        var emailToCheck = email || contact;
+        return !checkIsEmailToExclude(email) && !checkIsEmailToExclude(contact) && !corporateContactsSet.has(emailToCheck);
+    });
+    var filteredMyContacts = sortedMyContacts.filter(function (_a) {
+        var email = _a.email;
+        return !checkIsEmailToExclude(email) && !corporateContactsSet.has(email);
+    });
+    return { filteredCorporateContacts: filteredCorporateContacts, filteredLocalContacts: filteredLocalContacts, filteredMyContacts: filteredMyContacts };
+};
+export var transformSelectedUsers = function (selectedUsers) {
+    var users = [];
+    selectedUsers.forEach(function (user) {
+        var isEnteredByUser = user.isEnteredByUser, isMyContacts = user.isMyContacts;
+        var userToAdd = omit(user, COMMON_FIELDS_TO_OMIT);
+        var entryFieldsToExclude = isMyContacts ? [EXCLUDED_FIELDS.isMyContacts] : [EXCLUDED_FIELDS.language];
+        var fieldsToExclude = isEnteredByUser ? [EXCLUDED_FIELDS.isEnteredByUser] : entryFieldsToExclude;
+        users.push(omit(userToAdd, fieldsToExclude));
+    });
+    return users;
+};
+export var collapseChips = function (_a) {
+    var _b;
+    var userDropdownId = _a.userDropdownId, maxRowsCountToCollapseChips = _a.maxRowsCountToCollapseChips, maskWidth = _a.maskWidth, suffixWidth = _a.suffixWidth, chips = _a.chips;
+    var collapsableChips = 0;
+    var chipLabelWithMaxWidth = EMPTY_STRING;
+    var yRows = uniq(chips.map(function (chip) { return generateTruncatedElementY(chip); }));
+    var yLastRow = yRows[maxRowsCountToCollapseChips - 1];
+    var rowsToHide = yRows.slice(maxRowsCountToCollapseChips);
+    var lastRow = [];
+    chips.forEach(function (chip) {
+        var y = generateTruncatedElementY(chip);
+        if (rowsToHide.includes(y))
+            collapsableChips += 1;
+        else
+            y === yLastRow && lastRow.push(chip);
+    });
+    var counterWidth = calculateCounterWidth(collapsableChips);
+    var rowWidth = counterWidth + INPUT_SPACE_WIDTH;
+    var dropdownWidth = ((_b = document.querySelector("#".concat(userDropdownId))) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().width) - maskWidth - suffixWidth;
+    lastRow.forEach(function (chip) {
+        var _a;
+        rowWidth += chip.getBoundingClientRect().width + GAP;
+        if (rowWidth > dropdownWidth) {
+            if (lastRow.length > 1) {
+                collapsableChips += 1;
+            }
+            else {
+                var emptySpaceWidth = collapsableChips > 0 ? counterWidth + INPUT_SPACE_WIDTH + GAP : INPUT_SPACE_WIDTH;
+                chip.style.maxWidth = "".concat(dropdownWidth - emptySpaceWidth, "px");
+                chipLabelWithMaxWidth = ((_a = chip.querySelector('.smartapp-chip__info--name')) === null || _a === void 0 ? void 0 : _a.innerHTML) || EMPTY_STRING;
+            }
+        }
+    });
+    return { collapsableChips: collapsableChips, numberOfVisibleChips: chips.length - collapsableChips, chipLabelWithMaxWidth: chipLabelWithMaxWidth };
+};
+export var unCollapseChips = function (chipLabelWithMaxWidth, chips) {
+    chips.forEach(function (chip) {
+        var _a;
+        var chipLabel = ((_a = chip.querySelector('.smartapp-chip__info--name')) === null || _a === void 0 ? void 0 : _a.innerHTML) || EMPTY_STRING;
+        chipLabel === chipLabelWithMaxWidth && (chip.style.maxWidth = '100%');
+    });
+};
+export var retrieveChipsElements = function (userDropdownId) {
+    var _a;
+    var chipsNodes = ((_a = document.querySelector("#".concat(userDropdownId))) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.smartapp-chip')) || [];
+    return Array.from(chipsNodes);
+};
+export var transformSelectedEntity = function (entity, commonFields) {
+    var _a;
+    var email = entity.email;
+    var isEntityContainsContacts = 'contacts' in entity;
+    var isCorporateEntity = isEntityContainsContacts && [CTS_USER, CTS_USER_ALTERNATIVE].includes(((_a = entity.contacts[0]) === null || _a === void 0 ? void 0 : _a.userKind) || EMPTY_STRING);
+    var generatedNotCorporateEntity = Object.keys(entity).length === 1
+        ? generateEnteredByUserOption(__assign({ email: email }, commonFields))
+        : generateContactsOption(__assign({ option: entity, isMyContacts: true }, commonFields));
+    if (isCorporateEntity)
+        return generateCorporateOption(__assign({ option: entity }, commonFields));
+    return isEntityContainsContacts
+        ? generateContactsOption(__assign({ option: entity, isLocalContact: true }, commonFields))
+        : generatedNotCorporateEntity;
+};
 //# sourceMappingURL=helpers.js.map