tycho-components 0.2.0-SNAPSHOT-24 → 0.2.0-SNAPSHOT-26

package/dist/AppModal/AppModal.d.ts

@@ -18,6 +18,7 @@ type Props = {
         title: string;
         action: () => void;
     };
+    hideBackdrop?: boolean;
 };
-export default function AppModal({ children, title, subtitle, className, close, confirm, disableConfirm, hideFooter, disableClose, disableCancel, confirmLabel, closeLabel, cancel, onEntered, alternativeButton, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function AppModal({ children, title, subtitle, className, close, confirm, disableConfirm, hideFooter, disableClose, disableCancel, confirmLabel, closeLabel, cancel, onEntered, alternativeButton, hideBackdrop, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/AppModal/AppModal.js

@@ -4,10 +4,10 @@ import cx from 'classnames';
 import { useTranslation } from 'react-i18next';
 import { Button, Icon } from 'tycho-storybook';
 import './style.scss';
-export default function AppModal({ children, title, subtitle, className, close, confirm, disableConfirm, hideFooter, disableClose, disableCancel, confirmLabel, closeLabel, cancel, onEntered, alternativeButton, }) {
+export default function AppModal({ children, title, subtitle, className, close, confirm, disableConfirm, hideFooter, disableClose, disableCancel, confirmLabel, closeLabel, cancel, onEntered, alternativeButton, hideBackdrop, }) {
     const { t } = useTranslation('common');
     const getClassNames = cx('modal-container', className);
-    return (_jsx(Modal, { open: true, disableEnforceFocus: true, disableAutoFocus: true, disableRestoreFocus: true, children: _jsx(Fade, { in: true, onEntered: () => onEntered && onEntered(), children: _jsxs(Box, { className: getClassNames, sx: style, children: [_jsxs("div", { className: "header", children: [_jsxs("div", { className: "titles", children: [_jsx("span", { className: "title", children: title }), subtitle && _jsx("span", { className: "subtitle", children: subtitle })] }), !disableClose && (_jsx(Icon, { name: "close", onClick: close, className: "pointer" }))] }), _jsx("div", { className: "body", children: children }), !hideFooter ? (_jsxs("div", { className: "footer", children: [alternativeButton && (_jsx(Button, { className: "alternative", color: "white", onClick: alternativeButton.action, text: alternativeButton.title })), !disableCancel && (_jsx(Button, { onClick: cancel || close, text: closeLabel || t('button.cancel'), color: "danger" })), confirm && (_jsx(Button, { onClick: confirm, disabled: disableConfirm, text: confirmLabel || t('button.confirm') }))] })) : null] }) }) }));
+    return (_jsx(Modal, { open: true, disableEnforceFocus: true, disableAutoFocus: true, disableRestoreFocus: true, hideBackdrop: hideBackdrop, children: _jsx(Fade, { in: true, onEntered: () => onEntered && onEntered(), children: _jsxs(Box, { className: getClassNames, sx: style, children: [_jsxs("div", { className: "header", children: [_jsxs("div", { className: "titles", children: [_jsx("span", { className: "title", children: title }), subtitle && _jsx("span", { className: "subtitle", children: subtitle })] }), !disableClose && (_jsx(Icon, { name: "close", onClick: close, className: "pointer" }))] }), _jsx("div", { className: "body", children: children }), !hideFooter ? (_jsxs("div", { className: "footer", children: [alternativeButton && (_jsx(Button, { className: "alternative", color: "white", onClick: alternativeButton.action, text: alternativeButton.title })), !disableCancel && (_jsx(Button, { onClick: cancel || close, text: closeLabel || t('button.cancel'), color: "danger" })), confirm && (_jsx(Button, { onClick: confirm, disabled: disableConfirm, text: confirmLabel || t('button.confirm') }))] })) : null] }) }) }));
 }
 const style = {
     position: 'absolute',

package/dist/TreeView/TreeView.js

@@ -9,6 +9,7 @@ import CytoscapeTreeConverter from './cytoscape/CytoscapeTreeConverter';
 import SyntreesCytoscape from './cytoscape/SyntreesCytoscape';
 import './style.scss';
 import AppPlaceholder from '../AppPlaceholder';
+import DateUtils from '../functions/DateUtils';
 export default function TreeView({ struct, expression, onExpand, selector = 'canvas-tree', translations, }) {
     const { t } = useTranslation('tree');
     const [cy, setCy] = useState(null);
@@ -80,7 +81,7 @@ export default function TreeView({ struct, expression, onExpand, selector = 'can
                     const right = 12 + i * 44;
                     return (_jsx("button", { className: "floating-button", type: "button", title: t(btn.title), onClick: btn.onClick, style: { right: `${right}px` }, children: _jsx(FontAwesomeIcon, { icon: btn.icon, className: btn.extraClass }) }, i));
                 }), _jsx("div", { id: selector, className: "canvas-tree" }), showInfo && (_jsxs("div", { className: "info", children: [_jsx("span", { children: SentenceUtils.getAsText(struct) }), translations &&
-                        Object.entries(translations).map(([k, v]) => (_jsxs("div", { className: "translation", children: [_jsxs("b", { children: [k, ":"] }), _jsx("span", { children: v })] }, k)))] }))] }));
+                        Object.entries(translations).map(([k, v]) => (_jsxs("div", { className: "translation", children: [_jsxs("b", { children: [k, ":"] }), _jsx("span", { children: v })] }, k))), struct.parsed && (_jsxs("span", { className: "date", children: [t('date.parsed'), ' ', DateUtils.formatDateTime(struct.parsed, 'dd/MM/yyyy HH:mm:ss')] }))] }))] }));
 }
 const getButtons = (generateImage, reset, downloadPsd, displayInfo, onExpand, expression) => [
     {

package/dist/TreeView/style.scss

@@ -32,5 +32,9 @@
     .translation b {
       margin-right: 4px;
     }
+
+    .date {
+      @include helper-medium-1;
+    }
   }
 }

