@expressms/smartapp-ui 3.0.0-alpha.22 → 3.0.0-alpha.221

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

@@ -0,0 +1,356 @@
+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';
+import { MenuItem } from '../ContextMenu/types';
+export interface IContactBottomSheet extends ILanguageProps {
+    fontFamily?: string;
+    contactInfoTitle?: string;
+    avatar: string | null;
+    name: string;
+    email: string;
+    serverName: string | null;
+    company: string | null;
+    department: string | null;
+    companyPosition: string | null;
+    handleCloseModal: () => void;
+    onClickContactInfoCopyEmail?: () => void;
+}
+export interface IContactInfo extends ILanguageProps {
+    elementRef?: RefObject<HTMLDivElement | null>;
+    serverName: string | null;
+    company: string | null;
+    department: string | null;
+    companyPosition: string | null;
+}
+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 = Required<IPlatformProps> & ILanguageProps & {
+    label: string;
+    avatar: string | null;
+    email: string;
+    serverName: string | null;
+    company: string | null;
+    department: string | null;
+    companyPosition: string | null;
+    isMyContacts: boolean;
+    isLocalContact: boolean;
+    isCachedContact: boolean;
+    isAlreadyAdded: boolean;
+    fontFamily: string;
+    setIsSearchable: (isSearchable: boolean) => void;
+    setModalData: (modalData: TModalData | null) => void;
+    userType?: CONTACT_TYPES;
+    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;
+}
+export type TModalData = {
+    avatar: string | null;
+    name: string;
+    email: string;
+    serverName: string | null;
+    company: string | null;
+    department: string | null;
+    companyPosition: string | null;
+};
+type TGenerateCommonOption = {
+    platform: string;
+    layoutType: string;
+    isChipsCollapsable: boolean;
+    isInputFocused: RefObject<boolean>;
+    selectRef: RefObject<any>;
+};
+export type TGenerateCorporateOption = TGenerateCommonOption & {
+    option: TCorporateEntity;
+};
+export type TGenerateCorporateOptionsToSelect = TGenerateCommonOption & {
+    language: string;
+    options: TCorporateEntity[];
+    setIsSearchable: (isSearchable: boolean) => void;
+    setModalData: (modalData: TModalData | null) => void;
+};
+type TMyContactsEntriesOption = TMyContactsEntries & {
+    contacts?: Omit<TContacts, 'userKind'>[];
+};
+export type TGenerateContactsOption = TGenerateCommonOption & {
+    option: TMyContactsEntriesOption | TLocalEntity;
+    isMyContacts?: boolean;
+    isLocalContact?: boolean;
+};
+export type TGenerateContactsOptionsToSelect = TGenerateCommonOption & {
+    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 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;
+    onChange: (value: MultiOptionType[]) => void;
+    onInputChange: (value: string) => void;
+};
+export interface MultiOptionType {
+    value: string;
+    label: string;
+    avatar?: string | null;
+    email: string;
+    layoutType: string;
+    isChipsCollapsable: boolean;
+    isLoading?: boolean;
+    uid?: string;
+    isWarning?: boolean;
+    userType?: CONTACT_TYPES;
+    platform?: string;
+    serverName?: string | null;
+    company?: string | null;
+    department?: string | null;
+    companyPosition?: string | null;
+    isMyContacts?: boolean;
+    isEnteredByUser?: boolean;
+    isNotRemovable?: boolean;
+    isAlreadyAdded?: boolean;
+}
+type TContactEntity = {
+    isLoading?: boolean;
+    isWarning?: boolean;
+    isBusyAtSelectedTime?: boolean;
+    isPrivateSchedule?: boolean;
+    isNotRemovable?: 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;
+};
+type TContacts = {
+    userHuid: string;
+    contact: string;
+    contactType: string;
+    userKind?: string;
+};
+export type TCorporateEntity = TContactEntity & {
+    isCachedContact?: boolean;
+    avatar: string | null;
+    name: string;
+    email: string | null;
+    serverName: string | null;
+    company: string | null;
+    department: string | null;
+    companyPosition: string | null;
+    contacts: TContacts[];
+};
+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 | TLocalEntity | TMyContactsEntries | (TContactEntity & {
+    email: string;
+    name?: string | null;
+    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;
+    isSelectedChipHasTooltip?: boolean;
+    isMenuCloseOnBlur?: boolean;
+    isMenuCloseOnSelect?: boolean;
+    isFilteringDisabled?: boolean;
+    isShowCatalogSearchButton?: boolean;
+    isBackspaceChipToInput?: boolean;
+    isInputHidden?: boolean;
+    isDisabledMenuOffsetAtFullscreen?: boolean;
+    isDisabledCheckUniqueEmails?: boolean;
+    isMenuShadowless?: boolean;
+    isStateless?: boolean;
+    isSelectedOptionsHidden?: boolean;
+    isMaskHiddenOnFocus?: boolean;
+    hasNextPage?: boolean;
+    isNextPageLoading?: boolean;
+    isInputValueClearedOnBlur?: boolean;
+    isNotClickable?: boolean;
+    title?: string;
+    contactInfoTitle?: string;
+    mask?: ReactNode;
+    suffix?: ReactNode;
+    placeholder?: string;
+    focusPlaceholder?: string;
+    hint?: ReactElement | string;
+    noOptionsMessage?: string;
+    maxMembersCount?: number;
+    skeletonRowsCount?: number;
+    maxRowsCountToCollapseChips?: number;
+    menuListMaxHeight?: number;
+    menuShouldScrollIntoView?: boolean;
+    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;
+    onClickContactInfoCopyEmail?: () => void;
+    onFocus?: () => void;
+}
+export {};

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/UserDropdown/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+export type Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N ? Acc[number] : Enumerate<N, [...Acc, Acc['length']]>;
+export type IntRange<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/сomponents/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expressms/smartapp-ui",
-  "version": "3.0.0-alpha.22",
+  "version": "3.0.0-alpha.221",
   "description": "SmartApp UI library",
   "license": "MIT",
   "main": "build/main/index.js",
@@ -12,20 +12,25 @@
     "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,10 +41,12 @@
     "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",
+    "@testing-library/jest-dom": "6.9.1",
     "juice/cheerio": "1.0.0-rc.12"
   },
   "scripts": {
@@ -102,7 +109,7 @@
     "@storybook/react-webpack5": "^8.5.1",
     "@storybook/test": "^8.5.1",
     "@svgr/webpack": "^8.1.0",
-    "@testing-library/jest-dom": "^6.4.2",
+    "@testing-library/jest-dom": "6.9.1",
     "@types/color": "^3.0.6",
     "@types/convert-layout": "^0.5.3",
     "@types/dompurify": "^3.0.5",
@@ -112,7 +119,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 +126,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",