@linagora/twake-mui 10.5.0 → 11.0.0

package/dist/components/ActionsMenu/locales/en.json

@@ -0,0 +1,32 @@
+{
+    "ActionsMenu": {
+        "menu": "Menu",
+        "viewInContacts": "View in Cozy Contacts",
+        "viewInDrive": "Open",
+        "modify": "Modify",
+        "emailTo": "Send an email",
+        "smsTo": "Send a message",
+        "print": "Print",
+        "download": "Download",
+        "favorites": {
+            "add": {
+                "label": "Add to favorites",
+                "success": "%{filename} has been added to favorites |||| These items have been added to favorites"
+            },
+            "remove": {
+                "label": "Remove from favorites",
+                "success": "%{filename} has been removed from favorites |||| These items have been removed from favorites"
+            },
+            "error": "An error occurred, please try again."
+        },
+        "others": "Others",
+        "editAttribute": "Edit attribute",
+        "copyToClipboard": {
+            "copy": "Copy",
+            "success": "Copied to clipboard",
+            "error": "Cannot copy to clipboard"
+        },
+        "call": "Call",
+        "exportToText": "Export as text"
+    }
+}

package/dist/components/ActionsMenu/locales/es.json

@@ -0,0 +1,32 @@
+{
+    "ActionsMenu": {
+        "menu": "Menú",
+        "viewInContacts": "Ver en Cozy Contacts",
+        "viewInDrive": "Abrir",
+        "modify": "Modificar",
+        "emailTo": "Enviar un correo",
+        "smsTo": "Enviar un mensaje",
+        "print": "Imprimir",
+        "download": "Descargar",
+        "favorites": {
+            "add": {
+                "label": "Añadir a favoritos",
+                "success": "%{filename} se ha añadido a favoritos |||| Estos elementos se han añadido a favoritos"
+            },
+            "remove": {
+                "label": "Quitar de favoritos",
+                "success": "%{filename} se ha quitado de favoritos |||| Estos elementos se han quitado de favoritos"
+            },
+            "error": "Se ha producido un error. Inténtelo de nuevo."
+        },
+        "others": "Otros",
+        "editAttribute": "Editar atributo",
+        "copyToClipboard": {
+            "copy": "Copiar",
+            "success": "Copiado al portapapeles",
+            "error": "No se puede copiar al portapapeles"
+        },
+        "call": "Llamar",
+        "exportToText": "Exportar como texto"
+    }
+}

package/dist/components/ActionsMenu/locales/fr.json

@@ -0,0 +1,32 @@
+{
+    "ActionsMenu": {
+        "menu": "Menu",
+        "viewInContacts": "Voir dans Cozy Contacts",
+        "viewInDrive": "Ouvrir",
+        "modify": "Modifier",
+        "emailTo": "Envoyer un e-mail",
+        "smsTo": "Envoyer un message",
+        "print": "Imprimer",
+        "download": "Télécharger",
+        "favorites": {
+            "add": {
+                "label": "Ajouter aux favoris",
+                "success": "%{filename} a été ajouté aux favoris |||| Ces éléments ont été ajoutés aux favoris"
+            },
+            "remove": {
+                "label": "Retirer des favoris",
+                "success": "%{filename} a été retiré des favoris |||| Ces éléments ont été retirés des favoris"
+            },
+            "error": "Une erreur est survenue, merci de réessayer."
+        },
+        "others": "Autres",
+        "editAttribute": "Editer l'attribut",
+        "copyToClipboard": {
+            "copy": "Copier",
+            "success": "Copié dans le presse-papier",
+            "error": "Impossible de copier dans le presse-papier"
+        },
+        "call": "Appeler",
+        "exportToText": "Exporter en texte"
+    }
+}

package/dist/components/ActionsMenu/locales/index.d.ts

