@expressms/smartapp-ui 3.0.0-alpha.18 → 3.0.0-alpha.180

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

@@ -1,4 +1,4 @@
-import { ReactElement, RefObject } from 'react';
+import { Dispatch, ReactElement, ReactNode, RefObject, SetStateAction } from 'react';
 import { MenuListProps, OptionProps } from 'react-select';
 import { IFontFamilyProps, ILanguageProps, ILayoutTypeProps, IPlatformProps, TFontFamilyStyle, TStyles } from '../../constants';
 import { CONTACT_TYPES } from './constants';
@@ -23,21 +23,29 @@ export interface IContactInfo extends ILanguageProps {
 export type TRenderInfoItem = {
     title: string;
     info: string;
+    icon: ReactElement;
 };
 export interface ILoadingMessage {
+    isMenuShadowless?: boolean;
     skeletonRowsCount?: number;
 }
 export interface IMenuListProps extends MenuListProps {
     selectRef: RefObject<any>;
     scrollFromTop: RefObject<number>;
     language: string;
+    platform: string;
+    menuListMaxHeight: number;
+    charHintClassName: string;
     hasNextPage: boolean;
     isLoading: boolean;
     isUserTyping: boolean;
+    isCharHintVisible: boolean;
     isShowCatalogSearchButton?: boolean;
+    isMenuShadowless: boolean;
     isNextPageLoading: boolean;
     onLoadNextPage: (inputValue: string) => void;
     onShowCatalogSearchButtonClick?: () => void;
+    setIsDelimiterVisible: Dispatch<SetStateAction<boolean>>;
 }
 type TData = ILanguageProps & {
     label: string;
@@ -48,6 +56,9 @@ type TData = ILanguageProps & {
     department: string | null;
     companyPosition: string | null;
     isMyContacts: boolean;
+    isLocalContact: boolean;
+    isCachedContact: boolean;
+    isAlreadyAdded: boolean;
     platform: 'web' | 'ios' | 'android';
     fontFamily: string;
     setIsSearchable: (isSearchable: boolean) => void;
@@ -56,12 +67,14 @@ type TData = ILanguageProps & {
     uid?: string;
 };
 export interface IOptionProps extends OptionProps {
+    isMenuShadowless: boolean;
     data: TData;
 }
 export interface ISearchInCatalogButtonProps {
     width?: number;
     language: string;
     isOnlyButtonInList?: boolean;
+    isMenuShadowless?: boolean;
     noOptionText?: string | null;
     onShowCatalogSearchButtonClick?: () => void;
 }
@@ -90,36 +103,80 @@ export type TGenerateCorporateOptionsToSelect = TGenerateCommonOption & {
     setIsSearchable: (isSearchable: boolean) => void;
     setModalData: (modalData: TModalData | null) => void;
 };
+type TMyContactsEntriesOption = TMyContactsEntries & {
+    contacts?: Omit<TContacts, 'userKind'>[];
+};
 export type TGenerateContactsOption = TGenerateCommonOption & {
-    option: TMyContactsEntries;
+    option: TMyContactsEntriesOption | TLocalEntity;
+    isMyContacts?: boolean;
+    isLocalContact?: boolean;
 };
 export type TGenerateContactsOptionsToSelect = TGenerateCommonOption & {
-    options: TMyContactsEntries[];
+    options: TMyContactsEntriesOption[] | TLocalEntity[];
+    isMyContacts?: boolean;
+    isLocalContact?: boolean;
 };
 export type TGenerateEnteredByUserOption = TGenerateCommonOption & {
     email: string;
 };
+export type TCollapseChips = {
+    userDropdownId: string;
+    maxRowsCountToCollapseChips: number;
+    maskWidth: number;
+    suffixWidth: number;
+    chips: HTMLDivElement[];
+};
+export type TApplyFilteringToOption = {
+    isFilteringDisabled: boolean;
+    isSelectedOptionsHidden: boolean;
+    inputValue: string;
+    data: MultiOptionType;
+    selectedUsers: readonly MultiOptionType[];
+};
 export type TSelectStyles = {
     isChipsVisible: boolean;
     isMaxMembersAdded: boolean;
     isDisabled: boolean;
     isError: boolean;
+    isInputPlaceholderVisible: boolean;
     lastRowNumber: number;
     paddingLeft: string;
+    paddingRight: string;
     platform: string;
     layoutType: string;
     isInputHidden: boolean;
     isDisabledMenuOffsetAtFullscreen: boolean;
+    isInputFocused?: boolean;
     isMaskRepresented: boolean;
+    isSuffixRepresented: boolean;
+    isMenuShadowless: boolean;
+    isShowCatalogSearchButton: boolean;
     fontFamilyStyle: TFontFamilyStyle;
     containerPadding?: string;
+    isDraggable?: boolean;
+    isChipsCollapsed?: boolean;
+    menuListMaxHeight: number;
+    maxRowsCountToCollapseChips: number;
 };
 export type TGenerateNoOptionsMessage = {
     inputValue: string;
 };
-export type THandleFilterOption = {
+export type TOptionData = {
     data: MultiOptionType;
 };
+export type TCheckIsContainsValue = {
+    label: string;
+    email: string;
+    value: string;
+};
+export type TAdditionalInfo = {
+    action: string;
+    prevInputValue: string;
+};
+export type TCorporateContacts = {
+    corporateContacts: TCorporateEntity[];
+    corporateContactsSet: Set<string>;
+};
 export type TSelectProps = {
     options: MultiOptionType[];
     inputValue: string;
@@ -145,39 +202,37 @@ export interface MultiOptionType {
     isMyContacts?: boolean;
     isEnteredByUser?: boolean;
     isNotRemovable?: boolean;
+    isAlreadyAdded?: boolean;
 }
-export type TMyContactsEntries = {
+type TContactEntity = {
+    isLoading?: boolean;
+    isWarning?: boolean;
     isBusyAtSelectedTime?: boolean;
     isPrivateSchedule?: boolean;
     isNotRemovable?: boolean;
-    isOrganizer?: boolean;
+    isOrganizerShort?: boolean;
+    isResetChipsToInputValue?: boolean;
+    isAlreadyAdded?: boolean;
+    uid?: string;
+    userType?: CONTACT_TYPES;
+    organizerName?: string | null;
+    contextMenuItems?: MenuItem[];
+    styles?: TStyles;
+};
+export type TMyContactsEntries = TContactEntity & {
     name: string | null;
     email: string;
     avatar: string | null;
-    isLoading?: boolean;
-    userType?: CONTACT_TYPES;
-    isWarning?: boolean;
-    uid?: string;
-    isResetChipsToInputValue?: boolean;
-    contextMenuItems?: MenuItem[];
 };
 type TContacts = {
     userHuid: string;
     contact: string;
     contactType: string;
+    userKind?: string;
 };
-export type TCorporateEntity = {
-    isBusyAtSelectedTime?: boolean;
-    isPrivateSchedule?: boolean;
-    isNotRemovable?: boolean;
-    isOrganizer?: boolean;
+export type TCorporateEntity = TContactEntity & {
+    isCachedContact?: boolean;
     avatar: string | null;
-    uid?: string;
-    isResetChipsToInputValue?: boolean;
-    contextMenuItems?: MenuItem[];
-    userType?: CONTACT_TYPES;
-    isLoading?: boolean;
-    isWarning?: boolean;
     name: string;
     email: string | null;
     serverName: string | null;
@@ -186,27 +241,58 @@ export type TCorporateEntity = {
     companyPosition: string | null;
     contacts: TContacts[];
 };
-type TCorporateEntries = {
+export type TLocalEntity = TContactEntity & {
+    avatar: string | null;
+    name: string | null;
+    email: string | null;
+    contacts: Omit<TContacts, 'userHuid'>[];
+};
+export type TCorporateEntries = {
     corpPhonebookEntries: TCorporateEntity[];
     trustSearchEntries: TCorporateEntity[];
+    cachedSearchEntries: TCorporateEntity[];
+    localPhonebookEntries?: TLocalEntity[];
 };
-export type TUser = TCorporateEntity | TMyContactsEntries | {
+export type TUser = TCorporateEntity | TLocalEntity | TMyContactsEntries | (TContactEntity & {
     email: string;
     name?: string | null;
-    isBusyAtSelectedTime?: boolean;
-    uid?: string;
-    isResetChipsToInputValue?: boolean;
-    isPrivateSchedule?: boolean;
-    isNotRemovable?: boolean;
-    isOrganizer?: boolean;
-    isWarning?: boolean;
-    isLoading?: boolean;
-    userType?: CONTACT_TYPES;
-    contextMenuItems?: MenuItem[];
+    isLocalContact?: boolean;
+});
+export type TFocusHandle = {
+    focus: () => void;
+    blur: () => void;
+};
+export type TQueryVariants = {
+    origin: string;
+    translit: string;
+    toEng: string;
+    fromEng: string;
 };
+export type TContactMatchScore = {
+    emailScore: number;
+    nameScore: number;
+    originalName: string;
+};
+export type TMatchers = {
+    startsWith: (text: string) => boolean;
+    includes: (text: string) => boolean;
+    anyWordStartsWith: (text: string) => boolean;
+};
+export type TRetrieveFilteredContacts = {
+    query: string;
+    corporateEntries: TCorporateEntries | null;
+    myContactsEntries: TMyContactsEntries[] | null;
+    checkIsEmailToExclude: (email: string | null) => boolean;
+};
+export type TDragUser = {
+    avatar: string;
+    label: string;
+    dropdownId?: string;
+} & TUser;
 export interface IUserDropdownProps extends IPlatformProps, ILayoutTypeProps, IFontFamilyProps, ILanguageProps {
     isDisabled?: boolean;
     isLoading?: boolean;
+    isError?: boolean;
     isChipsOutline?: boolean;
     isChipsVisible?: boolean;
     isChipsCollapsable?: boolean;
@@ -217,53 +303,45 @@ export interface IUserDropdownProps extends IPlatformProps, ILayoutTypeProps, IF
     isBackspaceChipToInput?: boolean;
     isInputHidden?: boolean;
     isDisabledMenuOffsetAtFullscreen?: boolean;
+    isDisabledCheckUniqueEmails?: boolean;
+    isMenuShadowless?: boolean;
+    isStateless?: boolean;
+    isSelectedOptionsHidden?: boolean;
     hasNextPage?: boolean;
     isNextPageLoading?: boolean;
     title?: string;
-    mask?: string;
+    mask?: ReactNode;
+    suffix?: ReactNode;
     placeholder?: string;
+    focusPlaceholder?: string;
     hint?: ReactElement | string;
     noOptionsMessage?: string;
     maxMembersCount?: number;
+    skeletonRowsCount?: number;
+    maxRowsCountToCollapseChips?: number;
+    menuListMaxHeight?: number;
     menuPosition?: 'bottom' | 'auto' | 'top';
+    menuLocation?: 'absolute' | 'fixed';
+    menuPortalTarget?: RefObject<HTMLDivElement | null>;
     autoFocus?: boolean;
     externalInputValue?: string;
     containerClassName?: string;
+    charHintClassName?: string;
     containerPadding?: string;
     containerStyles?: TStyles;
     selectedEntries?: TUser[];
     corporateEntries: TCorporateEntries | null;
     myContactsEntries: TMyContactsEntries[] | null;
     emailsToExclude?: string[];
+    userDropdownId?: string;
+    focusRef?: RefObject<TFocusHandle | null>;
     onInputChange: (inputValue: string) => void;
+    onImmediateInputChange?: (inputValue: string) => void;
     onChange: (users: TUser[]) => void;
     onMenuOpen?: () => void;
     onMenuClose?: () => void;
     onLoadNextPage?: (inputValue: string) => void;
     onShowCatalogSearchButtonClick?: () => void;
+    onFocus?: () => void;
 }
-export type TQueryVariants = {
-    origin: string;
-    translit: string;
-    toEng: string;
-    fromEng: string;
-};
-export type TContactMatchScore = {
-    emailScore: number;
-    nameScore: number;
-    originalName: string;
-};
-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 type TMatchers = {
-    startsWith: (text: string) => boolean;
-    includes: (text: string) => boolean;
-    anyWordStartsWith: (text: string) => boolean;
-};
 export {};

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

@@ -1,9 +1,2 @@
-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 {};
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/UserDropdown/types.ts"],"names":[],"mappings":"AAkRA,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,iBAAiB,EAAE,CAAC;IACpB,cAAc,EAAE,CAAC;IACjB,2BAA2B,EAAE,CAAC;IAC9B,yBAAyB,EAAE,CAAC;IAC5B,aAAa,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC;CACH,CAAA"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/UserDropdown/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,31 +1,40 @@
 {
   "name": "@expressms/smartapp-ui",
-  "version": "3.0.0-alpha.18",
+  "version": "3.0.0-alpha.180",
   "description": "SmartApp UI library",
   "license": "MIT",
   "main": "build/main/index.js",
   "typings": "build/main/index.d.ts",
   "module": "build/module/index.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss",
+    "**/*.sass"
+  ],
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "alex.chus-react-spring-bottom-sheet": "^0.0.2",
+    "@dnd-kit/core": "^6.3.1",
+    "@floating-ui/react": "^0.27.15",
     "camelcase": "^6.2.1",
     "classnames": "^2.3.2",
     "color": "^4.2.3",
     "color-blend": "^4.0.0",
     "convert-layout": "^0.11.1",
+    "date-fns": "^4.2.1",
     "dompurify": "^3.2.6",
     "echarts": "^5.5.0",
     "echarts-for-react": "^3.0.2",
     "juice": "^10.0.0",
+    "motion": "^12.26.2",
     "react-beautiful-dnd": "^13.1.1",
-    "react-datepicker": "^4.8.0",
-    "react-draggable": "^4.4.6",
+    "react-datepicker": "8.10.0",
+    "react-draggable": "4.4.6",
+    "react-hook-form": "^7.60.0",
     "react-insta-stories": "^2.6.2",
+    "react-modal-sheet": "^5.4.1",
     "react-router-dom": "^6.7.0",
     "react-scrollbars-custom": "^4.1.1",
     "react-select": "^5.8.0",
@@ -36,7 +45,8 @@
     "react-window": "^1.8.10",
     "reactjs-popup": "^2.0.5",
     "styled-components": "^6.1.11",
-    "transliteration": "^2.3.5"
+    "transliteration": "~2.3.5",
+    "use-detect-keyboard-open": "^0.4.0"
   },
   "resolutions": {
     "@typescript-eslint/utils": "6.21.0",
@@ -112,7 +122,6 @@
     "@types/node": "^16.18.11",
     "@types/react": "^19.0.2",
     "@types/react-beautiful-dnd": "^13.1.4",
-    "@types/react-datepicker": "^4.8.0",
     "@types/react-dom": "^18.0.10",
     "@types/react-slick": "^0.23.10",
     "@types/react-virtualized": "^9.21.30",
@@ -120,7 +129,6 @@
     "@types/uuid": "^9.0.8",
     "@typescript-eslint/eslint-plugin": "^6.6.0",
     "@typescript-eslint/parser": "^6.6.0",
-    "alex.chus-react-spring-bottom-sheet": "^0.0.2",
     "animate.css": "^4.1.1",
     "babel-jest": "^18.0.0",
     "babel-loader": "8.2.3",

package/build/main/assets/icons/avatar-arrow-down.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.71054 11.71L11.3005 14.3C11.6905 14.69 12.3205 14.69 12.7105 14.3L15.3005 11.71C15.9305 11.08 15.4805 10 14.5905 10H9.41054C8.52054 10 8.08054 11.08 8.71054 11.71Z" fill="currentColor"/>
-</svg>

package/build/main/assets/icons/avatar-arrow-up.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.71054 12.8823L11.3005 10.2923C11.6905 9.90229 12.3205 9.90229 12.7105 10.2923L15.3005 12.8823C15.9305 13.5123 15.4805 14.5923 14.5905 14.5923H9.41054C8.52054 14.5923 8.08054 13.5123 8.71054 12.8823Z" fill="currentColor"/>
-</svg>

package/build/main/hooks/useLongTap.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-type TLongTapEvent = React.TouchEvent<HTMLElement> | React.MouseEvent<HTMLElement, MouseEvent>;
-type TUseLongTap = {
-    onLongTap?: (e: TLongTapEvent) => void;
-    onCancelLongTap?: () => void;
-    longTapDelay?: number;
-};
-export declare const useLongTap: ({ onLongTap, onCancelLongTap, longTapDelay }: TUseLongTap) => {
-    cancelPressTimer: () => void;
-    startPressTimer: (e: TLongTapEvent) => void;
-};
-export {};

package/build/main/hooks/useLongTap.js

@@ -1,29 +0,0 @@
-import { useEffect, useRef } from 'react';
-var DEFAULT_LONG_TAP_DELAY = 500;
-export var useLongTap = function (_a) {
-    var onLongTap = _a.onLongTap, onCancelLongTap = _a.onCancelLongTap, _b = _a.longTapDelay, longTapDelay = _b === void 0 ? DEFAULT_LONG_TAP_DELAY : _b;
-    var timerRef = useRef(null);
-    var isLongTapFulfilledRef = useRef(false);
-    var startPressTimer = function (e) {
-        e.stopPropagation();
-        isLongTapFulfilledRef.current = false;
-        timerRef.current = setTimeout(function () {
-            onLongTap === null || onLongTap === void 0 ? void 0 : onLongTap(e);
-            isLongTapFulfilledRef.current = true;
-        }, longTapDelay);
-    };
-    var cancelPressTimer = function () {
-        if (timerRef.current) {
-            clearTimeout(timerRef.current);
-            timerRef.current = null;
-            if (!isLongTapFulfilledRef.current)
-                onCancelLongTap === null || onCancelLongTap === void 0 ? void 0 : onCancelLongTap();
-        }
-    };
-    useEffect(function () { return function () {
-        if (timerRef.current)
-            clearTimeout(timerRef.current);
-    }; }, []);
-    return { cancelPressTimer: cancelPressTimer, startPressTimer: startPressTimer };
-};
-//# sourceMappingURL=useLongTap.js.map

package/build/main/hooks/useLongTap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLongTap.js","sourceRoot":"","sources":["../../../src/hooks/useLongTap.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAWhD,IAAM,sBAAsB,GAAG,GAAG,CAAA;AAElC,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAAkF;QAAhF,SAAS,eAAA,EAAE,eAAe,qBAAA,EAAE,oBAAqC,EAArC,YAAY,mBAAG,sBAAsB,KAAA;IAC5F,IAAM,QAAQ,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAA;IAC9C,IAAM,qBAAqB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAE3C,IAAM,eAAe,GAAG,UAAC,CAAgB;QACvC,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,qBAAqB,CAAC,OAAO,GAAG,KAAK,CAAA;QACrC,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC;YAC5B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,CAAC,CAAC,CAAA;YACd,qBAAqB,CAAC,OAAO,GAAG,IAAI,CAAA;QACtC,CAAC,EAAE,YAAY,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,IAAM,gBAAgB,GAAG;QACvB,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;YAC9B,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAA;YACvB,IAAI,CAAC,qBAAqB,CAAC,OAAO;gBAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,EAAI,CAAA;SACxD;IACH,CAAC,CAAA;IAED,SAAS,CACP,cAAM,OAAA;QACJ,IAAI,QAAQ,CAAC,OAAO;YAAE,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IACtD,CAAC,EAFK,CAEL,EACD,EAAE,CACH,CAAA;IAED,OAAO,EAAE,gBAAgB,kBAAA,EAAE,eAAe,iBAAA,EAAE,CAAA;AAC9C,CAAC,CAAA"}