tycho-components 0.28.11 → 0.29.0

package/dist/features/Participants/ParticipantRemove/index.js

@@ -1,2 +0,0 @@
-import ParticipantRemove from './ParticipantRemove';
-export default ParticipantRemove;

package/dist/features/Participants/ParticipantRemove/style.scss

@@ -1,15 +0,0 @@
-.modal-container {
-  &.modal-remove {
-    .body {
-      .select-participant {
-        border-top: 1px solid var(--border-subtle-1);
-        padding-top: 16px;
-        margin-top: 16px;
-
-        > .ds-select-text {
-          margin-top: 16px;
-        }
-      }
-    }
-  }
-}

package/dist/features/Participants/ParticipantService.d.ts

@@ -1,10 +0,0 @@
-import Participant, { ParticipantCreateRequest } from './types/Participant';
-declare function add(uid: string, request: ParticipantCreateRequest): Promise<import("axios").AxiosResponse<Participant, any, {}>>;
-declare function update(uid: string, code: string, participant: Participant): Promise<import("axios").AxiosResponse<any, any, {}>>;
-declare function remove(document: string, code: string, transfer?: string): Promise<import("axios").AxiosResponse<any, any, {}>>;
-declare const ParticipantService: {
-    add: typeof add;
-    update: typeof update;
-    remove: typeof remove;
-};
-export default ParticipantService;

package/dist/features/Participants/ParticipantService.js

@@ -1,19 +0,0 @@
-import api, { platformApi } from '../../configs/api';
-function add(uid, request) {
-    return api.post(`${platformApi.catalog}/participant/${uid}`, request);
-}
-function update(uid, code, participant) {
-    const request = { uid, code, participant };
-    return api.patch(`${platformApi.catalog}/participant/update`, request);
-}
-function remove(document, code, transfer) {
-    const request = {
-        code,
-        transfer,
-    };
-    return api.delete(`${platformApi.catalog}/participant/${document}`, {
-        data: request,
-    });
-}
-const ParticipantService = { add, update, remove };
-export default ParticipantService;

package/dist/features/Participants/Participants.d.ts