@@ -0,0 +1,231 @@
+export declare const locales: {
+    de: {
+        ActionsMenu: {
+            menu: string;
+            viewInContacts: string;
+            viewInDrive: string;
+            modify: string;
+            emailTo: string;
+            smsTo: string;
+            print: string;
+            download: string;
+            favorites: {
+                add: {
+                    label: string;
+                    success: string;
+                };
+                remove: {
+                    label: string;
+                    success: string;
+                };
+                error: string;
+            };
+            others: string;
+            editAttribute: string;
+            copyToClipboard: {
+                copy: string;
+                success: string;
+                error: string;
+            };
+            call: string;
+            exportToText: string;
+        };
+    };
+    en: {
+        ActionsMenu: {
+            menu: string;
+            viewInContacts: string;
+            viewInDrive: string;
+            modify: string;
+            emailTo: string;
+            smsTo: string;
+            print: string;
+            download: string;
+            favorites: {
+                add: {
+                    label: string;
+                    success: string;
+                };
+                remove: {
+                    label: string;
+                    success: string;
+                };
+                error: string;
+            };
+            others: string;
+            editAttribute: string;
+            copyToClipboard: {
+                copy: string;
+                success: string;
+                error: string;
+            };
+            call: string;
+            exportToText: string;
+        };
+    };
+    es: {
+        ActionsMenu: {
+            menu: string;
+            viewInContacts: string;
+            viewInDrive: string;
+            modify: string;
+            emailTo: string;
+            smsTo: string;
+            print: string;
+            download: string;
+            favorites: {
+                add: {
+                    label: string;
+                    success: string;
+                };
+                remove: {
+                    label: string;
+                    success: string;
+                };
+                error: string;
+            };
+            others: string;
+            editAttribute: string;
+            copyToClipboard: {
+                copy: string;
+                success: string;
+                error: string;
+            };
+            call: string;
+            exportToText: string;
+        };
+    };
+    fr: {
+        ActionsMenu: {
+            menu: string;
+            viewInContacts: string;
+            viewInDrive: string;
+            modify: string;
+            emailTo: string;
+            smsTo: string;
+            print: string;
+            download: string;
+            favorites: {
+                add: {
+                    label: string;
+                    success: string;
+                };
+                remove: {
+                    label: string;
+                    success: string;
+                };
+                error: string;
+            };
+            others: string;
+            editAttribute: string;
+            copyToClipboard: {
+                copy: string;
+                success: string;
+                error: string;
+            };
+            call: string;
+            exportToText: string;
+        };
+    };
+    it: {
+        ActionsMenu: {
+            menu: string;
+            viewInContacts: string;
+            viewInDrive: string;
+            modify: string;
+            emailTo: string;
+            smsTo: string;
+            print: string;
+            download: string;
+            favorites: {
+                add: {
+                    label: string;
+                    success: string;
+                };
+                remove: {
+                    label: string;
+                    success: string;
+                };
+                error: string;
+            };
+            others: string;
+            editAttribute: string;
+            copyToClipboard: {
+                copy: string;
+                success: string;
+                error: string;
+            };
+            call: string;
+            exportToText: string;
+        };
+    };
+    ru: {
+        ActionsMenu: {
+            menu: string;
+            viewInContacts: string;
+            viewInDrive: string;
+            modify: string;
+            emailTo: string;
+            smsTo: string;
+            print: string;
+            download: string;
+            favorites: {
+                add: {
+                    label: string;
+                    success: string;
+                };
+                remove: {
+                    label: string;
+                    success: string;
+                };
+                error: string;
+            };
+            others: string;
+            editAttribute: string;
+            copyToClipboard: {
+                copy: string;
+                success: string;
+                error: string;
+            };
+            call: string;
+            exportToText: string;
+        };
+    };
+    vi: {
+        ActionsMenu: {
+            menu: string;
+            viewInContacts: string;
+            viewInDrive: string;
+            modify: string;
+            emailTo: string;
+            smsTo: string;
+            print: string;
+            download: string;
+            favorites: {
+                add: {
+                    label: string;
+                    success: string;
+                };
+                remove: {
+                    label: string;
+                    success: string;
+                };
+                error: string;
+            };
+            others: string;
+            editAttribute: string;
+            copyToClipboard: {
+                copy: string;
+                success: string;
+                error: string;
+            };
+            call: string;
+            exportToText: string;
+        };
+    };
+};
+export type ActionTranslate = (key: string, options?: Record<string, unknown>) => string;
+/** Translates outside React, since actions are built before being rendered */
+export declare const getActionsI18n: () => {
+    t: ActionTranslate;
+};

package/dist/components/ActionsMenu/locales/index.js

