tycho-components 0.0.4 → 0.0.5-SNAPSHOT

package/dist/Participants/Participants.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { faPlus, faTrash } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { useContext, useEffect, useState } from 'react';
+import { Button, Form } from 'react-bootstrap';
+import { useTranslation } from 'react-i18next';
+import AppEditable from '../AppEditable';
+import CommonContext from '../configs/CommonContext';
+import { dispatchMessage } from '../configs/MessageUtils';
+import ParticipantCreate from './ParticipantCreate';
+import ParticipantRemove from './ParticipantRemove';
+import './style.scss';
+import { PARTICIPANT_FIELDS } from './types/Participant';
+import ParticipantService from './types/ParticipantService';
+export default function Participants({ document, participants, onChange, }) {
+    const { t } = useTranslation('participants');
+    const { dispatch } = useContext(CommonContext);
+    const [participant, setParticipant] = useState();
+    const [openRemove, setOpenRemove] = useState(false);
+    const [openCreate, setOpenCreate] = useState(false);
+    const handleSave = (field) => {
+        if (!field.ref)
+            return;
+        ParticipantService.update(field)
+            .then(() => {
+            dispatchMessage({ key: 'update.success', dispatch, t });
+            const { name, value } = field;
+            const thisParticipants = participants;
+            const idx = participants.findIndex((p) => p.code === field.ref);
+            // updates the participant
+            const thisParticipant = { ...thisParticipants[idx], [name]: value };
+            thisParticipants[idx] = { ...thisParticipant };
+            setParticipant(thisParticipant);
+            onChange(thisParticipants);
+        })
+            .catch((err) => {
+            console.log(err);
+        });
+    };
+    useEffect(() => {
+        if (participants.length > 0)
+            setParticipant(participants[0]);
+    }, []);
+    return (_jsxs("div", { className: "participants-container", children: [_jsxs("div", { className: "header", children: [_jsx("h3", { children: t('label.title') }), _jsx("div", { className: "actions", children: _jsxs("button", { type: "button", className: "action", onClick: () => setOpenCreate(true), children: [_jsx(FontAwesomeIcon, { icon: faPlus, title: t('button.label.add') }), _jsx("span", { className: "ms-2", children: t('button.label.add') })] }) })] }), _jsx("div", { className: "body", children: participant && (_jsxs(_Fragment, { children: [_jsx(Form.Select, { onChange: (e) => setParticipant(participants[Number(e.target.value)]), children: participants.map((el, idx) => (_jsx("option", { value: idx, children: `${el.code} - ${el.name}` }, idx))) }), _jsx(AppEditable, { translation: "participants", group: "participant", save: handleSave, item: { ...participant, uid: document }, fields: PARTICIPANT_FIELDS, className: "fields", reference: "code" }), _jsx("div", { className: "footer", children: _jsxs(Button, { variant: "danger", onClick: () => {
+                                    setParticipant(participant);
+                                    setOpenRemove(true);
+                                }, children: [_jsx(FontAwesomeIcon, { icon: faTrash }), _jsx("span", { className: "ms-1", children: t('common:button.remove') })] }) })] })) }), participant && openRemove && (_jsx(ParticipantRemove, { document: document, onChange: (list) => {
+                    onChange(list);
+                    setParticipant(participants.length > 0 ? participants[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/{src/Participants/index.tsx → dist/Participants/index.d.ts}

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

package/dist/Participants/index.js

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

package/dist/Participants/types/Participant.d.ts

@@ -0,0 +1,27 @@
+import FormField from '../../AppEditable/FormField';
+type Participant = {
+    order: number;
+    code: string;
+    name: string;
+    color?: string;
+    role?: string;
+    ses?: string;
+    education?: string;
+    gender?: string;
+    custom?: string;
+    corpus?: string;
+    language?: string;
+    age?: string;
+    group?: string;
+};
+export type ParticipantCreateRequest = {
+    code: string;
+    name: string;
+};
+export declare const EMPTY_PARTICIPANT: {
+    order: number;
+    code: string;
+    name: string;
+};
+export declare const PARTICIPANT_FIELDS: FormField[];
+export default Participant;

package/dist/Participants/types/Participant.js

@@ -0,0 +1,17 @@
+export const EMPTY_PARTICIPANT = {
+    order: 1,
+    code: '',
+    name: '',
+};
+export const PARTICIPANT_FIELDS = [
+    { name: 'order', type: 'text', required: true },
+    { name: 'code', type: 'text', required: true },
+    { name: 'name', type: 'text', required: false },
+    { name: 'separator', type: 'text', required: false },
+    {
+        name: 'color',
+        type: 'color',
+        required: false,
+        tooltip: 'field.color.tooltip',
+    },
+];

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

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

package/dist/Participants/types/ParticipantService.js

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

package/dist/configs/CommonContext.d.ts

@@ -0,0 +1,10 @@
+import { StoreAction, UserStore } from './store/types';
+type ContextType = {
+    state: UserStore;
+    dispatch: React.Dispatch<StoreAction>;
+};
+declare const CommonContext: import("react").Context<ContextType>;
+export declare function CommonProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export default CommonContext;

package/dist/configs/CommonContext.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useReducer } from 'react';
+import reducer from './store/reducer';
+import store from './store/store';
+const CommonContext = createContext({});
+export function CommonProvider({ children }) {
+    const [state, dispatch] = useReducer(reducer, store);
+    return (_jsx(CommonContext.Provider, { value: { state, dispatch }, children: children }));
+}
+export default CommonContext;

package/dist/configs/CookieStorage.d.ts

@@ -0,0 +1,10 @@
+declare function setRedirectUri(uri: string): void;
+declare function removeRedirectUri(): void;
+declare const CookieStorage: {
+    setJwtToken: (jwtToken: string) => void;
+    getJwtToken: () => string | undefined;
+    removeJwtToken: () => void;
+    setRedirectUri: typeof setRedirectUri;
+    removeRedirectUri: typeof removeRedirectUri;
+};
+export default CookieStorage;

package/dist/configs/CookieStorage.js

@@ -0,0 +1,28 @@
+import Cookies from 'js-cookie';
+const REDIRECT_URI = 'redirect_uri_tycho';
+const JWT_TOKEN = 'jwt_token_tycho';
+const expireDays = 7;
+const setJwtToken = (jwtToken) => {
+    Cookies.set(JWT_TOKEN, jwtToken, { expires: expireDays });
+};
+const getJwtToken = () => {
+    const cookie = Cookies.get(JWT_TOKEN);
+    return cookie === 'undefined' ? '' : cookie;
+};
+const removeJwtToken = () => {
+    return Cookies.remove(JWT_TOKEN);
+};
+function setRedirectUri(uri) {
+    Cookies.set(REDIRECT_URI, uri);
+}
+function removeRedirectUri() {
+    Cookies.remove(REDIRECT_URI);
+}
+const CookieStorage = {
+    setJwtToken,
+    getJwtToken,
+    removeJwtToken,
+    setRedirectUri,
+    removeRedirectUri,
+};
+export default CookieStorage;

package/dist/configs/Localization.d.ts

@@ -0,0 +1,64 @@
+export declare const commonResources: {
+    en: {
+        common: {
+            'button.confirm': string;
+            'button.cancel': string;
+            'button.remove': string;
+            'pagination.label.showing': string;
+            'pagination.label.results': string;
+            'pagination.label.total': string;
+            'generic.placeholder': string;
+            'generic.placeholder.select': string;
+            'validation.required': string;
+            'placeholder.check': string;
+            'placeholder.input': string;
+        };
+        participants: {
+            'label.title': string;
+            'button.label.add': string;
+            'participant.field.order': string;
+            'participant.field.code': string;
+            'participant.field.name': string;
+            'participant.field.color': string;
+            'participant.field.separator': string;
+            'participant.field.color.tooltip': string;
+            'modal.remove.title': string;
+            'modal.remove.description': string;
+            'modal.remove.participant': string;
+            'modal.add.title': string;
+            'modal.input.code': string;
+            'modal.input.name': string;
+        };
+    };
+    'pt-BR': {
+        common: {
+            'button.confirm': string;
+            'button.cancel': string;
+            'pagination.label.showing': string;
+            'pagination.label.results': string;
+            'pagination.label.total': string;
+            'generic.placeholder': string;
+            'generic.placeholder.select': string;
+            'validation.required': string;
+            'placeholder.check': string;
+            'placeholder.input': string;
+        };
+        participants: {
+            'label.title': string;
+            'button.label.add': string;
+            'participant.field.order': string;
+            'participant.field.code': string;
+            'participant.field.name': string;
+            'participant.field.color': string;
+            'participant.field.separator': string;
+            'participant.field.color.tooltip': string;
+            'modal.remove.title': string;
+            'modal.remove.description': string;
+            'modal.remove.participant': string;
+            'modal.add.title': string;
+            'modal.input.code': string;
+            'modal.input.name': string;
+        };
+    };
+};
+export default function commonLocalization(): void;

package/dist/configs/Localization.js

@@ -0,0 +1,28 @@
+import i18n from 'i18next';
+import languageDetector from 'i18next-browser-languagedetector';
+import { initReactI18next } from 'react-i18next';
+import { ParticipantsTexts } from './localization/ParticipantsTexts';
+import { CommonTexts } from './localization/CommonTexts';
+export const commonResources = {
+    en: {
+        common: CommonTexts.en,
+        participants: ParticipantsTexts.en,
+    },
+    'pt-BR': {
+        common: CommonTexts['pt-BR'],
+        participants: ParticipantsTexts['pt-BR'],
+    },
+};
+export default function commonLocalization() {
+    i18n
+        .use(initReactI18next)
+        .use(languageDetector)
+        .init({
+        resources: commonResources,
+        fallbackLng: 'en',
+        defaultNS: 'message',
+        interpolation: {
+            escapeValue: false,
+        },
+    });
+}

package/dist/configs/MessageUtils.d.ts

@@ -0,0 +1,20 @@
+import { StoreAction } from '../configs/store/types';
+import { TFunction } from 'i18next';
+type MessageDispatcher = {
+    key: string;
+    ns?: string;
+    dispatch: React.Dispatch<StoreAction>;
+    t: TFunction;
+};
+type ErrorDispatcher = {
+    err: any;
+    dispatch: React.Dispatch<StoreAction>;
+    t: TFunction;
+};
+export declare const dispatchError: ({ err, dispatch, t }: ErrorDispatcher) => void;
+export declare const dispatchMessage: ({ key, ns, dispatch, t, }: MessageDispatcher) => void;
+declare const MessageUtils: {
+    dispatchError: ({ err, dispatch, t }: ErrorDispatcher) => void;
+    dispatchMessage: ({ key, ns, dispatch, t, }: MessageDispatcher) => void;
+};
+export default MessageUtils;

package/dist/configs/MessageUtils.js

@@ -0,0 +1,30 @@
+import { message } from '../configs/store/actions';
+// TODO: improve
+export const dispatchError = ({ err, dispatch, t }) => {
+    if (!err.response) {
+        dispatch(message({ value: t(err), type: 'error' }));
+        return;
+    }
+    if (err.response.status && err.response.status === 403) {
+        dispatch(message({
+            value: t('error.access.authorization'),
+            type: 'error',
+        }));
+        return;
+    }
+    let errorKey = 'generic.error.message';
+    if (err.response.data && err.response.data.description)
+        errorKey = err.response.data.description;
+    if (err.response.data.errors && err.response.data.errors.length > 0)
+        errorKey = err.response.data.errors[0].description;
+    dispatch(message({ value: t(`message:${errorKey}`), type: 'error' }));
+};
+export const dispatchMessage = ({ key, ns, dispatch, t, }) => {
+    const entry = ns ? `${ns}:${key}` : `message:${key}`;
+    dispatch(message({ value: t(entry), type: 'success' }));
+};
+const MessageUtils = {
+    dispatchError,
+    dispatchMessage,
+};
+export default MessageUtils;

package/dist/configs/Storage.d.ts

@@ -0,0 +1,9 @@
+declare function getActiveCorpus(): string | null;
+declare function setActiveCorpus(corpus: string): void;
+declare function removeActiveCorpus(): void;
+declare const Storage: {
+    getActiveCorpus: typeof getActiveCorpus;
+    setActiveCorpus: typeof setActiveCorpus;
+    removeActiveCorpus: typeof removeActiveCorpus;
+};
+export default Storage;

package/dist/configs/Storage.js

@@ -0,0 +1,16 @@
+const ACTIVE_CORPUS = '@Tycho:corpus';
+function getActiveCorpus() {
+    return localStorage.getItem(ACTIVE_CORPUS);
+}
+function setActiveCorpus(corpus) {
+    localStorage.setItem(ACTIVE_CORPUS, corpus);
+}
+function removeActiveCorpus() {
+    localStorage.removeItem(ACTIVE_CORPUS);
+}
+const Storage = {
+    getActiveCorpus,
+    setActiveCorpus,
+    removeActiveCorpus,
+};
+export default Storage;

package/dist/configs/api.d.ts

@@ -0,0 +1,2 @@
+declare const api: import("axios").AxiosInstance;
+export default api;

package/dist/configs/api.js

@@ -0,0 +1,38 @@
+import axios from 'axios';
+import CookieStorage from './CookieStorage';
+const api = axios.create({
+    headers: {
+        'Cache-Control': 'no-cache, no-store, must-revalidate',
+        Pragma: 'no-cache',
+        'Content-Type': 'application/json',
+        Accept: 'application/json',
+    },
+    baseURL: import.meta.env.VITE_APP_URL_API,
+});
+api.interceptors.response.use((response) => response, async (error) => {
+    if (error.response?.status === 401) {
+        CookieStorage.removeJwtToken();
+        sessionStorage.clear();
+        localStorage.clear();
+        window.location.replace(import.meta.env.VITE_APP_AUTH_URL);
+    }
+    else if (error.response?.status === 403) {
+        window.location.href = `${import.meta.env.VITE_APP_PUBLIC_URL}/unauthorized`;
+    }
+    else if (error.status === null) {
+        console.log(JSON.stringify(error));
+    }
+    return Promise.reject(error);
+});
+api.interceptors.request.use((config) => {
+    if (!config?.headers) {
+        throw new Error('no header available');
+    }
+    const token = CookieStorage.getJwtToken();
+    if (!token)
+        return config;
+    // eslint-disable-next-line no-param-reassign
+    config.headers.Authorization = `Bearer ${token}`;
+    return config;
+});
+export default api;

package/dist/configs/localization/CommonTexts.d.ts

@@ -0,0 +1,27 @@
+export declare const CommonTexts: {
+    en: {
+        'button.confirm': string;
+        'button.cancel': string;
+        'button.remove': string;
+        'pagination.label.showing': string;
+        'pagination.label.results': string;
+        'pagination.label.total': string;
+        'generic.placeholder': string;
+        'generic.placeholder.select': string;
+        'validation.required': string;
+        'placeholder.check': string;
+        'placeholder.input': string;
+    };
+    'pt-BR': {
+        'button.confirm': string;
+        'button.cancel': string;
+        'pagination.label.showing': string;
+        'pagination.label.results': string;
+        'pagination.label.total': string;
+        'generic.placeholder': string;
+        'generic.placeholder.select': string;
+        'validation.required': string;
+        'placeholder.check': string;
+        'placeholder.input': string;
+    };
+};

package/dist/configs/localization/CommonTexts.js

@@ -0,0 +1,27 @@
+export const CommonTexts = {
+    en: {
+        'button.confirm': 'Confirm',
+        'button.cancel': 'Cancel',
+        'button.remove': 'Remove',
+        'pagination.label.showing': 'Showing',
+        'pagination.label.results': 'results per page',
+        'pagination.label.total': 'Total',
+        'generic.placeholder': 'Type here',
+        'generic.placeholder.select': 'Select one here',
+        'validation.required': 'Required field.',
+        'placeholder.check': 'click to choose',
+        'placeholder.input': 'click to add',
+    },
+    'pt-BR': {
+        'button.confirm': 'Confirmar',
+        'button.cancel': 'Cancelar',
+        'pagination.label.showing': 'Exibindo',
+        'pagination.label.results': 'resultados por página',
+        'pagination.label.total': 'Total',
+        'generic.placeholder': 'Digite aqui',
+        'generic.placeholder.select': 'Selecione um aqui',
+        'validation.required': 'Campo obrigatório.',
+        'placeholder.check': 'clique para selecionar',
+        'placeholder.input': 'clique para adicionar',
+    },
+};

package/dist/configs/localization/ParticipantsTexts.d.ts

@@ -0,0 +1,34 @@
+export declare const ParticipantsTexts: {
+    en: {
+        'label.title': string;
+        'button.label.add': string;
+        'participant.field.order': string;
+        'participant.field.code': string;
+        'participant.field.name': string;
+        'participant.field.color': string;
+        'participant.field.separator': string;
+        'participant.field.color.tooltip': string;
+        'modal.remove.title': string;
+        'modal.remove.description': string;
+        'modal.remove.participant': string;
+        'modal.add.title': string;
+        'modal.input.code': string;
+        'modal.input.name': string;
+    };
+    'pt-BR': {
+        'label.title': string;
+        'button.label.add': string;
+        'participant.field.order': string;
+        'participant.field.code': string;
+        'participant.field.name': string;
+        'participant.field.color': string;
+        'participant.field.separator': string;
+        'participant.field.color.tooltip': string;
+        'modal.remove.title': string;
+        'modal.remove.description': string;
+        'modal.remove.participant': string;
+        'modal.add.title': string;
+        'modal.input.code': string;
+        'modal.input.name': string;
+    };
+};

package/dist/configs/localization/ParticipantsTexts.js

@@ -0,0 +1,34 @@
+export const ParticipantsTexts = {
+    en: {
+        'label.title': 'Participants',
+        'button.label.add': 'add new participant',
+        'participant.field.order': 'Order',
+        'participant.field.code': 'Code',
+        'participant.field.name': 'Name',
+        'participant.field.color': 'Color',
+        'participant.field.separator': 'Separator',
+        'participant.field.color.tooltip': 'A color for transcription visual identifier',
+        'modal.remove.title': 'Remove participant',
+        'modal.remove.description': 'Are you sure you want to delete this participant? This action is irreversible, but the sentences are not deleted.',
+        'modal.remove.participant': 'You can choose a participant to transfer sentences related to ',
+        'modal.add.title': 'Add new participant',
+        'modal.input.code': 'ID',
+        'modal.input.name': 'Name',
+    },
+    'pt-BR': {
+        'label.title': 'Participantes',
+        'button.label.add': 'Adicionar participante',
+        'participant.field.order': 'Ordem',
+        'participant.field.code': 'Código',
+        'participant.field.name': 'Nome',
+        'participant.field.color': 'Cor',
+        'participant.field.separator': 'Separador',
+        'participant.field.color.tooltip': 'Cor para identificação visual da sentença na transcrição',
+        'modal.remove.title': 'Remover participante',
+        'modal.remove.description': 'Você tem certeza que deseja remover este participante? Esta ação é irreversível, porém as sentenças não serão excluídas.',
+        'modal.remove.participant': 'Você pode escolher um participante para transferir frases relacionadas a ',
+        'modal.add.title': 'Adicionar novo participante',
+        'modal.input.code': 'ID',
+        'modal.input.name': 'Nome',
+    },
+};

package/dist/configs/store/actions.d.ts

@@ -0,0 +1,4 @@
+import ToastMessage from '../../AppToast/ToastMessage';
+import { StoreAction } from './types';
+export declare const message: (data: ToastMessage) => StoreAction;
+export declare const toastLoading: (data: boolean) => StoreAction;

package/dist/configs/store/actions.js

@@ -0,0 +1,9 @@
+import { types } from './types';
+export const message = (data) => ({
+    type: types.MESSAGE,
+    payload: data,
+});
+export const toastLoading = (data) => ({
+    type: types.TOAST_LOADING,
+    payload: data,
+});

package/dist/configs/store/reducer.d.ts

@@ -0,0 +1,3 @@
+import { UserStore } from './types';
+declare function reducer(state: UserStore, action: any): UserStore;
+export default reducer;

package/dist/configs/store/reducer.js

@@ -0,0 +1,19 @@
+/* eslint-disable */
+import { types } from './types';
+function reducer(state, action) {
+    switch (action.type) {
+        case types.MESSAGE:
+            return {
+                ...state,
+                message: action.payload,
+            };
+        case types.TOAST_LOADING:
+            return {
+                ...state,
+                toastLoading: action.payload,
+            };
+        default:
+            return state;
+    }
+}
+export default reducer;

package/dist/configs/store/store.d.ts

@@ -0,0 +1,3 @@
+import { UserStore } from './types';
+declare const store: UserStore;
+export default store;

package/dist/configs/store/store.js

@@ -0,0 +1,6 @@
+import { EMPTY_TOAST } from '../../AppToast/ToastMessage';
+const store = {
+    message: EMPTY_TOAST,
+    toastLoading: false,
+};
+export default store;

package/dist/configs/store/types.d.ts

@@ -0,0 +1,13 @@
+import ToastMessage from '../../AppToast/ToastMessage';
+export type UserStore = {
+    message: ToastMessage;
+    toastLoading: boolean;
+};
+export type StoreAction = {
+    type: string;
+    payload?: ToastMessage | boolean;
+};
+export declare const types: {
+    MESSAGE: string;
+    TOAST_LOADING: string;
+};

package/dist/configs/store/types.js

@@ -0,0 +1,4 @@
+export const types = {
+    MESSAGE: 'MESSAGE',
+    TOAST_LOADING: 'TOAST_LOADING',
+};

package/dist/index.js

@@ -0,0 +1,9 @@
+export { default as AppEditable } from './AppEditable';
+export { default as AppToast } from './AppToast';
+export { default as AppColorpicker } from './AppColorpicker';
+export { default as Participants } from './Participants';
+export { default as AppModal } from './AppModal';
+export { default as AppModalConfirm } from './AppModal/AppModalConfirm';
+export { default as AppModalRemove } from './AppModal/AppModalRemove';
+export { commonResources } from './configs/Localization';
+export { CommonProvider } from './configs/CommonContext';