tycho-components 0.28.9 → 0.28.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/features/DocumentDrawer/Actions/Actions.d.ts +4 -4
  2. package/dist/features/DocumentDrawer/Actions/Actions.js +50 -50
  3. package/dist/features/DocumentDrawer/Actions/style.scss +0 -6
  4. package/dist/features/DocumentDrawer/DocumentDrawer.d.ts +5 -5
  5. package/dist/features/DocumentDrawer/DocumentDrawer.js +53 -53
  6. package/dist/features/DocumentDrawer/localization/DocumentTexts.d.ts +0 -3
  7. package/dist/features/DocumentDrawer/localization/DocumentTexts.js +0 -3
  8. package/dist/features/DocumentDrawer/style.scss +37 -16
  9. package/package.json +3 -3
package/dist/features/DocumentDrawer/Actions/Actions.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- import CatalogSearchFilter from "../types/CatalogSearchFilter";
2
- import type { DocumentDrawerActionId } from "../types/DocumentDrawerActionId";
3
- import { Document } from "../deps";
4
- import "./style.scss";
1
+ import CatalogSearchFilter from '../types/CatalogSearchFilter';
2
+ import type { DocumentDrawerActionId } from '../types/DocumentDrawerActionId';
3
+ import { Document } from '../deps';
4
+ import './style.scss';
5
5
  type Props = {
6
6
  document: Document;
7
7
  setOpenFile: (b: boolean) => void;
package/dist/features/DocumentDrawer/Actions/Actions.js CHANGED
@@ -1,17 +1,17 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import AutomaticParser from "../AutomaticParser";
3
- import DocumentRemove from "../DocumentRemove";
4
- import InconsistencyActions from "../Inconsistency/InconsistencyActions";
5
- import DocumentService from "../services/DocumentService";
6
- import SentenceService from "../services/SentenceService";
7
- import PageRemoveSentences from "./PageRemoveSentences";
8
- import { useMemo, useState } from "react";
9
- import { useTranslation } from "react-i18next";
10
- import { ToolsUtils, useCorpusUtils, useMessageUtils } from "../deps";
11
- import { Icon } from "tycho-storybook";
12
- import "./style.scss";
2
+ import AutomaticParser from '../AutomaticParser';
3
+ import DocumentRemove from '../DocumentRemove';
4
+ import InconsistencyActions from '../Inconsistency/InconsistencyActions';
5
+ import DocumentService from '../services/DocumentService';
6
+ import SentenceService from '../services/SentenceService';
7
+ import PageRemoveSentences from './PageRemoveSentences';
8
+ import { useMemo, useState } from 'react';
9
+ import { useTranslation } from 'react-i18next';
10
+ import { ToolsUtils, useCorpusUtils, useMessageUtils } from '../deps';
11
+ import { Icon } from 'tycho-storybook';
12
+ import './style.scss';
13
13
  export default function Actions({ document, setOpenFile, setFilter, handleClickDocument, useGrid, pageUid, pageOrder, onPageReload, hiddenActions = [], }) {
14
- const { t } = useTranslation("actions");
14
+ const { t } = useTranslation('actions');
15
15
  const { getCorpus } = useCorpusUtils();
16
16
  const [openRemove, setOpenRemove] = useState(false);
17
17
  const [openRemoveSentences, setOpenRemoveSentences] = useState(false);
@@ -24,7 +24,7 @@ export default function Actions({ document, setOpenFile, setFilter, handleClickD
24
24
  const handleResume = () => {
25
25
  SentenceService.resume(document.uid).then((r) => {
26
26
  if (!r.data) {
27
- dispatchError({ err: "warning.syntactic.review", t });
27
+ dispatchError({ err: 'warning.syntactic.review', t });
28
28
  return;
29
29
  }
30
30
  navigateSameWindow(`${import.meta.env.VITE_APP_REVISION_URL}/tree/${r.data.uid}`);
@@ -32,7 +32,7 @@ export default function Actions({ document, setOpenFile, setFilter, handleClickD
32
32
  };
33
33
  const handleReview = () => {
34
34
  const baseUrl = import.meta.env.VITE_APP_REVISION_URL;
35
- const url = document.defaultTool === "DESIGN"
35
+ const url = document.defaultTool === 'DESIGN'
36
36
  ? `${baseUrl}/box/${document.uid}`
37
37
  : `${baseUrl}/${document.uid}`;
38
38
  navigateSameWindow(url);
@@ -42,79 +42,79 @@ export default function Actions({ document, setOpenFile, setFilter, handleClickD
42
42
  };
43
43
  const handleTranscription = () => {
44
44
  if (!pageUid) {
45
- dispatchError({ err: "error.page.required", t });
45
+ dispatchError({ err: 'error.page.required', t });
46
46
  return;
47
47
  }
48
48
  setOpenRemoveSentences(true);
49
49
  };
50
50
  const handleSyncSearch = () => {
51
51
  DocumentService.syncSearch(document.uid)
52
- .then(() => dispatchMessage({ key: "sync.search.success", t }))
53
- .catch(() => dispatchError({ err: "error.unknown", t }));
52
+ .then(() => dispatchMessage({ key: 'sync.search.success', t }))
53
+ .catch(() => dispatchError({ err: 'error.unknown', t }));
54
54
  };
55
55
  const actionOptions = [
56
56
  {
57
- id: "documents",
58
- iconName: "list",
59
- title: t("label.documents.title"),
60
- description: t("label.documents.description"),
57
+ id: 'documents',
58
+ iconName: 'list',
59
+ title: t('label.documents.title'),
60
+ description: t('label.documents.description'),
61
61
  onClick: handleDocuments,
62
62
  },
63
63
  {
64
- id: "edition",
64
+ id: 'edition',
65
65
  iconName: ToolsUtils.getIcon(document.defaultTool),
66
- title: t("label.edition.title"),
67
- description: t("label.edition.description"),
66
+ title: t('label.edition.title'),
67
+ description: t('label.edition.description'),
68
68
  onClick: () => handleClickDocument(document.uid),
69
- buttonClassName: document.defaultTool === "DESIGN" ? "action-design" : undefined,
69
+ buttonClassName: document.defaultTool === 'DESIGN' ? 'action-design' : undefined,
70
70
  },
71
71
  {
72
- id: "syntactic",
73
- iconName: "graph_4",
74
- title: t("label.syntactic.title"),
75
- description: t("label.syntactic.description"),
72
+ id: 'syntactic',
73
+ iconName: 'graph_4',
74
+ title: t('label.syntactic.title'),
75
+ description: t('label.syntactic.description'),
76
76
  onClick: handleReview,
77
77
  },
78
78
  {
79
- id: "resume",
80
- iconName: "play_arrow",
81
- title: t("label.resume.title"),
82
- description: t("label.resume.description"),
79
+ id: 'resume',
80
+ iconName: 'play_arrow',
81
+ title: t('label.resume.title'),
82
+ description: t('label.resume.description'),
83
83
  onClick: handleResume,
84
84
  },
85
85
  {
86
- id: "transcription",
87
- iconName: "checkbook",
88
- title: t("label.transcription.title"),
89
- description: t("label.transcription.description", {
86
+ id: 'transcription',
87
+ iconName: 'checkbook',
88
+ title: t('label.transcription.title'),
89
+ description: t('label.transcription.description', {
90
90
  pageNumber: pageOrder,
91
91
  }),
92
92
  onClick: handleTranscription,
93
93
  },
94
94
  {
95
- id: "automatic",
96
- iconName: "settings_timelapse",
97
- title: t("label.automatic.title"),
98
- description: t("label.automatic.description"),
95
+ id: 'automatic',
96
+ iconName: 'settings_timelapse',
97
+ title: t('label.automatic.title'),
98
+ description: t('label.automatic.description'),
99
99
  onClick: () => setOpenAutomatic(true),
100
100
  },
101
101
  {
102
- id: "sync",
103
- iconName: "sync",
104
- title: t("label.sync.title"),
105
- description: t("label.sync.description"),
102
+ id: 'sync',
103
+ iconName: 'sync',
104
+ title: t('label.sync.title'),
105
+ description: t('label.sync.description'),
106
106
  onClick: handleSyncSearch,
107
107
  },
108
108
  {
109
- id: "remove",
110
- iconName: "delete",
111
- title: t("actions.label.remove"),
112
- description: t("actions.label.remove.description"),
109
+ id: 'remove',
110
+ iconName: 'delete',
111
+ title: t('actions.label.remove'),
112
+ description: t('actions.label.remove.description'),
113
113
  onClick: () => setOpenRemove(true),
114
114
  },
115
115
  ];
116
116
  const visibleActions = actionOptions.filter((action) => !hidden.has(action.id));
117
- 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: () => {
117
+ return (_jsxs("div", { className: "file-actions-container", children: [_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: () => {
118
118
  onPageReload?.();
119
119
  setOpenFile(false);
120
120
  } }))] }));
package/dist/features/DocumentDrawer/Actions/style.scss CHANGED
@@ -1,6 +0,0 @@
1
- .file-actions-container {
2
- .body {
3
- height: 94vh;
4
- overflow-y: auto;
5
- }
6
- }
package/dist/features/DocumentDrawer/DocumentDrawer.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- import CatalogSearchFilter from "./types/CatalogSearchFilter";
2
- import Category from "./types/Category";
3
- import type { DocumentDrawerActionId } from "./types/DocumentDrawerActionId";
4
- import { Document } from "./deps";
5
- import "./style.scss";
1
+ import CatalogSearchFilter from './types/CatalogSearchFilter';
2
+ import Category from './types/Category';
3
+ import type { DocumentDrawerActionId } from './types/DocumentDrawerActionId';
4
+ import { Document } from './deps';
5
+ import './style.scss';
6
6
  export type DocumentDrawerProps = {
7
7
  uid: string;
8
8
  setOpenFile: (b: boolean) => void;
package/dist/features/DocumentDrawer/DocumentDrawer.js CHANGED
@@ -1,25 +1,25 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import documenService from "./services/DocumentService";
3
- import { Drawer, Tab, Tabs } from "@mui/material";
4
- import { useEffect, useMemo, useState } from "react";
5
- import { useTranslation } from "react-i18next";
6
- import { Participants, useCorpusUtils } from "./deps";
7
- import { Icon } from "tycho-storybook";
8
- import DocumentMetadata from "./Metadata/DocumentMetadata";
9
- import Actions from "./Actions";
10
- import DocumentExport from "./DocumentExport";
11
- import DocumentLexicon from "./DocumentLexicon";
12
- import Github from "./Github";
13
- import ImageGallery from "./ImageGallery";
14
- import Info from "./Info";
15
- import Boxes from "./Pages/Boxes";
16
- import Pages from "./Pages/Pages";
17
- import "./style.scss";
2
+ import documenService from './services/DocumentService';
3
+ import { Drawer, Tab, Tabs } from '@mui/material';
4
+ import { useEffect, useMemo, useState } from 'react';
5
+ import { useTranslation } from 'react-i18next';
6
+ import { Participants, useCorpusUtils } from './deps';
7
+ import { Icon, IconButton } from 'tycho-storybook';
8
+ import DocumentMetadata from './Metadata/DocumentMetadata';
9
+ import Actions from './Actions';
10
+ import DocumentExport from './DocumentExport';
11
+ import DocumentLexicon from './DocumentLexicon';
12
+ import Github from './Github';
13
+ import ImageGallery from './ImageGallery';
14
+ import Info from './Info';
15
+ import Boxes from './Pages/Boxes';
16
+ import Pages from './Pages/Pages';
17
+ import './style.scss';
18
18
  export default function DocumentDrawer({ uid, setOpenFile, setFilter, handleChange, handleClickDocument, useGrid, categoriesHierarchy, pageUid, pageOrder, onPageReload, hiddenActions, }) {
19
- const { t } = useTranslation("document");
19
+ const { t } = useTranslation('document');
20
20
  const { getCorpus, hasParameter } = useCorpusUtils();
21
21
  const [document, setDocument] = useState();
22
- const [activeKey, setActiveKey] = useState("actions");
22
+ const [activeKey, setActiveKey] = useState('actions');
23
23
  const fileItems = useMemo(() => {
24
24
  if (!document)
25
25
  return [];
@@ -34,7 +34,7 @@ export default function DocumentDrawer({ uid, setOpenFile, setFilter, handleChan
34
34
  const renderPages = () => {
35
35
  if (!document)
36
36
  return null;
37
- if (document.defaultTool && document.defaultTool === "DESIGN")
37
+ if (document.defaultTool && document.defaultTool === 'DESIGN')
38
38
  return (_jsx(Boxes, { document: document, setDocument: setDocument, setOpenFile: setOpenFile, handleChange: handleChange }));
39
39
  return (_jsx(Pages, { document: document, setDocument: setDocument, setOpenFile: setOpenFile, handleChange: handleChange }));
40
40
  };
@@ -45,58 +45,58 @@ export default function DocumentDrawer({ uid, setOpenFile, setFilter, handleChan
45
45
  }, [uid]);
46
46
  if (!document)
47
47
  return null;
48
- 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) => {
49
- handleChange(updated);
50
- setDocument(updated);
51
- } })), activeKey === "metadata" && (_jsx(DocumentMetadata, { document: document, onDocumentChange: (updated) => {
52
- handleChange(updated);
53
- setDocument(updated);
54
- } })), 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 }))] })] }) }));
48
+ return (_jsx(Drawer, { anchor: "left", open: true, onClose: () => setOpenFile(false), className: "offcanvas-file", children: _jsxs("div", { className: "drawer-container", children: [_jsxs("div", { className: "drawer-header", children: [_jsxs("div", { className: "header-content", children: [_jsx("div", { className: "corpus", children: getCorpus().name }), _jsx("div", { className: "document", children: document.name })] }), _jsx(IconButton, { name: "close", size: "medium", mode: "ghost", iconSize: "medium", onClick: () => setOpenFile(false) })] }), _jsxs("div", { className: "drawer-body", children: [_jsx("div", { className: "tabs-col", children: _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) => {
49
+ handleChange(updated);
50
+ setDocument(updated);
51
+ } })), activeKey === 'metadata' && (_jsx(DocumentMetadata, { document: document, onDocumentChange: (updated) => {
52
+ handleChange(updated);
53
+ setDocument(updated);
54
+ } })), 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 }))] })] })] }) }));
55
55
  }