@@ -0,0 +1,15 @@
+import { getI18n } from 'twake-i18n';
+import de from './de.json';
+import en from './en.json';
+import es from './es.json';
+import fr from './fr.json';
+import it from './it.json';
+import ru from './ru.json';
+import vi from './vi.json';
+export const locales = { de, en, es, fr, it, ru, vi };
+const isLang = (lang) => lang in locales;
+/** Translates outside React, since actions are built before being rendered */
+export const getActionsI18n = () => {
+    const i18n = getI18n(undefined, (lang) => (isLang(lang) ? locales[lang] : locales.en), undefined);
+    return { t: i18n.t };
+};

package/dist/components/ActionsMenu/locales/it.json

@@ -0,0 +1,32 @@
+{
+    "ActionsMenu": {
+        "menu": "Menu",
+        "viewInContacts": "Visualizza in Cozy Contacts",
+        "viewInDrive": "Apri",
+        "modify": "Modifica",
+        "emailTo": "Invia un'email",
+        "smsTo": "Invia un messaggio",
+        "print": "Stampa",
+        "download": "Scarica",
+        "favorites": {
+            "add": {
+                "label": "Aggiungi ai preferiti",
+                "success": "%{filename} è stato aggiunto ai preferiti |||| Questi elementi sono stati aggiunti ai preferiti"
+            },
+            "remove": {
+                "label": "Rimuovi dai preferiti",
+                "success": "%{filename} è stato rimosso dai preferiti |||| Questi elementi sono stati rimossi dai preferiti"
+            },
+            "error": "Si è verificato un errore, riprova."
+        },
+        "others": "Altro",
+        "editAttribute": "Modifica attributo",
+        "copyToClipboard": {
+            "copy": "Copia",
+            "success": "Copiato negli appunti",
+            "error": "Impossibile copiare negli appunti"
+        },
+        "call": "Chiama",
+        "exportToText": "Esporta come testo"
+    }
+}

package/dist/components/ActionsMenu/locales/ru.json

@@ -0,0 +1,32 @@
+{
+    "ActionsMenu": {
+        "menu": "Меню",
+        "viewInContacts": "Просмотреть в Cozy Контакты",
+        "viewInDrive": "Открыть",
+        "modify": "Изменить",
+        "emailTo": "Отправить email",
+        "smsTo": "Отправить сообщение",
+        "print": "Печать",
+        "download": "Скачать",
+        "favorites": {
+            "add": {
+                "label": "Добавить в избранное",
+                "success": "%{filename} был добавлен в избранное |||| Эти элементы были добавлены в избранное"
+            },
+            "remove": {
+                "label": "Удалить из избранного",
+                "success": "%{filename} был удален из избранного |||| Эти элементы были удалены из избранного"
+            },
+            "error": "Произошла ошибка, попробуйте еще раз."
+        },
+        "others": "Прочее",
+        "editAttribute": "Редактировать атрибут",
+        "copyToClipboard": {
+            "copy": "Копировать",
+            "success": "Скопировано в буфер обмена",
+            "error": "Не удается скопировать в буфер обмена"
+        },
+        "call": "Звонить",
+        "exportToText": "Экспортировать как текст"
+    }
+}

package/dist/components/ActionsMenu/locales/vi.json

@@ -0,0 +1,32 @@
+{
+    "ActionsMenu": {
+        "menu": "Menu",
+        "viewInContacts": "Xem trong Cozy Contacts",
+        "viewInDrive": "Mở",
+        "modify": "Chỉnh sửa",
+        "emailTo": "Gửi email",
+        "smsTo": "Gửi tin nhắn",
+        "print": "In",
+        "download": "Tải xuống",
+        "favorites": {
+            "add": {
+                "label": "Thêm vào yêu thích",
+                "success": "%{filename} đã được thêm vào yêu thích |||| Các mục này đã được thêm vào yêu thích"
+            },
+            "remove": {
+                "label": "Xóa khỏi yêu thích",
+                "success": "%{filename} đã được xóa khỏi yêu thích |||| Các mục này đã được xóa khỏi yêu thích"
+            },
+            "error": "Có lỗi xảy ra, vui lòng thử lại."
+        },
+        "others": "Khác",
+        "editAttribute": "Chỉnh sửa thuộc tính",
+        "copyToClipboard": {
+            "copy": "Sao chép",
+            "success": "Đã sao chép vào clipboard",
+            "error": "Không thể sao chép vào clipboard"
+        },
+        "call": "Gọi",
+        "exportToText": "Xuất dưới dạng văn bản"
+    }
+}

