tycho-components 0.22.5 → 0.22.6

package/dist/features/DocumentDrawer/Actions/Actions.d.ts

@@ -1,7 +1,7 @@
-import CatalogSearchFilter from '../types/CatalogSearchFilter';
-import type { DocumentDrawerActionId } from '../types/DocumentDrawerActionId';
-import { Document } from '../deps';
-import './style.scss';
+import CatalogSearchFilter from "../types/CatalogSearchFilter";
+import type { DocumentDrawerActionId } from "../types/DocumentDrawerActionId";
+import { Document } from "../deps";
+import "./style.scss";
 type Props = {
     document: Document;
     setOpenFile: (b: boolean) => void;

package/dist/features/DocumentDrawer/Actions/Actions.js

@@ -1,17 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import AutomaticParser from '../AutomaticParser';
-import DocumentRemove from '../DocumentRemove';
-import InconsistencyActions from '../Inconsistency/InconsistencyActions';
-import DocumentService from '../services/DocumentService';
-import SentenceService from '../services/SentenceService';
-import PageRemoveSentences from './PageRemoveSentences';
-import { useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { ToolsUtils, useCorpusUtils, useMessageUtils } from '../deps';
-import { Icon } from 'tycho-storybook';
-import './style.scss';
+import AutomaticParser from "../AutomaticParser";
+import DocumentRemove from "../DocumentRemove";
+import InconsistencyActions from "../Inconsistency/InconsistencyActions";
+import DocumentService from "../services/DocumentService";
+import SentenceService from "../services/SentenceService";
+import PageRemoveSentences from "./PageRemoveSentences";
+import { useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { ToolsUtils, useCorpusUtils, useMessageUtils } from "../deps";
+import { Icon } from "tycho-storybook";
+import "./style.scss";
 export default function Actions({ document, setOpenFile, setFilter, handleClickDocument, useGrid, pageUid, pageOrder, onPageReload, hiddenActions = [], }) {
-    const { t } = useTranslation('actions');
+    const { t } = useTranslation("actions");
     const { getCorpus } = useCorpusUtils();
     const [openRemove, setOpenRemove] = useState(false);
     const [openRemoveSentences, setOpenRemoveSentences] = useState(false);
@@ -24,7 +24,7 @@ export default function Actions({ document, setOpenFile, setFilter, handleClickD
     const handleResume = () => {
         SentenceService.resume(document.uid).then((r) => {
             if (!r.data) {
-                dispatchError({ err: 'warning.syntactic.review', t });
+                dispatchError({ err: "warning.syntactic.review", t });
                 return;
             }
             navigateSameWindow(`${import.meta.env.VITE_APP_REVISION_URL}/tree/${r.data.uid}`);
@@ -32,7 +32,7 @@ export default function Actions({ document, setOpenFile, setFilter, handleClickD
     };
     const handleReview = () => {
         const baseUrl = import.meta.env.VITE_APP_REVISION_URL;
-        const url = document.defaultTool === 'DESIGN'
+        const url = document.defaultTool === "DESIGN"
             ? `${baseUrl}/box/${document.uid}`
             : `${baseUrl}/${document.uid}`;
         navigateSameWindow(url);
@@ -42,79 +42,79 @@ export default function Actions({ document, setOpenFile, setFilter, handleClickD
     };
     const handleTranscription = () => {
         if (!pageUid) {
-            dispatchError({ err: 'error.page.required', t });
+            dispatchError({ err: "error.page.required", t });
             return;
         }
         setOpenRemoveSentences(true);
     };
     const handleSyncSearch = () => {
         DocumentService.syncSearch(document.uid)
-            .then(() => dispatchMessage({ key: 'sync.search.success', t }))
-            .catch(() => dispatchError({ err: 'error.unknown', t }));
+            .then(() => dispatchMessage({ key: "sync.search.success", t }))
+            .catch(() => dispatchError({ err: "error.unknown", t }));
     };
     const actionOptions = [
         {
-            id: 'documents',
-            iconName: 'list',
-            title: t('label.documents.title'),
-            description: t('label.documents.description'),
+            id: "documents",
+            iconName: "list",
+            title: t("label.documents.title"),
+            description: t("label.documents.description"),
             onClick: handleDocuments,
         },
         {
-            id: 'edition',
+            id: "edition",
             iconName: ToolsUtils.getIcon(document.defaultTool),
-            title: t('label.edition.title'),
-            description: t('label.edition.description'),
+            title: t("label.edition.title"),
+            description: t("label.edition.description"),
             onClick: () => handleClickDocument(document.uid),
-            buttonClassName: document.defaultTool === 'DESIGN' ? 'action-design' : undefined,
+            buttonClassName: document.defaultTool === "DESIGN" ? "action-design" : undefined,
         },
         {
-            id: 'syntactic',
-            iconName: 'graph_4',
-            title: t('label.syntactic.title'),
-            description: t('label.syntactic.description'),
+            id: "syntactic",
+            iconName: "graph_4",
+            title: t("label.syntactic.title"),
+            description: t("label.syntactic.description"),
             onClick: handleReview,
         },
         {
-            id: 'resume',
-            iconName: 'play_arrow',
-            title: t('label.resume.title'),
-            description: t('label.resume.description'),
+            id: "resume",
+            iconName: "play_arrow",
+            title: t("label.resume.title"),
+            description: t("label.resume.description"),
             onClick: handleResume,
         },
         {
-            id: 'transcription',
-            iconName: 'checkbook',
-            title: t('label.transcription.title'),
-            description: t('label.transcription.description', {
+            id: "transcription",
+            iconName: "checkbook",
+            title: t("label.transcription.title"),
+            description: t("label.transcription.description", {
                 pageNumber: pageOrder,
             }),
             onClick: handleTranscription,
         },
         {
-            id: 'automatic',
-            iconName: 'settings_timelapse',
-            title: t('label.automatic.title'),
-            description: t('label.automatic.description'),
+            id: "automatic",
+            iconName: "settings_timelapse",
+            title: t("label.automatic.title"),
+            description: t("label.automatic.description"),
             onClick: () => setOpenAutomatic(true),
         },
         {
-            id: 'sync',
-            iconName: 'sync',
-            title: t('label.sync.title'),
-            description: t('label.sync.description'),
+            id: "sync",
+            iconName: "sync",
+            title: t("label.sync.title"),
+            description: t("label.sync.description"),
             onClick: handleSyncSearch,
         },
         {
-            id: 'remove',
-            iconName: 'delete',
-            title: t('actions.label.remove'),
-            description: t('actions.label.remove.description'),
+            id: "remove",
+            iconName: "delete",
+            title: t("actions.label.remove"),
+            description: t("actions.label.remove.description"),
             onClick: () => setOpenRemove(true),
         },
     ];
     const visibleActions = actionOptions.filter((action) => !hidden.has(action.id));
-    return (_jsxs("div", { className: "file-actions-container", children: [_jsx("div", { className: "header", children: _jsx("div", { className: "title", children: t('actions.label.title') }) }), _jsxs("div", { className: "body", children: [visibleActions.map(({ id, iconName, title, description, onClick, buttonClassName }) => (_jsxs("div", { className: "action-line", onClick: onClick, children: [_jsx("div", { className: `action-button${buttonClassName ? ` ${buttonClassName}` : ''}`, children: _jsx(Icon, { name: iconName, size: "medium" }) }), _jsxs("div", { className: "action-desc", children: [_jsx("span", { className: "title", children: title }), _jsx("span", { children: description })] })] }, id))), !hidden.has('inconsistency') && (_jsx(InconsistencyActions, { document: document }))] }), openRemove && (_jsx(DocumentRemove, { document: document, setFilter: setFilter, onClose: () => setOpenRemove(false), useGrid: useGrid, setOpenFile: setOpenFile })), openAutomatic && (_jsx(AutomaticParser, { document: document, onClose: () => setOpenAutomatic(false) })), openRemoveSentences && pageUid && (_jsx(PageRemoveSentences, { pageUid: pageUid, onClose: () => setOpenRemoveSentences(false), onSuccess: () => {
+    return (_jsxs("div", { className: "file-actions-container", children: [_jsx("div", { className: "header", children: _jsx("div", { className: "title", children: t("actions.label.title") }) }), _jsxs("div", { className: "body", children: [visibleActions.map(({ id, iconName, title, description, onClick, buttonClassName }) => (_jsxs("div", { className: "action-line", onClick: onClick, children: [_jsx("div", { className: `action-button${buttonClassName ? ` ${buttonClassName}` : ""}`, children: _jsx(Icon, { name: iconName, size: "medium" }) }), _jsxs("div", { className: "action-desc", children: [_jsx("span", { className: "title", children: title }), _jsx("span", { children: description })] })] }, id))), !hidden.has("inconsistency") && (_jsx(InconsistencyActions, { document: document }))] }), openRemove && (_jsx(DocumentRemove, { document: document, setFilter: setFilter, onClose: () => setOpenRemove(false), useGrid: useGrid, setOpenFile: setOpenFile })), openAutomatic && (_jsx(AutomaticParser, { document: document, onClose: () => setOpenAutomatic(false) })), openRemoveSentences && pageUid && (_jsx(PageRemoveSentences, { pageUid: pageUid, onClose: () => setOpenRemoveSentences(false), onSuccess: () => {
                     onPageReload?.();
                     setOpenFile(false);
                 } }))] }));

package/dist/features/DocumentDrawer/DocumentDrawer.d.ts

@@ -1,8 +1,8 @@
-import CatalogSearchFilter from './types/CatalogSearchFilter';
-import Category from './types/Category';
-import type { DocumentDrawerActionId } from './types/DocumentDrawerActionId';
-import { Document } from './deps';
-import './style.scss';
+import CatalogSearchFilter from "./types/CatalogSearchFilter";
+import Category from "./types/Category";
+import type { DocumentDrawerActionId } from "./types/DocumentDrawerActionId";
+import { Document } from "./deps";
+import "./style.scss";
 export type DocumentDrawerProps = {
     uid: string;
     setOpenFile: (b: boolean) => void;

package/dist/features/DocumentDrawer/DocumentDrawer.js

@@ -1,32 +1,32 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import documenService from './services/DocumentService';
-import { Drawer, Tab, Tabs } from '@mui/material';
-import { useEffect, useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Participants, useCorpusUtils } from './deps';
-import { Icon } from 'tycho-storybook';
-import DocumentMetadata from './Metadata/DocumentMetadata';
-import Actions from './Actions';
-import DocumentExport from './DocumentExport';
-import DocumentLexicon from './DocumentLexicon';
-import Github from './Github';
-import ImageGallery from './ImageGallery';
-import Info from './Info';
-import Boxes from './Pages/Boxes';
-import Pages from './Pages/Pages';
-import './style.scss';
+import documenService from "./services/DocumentService";
+import { Drawer, Tab, Tabs } from "@mui/material";
+import { useEffect, useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { Participants, useCorpusUtils } from "./deps";
+import { Icon } from "tycho-storybook";
+import DocumentMetadata from "./Metadata/DocumentMetadata";
+import Actions from "./Actions";
+import DocumentExport from "./DocumentExport";
+import DocumentLexicon from "./DocumentLexicon";
+import Github from "./Github";
+import ImageGallery from "./ImageGallery";
+import Info from "./Info";
+import Boxes from "./Pages/Boxes";
+import Pages from "./Pages/Pages";
+import "./style.scss";
 export default function DocumentDrawer({ uid, setOpenFile, setFilter, handleChange, handleClickDocument, useGrid, categoriesHierarchy, pageUid, pageOrder, onPageReload, hiddenActions, }) {
-    const { t } = useTranslation('document');
+    const { t } = useTranslation("document");
     const { getCorpus, hasParameter } = useCorpusUtils();
     const [document, setDocument] = useState();
-    const [activeKey, setActiveKey] = useState('actions');
+    const [activeKey, setActiveKey] = useState("actions");
     const hasParticipants = (document?.participants?.length ?? 0) > 0;
     const fileItems = useMemo(() => {
         if (!document)
             return [];
         let items = hasParticipants
             ? baseFileItems
-            : baseFileItems.filter((item) => item.eventKey !== 'participants');
+            : baseFileItems.filter((item) => item.eventKey !== "participants");
         if (document.github) {
             items = [...items, githubFileItem];
         }
@@ -38,7 +38,7 @@ export default function DocumentDrawer({ uid, setOpenFile, setFilter, handleChan
     const renderPages = () => {
         if (!document)
             return null;
-        if (document.defaultTool && document.defaultTool === 'DESIGN')
+        if (document.defaultTool && document.defaultTool === "DESIGN")
             return (_jsx(Boxes, { document: document, setDocument: setDocument, setOpenFile: setOpenFile, handleChange: handleChange }));
         return (_jsx(Pages, { document: document, setDocument: setDocument, setOpenFile: setOpenFile, handleChange: handleChange }));
     };
@@ -48,64 +48,64 @@ export default function DocumentDrawer({ uid, setOpenFile, setFilter, handleChan
         });
     }, [uid]);
     useEffect(() => {
-        if (!hasParticipants && activeKey === 'participants') {
-            setActiveKey('actions');
+        if (!hasParticipants && activeKey === "participants") {
+            setActiveKey("actions");
         }
     }, [activeKey, hasParticipants]);
     if (!document)
         return null;
-    return (_jsx(Drawer, { anchor: "left", open: true, onClose: () => setOpenFile(false), className: "offcanvas-file", children: _jsxs("div", { className: "drawer-container", children: [_jsxs("div", { className: "tabs-col", children: [_jsxs("div", { className: "nav-item-close", onClick: () => setOpenFile(false), children: [_jsx("span", { className: "nav-link-icon", children: _jsx(Icon, { name: "arrow_circle_left" }) }), _jsx("span", { className: "title", children: t('menu.label.close') })] }), _jsx(Tabs, { orientation: "vertical", value: activeKey, onChange: handleTabChange, className: "nav", children: fileItems.map((item, idx) => (_jsx(Tab, { value: item.eventKey, label: _jsxs(_Fragment, { children: [_jsx("span", { className: "nav-link-icon", children: _jsx(Icon, { name: item.icon }) }), _jsx("span", { className: "title", children: t(item.title) })] }) }, idx.valueOf()))) })] }), _jsxs("div", { className: "info-col", children: [activeKey === 'home' && (_jsx(Info, { document: document, categoriesHierarchy: categoriesHierarchy, handleChange: (updated) => {
+    return (_jsx(Drawer, { anchor: "left", open: true, onClose: () => setOpenFile(false), className: "offcanvas-file", children: _jsxs("div", { className: "drawer-container", children: [_jsxs("div", { className: "tabs-col", children: [_jsxs("div", { className: "nav-item-close", onClick: () => setOpenFile(false), children: [_jsx("span", { className: "nav-link-icon", children: _jsx(Icon, { name: "arrow_circle_left" }) }), _jsx("span", { className: "title", children: t("menu.label.close") })] }), _jsx(Tabs, { orientation: "vertical", value: activeKey, onChange: handleTabChange, className: "nav", children: fileItems.map((item, idx) => (_jsx(Tab, { value: item.eventKey, label: _jsxs(_Fragment, { children: [_jsx("span", { className: "nav-link-icon", children: _jsx(Icon, { name: item.icon }) }), _jsx("span", { className: "title", children: t(item.title) })] }) }, idx.valueOf()))) })] }), _jsxs("div", { className: "info-col", children: [activeKey === "home" && (_jsx(Info, { document: document, categoriesHierarchy: categoriesHierarchy, handleChange: (updated) => {
                                 handleChange(updated);
                                 setDocument(updated);
-                            } })), activeKey === 'metadata' && (_jsx(DocumentMetadata, { document: document, onDocumentChange: (updated) => {
+                            } })), activeKey === "metadata" && (_jsx(DocumentMetadata, { document: document, onDocumentChange: (updated) => {
                                 handleChange(updated);
                                 setDocument(updated);
-                            } })), activeKey === 'lexicon' && _jsx(DocumentLexicon, { document: document }), activeKey === 'export' && _jsx(DocumentExport, { doc: document }), activeKey === 'actions' && (_jsx(Actions, { document: document, setOpenFile: setOpenFile, setFilter: setFilter, handleClickDocument: handleClickDocument, useGrid: useGrid, pageUid: pageUid, pageOrder: pageOrder, onPageReload: onPageReload, hiddenActions: hiddenActions })), activeKey === 'pages' && renderPages(), activeKey === 'gallery' && (_jsx(ImageGallery, { document: document, setDocument: setDocument, handleChange: handleChange })), activeKey === 'participants' && (_jsx(Participants, { document: document.uid, participants: document.participants || [], onChange: (r) => setDocument({ ...document, participants: r }), useChat: hasParameter(getCorpus(), 'useParticipantChat') })), activeKey === 'github' && (_jsx(Github, { document: document, setOpenFile: setOpenFile }))] })] }) }));
+                            } })), activeKey === "lexicon" && _jsx(DocumentLexicon, { document: document }), activeKey === "export" && _jsx(DocumentExport, { doc: document }), activeKey === "actions" && (_jsx(Actions, { document: document, setOpenFile: setOpenFile, setFilter: setFilter, handleClickDocument: handleClickDocument, useGrid: useGrid, pageUid: pageUid, pageOrder: pageOrder, onPageReload: onPageReload, hiddenActions: hiddenActions })), activeKey === "pages" && renderPages(), activeKey === "gallery" && (_jsx(ImageGallery, { document: document, setDocument: setDocument, handleChange: handleChange })), activeKey === "participants" && (_jsx(Participants, { document: document.uid, participants: document.participants || [], onChange: (r) => setDocument({ ...document, participants: r }), useChat: hasParameter(getCorpus(), "useParticipantChat") })), activeKey === "github" && (_jsx(Github, { document: document, setOpenFile: setOpenFile }))] })] }) }));
 }
 const baseFileItems = [
     {
-        eventKey: 'actions',
-        icon: 'manufacturing',
-        title: 'menu.label.actions',
+        eventKey: "actions",
+        icon: "manufacturing",
+        title: "menu.label.actions",
     },
     {
-        eventKey: 'home',
-        icon: 'info',
-        title: 'menu.label.home',
+        eventKey: "home",
+        icon: "info",
+        title: "menu.label.home",
     },
     {
-        eventKey: 'pages',
-        icon: 'article',
-        title: 'menu.label.pages',
+        eventKey: "pages",
+        icon: "article",
+        title: "menu.label.pages",
     },
     {
-        eventKey: 'gallery',
-        icon: 'photo_library',
-        title: 'menu.label.images',
+        eventKey: "gallery",
+        icon: "photo_library",
+        title: "menu.label.images",
     },
     {
-        eventKey: 'metadata',
-        icon: 'bookmark',
-        title: 'menu.label.metadata',
+        eventKey: "metadata",
+        icon: "bookmark",
+        title: "menu.label.metadata",
     },
     {
-        eventKey: 'lexicon',
-        icon: 'sort_by_alpha',
-        title: 'menu.label.lexicon',
+        eventKey: "lexicon",
+        icon: "sort_by_alpha",
+        title: "menu.label.lexicon",
     },
     {
-        eventKey: 'export',
-        icon: 'file_export',
-        title: 'menu.label.export',
+        eventKey: "export",
+        icon: "file_export",
+        title: "menu.label.export",
     },
     {
-        eventKey: 'participants',
-        icon: 'group',
-        title: 'menu.label.participants',
+        eventKey: "participants",
+        icon: "group",
+        title: "menu.label.participants",
     },
 ];
 const githubFileItem = {
-    eventKey: 'github',
-    icon: 'code',
-    title: 'menu.label.github',
+    eventKey: "github",
+    icon: "code",
+    title: "menu.label.github",
 };

package/dist/features/DocumentDrawer/DocumentExport/DocumentExport.js

@@ -1,26 +1,28 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import FileUtils from '../functions/FileUtils';
 import outputService from '../services/ExportService';
-import { EXPORT_TYPE_DISPLAY } from '../types/Export';
+import { EXPORT_TYPE_DISPLAY, } from '../types/Export';
 import { saveAs } from 'file-saver';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useMessageUtils } from '../deps';
 import { Icon } from 'tycho-storybook';
 import ExportInvalidSentences from './ExportInvalidSentences';
+import ExportTxtTierModal from './ExportTxtTierModal';
 import './style.scss';
 const timingCheck = 5000;
 export default function DocumentExport({ doc }) {
     const { t } = useTranslation('export');
     const { dispatchLoading, dispatchError, dispatchMessage, isLoading } = useMessageUtils();
     const [invalidSentences, setInvalidSentences] = useState();
+    const [openTxtTierModal, setOpenTxtTierModal] = useState(false);
     let intervalCheck = null;
-    const process = (thisType) => {
+    const process = (thisType, tier) => {
         if (isLoading())
             return;
         dispatchLoading(true);
         outputService
-            .execute(doc.uid, thisType)
+            .execute(doc.uid, thisType, tier)
             .then((r) => {
             intervalCheck = setInterval(() => check(r.data), timingCheck);
         })
@@ -55,6 +57,16 @@ export default function DocumentExport({ doc }) {
             handleError(err);
         });
     };
+    const handleExportClick = (type) => {
+        if (type === 'TXT') {
+            setOpenTxtTierModal(true);
+            return;
+        }
+        process(type);
+    };
+    const handleTxtTierSelect = (tier) => {
+        process('TXT', tier);
+    };
     const handleError = (err) => {
         const message = err.response.data.message || err.response.data.error;
         if (message === 'psd.invalid.sentences') {
@@ -67,5 +79,5 @@ export default function DocumentExport({ doc }) {
             });
         }
     };
-    return (_jsxs("div", { className: "document-export-container", children: [_jsx("div", { className: "header", children: _jsx("div", { className: "title", children: t('export.label.title') }) }), _jsx("div", { className: "body", children: EXPORT_TYPE_DISPLAY.filter((t) => t.active).map((item) => (_jsxs("div", { className: "action-line", onClick: () => process(item.type), children: [_jsx("div", { className: "action-button", children: _jsx(Icon, { name: item.icon, size: "medium" }) }), _jsxs("div", { className: "action-desc", children: [_jsx("span", { className: "title", children: t(`export.label.${item.type.toLowerCase()}`) }), _jsx("span", { children: t(`export.desc.${item.type.toLowerCase()}`) })] })] }, item.icon))) }), invalidSentences && invalidSentences.length > 0 && (_jsx(ExportInvalidSentences, { sentences: invalidSentences, onClose: () => setInvalidSentences([]) }))] }));
+    return (_jsxs("div", { className: "document-export-container", children: [_jsx("div", { className: "header", children: _jsx("div", { className: "title", children: t('export.label.title') }) }), _jsx("div", { className: "body", children: EXPORT_TYPE_DISPLAY.filter((t) => t.active).map((item) => (_jsxs("div", { className: "action-line", onClick: () => handleExportClick(item.type), children: [_jsx("div", { className: "action-button", children: _jsx(Icon, { name: item.icon, size: "medium" }) }), _jsxs("div", { className: "action-desc", children: [_jsx("span", { className: "title", children: t(`export.label.${item.type.toLowerCase()}`) }), _jsx("span", { children: t(`export.desc.${item.type.toLowerCase()}`) })] })] }, item.icon))) }), openTxtTierModal && (_jsx(ExportTxtTierModal, { onClose: () => setOpenTxtTierModal(false), onSelect: handleTxtTierSelect })), invalidSentences && invalidSentences.length > 0 && (_jsx(ExportInvalidSentences, { sentences: invalidSentences, onClose: () => setInvalidSentences([]) }))] }));
 }

package/dist/features/DocumentDrawer/DocumentExport/ExportTxtTierModal.d.ts

@@ -0,0 +1,8 @@
+import { TxtExportTier } from '../types/Export';
+import './style.scss';
+type Props = {
+    onClose: () => void;
+    onSelect: (tier: TxtExportTier) => void;
+};
+export default function ExportTxtTierModal({ onClose, onSelect }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/DocumentDrawer/DocumentExport/ExportTxtTierModal.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TXT_EXPORT_TIER_OPTIONS } from '../types/Export';
+import { useTranslation } from 'react-i18next';
+import { AppModal } from '../deps';
+import { Button } from 'tycho-storybook';
+import './style.scss';
+export default function ExportTxtTierModal({ onClose, onSelect }) {
+    const { t } = useTranslation('export');
+    const handleSelect = (tier) => {
+        onSelect(tier);
+        onClose();
+    };
+    return (_jsxs(AppModal, { title: t('modal.title.txt.tier'), close: onClose, className: "modal-txt-tier", hideFooter: true, children: [_jsx("div", { className: "description", children: t('modal.desc.txt.tier') }), _jsx("div", { className: "tier-options", children: TXT_EXPORT_TIER_OPTIONS.map(({ tier, labelKey }) => (_jsx(Button, { text: t(labelKey), mode: "outlined", size: "medium", onClick: () => handleSelect(tier) }, tier))) })] }));
+}

package/dist/features/DocumentDrawer/DocumentExport/style.scss

@@ -5,6 +5,24 @@
   }
 }
 
+.modal-txt-tier {
+  .body {
+    display: flex;
+    flex-direction: column;
+    gap: 32px;
+
+    .description {
+      margin: 0 auto;
+    }
+
+    .tier-options {
+      display: flex;
+      gap: var(--spacing-200);
+      justify-content: center;
+    }
+  }
+}
+
 .modal-invalid-sentences {
   .body {
     display: flex;

package/dist/features/DocumentDrawer/localization/ExportTexts.d.ts

@@ -11,6 +11,13 @@ export declare const ExportTexts: {
         'export.desc.csv': string;
         'export.label.text': string;
         'export.desc.text': string;
+        'export.label.txt': string;
+        'export.desc.txt': string;
+        'modal.title.txt.tier': string;
+        'modal.desc.txt.tier': string;
+        'modal.txt.tier.diplomatic': string;
+        'modal.txt.tier.semiDiplomatic': string;
+        'modal.txt.tier.modernized': string;
         'export.label.chat': string;
         'export.desc.chat': string;
         'export.label.conllu': string;
@@ -30,6 +37,13 @@ export declare const ExportTexts: {
         'export.desc.csv': string;
         'export.label.text': string;
         'export.desc.text': string;
+        'export.label.txt': string;
+        'export.desc.txt': string;
+        'modal.title.txt.tier': string;
+        'modal.desc.txt.tier': string;
+        'modal.txt.tier.diplomatic': string;
+        'modal.txt.tier.semiDiplomatic': string;
+        'modal.txt.tier.modernized': string;
         'export.label.chat': string;
         'export.desc.chat': string;
         'export.label.conllu': string;
@@ -49,6 +63,13 @@ export declare const ExportTexts: {
         'export.desc.csv': string;
         'export.label.text': string;
         'export.desc.text': string;
+        'export.label.txt': string;
+        'export.desc.txt': string;
+        'modal.title.txt.tier': string;
+        'modal.desc.txt.tier': string;
+        'modal.txt.tier.diplomatic': string;
+        'modal.txt.tier.semiDiplomatic': string;
+        'modal.txt.tier.modernized': string;
         'export.label.chat': string;
         'export.desc.chat': string;
         'export.label.conllu': string;

package/dist/features/DocumentDrawer/localization/ExportTexts.js

@@ -11,6 +11,13 @@ export const ExportTexts = {
         'export.desc.csv': 'Generates a text file with comma separated values (CSV), ready to be imported to Microsoft Excel.',
         'export.label.text': 'Text file',
         'export.desc.text': 'Text file',
+        'export.label.txt': 'Text file',
+        'export.desc.txt': 'Generates a plain text file with the document sentences at the chosen transcription layer.',
+        'modal.title.txt.tier': 'Choose export type',
+        'modal.desc.txt.tier': 'Select which transcription layer to use for the text export.',
+        'modal.txt.tier.diplomatic': 'Diplomatic',
+        'modal.txt.tier.semiDiplomatic': 'Semi-diplomatic',
+        'modal.txt.tier.modernized': 'Modernized',
         'export.label.chat': 'CHAT file',
         'export.desc.chat': 'CHAT file',
         'export.label.conllu': 'CoNNL-U file',
@@ -30,6 +37,13 @@ export const ExportTexts = {
         'export.desc.csv': 'Gera um arquivo de texto com valores separados por vírgula (CSV), pronto para ser importado para o Microsoft Excel.',
         'export.label.text': 'Arquivo de texto',
         'export.desc.text': 'Arquivo de texto',
+        'export.label.txt': 'Arquivo de texto',
+        'export.desc.txt': 'Gera um arquivo de texto simples com as sentenças do documento na camada de transcrição escolhida.',
+        'modal.title.txt.tier': 'Escolha o tipo de exportação',
+        'modal.desc.txt.tier': 'Selecione qual camada de transcrição usar na exportação de texto.',
+        'modal.txt.tier.diplomatic': 'Diplomática',
+        'modal.txt.tier.semiDiplomatic': 'Semidiplomática',
+        'modal.txt.tier.modernized': 'Modernizada',
         'export.label.chat': 'Arquivo CHAT',
         'export.desc.chat': 'Arquivo CHAT',
         'export.label.conllu': 'Arquivo CoNNL-U',
@@ -49,6 +63,13 @@ export const ExportTexts = {
         'export.desc.csv': 'Genera un file di testo con valori separati da virgola (CSV), pronto per essere importato in Microsoft Excel.',
         'export.label.text': 'File di testo',
         'export.desc.text': 'File di testo',
+        'export.label.txt': 'File di testo',
+        'export.desc.txt': 'Genera un file di testo semplice con le frasi del documento al livello di trascrizione scelto.',
+        'modal.title.txt.tier': 'Scegli il tipo di esportazione',
+        'modal.desc.txt.tier': 'Seleziona quale livello di trascrizione usare per l\'esportazione del testo.',
+        'modal.txt.tier.diplomatic': 'Diplomatica',
+        'modal.txt.tier.semiDiplomatic': 'Semidiplomatica',
+        'modal.txt.tier.modernized': 'Modernizzata',
         'export.label.chat': 'File CHAT',
         'export.desc.chat': 'File CHAT',
         'export.label.conllu': 'File CoNLL-U',

package/dist/features/DocumentDrawer/services/ExportService.d.ts

@@ -1,7 +1,7 @@
 import { ExportType } from '../types/Export';
 import Export from '../types/Export';
-declare function executeForGithub(uid: string, type: ExportType): Promise<import("axios").AxiosResponse<string, any, {}>>;
-declare function execute(uid: string, type: ExportType): Promise<import("axios").AxiosResponse<string, any, {}>>;
+declare function executeForGithub(uid: string, type: ExportType, tier?: string): Promise<import("axios").AxiosResponse<string, any, {}>>;
+declare function execute(uid: string, type: ExportType, tier?: string): Promise<import("axios").AxiosResponse<string, any, {}>>;
 declare function check(uid: string): Promise<import("axios").AxiosResponse<Export, any, {}>>;
 declare const ExportService: {
     executeForGithub: typeof executeForGithub;

package/dist/features/DocumentDrawer/services/ExportService.js

@@ -1,9 +1,15 @@
 import api from '../../../configs/api';
-function executeForGithub(uid, type) {
-    return api.get(`${import.meta.env.VITE_APP_IO_API}/export/github/${uid}/${type}`);
+function buildExportUrl(base, uid, type, tier) {
+    const url = `${base}/${uid}/${type}`;
+    if (!tier)
+        return url;
+    return `${url}?tier=${encodeURIComponent(tier)}`;
 }
-function execute(uid, type) {
-    return api.get(`${import.meta.env.VITE_APP_IO_API}/export/${uid}/${type}`);
+function executeForGithub(uid, type, tier) {
+    return api.get(buildExportUrl(`${import.meta.env.VITE_APP_IO_API}/export/github`, uid, type, tier));
+}
+function execute(uid, type, tier) {
+    return api.get(buildExportUrl(`${import.meta.env.VITE_APP_IO_API}/export`, uid, type, tier));
 }
 function check(uid) {
     return api.get(`${import.meta.env.VITE_APP_IO_API}/export/check/${uid}`);

package/dist/features/DocumentDrawer/types/Export.d.ts

@@ -22,4 +22,9 @@ type ExportTypeItem = {
     active: boolean;
 };
 export declare const EXPORT_TYPE_DISPLAY: ExportTypeItem[];
+export type TxtExportTier = 'ORIGINAL' | 'ILLEGIBLE' | 'INFLECTION';
+export declare const TXT_EXPORT_TIER_OPTIONS: {
+    tier: TxtExportTier;
+    labelKey: string;
+}[];
 export default Export;

package/dist/features/DocumentDrawer/types/Export.js

@@ -33,4 +33,14 @@ export const EXPORT_TYPE_DISPLAY = [
         icon: 'format_list_bulleted',
         active: true,
     },
+    {
+        type: 'TXT',
+        icon: 'description',
+        active: true,
+    },
+];
+export const TXT_EXPORT_TIER_OPTIONS = [
+    { tier: 'ORIGINAL', labelKey: 'modal.txt.tier.diplomatic' },
+    { tier: 'ILLEGIBLE', labelKey: 'modal.txt.tier.semiDiplomatic' },
+    { tier: 'INFLECTION', labelKey: 'modal.txt.tier.modernized' },
 ];

package/dist/shell/Header/HelpButton/HelpModal.d.ts

@@ -1,5 +1,5 @@
-import { HelpAction } from "./HelpButton";
-import "./style.scss";
+import { HelpAction } from './HelpButton';
+import './style.scss';
 type Props = {
     onClose: () => void;
     helpActions?: HelpAction[];

package/dist/shell/Header/HelpButton/HelpModal.js

@@ -1,18 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import { Button } from "tycho-storybook";
-import AppModal from "../../../common/AppModal/AppModal";
-import Storage from "../../../configs/Storage";
-import { useTourUtils } from "../../../configs/useTourUtils";
-import "./style.scss";
+import { useTranslation } from 'react-i18next';
+import { Button } from 'tycho-storybook';
+import AppModal from '../../../common/AppModal/AppModal';
+import Storage from '../../../configs/Storage';
+import { useTourUtils } from '../../../configs/useTourUtils';
+import './style.scss';
 export default function HelpModal({ onClose, helpActions = [] }) {
-    const { t } = useTranslation("help");
+    const { t } = useTranslation('help');
     const { turnOn, turnOff, status } = useTourUtils();
     const isTourActive = status();
     const isAutoOpenEnabled = Storage.getTourAutoOpen();
     const handleTutorials = () => {
-        const origin = (import.meta.env.VITE_APP_ORIGIN ?? "").replace(/\/+$/, "");
-        window.open(`${origin}/home/tutorials`, "_blank");
+        const origin = (import.meta.env.VITE_APP_ORIGIN ?? '').replace(/\/+$/, '');
+        window.open(`${origin}/home/tutorials`, '_blank');
         onClose();
     };
     const handleTourToggle = () => {
@@ -31,5 +31,5 @@ export default function HelpModal({ onClose, helpActions = [] }) {
     const handleAutoOpenToggle = (event) => {
         Storage.setTourAutoOpen(event.target.checked);
     };
-    return (_jsxs(AppModal, { title: t("modal.title") || "Help Center", close: onClose, hideFooter: true, className: "help-modal", children: [_jsxs("div", { className: "item", children: [_jsx("div", { className: "title", children: t("title.tutorials") }), _jsx("div", { className: "desc", children: t("description.tutorials") }), _jsx(Button, { text: t("button.open", { title: t("title.tutorials") }), size: "small", mode: "outlined", icon: "keyboard_arrow_right", onClick: handleTutorials })] }), _jsxs("div", { className: "item", children: [_jsx("div", { className: "title", children: t("title.tour") }), _jsx("div", { className: "desc", children: t("description.tour") }), _jsxs("label", { className: "help-checkbox-label", children: [_jsx("input", { type: "checkbox", checked: isAutoOpenEnabled, onChange: handleAutoOpenToggle, className: "help-checkbox" }), _jsx("span", { children: t("checkbox.autoOpen") })] }), _jsx(Button, { text: t("button.open", { title: t("title.tour") }), size: "small", mode: "outlined", icon: "keyboard_arrow_right", onClick: handleTourToggle })] }), helpActions.map((item, idx) => (_jsxs("div", { className: "item", children: [_jsx("div", { className: "title", children: item.title }), _jsx("div", { className: "desc", children: item.desc }), _jsx(Button, { text: t("button.open", { title: item.title }), size: "small", mode: "outlined", icon: "keyboard_arrow_right", onClick: () => handleCustomAction(item) })] }, idx)))] }));
+    return (_jsxs(AppModal, { title: t('modal.title'), close: onClose, hideFooter: true, className: "help-modal", children: [_jsxs("div", { className: "item", children: [_jsx("div", { className: "title", children: t('title.tutorials') }), _jsx("div", { className: "desc", children: t('description.tutorials') }), _jsx(Button, { text: t('button.open', { title: t('title.tutorials') }), size: "small", mode: "outlined", icon: "keyboard_arrow_right", onClick: handleTutorials })] }), _jsxs("div", { className: "item", children: [_jsx("div", { className: "title", children: t('title.tour') }), _jsx("div", { className: "desc", children: t('description.tour') }), _jsxs("label", { className: "help-checkbox-label", children: [_jsx("input", { type: "checkbox", checked: isAutoOpenEnabled, onChange: handleAutoOpenToggle, className: "help-checkbox" }), _jsx("span", { children: t('checkbox.autoOpen') })] }), _jsx(Button, { text: t('button.open', { title: t('title.tour') }), size: "small", mode: "outlined", icon: "keyboard_arrow_right", onClick: handleTourToggle })] }), helpActions.map((item, idx) => (_jsxs("div", { className: "item", children: [_jsx("div", { className: "title", children: item.title }), _jsx("div", { className: "desc", children: item.desc }), _jsx(Button, { text: t('button.open', { title: item.title }), size: "small", mode: "outlined", icon: "keyboard_arrow_right", onClick: () => handleCustomAction(item) })] }, idx)))] }));
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.22.5",
+  "version": "0.22.6",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {