tycho-components 0.19.16 → 0.21.0

package/dist/{AppConsent → common/AppConsent}/AppConsent.d.ts

@@ -1,3 +1,3 @@
-import { ConsentTexts } from '../configs/localization/ConsentTexts';
+import { ConsentTexts } from '../../configs/localization/ConsentTexts';
 export type ConsentSectionKey = keyof typeof ConsentTexts.en;
 export default function AppConsent(): import("react/jsx-runtime").JSX.Element;

package/dist/{AppDropzone → common/AppDropzone}/AppDropzoneBody.js

@@ -3,9 +3,9 @@ import { forwardRef, useContext, useEffect, useImperativeHandle, useRef, useStat
 import Dropzone from 'react-dropzone';
 import { useTranslation } from 'react-i18next';
 import { Button } from 'tycho-storybook';
-import CommonContext from '../configs/CommonContext';
-import { toastLoading } from '../configs/store/actions';
-import { useMessageUtils } from '../configs/useMessageUtils';
+import CommonContext from '../../configs/CommonContext';
+import { toastLoading } from '../../configs/store/actions';
+import { useMessageUtils } from '../../configs/useMessageUtils';
 import UploadService from './UploadService';
 import './style.scss';
 function AppDropzoneBodyInner({ folder, onSuccess, onError, accept, messages, onDrop, keepName, showConfirmButton = true, disablePreview = false, disableConfirm = false, }, ref) {

package/dist/common/AppDropzoneLocal/AppDropzoneBodyLocal.d.ts

@@ -0,0 +1,15 @@
+import './style.scss';
+import type { UploadedFileLocal } from './UploadedFileLocal';
+export type AppDropzoneBodyLocalProps = {
+    onSuccess: (files: UploadedFileLocal[]) => void;
+    onError?: (err: unknown) => void;
+    accept: Record<string, string[]>;
+    onDrop?: () => void;
+    /** When false, the confirm button is hidden (e.g. when used inside modal with its own confirm) */
+    showConfirmButton?: boolean;
+};
+export type AppDropzoneBodyLocalRef = {
+    upload: () => Promise<void>;
+};
+declare const AppDropzoneBodyLocal: import("react").ForwardRefExoticComponent<AppDropzoneBodyLocalProps & import("react").RefAttributes<AppDropzoneBodyLocalRef>>;
+export default AppDropzoneBodyLocal;

package/dist/common/AppDropzoneLocal/AppDropzoneBodyLocal.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
+import Dropzone from 'react-dropzone';
+import { useTranslation } from 'react-i18next';
+import { Button } from 'tycho-storybook';
+import './style.scss';
+function AppDropzoneBodyLocalInner({ onSuccess, onError, accept, onDrop, showConfirmButton = true, }, ref) {
+    const { t } = useTranslation('upload');
+    const [files, setFiles] = useState([]);
+    const [isUploading, setIsUploading] = useState(false);
+    const filesRef = useRef([]);
+    filesRef.current = files;
+    const upload = async () => {
+        const currentFiles = filesRef.current;
+        if (currentFiles.length === 0 || isUploading)
+            return;
+        setIsUploading(true);
+        try {
+            const results = await Promise.all(currentFiles.map(async (file) => ({
+                name: file.name,
+                content: await file.text(),
+            })));
+            onSuccess(results);
+        }
+        catch (err) {
+            onError?.(err);
+        }
+        finally {
+            setIsUploading(false);
+        }
+    };
+    useImperativeHandle(ref, () => ({
+        upload,
+    }));
+    const handleDrop = (acceptedFiles) => {
+        if (acceptedFiles.length === 0)
+            return;
+        setFiles((prev) => [...prev, ...acceptedFiles]);
+        onDrop?.();
+    };
+    const clearFiles = () => setFiles([]);
+    const removeAt = (index) => {
+        setFiles((prev) => prev.filter((_, i) => i !== index));
+    };
+    return (_jsxs("div", { className: "dropzone-container-local", children: [files.length === 0 && (_jsx(Dropzone, { onDrop: handleDrop, accept: accept, multiple: true, children: ({ getRootProps, getInputProps }) => (_jsxs("div", { ...getRootProps(), className: "dropzone-local", children: [_jsx("input", { ...getInputProps() }), _jsx("span", { children: t('label.dropzone') })] })) })), files.length > 0 && (_jsxs("div", { className: "uploaded-message-local", children: [_jsx("b", { children: t('label.uploaded.file') }), _jsx("ul", { className: "uploaded-file-list-local", children: files.map((file, index) => (_jsxs("li", { children: [_jsx("span", { children: file.name }), _jsx("button", { type: "button", className: "uploaded-file-remove-local", onClick: (e) => {
+                                        e.stopPropagation();
+                                        removeAt(index);
+                                    }, "aria-label": t('common:button.remove', {
+                                        defaultValue: 'Remove',
+                                    }), children: "\u00D7" })] }, `${file.name}-${file.size}-${index}`))) }), _jsx("button", { type: "button", className: "uploaded-clear-all-local", onClick: clearFiles, children: t('label.clear.all', { defaultValue: 'Clear all' }) }), _jsx("b", { children: t('label.confirm') })] })), files.length > 0 && showConfirmButton && (_jsx(Button, { onClick: () => {
+                    void upload();
+                }, text: t('common:button.confirm') }))] }));
+}
+const AppDropzoneBodyLocal = forwardRef(AppDropzoneBodyLocalInner);
+export default AppDropzoneBodyLocal;

package/dist/common/AppDropzoneLocal/AppDropzoneLocal.d.ts

@@ -0,0 +1,15 @@
+import type { UploadedFileLocal } from './UploadedFileLocal';
+type AppDropzoneLocalProps = {
+    onClose: () => void;
+    onSuccess: (files: UploadedFileLocal[]) => void;
+    onError?: (err: unknown) => void;
+    accept: Record<string, string[]>;
+    onDrop?: () => void;
+    title?: string;
+    alternativeButton?: {
+        title: string;
+        action: () => void;
+    };
+};
+export default function AppDropzoneLocal({ onClose, onSuccess, onError, accept, onDrop, title, alternativeButton, }: AppDropzoneLocalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/common/AppDropzoneLocal/AppDropzoneLocal.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import AppModal from '../AppModal';
+import AppDropzoneBodyLocal from './AppDropzoneBodyLocal';
+export default function AppDropzoneLocal({ onClose, onSuccess, onError, accept, onDrop, title, alternativeButton, }) {
+    const { t } = useTranslation('upload');
+    const bodyRef = useRef(null);
+    const handleConfirm = () => {
+        void bodyRef.current?.upload();
+    };
+    return (_jsx(AppModal, { title: title || t('modal.title'), className: "modal-upload-local", close: onClose, confirm: handleConfirm, alternativeButton: alternativeButton, children: _jsx(AppDropzoneBodyLocal, { ref: bodyRef, onSuccess: onSuccess, onError: onError, accept: accept, onDrop: onDrop, showConfirmButton: false }) }));
+}

package/dist/common/AppDropzoneLocal/UploadedFileLocal.d.ts

@@ -0,0 +1,5 @@
+/** One text file selected in the dropzone, with UTF-8 content read client-side. */
+export interface UploadedFileLocal {
+    name: string;
+    content: string;
+}

package/dist/common/AppDropzoneLocal/index.d.ts

@@ -0,0 +1,5 @@
+import AppDropzoneLocal from './AppDropzoneLocal';
+import AppDropzoneBodyLocal, { type AppDropzoneBodyLocalProps, type AppDropzoneBodyLocalRef } from './AppDropzoneBodyLocal';
+import type { UploadedFileLocal } from './UploadedFileLocal';
+export default AppDropzoneLocal;
+export { AppDropzoneBodyLocal, type AppDropzoneBodyLocalProps, type AppDropzoneBodyLocalRef, type UploadedFileLocal, };

package/dist/common/AppDropzoneLocal/index.js

@@ -0,0 +1,4 @@
+import AppDropzoneLocal from './AppDropzoneLocal';
+import AppDropzoneBodyLocal from './AppDropzoneBodyLocal';
+export default AppDropzoneLocal;
+export { AppDropzoneBodyLocal, };

package/dist/common/AppDropzoneLocal/style.scss

@@ -0,0 +1,75 @@
+.dropzone-container-local {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  .dropzone-local {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    width: 100%;
+    padding: var(--spacing-700);
+    border-radius: var(--radius-100);
+    border: 2px dashed var(--border-subtle-3);
+    background-color: var(--layer-layer-2);
+    cursor: pointer;
+  }
+
+  .preview-local {
+    margin: 0 auto;
+    width: 400px;
+    height: 400px;
+  }
+
+  .uploaded-message-local {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    gap: 16px;
+    text-align: center;
+    border: 1px solid var(--border-subtle-3);
+    border-radius: var(--radius-100);
+    padding: 16px;
+    margin-top: var(--spacing-400);
+  }
+
+  .uploaded-file-list-local {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    text-align: left;
+    border: var(--border-default);
+    padding: 8px;
+    border-radius: var(--radius-100);
+
+    li {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 8px;
+      padding: 4px 0;
+    }
+  }
+
+  .uploaded-file-remove-local {
+    flex-shrink: 0;
+    border: none;
+    background: transparent;
+    cursor: pointer;
+    font-size: 1.25rem;
+    line-height: 1;
+    padding: 0 4px;
+    color: var(--text-secondary, inherit);
+  }
+
+  .uploaded-clear-all-local {
+    align-self: center;
+    border: none;
+    background: transparent;
+    cursor: pointer;
+    text-decoration: underline;
+    font: inherit;
+    color: var(--text-link, inherit);
+  }
+}

package/dist/{AppForm → common/AppForm}/AppFormInfo.js

@@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next';
 import { formatSwitchFieldValue } from './AppFormField';
 import './style.scss';
 import { Icon } from 'tycho-storybook';
-import { UsabilityUtils } from '..';
+import UsabilityUtils from '../../functions/UsabilityUtils';
 function truncateValue(value, truncate, t) {
     if (!value) {
         return t('label.notavailable');

package/dist/{AppKeyboard → common/AppKeyboard}/AppKeyboard.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { IconButton } from "tycho-storybook";
-import VirtualKeyboard from "../VirtualKeyboard";
-import { useCorpusUtils } from "../configs/useCorpusUtils";
+import VirtualKeyboard from "../../shell/VirtualKeyboard";
+import { useCorpusUtils } from "../../configs/useCorpusUtils";
 export default function AppKeyboard({ buttonMode = "filled", keyboardLayout, }) {
     const { t } = useTranslation("header");
     const { getCorpus } = useCorpusUtils();

package/dist/{AppPicture → common/AppPicture}/AppPicture.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cx from 'classnames';
 import { useEffect, useState } from 'react';
-import ImageUtils from '../functions/ImageUtils';
+import ImageUtils from '../../functions/ImageUtils';
 import './style.scss';
 export default function AppPicture({ src, title, className, person, onClick, }) {
     const [empty, setEmpty] = useState(false);

package/dist/{AppToast → common/AppToast}/AppToast.js

@@ -4,8 +4,8 @@ import { useTranslation } from 'react-i18next';
 import ReactLoading from 'react-loading';
 import { ToastContainer, toast } from 'react-toastify';
 import 'react-toastify/dist/ReactToastify.css';
-import CommonContext from '../configs/CommonContext';
-import { message } from '../configs/store/actions';
+import CommonContext from '../../configs/CommonContext';
+import { message } from '../../configs/store/actions';
 import { EMPTY_TOAST } from './ToastMessage';
 export default function AppToast() {
     const { t } = useTranslation('common');

package/dist/common/index.d.ts

@@ -0,0 +1,34 @@
+export { default as AppAnalytics } from './AppAnalytics';
+export { default as AppCard } from './AppCard/AppCard';
+export { default as AppClipboard } from './AppClipboard';
+export { default as AppColorpicker } from './AppColorpicker';
+export { default as AppDropzone, AppDropzoneBody, type AppDropzoneBodyProps, type AppDropzoneBodyRef, } from './AppDropzone';
+export type { UploadedFile } from './AppDropzone/UploadedFile';
+export { default as AppDropzoneLocal, AppDropzoneBodyLocal, type AppDropzoneBodyLocalProps, type AppDropzoneBodyLocalRef, type UploadedFileLocal, } from './AppDropzoneLocal';
+export { default as AppEditable } from './AppEditable';
+export type { AppEditableField } from './AppEditable/AppEditableField';
+export { validateFormField } from './AppEditable/FormField';
+export type { FieldOperations, FormField } from './AppEditable/FormField';
+export { default as AppForm } from './AppForm/AppForm';
+export { default as AppFormInfo } from './AppForm/AppFormInfo';
+export type { AppFormField } from './AppForm/AppFormField';
+export { convertEnum, convertList } from './AppEditable/FormFieldOption';
+export type { FormFieldOption } from './AppEditable/FormFieldOption';
+export { default as AppKeyboard } from './AppKeyboard';
+export { default as AppLoading } from './AppLoading';
+export { default as AppModal } from './AppModal';
+export { default as AppModalConfirm } from './AppModal/AppModalConfirm';
+export { default as AppModalRemove } from './AppModal/AppModalRemove';
+export { default as AppPagination } from './AppPagination';
+export { default as AppPicture } from './AppPicture';
+export { default as AppPlaceholder } from './AppPlaceholder';
+export { default as AppReplaceAll } from './AppReplaceAll/AppReplaceAll';
+export { default as AppTable } from './AppTable';
+export { default as AppTableList } from './AppTable/AppTableList';
+export { EMPTY_GRID_PAGE, EMPTY_PAGE, isPageEmpty, } from './AppTable/types/AppPage';
+export type { AppPage } from './AppTable/types/AppPage';
+export { convertPageable, EMPTY_GRID_PAGEABLE, EMPTY_PAGEABLE, } from './AppTable/types/AppPageable';
+export type { AppPageable } from './AppTable/types/AppPageable';
+export { default as AppToast } from './AppToast';
+export { default as AppCopyText } from './AppCopyText';
+export { default as AppConsent } from './AppConsent';

package/dist/common/index.js

@@ -0,0 +1,27 @@
+export { default as AppAnalytics } from './AppAnalytics';
+export { default as AppCard } from './AppCard/AppCard';
+export { default as AppClipboard } from './AppClipboard';
+export { default as AppColorpicker } from './AppColorpicker';
+export { default as AppDropzone, AppDropzoneBody, } from './AppDropzone';
+export { default as AppDropzoneLocal, AppDropzoneBodyLocal, } from './AppDropzoneLocal';
+export { default as AppEditable } from './AppEditable';
+export { validateFormField } from './AppEditable/FormField';
+export { default as AppForm } from './AppForm/AppForm';
+export { default as AppFormInfo } from './AppForm/AppFormInfo';
+export { convertEnum, convertList } from './AppEditable/FormFieldOption';
+export { default as AppKeyboard } from './AppKeyboard';
+export { default as AppLoading } from './AppLoading';
+export { default as AppModal } from './AppModal';
+export { default as AppModalConfirm } from './AppModal/AppModalConfirm';
+export { default as AppModalRemove } from './AppModal/AppModalRemove';
+export { default as AppPagination } from './AppPagination';
+export { default as AppPicture } from './AppPicture';
+export { default as AppPlaceholder } from './AppPlaceholder';
+export { default as AppReplaceAll } from './AppReplaceAll/AppReplaceAll';
+export { default as AppTable } from './AppTable';
+export { default as AppTableList } from './AppTable/AppTableList';
+export { EMPTY_GRID_PAGE, EMPTY_PAGE, isPageEmpty, } from './AppTable/types/AppPage';
+export { convertPageable, EMPTY_GRID_PAGEABLE, EMPTY_PAGEABLE, } from './AppTable/types/AppPageable';
+export { default as AppToast } from './AppToast';
+export { default as AppCopyText } from './AppCopyText';
+export { default as AppConsent } from './AppConsent';