package/dist/components/ActionsMenu/types.d.ts

@@ -0,0 +1,85 @@
+import { IconProps } from '@linagora/twake-icons';
+import React from 'react';
+import type { WebviewService } from 'cozy-intent';
+import { ListItemSize } from '../ListItem';
+import { ActionTranslate } from './locales';
+export type { ActionTranslate };
+export interface ActionDocument {
+    _id: string;
+    _type?: string;
+    name?: string;
+    dir_id?: string;
+    driveId?: string;
+    phone?: {
+        number?: string;
+    }[];
+    email?: {
+        address?: string;
+    }[];
+    cozyMetadata?: {
+        favorite?: boolean;
+        [key: string]: unknown;
+    };
+    [key: string]: unknown;
+}
+export interface ActionCallbackOptions {
+    t: ActionTranslate;
+    /** Bridge to the native app, when the page runs inside it */
+    webviewIntent?: WebviewService;
+    [key: string]: unknown;
+}
+export interface ActionComponentProps {
+    action: Action;
+    docs: ActionDocument[];
+    autoFocus?: boolean;
+    disabled?: boolean;
+    onClick: (clickProps?: object) => void;
+    isListItem?: boolean;
+    size?: ListItemSize;
+}
+export type ActionComponent = React.ComponentType<ActionComponentProps & React.RefAttributes<HTMLElement>>;
+export interface ActionComponentSlotProps {
+    Icon?: Partial<IconProps>;
+    ListItemText?: object;
+}
+export interface Action<Options extends object = ActionCallbackOptions> {
+    name: string;
+    icon?: IconProps['icon'];
+    label?: string;
+    /** Greys the action out, while still displaying it */
+    disabled?: (docs: ActionDocument[]) => boolean;
+    displayCondition?: (docs: ActionDocument[]) => boolean;
+    componentProps?: ActionComponentSlotProps;
+    Component: ActionComponent;
+    /** Method syntax keeps each action free to narrow its own options */
+    action?(docs: ActionDocument[], options: Options): unknown;
+}
+/** An action keyed by its name, as built by `makeActions` */
+export type ActionObject = Record<string, Action>;
+export type ActionFactory<FactoryOptions extends object = object> = (options: FactoryOptions) => Action;
+export interface ShowAlertOptions {
+    message: string;
+    severity: 'success' | 'error' | 'info' | 'warning';
+    variant?: 'filled' | 'outlined' | 'standard';
+}
+export type ShowAlert = (options: ShowAlertOptions) => void;
+export interface WebLinkOptions {
+    slug: string;
+    cozyUrl: string;
+    subDomainType: string;
+    pathname: string;
+    hash: string;
+}
+export type GenerateWebLink = (options: WebLinkOptions) => string;
+export interface WebLinkClient {
+    getStackClient: () => {
+        uri: string;
+    };
+    getInstanceOptions: () => {
+        subdomain: string;
+    };
+}
+export interface WebLinkActionOptions {
+    client: WebLinkClient;
+    generateWebLink: GenerateWebLink;
+}

package/dist/components/ActionsMenu/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/BottomSheet/index.js

@@ -1,6 +1,6 @@
 import { Backdrop, Portal } from '@mui/material';
 import React, { memo, useCallback, useEffect, useRef, useState } from 'react';
-import { useMutationObserver, useTimeoutWhen } from 'rooks';
+import { useMutationObserver, useTimeoutWhen, useWindowSize } from 'rooks';
 import { ANIMATION_DURATION, computeBottomSpacer, computeMaxHeight, computeMediumHeight, computeMinHeight, getCssValue, makeOverriddenChildren, minimizeAndClose, setBottomPosition, setTopPosition } from './helpers';
 import { BORDER_RADIUS, BottomSheetBounceSafer, BottomSheetContainer, BottomSheetHandleBar, BottomSheetIndicator, BottomSheetOffsetSafer, BottomSheetRenderSafer, BottomSheetRenderSaferFill, BottomSheetRoot, BottomSheetSpacer, BottomSheetStack } from './styles';
 /** Shared default, so that effects depending on it do not run on every render */
