@linagora/twake-mui 15.2.0 → 16.0.1

package/dist/components/Dialogs/IllustrationDialog.js

@@ -0,0 +1,21 @@
+import { DialogContent, DialogTitle } from '@mui/material';
+import cx from 'classnames';
+import React from 'react';
+import DialogFluidContent from './DialogFluidContent';
+import DialogNavButtons from './DialogNavButtons';
+import { useDialogLayout } from './useDialogLayout';
+import Dialog from '../Dialog';
+/** Dialog whose title is an illustration, centered above a short content */
+const IllustrationDialog = ({ title, content, actions, actionsLayout, ...props }) => {
+    const { id, fullScreen, dialogProps, dialogTitleProps, dialogActionsProps, dialogContentProps } = useDialogLayout({
+        ...props,
+        isFluidTitle: true,
+        disableTitleAutoPadding: true
+    });
+    return (React.createElement(Dialog, { ...dialogProps },
+        React.createElement(DialogNavButtons, { id: id, fullScreen: fullScreen, onClose: props.onClose, onBack: props.onBack }),
+        React.createElement(DialogContent, { ...dialogContentProps },
+            React.createElement(DialogFluidContent, { className: "u-pt-1-half", header: title && (React.createElement("div", { className: "dialogTitleFluidContainer" },
+                    React.createElement(DialogTitle, { ...dialogTitleProps, className: cx('u-flex u-flex-justify-center', dialogTitleProps.className) }, title))), content: content, actions: actions, actionsLayout: actionsLayout, dialogActionsProps: dialogActionsProps }))));
+};
+export default IllustrationDialog;

package/dist/components/Dialogs/InstallFlagshipAppDialog.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface InstallFlagshipAppDialogProps {
+    onClose?: () => void;
+    /** Play Store link of the description */
+    playStoreUrl?: string;
+    /** App Store link of the description */
+    appStoreUrl?: string;
+    /** Image of a QR code leading to the download page of the app */
+    QRCode?: string;
+}
+/** Invites to install the mobile app, through a QR code or the stores */
+declare const InstallFlagshipAppDialog: ({ onClose, playStoreUrl, appStoreUrl, QRCode }: InstallFlagshipAppDialogProps) => React.ReactElement;
+export default InstallFlagshipAppDialog;

package/dist/components/Dialogs/InstallFlagshipAppDialog.js

@@ -0,0 +1,26 @@
+import { Link, Typography } from '@mui/material';
+import React from 'react';
+import { useExtendI18n, useI18n } from 'twake-i18n';
+import IllustrationDialog from './IllustrationDialog';
+import appStoreIcon from './images/appStore.png';
+import defaultQrCode from './images/installFlagshipAppQrCode.png';
+import playStoreIcon from './images/playStore.png';
+import { locales } from './locales';
+/** Invites to install the mobile app, through a QR code or the stores */
+const InstallFlagshipAppDialog = ({ onClose, playStoreUrl = 'https://play.google.com/store/apps/details?id=io.cozy.flagship.mobile', appStoreUrl = 'https://apps.apple.com/app/my-cozy/id1600636174', QRCode = defaultQrCode }) => {
+    useExtendI18n(locales);
+    const { t } = useI18n();
+    return (React.createElement(IllustrationDialog, { open: true, size: "small", onClose: onClose, componentsProps: { dialogTitle: { className: 'u-pt-2-half' } }, title: React.createElement(Link, { href: "https://cozy.io/download", target: "_blank", rel: "noopener noreferrer" },
+            React.createElement("img", { src: QRCode, width: "100%", alt: "", "aria-hidden": true }),
+            React.createElement("span", { className: "u-visuallyhidden" }, t('Dialogs.installFlagshipApp.linkLabel'))), content: React.createElement("div", { className: "u-ta-center" },
+            React.createElement(Typography, { gutterBottom: true, variant: "h3", color: "text.primary" }, t('Dialogs.installFlagshipApp.title')),
+            React.createElement(Typography, { color: "text.secondary", className: "u-ta-center", dangerouslySetInnerHTML: {
+                    __html: t('Dialogs.installFlagshipApp.text', {
+                        androidUrl: playStoreUrl,
+                        androidIconSrc: playStoreIcon,
+                        iosUrl: appStoreUrl,
+                        iosIconSrc: appStoreIcon
+                    })
+                } })) }));
+};
+export default InstallFlagshipAppDialog;