56
56
  const baseFileItems = [
57
57
  {
58
- eventKey: "actions",
59
- icon: "manufacturing",
60
- title: "menu.label.actions",
58
+ eventKey: 'actions',
59
+ icon: 'manufacturing',
60
+ title: 'menu.label.actions',
61
61
  },
62
62
  {
63
- eventKey: "home",
64
- icon: "info",
65
- title: "menu.label.home",
63
+ eventKey: 'home',
64
+ icon: 'info',
65
+ title: 'menu.label.home',
66
66
  },
67
67
  {
68
- eventKey: "pages",
69
- icon: "article",
70
- title: "menu.label.pages",
68
+ eventKey: 'pages',
69
+ icon: 'article',
70
+ title: 'menu.label.pages',
71
71
  },
72
72
  {
73
- eventKey: "gallery",
74
- icon: "photo_library",
75
- title: "menu.label.images",
73
+ eventKey: 'gallery',
74
+ icon: 'photo_library',
75
+ title: 'menu.label.images',
76
76
  },
77
77
  {
78
- eventKey: "metadata",
79
- icon: "bookmark",
80
- title: "menu.label.metadata",
78
+ eventKey: 'metadata',
79
+ icon: 'bookmark',
80
+ title: 'menu.label.metadata',
81
81
  },
82
82
  {
83
- eventKey: "lexicon",
84
- icon: "sort_by_alpha",
85
- title: "menu.label.lexicon",
83
+ eventKey: 'lexicon',
84
+ icon: 'sort_by_alpha',
85
+ title: 'menu.label.lexicon',
86
86
  },
87
87
  {
88
- eventKey: "export",
89
- icon: "file_export",
90
- title: "menu.label.export",
88
+ eventKey: 'export',
89
+ icon: 'file_export',
90
+ title: 'menu.label.export',
91
91
  },
92
92
  {
93
- eventKey: "participants",
94
- icon: "group",
95
- title: "menu.label.participants",
93
+ eventKey: 'participants',
94
+ icon: 'group',
95
+ title: 'menu.label.participants',
96
96
  },
97
97
  ];