@@ -26,6 +26,8 @@ const BottomSheetContent = memo(function BottomSheetContent({ toolbarProps = NO_
     const [initPos, setInitPos] = useState(0);
     const prevInitPos = useRef(0);
     const [forceRender, setForceRender] = useState(0);
+    // Stops are positions from the window top, so they follow its height (rotation, browser bars)
+    const { innerHeight } = useWindowSize();
     const hasToolbarProps = Object.keys(toolbarProps).length > 0;
     const isClosable = !!onClose || backdrop;
     const renderSaferHeight = initPos < prevInitPos.current ? prevInitPos.current - BORDER_RADIUS : 0;
@@ -133,7 +135,8 @@ const BottomSheetContent = memo(function BottomSheetContent({ toolbarProps = NO_
         backdrop,
         isClosable,
         offset,
-        forceRender
+        forceRender,
+        innerHeight
     ]);
     const content = (React.createElement(React.Fragment, null,
         showBackdrop && React.createElement(Backdrop, { open: true, onClick: handleBackdropClick }),

package/dist/components/SpaceOverlay/SpaceOverlay.d.ts

@@ -1,6 +1,6 @@
 import type { ThemeOptions } from '@mui/material/styles';
 import { type FC, type ReactNode } from 'react';
-import type { SpaceOverlay } from './spaceOverlay';
+import type { SpaceOverlay } from './connectSpaceOverlay';
 export interface SpaceOverlayProviderProps {
     /** From `connectSpaceOverlay`, null outside TwakeSpace */
     overlay: SpaceOverlay | null;

package/dist/index.d.ts

@@ -6,6 +6,30 @@ export { makePalette } from './lib/makePalette';
 export { theme } from './lib/theme';
 export { radius } from './lib/radius';
 export { TwakeMuiThemeProvider } from './components/ThemeProvider';
+export { default as ActionsMenu } from './components/ActionsMenu';
+export { default as ActionsMenuWrapper } from './components/ActionsMenu/ActionsMenuWrapper';
+export { default as ActionsMenuItem } from './components/ActionsMenu/ActionsMenuItem';
+export { default as ActionsMenuMobileHeader } from './components/ActionsMenu/ActionsMenuMobileHeader';
+export { default as ActionsMenuButton } from './components/ActionsMenu/ActionsMenuButton';
+export { default as ActionsItems } from './components/ActionsMenu/ActionsItems';
+export { getActionName, getOnlyNeededActions } from './components/ActionsMenu/helpers';
+export { makeActions, makeAppWebLink, makeBase64FromFile, fileToArrayBuffer, addFileToPdf, makePdfBlob, downloadBlob } from './components/ActionsMenu/Actions/helpers';
+export { wrapTextToLines, pushNewPageIfNeeded, drawWrappedText, makePdfBlobFromText } from './components/ActionsMenu/Actions/pdfHelpers';
+export { makeAction, makeActionComponent } from './components/ActionsMenu/Actions/makeAction';
+export { divider } from './components/ActionsMenu/Actions/divider';
+export { modify } from './components/ActionsMenu/Actions/modify';
+export { smsTo } from './components/ActionsMenu/Actions/smsTo';
+export { call } from './components/ActionsMenu/Actions/call';
+export { emailTo } from './components/ActionsMenu/Actions/emailTo';
+export { print } from './components/ActionsMenu/Actions/print';
+export { download } from './components/ActionsMenu/Actions/download';
+export { addToFavorites, removeFromFavorites } from './components/ActionsMenu/Actions/favorites';
+export { viewInContacts } from './components/ActionsMenu/Actions/viewInContacts';
+export { viewInDrive } from './components/ActionsMenu/Actions/viewInDrive';
+export { copyToClipboard } from './components/ActionsMenu/Actions/copyToClipboard';
+export { editAttribute } from './components/ActionsMenu/Actions/editAttribute';
+export { others } from './components/ActionsMenu/Actions/others';
+export { exportToText } from './components/ActionsMenu/Actions/exportToText';
 export { Avatar, default as AvatarDefault } from './components/Avatar';
 export { Button, default as ButtonDefault } from './components/Button';
 export { default as BottomSheet } from './components/BottomSheet';
@@ -45,12 +69,26 @@ export { default as AccordionExpandIcon } from './components/AccordionExpandIcon
 export { default as VirtualizedTable } from './components/VirtualizedTable';
 export { VirtuosoMockContext } from 'react-virtuoso';
 export { useBreakpoints } from './hooks/useBreakpoints';
-export { connectSpaceOverlay, computeOverlayRegion } from './components/SpaceOverlay/spaceOverlay';
+export { connectSpaceOverlay, computeOverlayRegion } from './components/SpaceOverlay/connectSpaceOverlay';
 export { OverlayPortal, SpaceOverlayProvider, overlayThemeOptions, useOverlayWindow } from './components/SpaceOverlay/SpaceOverlay';
 export { overlayClipPath, overlayRegionMessage, parseOverlayRegion, parseOverlayRegionMessage } from './components/SpaceOverlay/region';
 export { OverlayFrame } from './components/SpaceOverlay/OverlayFrame';
 export type { TwakeTheme } from './lib/theme';
 export type { PaletteJson } from './lib/types';
+export type { ActionsMenuProps, ActionsMenuComponentsProps } from './components/ActionsMenu';
+export type { ActionsMenuWrapperProps } from './components/ActionsMenu/ActionsMenuWrapper';
+export type { ActionsMenuItemProps } from './components/ActionsMenu/ActionsMenuItem';
+export type { ActionsMenuMobileHeaderProps } from './components/ActionsMenu/ActionsMenuMobileHeader';
+export type { ActionsMenuButtonProps } from './components/ActionsMenu/ActionsMenuButton';
+export type { ActionsItemsProps } from './components/ActionsMenu/ActionsItems';
+export type { Action, ActionCallbackOptions, ActionComponent, ActionComponentProps, ActionComponentSlotProps, ActionDocument, ActionFactory, ActionObject, ActionTranslate, GenerateWebLink, ShowAlert, ShowAlertOptions, WebLinkActionOptions, WebLinkClient, WebLinkOptions } from './components/ActionsMenu/types';
+export type { MakeActionComponentOptions, MakeActionOptions } from './components/ActionsMenu/Actions/makeAction';
+export type { AppWebLinkOptions, FetchBlobFileById, MakePdfBlobOptions } from './components/ActionsMenu/Actions/helpers';
+export type { WrapTextToLinesOptions, PdfCursor, PushNewPageIfNeededOptions, DrawWrappedTextOptions } from './components/ActionsMenu/Actions/pdfHelpers';
+export type { FavoritesActionOptions } from './components/ActionsMenu/Actions/favorites';
+export type { DownloadActionOptions, DownloadFileOptions } from './components/ActionsMenu/Actions/download';
+export type { PrintActionOptions, PrintClient } from './components/ActionsMenu/Actions/print';
+export type { ExportToTextActionOptions } from './components/ActionsMenu/Actions/exportToText';
 export type { AvatarProps } from './components/Avatar';
 export type { ButtonProps } from './components/Button';
 export type { BottomSheetProps, BottomSheetSettings, BottomSheetToolbarProps } from './components/BottomSheet/types';
@@ -65,7 +103,7 @@ export type { ContactPopoverVideoActionProps } from './components/ContactPopover
 export type { ContactPopoverCalendarActionProps } from './components/ContactPopover/ContactPopoverCalendarAction';
 export type { ContactPopoverEmailActionProps } from './components/ContactPopover/ContactPopoverEmailAction';
 export type { ChipProps } from './components/Chip';
-export type { SpaceOverlay, SpaceOverlayStatus } from './components/SpaceOverlay/spaceOverlay';
+export type { SpaceOverlay, SpaceOverlayStatus } from './components/SpaceOverlay/connectSpaceOverlay';
 export type { SpaceOverlayProviderProps } from './components/SpaceOverlay/SpaceOverlay';
 export type { OverlayBox, OverlayRegion } from './components/SpaceOverlay/region';
 export type { OverlayFrameProps } from './components/SpaceOverlay/OverlayFrame';