package/dist/components/Dialogs/PermissionDialog.d.ts

@@ -0,0 +1,11 @@
+import { Icon } from '@linagora/twake-icons';
+import React from 'react';
+import { ConfirmDialogProps } from './ConfirmDialog';
+export interface PermissionDialogProps extends Pick<ConfirmDialogProps, 'open' | 'content' | 'actions' | 'actionsLayout' | 'onClose'> {
+    /** Describes the action to be taken */
+    icon: React.ComponentProps<typeof Icon>['icon'];
+    title: string;
+}
+/** Dialog confirming an action on the system, such as a permission or an authentication */
+declare const PermissionDialog: ({ open, icon, title, content, actions, actionsLayout, onClose }: PermissionDialogProps) => React.ReactElement;
+export default PermissionDialog;

package/dist/components/Dialogs/PermissionDialog.js

@@ -0,0 +1,15 @@
+import { Icon } from '@linagora/twake-icons';
+import React from 'react';
+import ConfirmDialog from './ConfirmDialog';
+import PermissionDialogIcon from './PermissionDialogIcon';
+/** Dialog confirming an action on the system, such as a permission or an authentication */
+const PermissionDialog = ({ open, icon, title, content, actions, actionsLayout, onClose }) => (React.createElement(ConfirmDialog, { open: open, size: "small", disableTitleAutoPadding: true, classes: { paper: 'u-ov-visible' }, componentsProps: {
+        dialogTitle: {
+            className: 'u-flex u-flex-justify-center u-ta-center u-pt-2 u-pb-half'
+        },
+        dialogContent: { className: 'u-ov-visible' }
+    }, title: React.createElement(React.Fragment, null,
+        React.createElement(PermissionDialogIcon, { elevation: 2, className: "u-pos-absolute u-bdrs-circle u-flex" },
+            React.createElement(Icon, { className: "u-m-auto", icon: icon, size: 48 })),
+        title), content: content, actions: actions, actionsLayout: actionsLayout, onClose: onClose }));
+export default PermissionDialog;

package/dist/components/Dialogs/PermissionDialogIcon.d.ts

@@ -0,0 +1,3 @@
+/** Round paper floating above the top edge of a permission dialog */
+declare const PermissionDialogIcon: import("@emotion/styled").StyledComponent<import("@mui/material").PaperOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "square" | "className" | "elevation" | "children" | "classes" | "sx" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export default PermissionDialogIcon;

package/dist/components/Dialogs/PermissionDialogIcon.js

@@ -0,0 +1,8 @@
+import { Paper, styled } from '@mui/material';
+/** Round paper floating above the top edge of a permission dialog */
+const PermissionDialogIcon = styled(Paper)({
+    top: '-2.25rem',
+    width: '4.5rem',
+    height: '4.5rem'
+});
+export default PermissionDialogIcon;

package/dist/components/Dialogs/ShortcutDialog.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { SaveShortcut } from './shortcutHelpers';
+export interface ShortcutDialogProps {
+    /** Shortcut to edit, which prefills the fields */
+    shortcut?: {
+        name?: string;
+        url?: string;
+    };
+    /** Called with the file name and the URL of the shortcut */
+    onSave: SaveShortcut;
+    onClose: () => void;
+}
+/** Creates or edits a shortcut to a URL. Must be rendered within an `AlertProvider` */
+declare const ShortcutDialog: ({ shortcut, onSave, onClose }: ShortcutDialogProps) => React.ReactElement;
+export default ShortcutDialog;