package/dist/TreeView/types/TreeViewExample.js

@@ -1,5 +1,6 @@
 export const structExample = {
     uid: '13e0ee30-8f07-11e6-b457-90b11c409ded',
+    parsed: '2025-09-06T11:40:47.261+00:00',
     tokens: [
         {
             attributes: {

package/dist/configs/Localization.d.ts

@@ -139,6 +139,7 @@ export declare const commonResources: {
             'button.download.penn': string;
             'button.info': string;
             'placeholder.sentence.notparsed': string;
+            'date.parsed': string;
         };
         upload: {
             'label.dropzone': string;
@@ -285,6 +286,7 @@ export declare const commonResources: {
             'button.download.tree': string;
             'button.download.penn': string;
             'placeholder.sentence.notparsed': string;
+            'date.parsed': string;
         };
         upload: {
             'label.dropzone': string;
@@ -432,6 +434,7 @@ export declare const commonResources: {
             'button.recenter.tree': string;
             'button.download.tree': string;
             'button.download.penn': string;
+            'date.parsed': string;
         };
         upload: {
             'label.dropzone': string;

package/dist/configs/localization/TreeTexts.d.ts

@@ -6,6 +6,7 @@ export declare const TreeTexts: {
         'button.download.penn': string;
         'button.info': string;
         'placeholder.sentence.notparsed': string;
+        'date.parsed': string;
     };
     'pt-BR': {
         'button.expand.tree': string;
@@ -13,11 +14,13 @@ export declare const TreeTexts: {
         'button.download.tree': string;
         'button.download.penn': string;
         'placeholder.sentence.notparsed': string;
+        'date.parsed': string;
     };
     it: {
         'button.expand.tree': string;
         'button.recenter.tree': string;
         'button.download.tree': string;
         'button.download.penn': string;
+        'date.parsed': string;
     };
 };

package/dist/configs/localization/TreeTexts.js

@@ -6,6 +6,7 @@ export const TreeTexts = {
         'button.download.penn': 'Download in Penn Tree format',
         'button.info': 'Display translations and glosses',
         'placeholder.sentence.notparsed': 'This sentence has not been parsed.',
+        'date.parsed': 'Parsing executed at:',
     },
     'pt-BR': {
         'button.expand.tree': 'Expandir árvore',
@@ -13,11 +14,13 @@ export const TreeTexts = {
         'button.download.tree': 'Baixar árvore como imagem',
         'button.download.penn': 'Baixar no formato Penn Tree',
         'placeholder.sentence.notparsed': 'O parser não foi realizado nesta sentença.',
+        'date.parsed': 'Parser executado às:',
     },
     it: {
         'button.expand.tree': 'Espandi albero',
         'button.recenter.tree': 'Ricentra albero',
         'button.download.tree': 'Scarica albero come immagine',
         'button.download.penn': 'Scarica in formato Penn Tree',
+        'date.parsed': 'Parser eseguito alle:',
     },
 };

package/dist/configs/types/Struct.d.ts

@@ -47,6 +47,7 @@ export type Struct = {
     corpus: string;
     status?: SentenceStatus;
     participant?: string;
+    parsed?: string;
 };
 export type Edition = {
     id: string;

package/package.json

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