tycho-components 0.21.0 → 0.21.2

package/dist/features/SentenceSplit/SentenceSplit.d.ts

@@ -23,6 +23,11 @@ type Props = {
     selected?: number;
     onSuccess?: () => void;
     iconButtonProps?: SentenceSplitIconButtonProps;
+    /** Controlled modal visibility (use with `onOpenChange`). */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** When true, only the wizard modal is rendered; parent controls `open`. */
+    hideTrigger?: boolean;
 };
-export default function SentenceSplit({ struct, documentUid, wordTiers, languages, translations, sound, selected, onSuccess, iconButtonProps, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function SentenceSplit({ struct, documentUid, wordTiers, languages, translations, sound, selected, onSuccess, iconButtonProps, open: openProp, onOpenChange, hideTrigger, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/features/SentenceSplit/SentenceSplit.js

@@ -35,11 +35,19 @@ function resolveInitialSplitToken(selected, wordTokens) {
         return 0;
     return selected;
 }
-export default function SentenceSplit({ struct, documentUid, wordTiers, languages, translations, sound, selected, onSuccess, iconButtonProps, }) {
+export default function SentenceSplit({ struct, documentUid, wordTiers, languages, translations, sound, selected, onSuccess, iconButtonProps, open: openProp, onOpenChange, hideTrigger = false, }) {
     const { t } = useTranslation('sentenceSplit');
     const { getCorpus } = useCorpusUtils();
     const { dispatchError, isLoading, dispatchLoading } = useMessageUtils();
-    const [open, setOpen] = useState(false);
+    const [internalOpen, setInternalOpen] = useState(false);
+    const isControlled = openProp !== undefined;
+    const open = isControlled ? openProp : internalOpen;
+    const setOpen = (value) => {
+        if (!isControlled) {
+            setInternalOpen(value);
+        }
+        onOpenChange?.(value);
+    };
     const [step, setStep] = useState(STEP_CHOOSE);
     const [request, setRequest] = useState(emptySentenceSplitRequest);
     const [hasComments, setHasComments] = useState(null);
@@ -98,7 +106,10 @@ export default function SentenceSplit({ struct, documentUid, wordTiers, language
             return;
         dispatchLoading(true);
         SentenceSplitService.split(struct.uid, request)
-            .then(() => onSuccess?.())
+            .then(() => {
+            setOpen(false);
+            onSuccess?.();
+        })
             .catch((err) => {
             dispatchLoading(false);
             dispatchError({ err, t });
@@ -172,9 +183,9 @@ export default function SentenceSplit({ struct, documentUid, wordTiers, language
         });
     }, [step, open]);
     const mergedIconProps = { ...DEFAULT_ICON_BUTTON_PROPS, ...iconButtonProps };
-    return (_jsxs(_Fragment, { children: [_jsx(IconButton, { name: "link_off", onClick: () => setOpen(true), title: canOpenSplit
+    return (_jsxs(_Fragment, { children: [!hideTrigger && (_jsx(IconButton, { name: "link_off", onClick: () => setOpen(true), title: canOpenSplit
                     ? t('button.label.split')
-                    : t('split.button.disabledTooFewWords'), disabled: !canOpenSplit, ...mergedIconProps }), open && (_jsxs(AppModal, { title: t('modal.split.sentence.title'), className: "sentence-split-modal", close: () => setOpen(false), hideFooter: true, disableEscapeClose: true, disableBackdropClose: true, children: [_jsx("div", { className: "steps-navigation", children: steps.map((stepItem) => (_jsxs("div", { className: `step-item ${step === stepItem.id ? 'active' : ''}`, onClick: () => setStep(stepItem.id), ref: (element) => {
+                    : t('split.button.disabledTooFewWords'), disabled: !canOpenSplit, ...mergedIconProps })), open && (_jsxs(AppModal, { title: t('modal.split.sentence.title'), className: "sentence-split-modal", close: () => setOpen(false), hideFooter: true, disableEscapeClose: true, disableBackdropClose: true, children: [_jsx("div", { className: "steps-navigation", children: steps.map((stepItem) => (_jsxs("div", { className: `step-item ${step === stepItem.id ? 'active' : ''}`, onClick: () => setStep(stepItem.id), ref: (element) => {
                                 stepItemRefs.current[stepItem.id] = element;
                             }, children: [_jsx(Badge, { text: stepItem.displayNumber.toString(), size: "medium", color: step === stepItem.id ? 'blue' : 'none' }), _jsx("div", { className: "step-label", children: stepItem.label })] }, stepItem.id))) }), _jsxs("div", { className: "steps-content", ref: stepsContentRef, children: [_jsxs("div", { className: "sentence-split-body", children: [step === STEP_CHOOSE && (_jsx(SentenceSplitChoose, { struct: struct, request: request, onChange: setRequest })), step === STEP_PREVIEW && request.token !== null && (_jsx(SentenceSplitPreviewStep, { struct: struct, request: request, wordTiers: wordTiers })), step === STEP_TRANSLATIONS && (_jsx(SentenceSplitTranslationsStep, { languages: languages, request: request, onChange: setRequest })), step === STEP_AUDIO && (_jsx(SentenceSplitAudioStep, { sound: sound, request: request, onChange: setRequest })), step === STEP_COMMENTS && request.token !== null && (_jsx(SentenceSplitCommentsStep, { struct: struct, documentUid: documentUid, request: request, onChange: setRequest }))] }), _jsxs("div", { className: "steps-footer", children: [canGoBack && (_jsx(Button, { text: t('split.button.back'), onClick: handleBack, size: "medium", mode: "ghost" })), _jsx(Button, { text: isLastStep ? t('split.button.finish') : t('split.button.next'), onClick: isLastStep ? handleFinishSplit : handleNext, size: "medium", disabled: disablePrimary })] })] })] }))] }));
 }

package/dist/features/index.d.ts

@@ -1,6 +1,6 @@
 export { default as CommentComponent } from './Comments';
 export { default as HeaderNotifications } from './Comments/HeaderNotifications';
-export type { Comment } from './Comments/types/Comment';
+export type { Comment, CommentRequest } from './Comments/types/Comment';
 export { default as CommentService } from './Comments/CommentService';
 export { default as Parameters } from './Parameters';
 export { default as Participants } from './Participants';

package/dist/shell/Header/types/App.d.ts

@@ -2,7 +2,7 @@ type App = {
     code: string;
     icon?: string;
     image?: string;
-    visibility: 'public' | 'private';
+    visibility: "public" | "private";
     admin?: boolean;
     lexicon?: boolean;
     parser?: boolean;

package/dist/shell/Header/types/App.js

@@ -1,61 +1,67 @@
 export const AvailableApps = [
     {
-        code: 'reserved',
-        icon: 'lock',
-        visibility: 'private',
+        code: "reserved",
+        icon: "lock",
+        visibility: "private",
         appendCorpusUid: false,
     },
     {
-        code: 'catalog',
-        icon: 'search',
-        visibility: 'private',
+        code: "catalog",
+        icon: "search",
+        visibility: "private",
     },
     {
-        code: 'search',
-        icon: 'match_word',
-        visibility: 'public',
+        code: "search",
+        icon: "match_word",
+        visibility: "public",
     },
     {
-        code: 'lexicon',
-        icon: 'book_3',
-        visibility: 'private',
+        code: "lexicon",
+        icon: "book_3",
+        visibility: "private",
         lexicon: true,
         appendCorpusUid: false,
     },
     {
-        code: 'parser',
-        icon: 'settings',
-        visibility: 'private',
+        code: "parser",
+        icon: "settings",
+        visibility: "private",
         parser: true,
         appendCorpusUid: false,
     },
     {
-        code: 'io',
-        icon: 'swap_vert',
-        visibility: 'private',
+        code: "io",
+        icon: "swap_vert",
+        visibility: "private",
     },
     {
-        code: 'viewer',
-        icon: 'news',
-        visibility: 'public',
+        code: "viewer",
+        icon: "news",
+        visibility: "public",
         appendCorpusUid: false,
     },
     {
-        code: 'syntrees',
-        icon: 'graph_4',
-        visibility: 'public',
+        code: "syntrees",
+        icon: "graph_4",
+        visibility: "public",
         appendCorpusUid: false,
     },
     {
-        code: 'psd-reindexer',
-        icon: '123',
-        visibility: 'public',
+        code: "admin",
+        icon: "folder_managed",
+        visibility: "private",
+        admin: true,
+    },
+    {
+        code: "psd-reindexer",
+        icon: "123",
+        visibility: "public",
         appendCorpusUid: false,
     },
     {
-        code: 'admin',
-        icon: 'folder_managed',
-        visibility: 'private',
-        admin: true,
+        code: "cs-analyzer",
+        icon: "compare",
+        visibility: "public",
+        appendCorpusUid: false,
     },
 ];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.21.0",
+  "version": "0.21.2",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -58,7 +58,6 @@
     "react-easy-edit": "^2.0.0",
     "react-loading": "^2.0.3",
     "react-simple-keyboard": "^3.8.66",
-    "react-toastify": "^9.1.3",
     "simple-keyboard-layouts": "^3.4.82"
   },
   "peerDependencies": {
@@ -74,6 +73,7 @@
     "react-hook-form": "^7.45.2",
     "react-i18next": "^13.0.2",
     "react-router-dom": "^6.14.2",
+    "react-toastify": "^9.1.3",
     "tycho-storybook": "0.7.3",
     "wavesurfer-react": "^2.2.2",
     "wavesurfer.js": "^6.6.3",
@@ -100,6 +100,7 @@
     "eslint-plugin-storybook": "^0.11.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-toastify": "^9.1.3",
     "sass-embedded": "^1.97.2",
     "storybook": "^10.1.11",
     "typescript": "^5.7.3",