@@ -1,10 +0,0 @@
-import './style.scss';
-import Participant from './types/Participant';
-type Props = {
-    document: string;
-    onChange: (p: Participant[]) => void;
-    participants: Participant[];
-    useChat?: boolean;
-};
-export default function Participants({ document, participants, onChange, useChat, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/features/Participants/Participants.js

@@ -1,134 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { MenuItem, Select } from '@mui/material';
-import { useEffect, useMemo, useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
-import { Button } from 'tycho-storybook';
-import AppForm from '../../common/AppForm/AppForm';
-import { useMessageUtils } from '../../configs/useMessageUtils';
-import ParticipantCreate from './ParticipantCreate';
-import ParticipantRemove from './ParticipantRemove';
-import './style.scss';
-import ParticipantService from './ParticipantService';
-const PARTICIPANT_FIELD_DEFS = [
-    { attr: 'order', type: 'text', required: true },
-    { attr: 'code', type: 'text', required: true },
-    { attr: 'name', type: 'text', required: false },
-    { attr: 'separator', type: 'text', required: false },
-    { attr: 'color', type: 'color', required: false, tooltip: true },
-];
-const CHAT_FIELD_DEFS = [
-    { attr: 'language', type: 'text', required: false },
-    { attr: 'age', type: 'text', required: false },
-    { attr: 'sex', type: 'text', required: false },
-    { attr: 'group', type: 'text', required: false },
-    { attr: 'ses', type: 'text', required: false },
-    { attr: 'role', type: 'text', required: false },
-    { attr: 'education', type: 'text', required: false },
-    { attr: 'custom', type: 'text', required: false },
-];
-const toCoreFormValues = (participant) => ({
-    order: participant.order ?? '',
-    code: participant.code ?? '',
-    name: participant.name ?? '',
-    separator: participant.separator ?? '',
-    color: participant.color ?? '',
-});
-const toChatFormValues = (participant) => {
-    const chat = participant.chat ?? {};
-    return {
-        language: chat.language ?? '',
-        age: chat.age ?? '',
-        sex: chat.sex ?? '',
-        group: chat.group ?? '',
-        ses: chat.ses ?? '',
-        role: chat.role ?? '',
-        education: chat.education ?? '',
-        custom: chat.custom ?? '',
-    };
-};
-export default function Participants({ document, participants, onChange, useChat, }) {
-    const { t } = useTranslation('participants');
-    const { dispatchMessage } = useMessageUtils();
-    const [participant, setParticipant] = useState();
-    const [openRemove, setOpenRemove] = useState(false);
-    const [openCreate, setOpenCreate] = useState(false);
-    const participantForm = useForm({
-        defaultValues: toCoreFormValues({ order: 1, code: '', name: '', chat: {} }),
-    });
-    const chatForm = useForm({
-        defaultValues: toChatFormValues({ order: 1, code: '', name: '', chat: {} }),
-    });
-    const participantFields = useMemo(() => PARTICIPANT_FIELD_DEFS.map((field) => ({
-        ...field,
-        name: t(`participant.field.${field.attr}`),
-        ...(field.tooltip
-            ? { tooltipText: t(`participant.field.${field.attr}.tooltip`) }
-            : {}),
-    })), [t]);
-    const chatFields = useMemo(() => CHAT_FIELD_DEFS.map((field) => ({
-        ...field,
-        name: t(`participant.field.${field.attr}`),
-    })), [t]);
-    const buildParticipantPayload = (current) => {
-        const coreValues = participantForm.getValues();
-        const chatValues = chatForm.getValues();
-        const order = typeof coreValues.order === 'string'
-            ? Number(coreValues.order) || current.order || 1
-            : coreValues.order;
-        return {
-            ...current,
-            ...coreValues,
-            order,
-            chat: {
-                ...current.chat,
-                ...chatValues,
-            },
-        };
-    };
-    const handleSave = () => {
-        if (!participant)
-            return;
-        const lookupCode = participant.code;
-        const payload = buildParticipantPayload(participant);
-        ParticipantService.update(document, lookupCode, payload)
-            .then(() => {
-            dispatchMessage({ key: 'update.success', t });
-            const thisParticipants = [...participants];
-            const idx = thisParticipants.findIndex((p) => p.code === lookupCode);
-            if (idx >= 0) {
-                thisParticipants[idx] = payload;
-            }
-            setParticipant(payload);
-            onChange(thisParticipants);
-        })
-            .catch((err) => {
-            console.log(err);
-        });
-    };
-    useEffect(() => {
-        if (participants.length > 0)
-            setParticipant(participants[0]);
-    }, []);
-    useEffect(() => {
-        if (!participant)
-            return;
-        participantForm.reset(toCoreFormValues(participant));
-        chatForm.reset(toChatFormValues(participant));
-    }, [participant, participantForm, chatForm]);
-    return (_jsxs("div", { className: "participants-container", children: [_jsxs("div", { className: "header", children: [_jsx("div", { className: "title", children: t('label.title') }), _jsx("div", { className: "actions", children: _jsx(Button, { icon: "add", text: t('button.label.add'), onClick: () => setOpenCreate(true), size: "small", mode: "outlined" }) })] }), _jsx("div", { className: "body", children: participant && (_jsxs(_Fragment, { children: [_jsx(Select, { onChange: (e) => setParticipant(participants[Number(e.target.value)]), value: participant
-                                ? participants.findIndex((p) => p.code === participant.code)
-                                : 0, fullWidth: true, className: "select-participant", children: participants.map((el, idx) => (_jsx(MenuItem, { value: idx, children: `${el.code} - ${el.name}` }, idx))) }), _jsxs("div", { className: "fields", children: [_jsx(AppForm, { fields: participantFields, form: participantForm }), useChat && (_jsx(AppForm, { fields: chatFields, form: chatForm })), _jsx(Button, { text: t('common:button.confirm'), onClick: handleSave, size: "small", className: "save-button" })] }), _jsx("div", { className: "footer", children: _jsx(Button, { icon: "delete", text: t('common:button.remove'), size: "small", className: "danger", onClick: () => {
-                                    setParticipant(participant);
-                                    setOpenRemove(true);
-                                } }) })] })) }), participant && openRemove && (_jsx(ParticipantRemove, { document: document, onChange: (list) => {
-                    onChange(list);
-                    setParticipant(list.length > 0 ? list[0] : undefined);
-                    setOpenRemove(false);
-                }, participant: participant, participants: participants, onClose: () => setOpenRemove(false) })), openCreate && (_jsx(ParticipantCreate, { document: document, onCreate: (p) => {
-                    const thisParticipants = participants ? [...participants, p] : [p];
-                    onChange(thisParticipants);
-                    setParticipant(p);
-                    setOpenCreate(false);
-                }, onClose: () => setOpenCreate(false) }))] }));
-}

package/dist/features/Participants/index.d.ts

@@ -1,2 +0,0 @@
-import Participants from './Participants';
-export default Participants;

package/dist/features/Participants/index.js

@@ -1,2 +0,0 @@
-import Participants from './Participants';
-export default Participants;

package/dist/features/Participants/style.scss

@@ -1,51 +0,0 @@
-.participants-container {
-  .header {
-    display: flex;
-    @include subtitle-medium-2;
-    background-color: var(--layer-hover-2);
-    padding: 8px 16px;
-    border-bottom: 1px solid var(--border-subtle-2);
-
-    .actions {
-      margin-left: auto;
-    }
-  }
-
-  .body {
-    height: 90vh;
-    overflow-y: auto;
-    padding: var(--spacing-200);
-
-    > .select-participant {
-      margin-bottom: var(--spacing-200);
-    }
-
-    .fields {
-      margin-bottom: var(--spacing-200);
-
-      .save-button {
-        margin-top: var(--spacing-200);
-      }
-    }
-  }
-
-  .footer {
-    margin-top: 16px;
-    padding-top: 16px;
-    display: flex;
-    justify-content: right;
-    border-top: var(--border-default);
-  }
-}
-
-.modal-participant {
-  width: 40vw !important;
-  max-width: 40vw !important;
-
-  .body {
-    .participant-container {
-      display: flex;
-      gap: 8px;
-    }
-  }
-}

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

@@ -1,33 +0,0 @@
-import { Parameter } from '../../configs/types/Parameter';
-import { Struct } from '../../configs/types/Struct';
-import { type ButtonDSModes, type ButtonDSSizes, type TooltipPlacements } from 'tycho-storybook';
-import SentenceSplitLanguage from './types/Language';
-import './style.scss';
-export type SentenceSplitTranslationsInput = {
-    values: Record<string, string>;
-};
-export type SentenceSplitIconButtonProps = {
-    mode?: ButtonDSModes;
-    size?: ButtonDSSizes;
-    iconSize?: ButtonDSSizes;
-    tooltipPlacement?: TooltipPlacements;
-};
-type Props = {
-    struct: Struct;
-    documentUid: string;
-    wordTiers: Parameter[];
-    languages: SentenceSplitLanguage[];
-    translations: SentenceSplitTranslationsInput;
-    sound: string;
-    /** When set, pre-selects the split after the word with this token position (`tok.p`). */
-    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, open: openProp, onOpenChange, hideTrigger, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/features/SentenceSplit/SentenceSplit.js

@@ -1,191 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import AppModal from '../../common/AppModal/AppModal';
-import SentenceUtils from '../../functions/SentenceUtils';
-import { useCorpusUtils } from '../../configs/useCorpusUtils';
-import { useMessageUtils } from '../../configs/useMessageUtils';
-import { Badge, Button, IconButton, } from 'tycho-storybook';
-import SentenceSplitAudioStep from './SentenceSplitAudio';
-import SentenceSplitChoose from './SentenceSplitChoose';
-import SentenceSplitCommentsStep from './SentenceSplitComments';
-import SentenceSplitPreviewStep from './SentenceSplitPreview';
-import SentenceSplitTranslationsStep from './SentenceSplitTranslations';
-import SentenceSplitService from './SentenceSplitService';
-import SentenceSplitUtils from './SentenceSplitUtils';
-import { emptySentenceSplitRequest, } from './types/SentenceSplitRequest';
-import './style.scss';
-const STEP_CHOOSE = 0;
-const STEP_PREVIEW = 1;
-const STEP_TRANSLATIONS = 2;
-const STEP_AUDIO = 3;
-const STEP_COMMENTS = 4;
-const DEFAULT_ICON_BUTTON_PROPS = {
-    mode: 'ghost',
-    size: 'medium',
-    iconSize: 'medium',
-    tooltipPlacement: 'bottom',
-};
-/** Split is after this token's word; must not be the last visible word. */
-function resolveInitialSplitToken(selected, wordTokens) {
-    if (selected === undefined)
-        return 0;
-    const idx = wordTokens.findIndex((tok) => tok.p === selected);
-    if (idx === -1 || idx === wordTokens.length - 1)
-        return 0;
-    return selected;
-}
-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 [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);
-    const stepsContentRef = useRef(null);
-    const stepItemRefs = useRef({});
-    const load = () => {
-        if (open) {
-            setStep(STEP_CHOOSE);
-            const baseValues = { ...(translations?.values || {}) };
-            const sorted = SentenceUtils.sort(struct);
-            const tokens = sorted.filter((tok) => SentenceUtils.isVisible(tok) && !SentenceSplitUtils.skipToken(tok));
-            setRequest({
-                uid: struct.uid,
-                token: resolveInitialSplitToken(selected, tokens),
-                translationsFirst: baseValues,
-                translationsSecond: { ...baseValues },
-            });
-        }
-    };
-    const wordTokens = useMemo(() => {
-        const sorted = SentenceUtils.sort(struct);
-        return sorted.filter((tok) => SentenceUtils.isVisible(tok) && !SentenceSplitUtils.skipToken(tok));
-    }, [struct]);
-    const canProceedFromChoose = request.token && wordTokens.length >= 2;
-    const hasTranslations = useMemo(() => {
-        if (!languages?.length)
-            return false;
-        const values = translations?.values ?? {};
-        return Object.values(values).some((v) => String(v ?? '').trim().length > 0);
-    }, [languages, translations]);
-    const hasAudio = Boolean(sound?.trim());
-    const visibleStepIds = useMemo(() => {
-        const ids = [STEP_CHOOSE, STEP_PREVIEW];
-        if (hasTranslations)
-            ids.push(STEP_TRANSLATIONS);
-        if (hasAudio)
-            ids.push(STEP_AUDIO);
-        if (hasComments === true)
-            ids.push(STEP_COMMENTS);
-        return ids;
-    }, [hasTranslations, hasAudio, hasComments]);
-    const stepIndex = visibleStepIds.indexOf(step);
-    const isLastStep = stepIndex >= 0 && stepIndex === visibleStepIds.length - 1;
-    const canGoBack = stepIndex > 0;
-    const handleBack = () => {
-        if (canGoBack)
-            setStep(visibleStepIds[stepIndex - 1]);
-    };
-    const handleNext = () => {
-        if (stepIndex >= 0 && stepIndex < visibleStepIds.length - 1) {
-            setStep(visibleStepIds[stepIndex + 1]);
-        }
-    };
-    const handleFinishSplit = () => {
-        if (isLoading())
-            return;
-        dispatchLoading(true);
-        SentenceSplitService.split(struct.uid, request)
-            .then(() => {
-            setOpen(false);
-            onSuccess?.();
-        })
-            .catch((err) => {
-            dispatchLoading(false);
-            dispatchError({ err, t });
-        });
-    };
-    const commentsCheckPending = hasComments === null;
-    const disablePrimary = (step === STEP_CHOOSE && !canProceedFromChoose) ||
-        (step === STEP_PREVIEW && request.token === null) ||
-        (step === STEP_COMMENTS && isLoading()) ||
-        commentsCheckPending;
-    const canOpenSplit = wordTokens.length >= 2;
-    const steps = useMemo(() => {
-        const definitions = [
-            { id: STEP_CHOOSE, label: t('split.words.title') },
-            { id: STEP_PREVIEW, label: t('split.preview.title') },
-            { id: STEP_TRANSLATIONS, label: t('split.translations.title') },
-            { id: STEP_AUDIO, label: t('split.audio.title') },
-            { id: STEP_COMMENTS, label: t('split.comments.title') },
-        ];
-        return definitions
-            .filter((item) => visibleStepIds.includes(item.id))
-            .map((item, index) => ({ ...item, displayNumber: index + 1 }));
-    }, [visibleStepIds, t]);
-    useEffect(() => {
-        load();
-    }, [open, translations, struct.uid, selected]);
-    useEffect(() => {
-        if (!open) {
-            setHasComments(null);
-            return;
-        }
-        let cancelled = false;
-        SentenceSplitService.findComments(getCorpus().uid, {
-            sentence: struct.uid,
-            document: documentUid,
-            page: struct.page,
-        })
-            .then((r) => {
-            if (!cancelled)
-                setHasComments(r.data.length > 0);
-        })
-            .catch((err) => {
-            if (!cancelled) {
-                setHasComments(false);
-                dispatchError({ err, t });
-            }
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [open, struct.uid, documentUid, struct.page, getCorpus, dispatchError, t]);
-    useEffect(() => {
-        if (!open || visibleStepIds.includes(step))
-            return;
-        setStep(visibleStepIds[0] ?? STEP_CHOOSE);
-    }, [open, visibleStepIds, step]);
-    useEffect(() => {
-        if (!open)
-            return;
-        const activeStepItem = stepItemRefs.current[step];
-        if (activeStepItem) {
-            activeStepItem.scrollIntoView({
-                behavior: 'smooth',
-                block: 'nearest',
-                inline: 'center',
-            });
-        }
-        stepsContentRef.current?.scrollTo({
-            top: 0,
-            behavior: 'smooth',
-        });
-    }, [step, open]);
-    const mergedIconProps = { ...DEFAULT_ICON_BUTTON_PROPS, ...iconButtonProps };
-    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) => {
-                                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/SentenceSplit/SentenceSplitAudio/SentenceSplitAudioStep.d.ts

@@ -1,9 +0,0 @@
-import { SentenceSplitRequest } from '../types/SentenceSplitRequest';
-import './style.scss';
-type Props = {
-    sound: string;
-    request: SentenceSplitRequest;
-    onChange: (request: SentenceSplitRequest) => void;
-};
-export default function SentenceSplitAudioStep({ sound, request, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/features/SentenceSplit/SentenceSplitAudio/SentenceSplitAudioStep.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import AppPlaceholder from '../../../common/AppPlaceholder/AppPlaceholder';
-import { Button } from 'tycho-storybook';
-import { WaveForm, WaveSurfer } from 'wavesurfer-react';
-const WaveFormTyped = WaveForm;
-import './style.scss';
-export default function SentenceSplitAudioStep({ sound, request, onChange, }) {
-    const { t } = useTranslation('sentenceSplit');
-    const [simple, setSimple] = useState();
-    const [playing, setPlaying] = useState(false);
-    const requestRef = useRef(request);
-    requestRef.current = request;
-    const handlePlayPause = () => {
-        setPlaying(!playing);
-        simple?.playPause();
-    };
-    const handleWSMount = useCallback((waveSurfer) => {
-        setSimple(waveSurfer);
-        if (waveSurfer.markers) {
-            waveSurfer.clearMarkers();
-        }
-        waveSurfer.load(sound);
-        const handleSeek = (progress) => {
-            const duration = waveSurfer.getDuration();
-            if (!duration || !Number.isFinite(duration))
-                return;
-            onChange({
-                ...requestRef.current,
-                soundSplit: progress * duration,
-            });
-        };
-        waveSurfer.on('finish', handlePlayPause);
-        waveSurfer.on('seek', handleSeek);
-    }, [sound, onChange]);
-    return (_jsxs("div", { className: "step-content sentence-split-step-audio", children: [_jsxs("div", { className: "header", children: [_jsx("div", { className: "title", children: t('split.audio.title') }), _jsx("div", { className: "subtitle", children: t('split.audio.description') })] }), _jsxs("div", { className: "step-body", children: [!sound && (_jsx(AppPlaceholder, { text: t('split.audio.empty'), icon: "music_cast" })), sound && (_jsxs("div", { className: "sentence-split-audio-wrap", children: [_jsx(WaveSurfer, { onMount: handleWSMount, children: _jsx(WaveFormTyped, { id: "waveform-sentence-split", waveColor: "violet", progressColor: "purple" }) }), _jsxs("div", { className: "buttons", children: [_jsx(Button, { text: playing ? t('split.audio.pause') : t('split.audio.play'), icon: playing ? 'pause' : 'play_arrow', onClick: handlePlayPause, size: "medium" }), _jsxs("span", { className: "time", children: [t('split.audio.cutPoint'), ":", ' ', request.soundSplit?.toFixed(2) || '0.00'] })] })] }))] })] }));
-}

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

@@ -1,2 +0,0 @@
-import SentenceSplitAudioStep from './SentenceSplitAudioStep';
-export default SentenceSplitAudioStep;

package/dist/features/SentenceSplit/SentenceSplitAudio/index.js

@@ -1,2 +0,0 @@
-import SentenceSplitAudioStep from './SentenceSplitAudioStep';
-export default SentenceSplitAudioStep;

package/dist/features/SentenceSplit/SentenceSplitAudio/style.scss

@@ -1,29 +0,0 @@
-.sentence-split-step-audio {
-  .sentence-split-audio-wrap {
-    margin-top: 24px;
-
-    #waveform-sentence-split {
-      border: 1px solid var(--border-subtle-1);
-
-      > wave {
-        overflow: hidden !important;
-      }
-    }
-
-    > .buttons {
-      display: flex;
-      justify-content: center;
-      margin-top: 16px;
-
-      .ds-icon-button {
-        margin-left: auto;
-      }
-
-      .time {
-        @include helper-large-1;
-        color: var(--text-secondary);
-        margin-left: auto;
-      }
-    }
-  }
-}

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

@@ -1,10 +0,0 @@
-import { Struct } from '../../../configs/types/Struct';
-import { SentenceSplitRequest } from '../types/SentenceSplitRequest';
-import './style.scss';
-type Props = {
-    struct: Struct;
-    request: SentenceSplitRequest;
-    onChange: (request: SentenceSplitRequest) => void;
-};
-export default function SentenceSplitChoose({ struct, request, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/features/SentenceSplit/SentenceSplitChoose/SentenceSplitChoose.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import cx from 'classnames';
-import { useTranslation } from 'react-i18next';
-import SentenceUtils from '../../../functions/SentenceUtils';
-import SentenceSplitUtils from '../SentenceSplitUtils';
-import './style.scss';
-export default function SentenceSplitChoose({ struct, request, onChange, }) {
-    const { t } = useTranslation('sentenceSplit');
-    const sorted = SentenceUtils.sort(struct);
-    const wordTokens = sorted.filter((tok) => SentenceUtils.isVisible(tok) && !SentenceSplitUtils.skipToken(tok));
-    const handleSelect = (tokenP) => {
-        onChange({ ...request, token: tokenP });
-    };
-    return (_jsxs("div", { className: "step-content", children: [_jsxs("div", { className: "header", children: [_jsx("div", { className: "title", children: t('split.words.title') }), _jsx("div", { className: "subtitle", children: t('split.words.description') })] }), _jsx("div", { className: "step-body", children: _jsx("div", { className: "sentence-split-word-pick", children: wordTokens.map((tok, idx) => {
-                        const label = SentenceSplitUtils.getOriginalValue(tok);
-                        const selected = request.token === tok.p;
-                        const isLastWord = idx === wordTokens.length - 1;
-                        return (_jsx("button", { type: "button", disabled: isLastWord, title: isLastWord ? t('split.words.cannotSplitAfterLast') : undefined, className: cx('sentence-split-word-chip', {
-                                selected,
-                                disabled: isLastWord,
-                            }), onClick: () => !isLastWord && handleSelect(tok.p), children: label }, tok.p));
-                    }) }) })] }));
-}

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

@@ -1,2 +0,0 @@
-import SentenceSplitChoose from './SentenceSplitChoose';
-export default SentenceSplitChoose;

package/dist/features/SentenceSplit/SentenceSplitChoose/index.js

@@ -1,2 +0,0 @@
-import SentenceSplitChoose from './SentenceSplitChoose';
-export default SentenceSplitChoose;

package/dist/features/SentenceSplit/SentenceSplitChoose/style.scss

@@ -1,25 +0,0 @@
-.sentence-split-word-pick {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  margin-top: 24px;
-
-  .sentence-split-word-chip {
-    cursor: pointer;
-    border-radius: var(--radius-200);
-    padding: 0px 8px;
-    background-color: var(--background-default);
-    border: 1px dashed var(--border-accent-2);
-
-    &.selected,
-    &:hover {
-      background-color: var(--button-secondary-hover);
-    }
-
-    &.disabled,
-    &:disabled {
-      opacity: 0.45;
-      cursor: not-allowed;
-    }
-  }
-}