package/dist/components/Dialogs/ShortcutDialog.js

@@ -0,0 +1,41 @@
+import { Button, Stack, TextField } from '@mui/material';
+import React, { useState } from 'react';
+import { useExtendI18n, useI18n } from 'twake-i18n';
+import ConfirmDialog from './ConfirmDialog';
+import { locales } from './locales';
+import { checkAndSaveShortcut, makeHumanReadableFileName } from './shortcutHelpers';
+import { useAlert } from '../../providers/AlertProvider/useAlert';
+/** Creates or edits a shortcut to a URL. Must be rendered within an `AlertProvider` */
+const ShortcutDialog = ({ shortcut, onSave, onClose }) => {
+    useExtendI18n(locales);
+    const { t } = useI18n();
+    const { showAlert } = useAlert();
+    const isEditing = Boolean(shortcut);
+    const [fileName, setFileName] = useState(makeHumanReadableFileName(shortcut?.name ?? ''));
+    const [url, setUrl] = useState(shortcut?.url ?? '');
+    const saveShortcut = () => {
+        void checkAndSaveShortcut({
+            fileName,
+            url,
+            isEditing,
+            onSave,
+            onClose,
+            showAlert,
+            t
+        });
+    };
+    const handleKeyDown = (event) => {
+        if (event.key === 'Enter')
+            saveShortcut();
+    };
+    return (React.createElement(ConfirmDialog, { open: true, title: t(isEditing
+            ? 'Dialogs.shortcut.editTitle'
+            : 'Dialogs.shortcut.createTitle'), onClose: onClose, content: React.createElement(Stack, { spacing: 2 },
+            React.createElement("div", null,
+                React.createElement(TextField, { label: t('Dialogs.shortcut.url'), value: url, id: "shortcuturl", onChange: event => setUrl(event.target.value), onKeyDown: handleKeyDown, autoComplete: "off", fullWidth: true, margin: "normal", autoFocus: true })),
+            React.createElement("div", null,
+                React.createElement(TextField, { label: t('Dialogs.shortcut.filename'), value: fileName, id: "shortcutfilename", onChange: event => setFileName(event.target.value), onKeyDown: handleKeyDown, autoComplete: "off", fullWidth: true, margin: "normal" }))), actions: React.createElement(React.Fragment, null,
+            React.createElement(Button, { variant: "outlined", onClick: onClose }, t('Dialogs.shortcut.cancel')),
+            React.createElement(Button, { onClick: saveShortcut }, t(isEditing ? 'Dialogs.shortcut.edit' : 'Dialogs.shortcut.create'))) }));
+};
+export default ShortcutDialog;

package/dist/components/Dialogs/SlideUpTransition.d.ts

@@ -0,0 +1,5 @@
+import { SlideProps } from '@mui/material';
+import React from 'react';
+/** Slides a full screen dialog in from the bottom of the screen */
+declare const SlideUpTransition: React.ForwardRefExoticComponent<Omit<SlideProps, "ref"> & React.RefAttributes<unknown>>;
+export default SlideUpTransition;

package/dist/components/Dialogs/SlideUpTransition.js

@@ -0,0 +1,6 @@
+import { Slide } from '@mui/material';
+import React, { forwardRef } from 'react';
+/** Slides a full screen dialog in from the bottom of the screen */
+const SlideUpTransition = forwardRef((props, ref) => (React.createElement(Slide, { ref: ref, direction: "up", ...props })));
+SlideUpTransition.displayName = 'SlideUpTransition';
+export default SlideUpTransition;

package/dist/components/Dialogs/SpecificDialogs.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const InstallFlagshipAppScreenshot: Story;
+export declare const ShortcutScreenshot: Story;

package/dist/components/Dialogs/SpecificDialogs.stories.js