98
98
  const githubFileItem = {
99
- eventKey: "github",
100
- icon: "code",
101
- title: "menu.label.github",
99
+ eventKey: 'github',
100
+ icon: 'code',
101
+ title: 'menu.label.github',
102
102
  };
package/dist/features/DocumentDrawer/localization/DocumentTexts.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  export declare const DocumentTexts: {
2
2
  en: {
3
- 'menu.label.close': string;
4
3
  'menu.label.home': string;
5
4
  'menu.label.pages': string;
6
5
  'menu.label.images': string;
@@ -46,7 +45,6 @@ export declare const DocumentTexts: {
46
45
  'placeholder.empty.images': string;
47
46
  };
48
47
  'pt-BR': {
49
- 'menu.label.close': string;
50
48
  'menu.label.home': string;
51
49
  'menu.label.pages': string;
52
50
  'menu.label.images': string;
@@ -92,7 +90,6 @@ export declare const DocumentTexts: {
92
90
  'placeholder.empty.images': string;
93
91
  };
94
92
  it: {
95
- 'menu.label.close': string;
96
93
  'menu.label.home': string;
97
94
  'menu.label.pages': string;
98
95
  'menu.label.images': string;
package/dist/features/DocumentDrawer/localization/DocumentTexts.js CHANGED
@@ -1,6 +1,5 @@
1
1
  export const DocumentTexts = {
2
2
  en: {
3
- 'menu.label.close': 'Close',
4
3
  'menu.label.home': 'Details',
5
4
  'menu.label.pages': 'Pages',
6
5
  'menu.label.images': 'Images',
@@ -46,7 +45,6 @@ export const DocumentTexts = {
46
45
  'placeholder.empty.images': 'There are no images for this document.',
47
46
  },
48
47
  'pt-BR': {
49
- 'menu.label.close': 'Fechar',
50
48
  'menu.label.home': 'Detalhes',
51
49
  'menu.label.pages': 'Páginas',
52
50
  'menu.label.images': 'Imagens',
@@ -92,7 +90,6 @@ export const DocumentTexts = {
92
90
  'placeholder.empty.images': 'Não existem imagens para este documento.',
93
91
  },
94
92
  it: {
95
- 'menu.label.close': 'Chiudi',
96
93
  'menu.label.home': 'Dettagli',
97
94
  'menu.label.pages': 'Pagine',
98
95
  'menu.label.images': 'Immagini',
package/dist/features/DocumentDrawer/style.scss CHANGED
@@ -1,9 +1,46 @@
1
1
  .drawer-container {
2
2
  display: flex;
3
+ flex-direction: column;
3
4
  height: 100%;
5
+ overflow: hidden;
6
+
7
+ > .drawer-header {
8
+ display: flex;
9
+ background-color: #1651aa;
10
+ color: var(--text-on-color-light);
11
+ border-bottom: 1px solid var(--border-subtle-2);
12
+ padding: 8px 24px;
13
+ gap: 4px;
14
+
15
+ .corpus {
16
+ @include subtitle-small-2;
17
+ }
18
+
19
+ .document {
20
+ @include body-medium-2;
21
+ }
22
+
23
+ .ds-icon-button {
24
+ margin-left: auto;
25
+
26
+ &:hover {
27
+ background-color: #13458f;
28
+ }
29
+
30
+ .ds-icon {
31
+ color: var(--text-on-color-light) !important;
32
+ }
33
+ }
34
+ }
35
+
36
+ > .drawer-body {
37
+ display: flex;
38
+ }
4
39
 
5
40
  .info-col {
6
41
  width: 75%;
42
+ overflow-y: auto;
43
+ height: 94vh;
7
44
 
8
45
  .header {
9
46
  @include subtitle-medium-2;
@@ -98,22 +135,6 @@
98
135
  color: var(--text-on-color-light);
99
136
  }
100
137
  }
101
-
102
- .nav-item-close {
103
- display: flex;
104
- cursor: pointer;
105
- padding: 12px 0 12px 24px;
106
- color: var(--text-on-color-light);
107
- margin: 24px 0px;
108
-
109
- .title {
110
- @include label-medium-1;
111
- }
112
-
113
- &:hover {
114
- background-color: #1651aa;
115
- }
116
- }
117
138
  }
118
139
  }
119
140
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "tycho-components",
3
3
  "private": false,
4
- "version": "0.28.9",
4
+ "version": "0.28.10",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
@@ -82,7 +82,7 @@
82
82
  "react-i18next": "^13.0.2",
83
83
  "react-router-dom": "^6.14.2",
84
84
  "react-toastify": "^9.1.3",
85
- "tycho-storybook": "0.10.0",
85
+ "tycho-storybook": "0.10.1",
86
86
  "wavesurfer-react": "^2.2.2",
87
87
  "wavesurfer.js": "^6.6.3"
88
88
  },
@@ -111,7 +111,7 @@
111
111
  "react-toastify": "^9.1.3",
112
112
  "sass-embedded": "^1.97.2",
113
113
  "storybook": "^10.1.11",
114
- "tycho-storybook": "^0.10.0",
114
+ "tycho-storybook": "^0.10.1",
115
115
  "typescript": "^5.7.3",
116
116
  "vite": "^7.0.0",
117
117
  "vitest": "^3.2.6",