tycho-components 0.0.4 → 0.0.5-SNAPSHOT-1

package/dist/AppColorpicker/AppColorpicker.d.ts

@@ -0,0 +1,10 @@
+import { FieldValue } from '../AppEditable/FormFieldOption';
+import FormField from '../AppEditable/FormField';
+import './style.scss';
+type AppColorpickerProps = {
+    item: Record<string, unknown>;
+    field: FormField;
+    handleSave: (value: FieldValue, field: FormField) => void;
+};
+export default function AppColorpicker({ field, item, handleSave, }: AppColorpickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/AppColorpicker/AppColorpicker.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { HexColorPicker } from 'react-colorful';
+import { useTranslation } from 'react-i18next';
+import './style.scss';
+const defaultColor = '#FFFFFF';
+export default function AppColorpicker({ field, item, handleSave, }) {
+    const { t } = useTranslation('common');
+    const [openColor, setOpenColor] = useState(false);
+    const [color, setColor] = useState(defaultColor);
+    useEffect(() => {
+        if (item[field.name])
+            setColor(item[field.name]);
+        else
+            setColor(defaultColor);
+    }, [item]);
+    return (_jsxs("div", { className: "color-picker-container", children: [_jsx("div", { className: "swatch", style: { backgroundColor: color }, onClick: () => setOpenColor(!openColor), onKeyDown: () => setOpenColor(!openColor), role: "link", "aria-label": "open color picker", tabIndex: 0 }), openColor && (_jsxs(_Fragment, { children: [_jsx(HexColorPicker, { color: color, onChange: setColor }), _jsxs("div", { className: "buttons", children: [_jsx("button", { type: "button", className: "easy-edit-button", name: "save", onClick: () => {
+                                    handleSave(color, field);
+                                    setOpenColor(false);
+                                }, children: t('button.confirm') }), _jsx("button", { type: "button", className: "easy-edit-button", name: "cancel", onClick: () => setOpenColor(false), children: t('button.cancel') })] })] }))] }));
+}

package/{src/AppColorpicker/index.tsx → dist/AppColorpicker/index.d.ts}

@@ -1,3 +1,2 @@
 import AppColorpicker from './AppColorpicker';
-
 export default AppColorpicker;

package/dist/AppColorpicker/index.js

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

package/dist/AppEditable/AppEditable.d.ts

@@ -0,0 +1,14 @@
+import AppEditableField from './AppEditableField';
+import FormField from './FormField';
+import './style.scss';
+type Props = {
+    translation: string;
+    item: Record<string, unknown>;
+    fields: FormField[];
+    save?: (field: AppEditableField) => void;
+    group?: string;
+    className?: string;
+    reference?: string;
+};
+export default function AppEditable({ translation, fields, item, save, group, className, reference, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/AppEditable/AppEditable.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { format } from 'date-fns-tz';
+import EasyEdit from 'react-easy-edit';
+import { useTranslation } from 'react-i18next';
+import Switch from 'react-switch';
+import AppColorpicker from '../AppColorpicker';
+import './style.scss';
+export default function AppEditable({ translation, fields, item, save, group, className, reference, }) {
+    const { t } = useTranslation([translation, 'common']);
+    const formatDate = (date, fmt) => {
+        if (!date)
+            return '';
+        return format(date, fmt);
+    };
+    const handleSave = (value, field) => {
+        save &&
+            save({
+                uid: item.uid,
+                name: field.name,
+                type: field.type,
+                value,
+                ref: reference ? item[reference] : undefined,
+            });
+    };
+    const getDateValue = (field) => {
+        const v = getValue(field);
+        return !v ? null : formatDate(new Date(v), 'yyyy-MM-dd');
+    };
+    const getValue = (field) => {
+        if (field.name.indexOf('.') === -1) {
+            if (!isEmptyValue(item, field.name))
+                return item[field.name];
+            return field.default !== undefined ? field.default : null;
+        }
+        const splits = field.name.split('.');
+        let val = item;
+        for (const split of splits) {
+            if (typeof val === 'object' && val !== null && split in val) {
+                val = val[split];
+            }
+            else {
+                val = undefined;
+                break;
+            }
+        }
+        if (val !== undefined && val !== '')
+            return val;
+        return field.default !== undefined ? field.default : null;
+    };
+    const isEmptyValue = (thisItem, thisName) => thisItem[thisName] === undefined || thisItem[thisName] === '';
+    const getValueToDisplay = (field) => {
+        const value = getValue(field);
+        if (field.options && field.options.length > 0) {
+            const option = field.options.find((op) => op.value === value);
+            if (option)
+                return option.label;
+        }
+        // Fallback — if value is a string, number, or boolean, display it.
+        if (typeof value === 'string' ||
+            typeof value === 'number' ||
+            typeof value === 'boolean') {
+            return value;
+        }
+        return null;
+    };
+    const getLabelValueForList = (options) => {
+        return options.map((op) => ({
+            label: t(op.label),
+            value: op.value,
+        }));
+    };
+    return (_jsx(_Fragment, { children: fields.map((field, idx) => (_jsxs("div", { className: `editable-container ${className || ''}`, children: [_jsxs("div", { className: "title", children: [_jsxs("h6", { children: [field.title
+                                    ? field.title
+                                    : t(`${translation}:${group || ''}.field.${field.name}`), field.required && _jsx("span", { children: "*" })] }), field.tooltip && (_jsx(FontAwesomeIcon, { icon: faQuestionCircle, className: "info", title: field.tooltip }))] }), field.type === 'display' ? (_jsx("span", { children: getValueToDisplay(field) ?? '--' })) : null, field.type === 'code' ? (_jsx("div", { className: "textarea-code", children: _jsx(EasyEdit, { type: "textarea", onSave: (value) => handleSave(JSON.parse(value), field), saveButtonLabel: t('common:button.confirm'), cancelButtonLabel: t('common:button.cancel'), value: JSON.stringify(getValue(field) || {}), placeholder: t('common:placeholder.input') }) })) : null, (field.type === 'text' ||
+                    field.type === 'number' ||
+                    field.type === 'locale' ||
+                    field.type === 'year') && (_jsx(EasyEdit, { type: "text", onSave: (value) => handleSave(value, field), saveButtonLabel: t('common:button.confirm'), cancelButtonLabel: t('common:button.cancel'), value: getValue(field), placeholder: t('common:placeholder.input') })), field.type === 'textarea' ? (_jsx(EasyEdit, { type: "textarea", onSave: (value) => handleSave(value, field), saveButtonLabel: t('common:button.confirm'), cancelButtonLabel: t('common:button.cancel'), value: getValue(field), placeholder: t('common:placeholder.input') })) : null, field.type === 'select' || field.type === 'list' ? (_jsx(EasyEdit, { type: "select", options: getLabelValueForList(field.options || []), onSave: (value) => handleSave(value, field), saveButtonLabel: t('common:button.confirm'), cancelButtonLabel: t('common:button.cancel'), placeholder: t('common:placeholder.input'), value: getValue(field) })) : null, field.type === 'range' ? (_jsx(EasyEdit, { type: "range", onSave: (value) => handleSave(value, field), attributes: { name: 'awesome-range', min: 0, max: 100, step: 1 }, placeholder: t('common:placeholder.input'), value: getValue(field), saveButtonLabel: t('common:button.confirm'), cancelButtonLabel: t('common:button.cancel') })) : null, field.type === 'switch' ? (_jsx(Switch, { onChange: (checked) => handleSave(checked, field), checked: getValue(field) || false })) : null, field.type === 'date' && (_jsx(EasyEdit, { type: "date", onSave: (value) => handleSave(new Date(value), field), placeholder: t('common:placeholder.input'), value: getDateValue(field), saveButtonLabel: t('common:button.confirm'), cancelButtonLabel: t('common:button.cancel') })), field.type === 'password' && (_jsx(EasyEdit, { type: "password", onSave: (value) => handleSave(value, field), saveButtonLabel: t('common:button.confirm'), cancelButtonLabel: t('common:button.cancel'), value: getValue(field), placeholder: t('common:placeholder.input') })), field.type === 'color' ? (_jsx(AppColorpicker, { item: item, field: field, handleSave: handleSave })) : null] }, idx.valueOf()))) }));
+}

package/dist/AppEditable/AppEditableField.d.ts

@@ -0,0 +1,7 @@
+export default interface AppEditableField {
+    uid: string;
+    name: string;
+    value: any;
+    type?: string;
+    ref?: string;
+}

package/dist/AppEditable/AppEditableField.js

@@ -0,0 +1 @@
+export {};

package/dist/AppEditable/FormField.d.ts

@@ -0,0 +1,14 @@
+import FormFieldOption from './FormFieldOption';
+export type FieldOperations = 'create' | 'update' | 'delete';
+export default interface FormField {
+    name: string;
+    title?: string;
+    type: string;
+    required?: boolean;
+    disabled?: boolean;
+    options?: FormFieldOption[];
+    tooltip?: string;
+    default?: string | boolean | number;
+    role?: string;
+}
+export declare const validateFormField: (entity: Record<string, unknown>, fields: FormField[]) => FormField[];

package/dist/AppEditable/FormField.js

@@ -0,0 +1,8 @@
+export const validateFormField = (entity, fields) => {
+    const invalids = [];
+    for (const field of fields) {
+        if (field.required && !entity[field.name])
+            invalids.push(field);
+    }
+    return invalids;
+};

package/dist/AppEditable/FormFieldOption.d.ts

@@ -0,0 +1,7 @@
+export type FieldValue = string | number | boolean | Date | null;
+export default interface FormFieldOption {
+    label: string;
+    value: FieldValue;
+}
+export declare const convertEnum: (values: Record<string, string | number | boolean>) => FormFieldOption[];
+export declare const convertList: (values: Array<Record<string, unknown>>, keyAttr: string, valueAttr: string) => FormFieldOption[];

package/dist/AppEditable/FormFieldOption.js

@@ -0,0 +1,20 @@
+export const convertEnum = (values) => {
+    let fields = [{ label: '', value: '' }];
+    Object.keys(values).forEach((key) => {
+        fields = [...fields, { label: String(values[key]), value: key }];
+    });
+    return fields;
+};
+export const convertList = (values, keyAttr, valueAttr) => {
+    let fields = [{ label: '', value: '' }];
+    values.forEach((value) => {
+        fields = [
+            ...fields,
+            {
+                label: String(value[keyAttr]),
+                value: value[valueAttr],
+            },
+        ];
+    });
+    return fields;
+};

package/{src/AppEditable/index.tsx → dist/AppEditable/index.d.ts}

@@ -1,3 +1,2 @@
 import AppEditable from './AppEditable';
-
 export default AppEditable;

package/dist/AppEditable/index.js

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

package/dist/AppModal/AppModal.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import './style.scss';
+type Props = {
+    children: React.ReactNode;
+    title: string;
+    close: () => void;
+    confirm?: () => void;
+    cancel?: () => void;
+    subtitle?: string;
+    className?: string;
+    disableConfirm?: boolean;
+    hideFooter?: boolean;
+    disableCancel?: boolean;
+    disableClose?: boolean;
+    confirmLabel?: string;
+    closeLabel?: string;
+    onEntered?: () => void;
+};
+export default function AppModal({ children, title, subtitle, className, close, confirm, disableConfirm, hideFooter, disableClose, disableCancel, confirmLabel, closeLabel, cancel, onEntered, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/AppModal/AppModal.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Fade, Modal } from '@mui/material';
+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, }) {
+    const { t } = useTranslation('common');
+    const getClassNames = cx('modal-container', className);
+    return (_jsx(Modal, { open: 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: [!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',
+    top: '40%',
+    left: '50%',
+    transform: 'translate(-50%, -50%)',
+    width: '50%',
+    maxWidth: '1080px',
+    borderRadius: 'var(--radius-200)',
+    boxShadow: 24,
+    bgcolor: 'var(--background-default)',
+};

package/dist/AppModal/AppModalConfirm.d.ts

@@ -0,0 +1,11 @@
+import './style.scss';
+type Props = {
+    title: string;
+    subtitle: string;
+    onClose: () => void;
+    onConfirm: () => void;
+    closeLabel?: string;
+    confirmLabel?: string;
+};
+export default function AppModalConfirm({ title, subtitle, onClose, onConfirm, closeLabel, confirmLabel, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/AppModal/AppModalConfirm.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Modal } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { Button, Icon } from 'tycho-storybook';
+import './style.scss';
+export default function AppModalConfirm({ title, subtitle, onClose, onConfirm, closeLabel, confirmLabel, }) {
+    const { t } = useTranslation('header');
+    return (_jsx(Modal, { open: true, children: _jsxs(Box, { className: "modal-container modal-remove", sx: style, children: [_jsxs("div", { className: "body", children: [_jsx(Icon, { name: "warning", size: "large", filled: true }), _jsxs("div", { className: "texts", children: [_jsx("span", { className: "title", children: title }), _jsx("span", { className: "subtitle", children: subtitle })] })] }), _jsxs("div", { className: "footer", children: [_jsx(Button, { onClick: onClose, text: closeLabel || t('modal.button.cancel'), mode: "tonal" }), _jsx(Button, { onClick: onConfirm, text: confirmLabel || t('modal.button.confirm') })] })] }) }));
+}
+const style = {
+    position: 'absolute',
+    top: '40%',
+    left: '50%',
+    transform: 'translate(-50%, -50%)',
+    width: '30%',
+    maxWidth: '580px',
+    borderRadius: 'var(--radius-200)',
+    boxShadow: 24,
+    bgcolor: 'var(--background-default)',
+};

package/dist/AppModal/AppModalRemove.d.ts

@@ -0,0 +1,9 @@
+import './style.scss';
+type Props = {
+    title: string;
+    subtitle: string;
+    onClose: () => void;
+    onConfirm: () => void;
+};
+export default function AppModalRemove({ title, subtitle, onClose, onConfirm, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/AppModal/AppModalRemove.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Modal } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { Button, Icon } from 'tycho-storybook';
+import './style.scss';
+export default function AppModalRemove({ title, subtitle, onClose, onConfirm, }) {
+    const { t } = useTranslation('common');
+    return (_jsx(Modal, { open: true, children: _jsxs(Box, { className: "modal-container modal-remove", sx: style, children: [_jsxs("div", { className: "body", children: [_jsx(Icon, { name: "warning", size: "large", filled: true }), _jsxs("div", { className: "texts", children: [_jsx("span", { className: "title", children: title }), _jsx("span", { className: "subtitle", children: subtitle })] })] }), _jsxs("div", { className: "footer", children: [_jsx(Button, { onClick: onClose, text: t('button.cancel'), mode: "tonal" }), _jsx(Button, { onClick: onConfirm, text: t('button.confirm') })] })] }) }));
+}
+const style = {
+    position: 'absolute',
+    top: '40%',
+    left: '50%',
+    transform: 'translate(-50%, -50%)',
+    width: '30%',
+    maxWidth: '580px',
+    borderRadius: 'var(--radius-200)',
+    boxShadow: 24,
+    bgcolor: 'var(--background-default)',
+};

package/{src/AppModal/index.tsx → dist/AppModal/index.d.ts}

@@ -1,3 +1,2 @@
 import AppModal from './AppModal';
-
 export default AppModal;

package/dist/AppModal/index.js

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

package/dist/AppToast/AppToast.d.ts

@@ -0,0 +1,2 @@
+import 'react-toastify/dist/ReactToastify.css';
+export default function AppToast(): import("react/jsx-runtime").JSX.Element;

package/dist/AppToast/AppToast.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import CommonContext from '../configs/CommonContext';
+import { message } from '../configs/store/actions';
+import { useContext, useEffect } from 'react';
+import ReactLoading from 'react-loading';
+import { ToastContainer, toast } from 'react-toastify';
+import 'react-toastify/dist/ReactToastify.css';
+import { EMPTY_TOAST } from './ToastMessage';
+export default function AppToast() {
+    const { dispatch, state } = useContext(CommonContext);
+    const handleClose = () => {
+        toast.dismiss();
+        dispatch(message(EMPTY_TOAST));
+    };
+    const handleClipboard = () => {
+        navigator.clipboard.writeText(state.message.value);
+    };
+    const getLoading = () => (_jsxs("div", { className: "d-flex", children: [_jsx(ReactLoading, { type: "spinningBubbles", color: "blue", height: 24, width: 24 }), _jsx("span", { className: "ms-3", children: "Loading..." })] }));
+    const attachCloseToEscape = () => {
+        const closeOnEscape = (e) => {
+            if (e.keyCode === 27)
+                handleClose();
+        };
+        window.addEventListener('keydown', closeOnEscape);
+        return () => window.removeEventListener('keydown', closeOnEscape);
+    };
+    useEffect(() => {
+        attachCloseToEscape();
+    }, []);
+    useEffect(() => {
+        if (state.toastLoading) {
+            toast(getLoading(), {
+                position: 'top-right',
+                autoClose: false,
+                hideProgressBar: false,
+                closeOnClick: false,
+                pauseOnHover: true,
+                draggable: false,
+                progress: undefined,
+                theme: 'light',
+            });
+        }
+        else {
+            toast.dismiss();
+        }
+    }, [state.toastLoading]);
+    useEffect(() => {
+        if (state.message && state.message.value !== '') {
+            switch (state.message.type) {
+                case 'error':
+                    toast.error(state.message.value, {
+                        onClose: () => handleClose(),
+                        onClick: () => handleClipboard(),
+                    });
+                    break;
+                case 'warning':
+                    toast.warning(state.message.value, {
+                        onClose: () => handleClose(),
+                    });
+                    break;
+                case 'success':
+                    toast.success(state.message.value, {
+                        onClose: () => handleClose(),
+                    });
+                    break;
+                default:
+                    toast(state.message.value, {
+                        onClose: () => handleClose(),
+                    });
+                    break;
+            }
+        }
+        else {
+            dispatch(message(EMPTY_TOAST));
+        }
+    }, [state.message]);
+    return _jsx(ToastContainer, { closeOnClick: true });
+}

package/dist/AppToast/ToastMessage.d.ts

@@ -0,0 +1,8 @@
+export default interface ToastMessage {
+    value: string;
+    type: string;
+}
+export declare const EMPTY_TOAST: {
+    value: string;
+    type: string;
+};

package/dist/AppToast/ToastMessage.js

@@ -0,0 +1,4 @@
+export const EMPTY_TOAST = {
+    value: '',
+    type: '',
+};

package/{src/AppToast/index.tsx → dist/AppToast/index.d.ts}

@@ -1,3 +1,2 @@
 import AppToast from './AppToast';
-
 export default AppToast;

package/dist/AppToast/index.js

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

package/dist/Dummy/Dummy.d.ts

@@ -0,0 +1,9 @@
+import './styles.scss';
+export declare const DummyModes: readonly ["white", "blue"];
+type DummyModes = (typeof DummyModes)[number];
+export type Props = {
+    className?: string;
+    mode?: DummyModes;
+};
+export default function Dummy({ className, mode }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Dummy/Dummy.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import cx from 'classnames';
+import './styles.scss';
+export const DummyModes = ['white', 'blue'];
+export default function Dummy({ className, mode = 'blue' }) {
+    const getClassNames = cx('ds-dummy', className, mode);
+    return _jsx("div", { className: getClassNames, children: "aaaa" });
+}

package/{src/Dummy/index.tsx → dist/Dummy/index.d.ts}

@@ -1,3 +1,2 @@
 import Dummy from './Dummy';
-
 export default Dummy;

package/dist/Dummy/index.js

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

package/dist/Participants/ParticipantCreate/ParticipantCreate.d.ts

@@ -0,0 +1,9 @@
+import Participant from '../types/Participant';
+import './style.scss';
+type Props = {
+    document: string;
+    onClose: () => void;
+    onCreate: (p: Participant) => void;
+};
+export default function ParticipantCreate({ document, onClose, onCreate, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Participants/ParticipantCreate/ParticipantCreate.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { yupResolver } from '@hookform/resolvers/yup';
+import { useContext } from 'react';
+import { useForm } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import * as yup from 'yup';
+import AppModal from '../../AppModal';
+import CommonContext from '../../configs/CommonContext';
+import { toastLoading } from '../../configs/store/actions';
+import ParticipantService from '../types/ParticipantService';
+import './style.scss';
+import { TextField } from 'tycho-storybook';
+export default function ParticipantCreate({ document, onClose, onCreate, }) {
+    const { t } = useTranslation('participants');
+    const { dispatch, state } = useContext(CommonContext);
+    const createdForm = useForm({
+        resolver: yupResolver(getFormSchema(t)),
+        mode: 'onChange',
+    });
+    const handleAdd = () => {
+        if (state.toastLoading)
+            return;
+        dispatch(toastLoading(true));
+        ParticipantService.add(document, createdForm.getValues())
+            .then((r) => {
+            onCreate(r.data);
+        })
+            .finally(() => {
+            dispatch(toastLoading(false));
+        });
+    };
+    return (_jsx(AppModal, { title: t('modal.add.title'), className: "modal-participant", close: onClose, confirm: handleAdd, disableConfirm: !createdForm.formState.isValid, children: _jsxs("div", { className: "participant-container", children: [_jsx(TextField, { label: t('modal.input.code'), attr: "code", 
+                    // @ts-ignore
+                    createdForm: createdForm, showEndAdornment: false, placeholder: t('common:generic.placeholder'), required: true }), _jsx(TextField, { label: t('modal.input.name'), attr: "name", 
+                    // @ts-ignore
+                    createdForm: createdForm, showEndAdornment: false, placeholder: t('common:generic.placeholder') })] }) }));
+}
+const getFormSchema = (t) => yup.object().shape({
+    code: yup.string().required(t('common:validation.required')),
+    name: yup.string().required(t('common:validation.required')),
+});

package/{src/Participants/ParticipantCreate/index.tsx → dist/Participants/ParticipantCreate/index.d.ts}

@@ -1,3 +1,2 @@
 import ParticipantCreate from './ParticipantCreate';
-
 export default ParticipantCreate;

package/dist/Participants/ParticipantCreate/index.js

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

package/dist/Participants/ParticipantRemove/ParticipantRemove.d.ts

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

package/dist/Participants/ParticipantRemove/ParticipantRemove.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { useTranslation } from 'react-i18next';
+import AppModalRemove from '../../AppModal/AppModalRemove';
+import CommonContext from '../../configs/CommonContext';
+import { toastLoading } from '../../configs/store/actions';
+import ParticipantService from '../types/ParticipantService';
+import './style.scss';
+export default function ParticipantRemove({ participant, participants, document, onClose, onChange, }) {
+    const { t } = useTranslation('participants');
+    const { dispatch, state } = useContext(CommonContext);
+    const handleRemove = () => {
+        if (state.toastLoading || !participant)
+            return;
+        dispatch(toastLoading(true));
+        ParticipantService.remove(document, participant.code)
+            .then(() => {
+            const list = participants?.filter((p) => p.code !== participant.code) || [];
+            onChange(list);
+        })
+            .finally(() => {
+            dispatch(toastLoading(false));
+        });
+    };
+    return (_jsx(AppModalRemove, { title: t('modal.remove.title'), subtitle: t('modal.remove.description'), onClose: onClose, onConfirm: handleRemove }));
+}

package/{src/Participants/ParticipantRemove/index.tsx → dist/Participants/ParticipantRemove/index.d.ts}

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

package/dist/Participants/ParticipantRemove/index.js

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

package/dist/Participants/Participants.d.ts

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