@@ -0,0 +1,43 @@
+import { Button, Stack } from '@mui/material';
+import React, { useState } from 'react';
+import InstallFlagshipAppDialog from './InstallFlagshipAppDialog';
+import ShortcutDialog from './ShortcutDialog';
+import AlertProvider from '../../providers/AlertProvider';
+const noop = () => undefined;
+const specificDialogs = {
+    InstallFlagshipAppDialog,
+    ShortcutDialog: ({ onClose }) => (React.createElement(ShortcutDialog, { onClose: onClose, onSave: noop }))
+};
+const Openers = () => {
+    const [opened, setOpened] = useState(null);
+    const OpenedDialog = opened && specificDialogs[opened];
+    return (React.createElement(Stack, { spacing: 1, sx: { alignItems: 'flex-start' } },
+        Object.keys(specificDialogs).map(name => (React.createElement(Button, { key: name, onClick: () => setOpened(name) },
+            "Open ",
+            name))),
+        OpenedDialog && React.createElement(OpenedDialog, { onClose: () => setOpened(null) })));
+};
+const meta = {
+    title: 'Dialogs/Specific dialogs',
+    parameters: { layout: 'centered' },
+    tags: ['autodocs'],
+    decorators: [
+        (Story) => (React.createElement(AlertProvider, null,
+            React.createElement(Story, null)))
+    ]
+};
+export default meta;
+export const Default = {
+    render: () => React.createElement(Openers, null)
+};
+// Visual Regression - one story per dialog, since each one covers the screen
+export const InstallFlagshipAppScreenshot = {
+    tags: ['argos'],
+    parameters: { layout: 'fullscreen' },
+    render: () => React.createElement(InstallFlagshipAppDialog, { onClose: noop })
+};
+export const ShortcutScreenshot = {
+    tags: ['argos'],
+    parameters: { layout: 'fullscreen' },
+    render: () => (React.createElement(ShortcutDialog, { shortcut: { name: 'Twake.url', url: 'https://twake.app' }, onClose: noop, onSave: noop }))
+};

package/dist/components/Dialogs/StandardDialog.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { DialogSectionsProps } from './types';
+import { DialogLayoutProps } from './useDialogLayout';
+export interface StandardDialogProps extends DialogLayoutProps, DialogSectionsProps {
+}
+/**
+ * Dialog laid out with a title, a content and actions. It is labelled by its
+ * title and goes full screen on mobile unless its size is `small`.
+ */
+declare const StandardDialog: ({ title, content, actions, actionsLayout, ...props }: StandardDialogProps) => React.ReactElement;
+export default StandardDialog;

package/dist/components/Dialogs/StandardDialog.js

@@ -0,0 +1,21 @@
+import { DialogContent, DialogTitle, Divider } from '@mui/material';
+import React from 'react';
+import DialogFluidContent from './DialogFluidContent';
+import DialogNavButtons from './DialogNavButtons';
+import { useDialogLayout } from './useDialogLayout';
+import Dialog from '../Dialog';
+/**
+ * Dialog laid out with a title, a content and actions. It is labelled by its
+ * title and goes full screen on mobile unless its size is `small`.
+ */
+const StandardDialog = ({ title, content, actions, actionsLayout, ...props }) => {
+    const { id, fullScreen, dialogProps, dialogTitleProps, dividerProps, dialogActionsProps, dialogContentProps } = useDialogLayout(props);
+    return (React.createElement(Dialog, { ...dialogProps },
+        React.createElement(DialogNavButtons, { id: id, fullScreen: fullScreen, onClose: props.onClose, onBack: props.onBack }),
+        title && (React.createElement(React.Fragment, null,
+            React.createElement(DialogTitle, { ...dialogTitleProps }, title),
+            React.createElement(Divider, { ...dividerProps }))),
+        React.createElement(DialogContent, { ...dialogContentProps },
+            React.createElement(DialogFluidContent, { content: content, actions: actions, actionsLayout: actionsLayout, dialogActionsProps: dialogActionsProps }))));
+};
+export default StandardDialog;

package/dist/components/Dialogs/locales/de.json

@@ -0,0 +1,25 @@
+{
+    "Dialogs": {
+        "closeButton": "Schließen",
+        "backButton": "Zurück",
+        "installFlagshipApp": {
+            "title": "Scannen Sie den QR-Code",
+            "text": "oder öffnen Sie direkt den <img src=%{iosIconSrc} /> <a href='%{iosUrl}' class='u-link' target='_blank' rel='noopener'>App Store</a><br>oder den <img src=%{androidIconSrc} /> <a href='%{androidUrl}' class='u-link' target='_blank' rel='noopener'>Play Store</a>, um die App Twake Workplace zu installieren",
+            "linkLabel": "Zur Downloadseite der Anwendung Twake Workplace"
+        },
+        "shortcut": {
+            "createTitle": "Verknüpfung erstellen",
+            "editTitle": "Verknüpfung bearbeiten",
+            "filename": "Name der Verknüpfung",
+            "url": "URL",
+            "cancel": "Abbrechen",
+            "create": "Erstellen",
+            "edit": "Speichern",
+            "created": "Die Verknüpfung wurde erstellt",
+            "edited": "Die Verknüpfung wurde geändert",
+            "errored": "Ein Fehler ist aufgetreten",
+            "needsInfo": "Eine Verknüpfung benötigt einen Namen und eine URL",
+            "urlBadFormat": "Die eingegebene URL hat nicht das richtige Format"
+        }
+    }
+}

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

@@ -0,0 +1,25 @@
+{
+    "Dialogs": {
+        "closeButton": "Close",
+        "backButton": "Back",
+        "installFlagshipApp": {
+            "title": "Scan the QR Code",
+            "text": "or go directly to the <img src=%{iosIconSrc} /> <a href='%{iosUrl}' class='u-link' target='_blank' rel='noopener'>App Store</a><br>or <img src=%{androidIconSrc} /> <a href='%{androidUrl}' class='u-link' target='_blank' rel='noopener'>Play Store</a> to install the Twake Workplace app",
+            "linkLabel": "Go to the Twake Workplace application download page"
+        },
+        "shortcut": {
+            "createTitle": "Create a shortcut",
+            "editTitle": "Modify a shortcut",
+            "filename": "Shortcut name",
+            "url": "URL",
+            "cancel": "Cancel",
+            "create": "Create",
+            "edit": "Save",
+            "created": "The shortcut has been created",
+            "edited": "The shortcut has been modified",
+            "errored": "An error occurred",
+            "needsInfo": "A shortcut needs a name and a URL",
+            "urlBadFormat": "The entered URL is not in the correct format"
+        }
+    }
+}

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

@@ -0,0 +1,25 @@
+{
+    "Dialogs": {
+        "closeButton": "Cerrar",
+        "backButton": "Atrás",
+        "installFlagshipApp": {
+            "title": "Escanee el código QR",
+            "text": "o vaya directamente a <img src=%{iosIconSrc} /> <a href='%{iosUrl}' class='u-link' target='_blank' rel='noopener'>App Store</a><br>o a <img src=%{androidIconSrc} /> <a href='%{androidUrl}' class='u-link' target='_blank' rel='noopener'>Play Store</a> para instalar la app Twake Workplace",
+            "linkLabel": "Ir a la página de descarga de la aplicación Twake Workplace"
+        },
+        "shortcut": {
+            "createTitle": "Crear un acceso directo",
+            "editTitle": "Modificar un acceso directo",
+            "filename": "Nombre del acceso directo",
+            "url": "URL",
+            "cancel": "Cancelar",
+            "create": "Crear",
+            "edit": "Guardar",
+            "created": "Se ha creado el acceso directo",
+            "edited": "Se ha modificado el acceso directo",
+            "errored": "Se ha producido un error",
+            "needsInfo": "Un acceso directo necesita un nombre y una URL",
+            "urlBadFormat": "La URL introducida no tiene el formato correcto"
+        }
+    }
+}

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

@@ -0,0 +1,25 @@
+{
+    "Dialogs": {
+        "closeButton": "Fermer",
+        "backButton": "Retour",
+        "installFlagshipApp": {
+            "title": "Scannez le QR Code",
+            "text": "ou rendez vous directement sur <img src=%{iosIconSrc} /> <a href='%{iosUrl}' class='u-link' target='_blank' rel='noopener'>l’App Store</a><br>ou sur le <img src=%{androidIconSrc} /> <a href='%{androidUrl}' class='u-link' target='_blank' rel='noopener'>Play Store</a> pour installer l’app Twake Workplace",
+            "linkLabel": "Aller sur la page de téléchargement de l'application Twake Workplace"
+        },
+        "shortcut": {
+            "createTitle": "Créer un raccourci",
+            "editTitle": "Modifier un raccourci",
+            "filename": "Nom du raccourci",
+            "url": "URL",
+            "cancel": "Annuler",
+            "create": "Créer",
+            "edit": "Sauvegarder",
+            "created": "Le raccourci a été créé",
+            "edited": "Le raccourci a été modifié",
+            "errored": "Une erreur s'est produite",
+            "needsInfo": "Un raccourci a besoin d'un nom et d'une URL",
+            "urlBadFormat": "L'URL saisie n'est pas dans le bon format"
+        }
+    }
+}

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

@@ -0,0 +1,177 @@
+export declare const locales: {
+    de: {
+        Dialogs: {
+            closeButton: string;
+            backButton: string;
+            installFlagshipApp: {
+                title: string;
+                text: string;
+                linkLabel: string;
+            };
+            shortcut: {
+                createTitle: string;
+                editTitle: string;
+                filename: string;
+                url: string;
+                cancel: string;
+                create: string;
+                edit: string;
+                created: string;
+                edited: string;
+                errored: string;
+                needsInfo: string;
+                urlBadFormat: string;
+            };
+        };
+    };
+    en: {
+        Dialogs: {
+            closeButton: string;
+            backButton: string;
+            installFlagshipApp: {
+                title: string;
+                text: string;
+                linkLabel: string;
+            };
+            shortcut: {
+                createTitle: string;
+                editTitle: string;
+                filename: string;
+                url: string;
+                cancel: string;
+                create: string;
+                edit: string;
+                created: string;
+                edited: string;
+                errored: string;
+                needsInfo: string;
+                urlBadFormat: string;
+            };
+        };
+    };
+    es: {
+        Dialogs: {
+            closeButton: string;
+            backButton: string;
+            installFlagshipApp: {
+                title: string;
+                text: string;
+                linkLabel: string;
+            };
+            shortcut: {
+                createTitle: string;
+                editTitle: string;
+                filename: string;
+                url: string;
+                cancel: string;
+                create: string;
+                edit: string;
+                created: string;
+                edited: string;
+                errored: string;
+                needsInfo: string;
+                urlBadFormat: string;
+            };
+        };
+    };
+    fr: {
+        Dialogs: {
+            closeButton: string;
+            backButton: string;
+            installFlagshipApp: {
+                title: string;
+                text: string;
+                linkLabel: string;
+            };
+            shortcut: {
+                createTitle: string;
+                editTitle: string;
+                filename: string;
+                url: string;
+                cancel: string;
+                create: string;
+                edit: string;
+                created: string;
+                edited: string;
+                errored: string;
+                needsInfo: string;
+                urlBadFormat: string;
+            };
+        };
+    };
+    it: {
+        Dialogs: {
+            closeButton: string;
+            backButton: string;
+            installFlagshipApp: {
+                title: string;
+                text: string;
+                linkLabel: string;
+            };
+            shortcut: {
+                createTitle: string;
+                editTitle: string;
+                filename: string;
+                url: string;
+                cancel: string;
+                create: string;
+                edit: string;
+                created: string;
+                edited: string;
+                errored: string;
+                needsInfo: string;
+                urlBadFormat: string;
+            };
+        };
+    };
+    ru: {
+        Dialogs: {
+            closeButton: string;
+            backButton: string;
+            installFlagshipApp: {
+                title: string;
+                text: string;
+                linkLabel: string;
+            };
+            shortcut: {
+                createTitle: string;
+                editTitle: string;
+                filename: string;
+                url: string;
+                cancel: string;
+                create: string;
+                edit: string;
+                created: string;
+                edited: string;
+                errored: string;
+                needsInfo: string;
+                urlBadFormat: string;
+            };
+        };
+    };
+    vi: {
+        Dialogs: {
+            closeButton: string;
+            backButton: string;
+            installFlagshipApp: {
+                title: string;
+                text: string;
+                linkLabel: string;
+            };
+            shortcut: {
+                createTitle: string;
+                editTitle: string;
+                filename: string;
+                url: string;
+                cancel: string;
+                create: string;
+                edit: string;
+                created: string;
+                edited: string;
+                errored: string;
+                needsInfo: string;
+                urlBadFormat: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,8 @@
+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 };

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

@@ -0,0 +1,25 @@
+{
+    "Dialogs": {
+        "closeButton": "Chiudi",
+        "backButton": "Indietro",
+        "installFlagshipApp": {
+            "title": "Scansiona il codice QR",
+            "text": "oppure vai direttamente su <img src=%{iosIconSrc} /> <a href='%{iosUrl}' class='u-link' target='_blank' rel='noopener'>App Store</a><br>o su <img src=%{androidIconSrc} /> <a href='%{androidUrl}' class='u-link' target='_blank' rel='noopener'>Play Store</a> per installare l'app Twake Workplace",
+            "linkLabel": "Vai alla pagina di download dell'applicazione Twake Workplace"
+        },
+        "shortcut": {
+            "createTitle": "Crea un collegamento",
+            "editTitle": "Modifica un collegamento",
+            "filename": "Nome del collegamento",
+            "url": "URL",
+            "cancel": "Annulla",
+            "create": "Crea",
+            "edit": "Salva",
+            "created": "Il collegamento è stato creato",
+            "edited": "Il collegamento è stato modificato",
+            "errored": "Si è verificato un errore",
+            "needsInfo": "Un collegamento richiede un nome e un URL",
+            "urlBadFormat": "L'URL inserito non è nel formato corretto"
+        }
+    }
+}

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

@@ -0,0 +1,25 @@
+{
+    "Dialogs": {
+        "closeButton": "Закрыть",
+        "backButton": "Назад",
+        "installFlagshipApp": {
+            "title": "Отсканируйте QR-код",
+            "text": "или перейдите напрямую в <img src=%{iosIconSrc} /> <a href='%{iosUrl}' class='u-link' target='_blank' rel='noopener'>App Store</a><br>или <img src=%{androidIconSrc} /> <a href='%{androidUrl}' class='u-link' target='_blank' rel='noopener'>Play Store</a> чтобы установить приложение Twake Workplace",
+            "linkLabel": "Перейти на страницу загрузки приложения Twake Workplace"
+        },
+        "shortcut": {
+            "createTitle": "Создать ярлык",
+            "editTitle": "Изменить ярлык",
+            "filename": "Имя ярлыка",
+            "url": "URL",
+            "cancel": "Отменить",
+            "create": "Создать",
+            "edit": "Сохранить",
+            "created": "Ярлык был создан",
+            "edited": "Ярлык был изменен",
+            "errored": "Произошла ошибка",
+            "needsInfo": "Для ярлыка нужны имя и URL",
+            "urlBadFormat": "Введённый URL имеет неверный формат"
+        }
+    }
+}