tycho-components 0.0.7 → 0.0.9-SNAPSHOT

package/dist/AppModal/style.scss

@@ -19,7 +19,8 @@
         color: var(--text-secondary);
       }
     }
-    i .ds-icon {
+
+    > .ds-icon {
       margin-left: auto;
       margin-bottom: auto;
     }

package/dist/AppToast/AppToast.js

@@ -45,6 +45,7 @@ export default function AppToast() {
         }
     }, [state.toastLoading]);
     useEffect(() => {
+        console.log(state.message);
         if (state.message && state.message.value !== '') {
             switch (state.message.type) {
                 case 'error':

package/dist/Participants/ParticipantCreate/ParticipantCreate.js

@@ -3,13 +3,13 @@ import { yupResolver } from '@hookform/resolvers/yup';
 import { useContext } from 'react';
 import { useForm } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
+import { TextField } from 'tycho-storybook';
 import * as yup from 'yup';
 import AppModal from '../../AppModal';
 import CommonContext from '../../configs/CommonContext';
-import { toastLoading } from '../../configs/store/actions';
+import { dispatchError, dispatchLoading } from '../../configs/MessageUtils';
 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);
@@ -20,13 +20,16 @@ export default function ParticipantCreate({ document, onClose, onCreate, }) {
     const handleAdd = () => {
         if (state.toastLoading)
             return;
-        dispatch(toastLoading(true));
+        dispatchLoading(true, dispatch);
         ParticipantService.add(document, createdForm.getValues())
             .then((r) => {
             onCreate(r.data);
+        })
+            .catch((err) => {
+            dispatchError({ err, dispatch, t, key: 'participants' });
         })
             .finally(() => {
-            dispatch(toastLoading(false));
+            dispatchLoading(false, dispatch);
         });
     };
     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", 

package/dist/Participants/ParticipantRemove/ParticipantRemove.js

@@ -3,6 +3,7 @@ import { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import AppModalRemove from '../../AppModal/AppModalRemove';
 import CommonContext from '../../configs/CommonContext';
+import { dispatchLoading } from '../../configs/MessageUtils';
 import { toastLoading } from '../../configs/store/actions';
 import ParticipantService from '../types/ParticipantService';
 import './style.scss';
@@ -12,7 +13,7 @@ export default function ParticipantRemove({ participant, participants, document,
     const handleRemove = () => {
         if (state.toastLoading || !participant)
             return;
-        dispatch(toastLoading(true));
+        dispatchLoading(true, dispatch);
         ParticipantService.remove(document, participant.code)
             .then(() => {
             const list = participants?.filter((p) => p.code !== participant.code) || [];

package/dist/Participants/Participants.js

@@ -41,7 +41,9 @@ export default function Participants({ document, participants, onChange, }) {
         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, selected: el.code === participant.code, 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: () => {
+    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)]), value: participant
+                                ? participants.findIndex((p) => p.code === participant.code)
+                                : 0, 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) => {

package/dist/configs/Localization.d.ts

@@ -28,6 +28,7 @@ export declare const commonResources: {
             'modal.add.title': string;
             'modal.input.code': string;
             'modal.input.name': string;
+            'participant.code.exists': string;
         };
     };
     'pt-BR': {
@@ -58,6 +59,7 @@ export declare const commonResources: {
             'modal.add.title': string;
             'modal.input.code': string;
             'modal.input.name': string;
+            'participant.code.exists': string;
         };
     };
 };

package/dist/configs/MessageUtils.d.ts

@@ -10,11 +10,13 @@ type ErrorDispatcher = {
     err: any;
     dispatch: React.Dispatch<StoreAction>;
     t: TFunction;
+    key?: string;
 };
-export declare const dispatchError: ({ err, dispatch, t }: ErrorDispatcher) => void;
+export declare const dispatchLoading: (val: boolean, dispatch: React.Dispatch<StoreAction>) => void;
+export declare const dispatchError: ({ err, dispatch, t, key }: ErrorDispatcher) => void;
 export declare const dispatchMessage: ({ key, ns, dispatch, t, }: MessageDispatcher) => void;
 declare const MessageUtils: {
-    dispatchError: ({ err, dispatch, t }: ErrorDispatcher) => void;
+    dispatchError: ({ err, dispatch, t, key }: ErrorDispatcher) => void;
     dispatchMessage: ({ key, ns, dispatch, t, }: MessageDispatcher) => void;
 };
 export default MessageUtils;

package/dist/configs/MessageUtils.js

@@ -1,6 +1,9 @@
-import { message } from '../configs/store/actions';
+import { message, toastLoading } from '../configs/store/actions';
+export const dispatchLoading = (val, dispatch) => {
+    dispatch(toastLoading(val));
+};
 // TODO: improve
-export const dispatchError = ({ err, dispatch, t }) => {
+export const dispatchError = ({ err, dispatch, t, key }) => {
     if (!err.response) {
         dispatch(message({ value: t(err), type: 'error' }));
         return;
@@ -17,7 +20,8 @@ export const dispatchError = ({ err, dispatch, t }) => {
         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' }));
+    const value = t(`${key ? key : 'message'}:${errorKey}`);
+    dispatch(message({ value: value, type: 'error' }));
 };
 export const dispatchMessage = ({ key, ns, dispatch, t, }) => {
     const entry = ns ? `${ns}:${key}` : `message:${key}`;

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

@@ -14,6 +14,7 @@ export declare const ParticipantsTexts: {
         'modal.add.title': string;
         'modal.input.code': string;
         'modal.input.name': string;
+        'participant.code.exists': string;
     };
     'pt-BR': {
         'label.title': string;
@@ -30,5 +31,6 @@ export declare const ParticipantsTexts: {
         'modal.add.title': string;
         'modal.input.code': string;
         'modal.input.name': string;
+        'participant.code.exists': string;
     };
 };

package/dist/configs/localization/ParticipantsTexts.js

@@ -14,6 +14,7 @@ export const ParticipantsTexts = {
         'modal.add.title': 'Add new participant',
         'modal.input.code': 'ID',
         'modal.input.name': 'Name',
+        'participant.code.exists': 'The participant code provided is already in use.',
     },
     'pt-BR': {
         'label.title': 'Participantes',
@@ -30,5 +31,6 @@ export const ParticipantsTexts = {
         'modal.add.title': 'Adicionar novo participante',
         'modal.input.code': 'ID',
         'modal.input.name': 'Nome',
+        'participant.code.exists': 'O código de participante fornecido já está em uso.',
     },
 };

package/dist/index.d.ts

@@ -7,3 +7,4 @@ export { default as AppModalConfirm } from './AppModal/AppModalConfirm';
 export { default as AppModalRemove } from './AppModal/AppModalRemove';
 export { commonResources } from './configs/Localization';
 export { CommonProvider } from './configs/CommonContext';
+export { default as MessageUtils } from './configs/MessageUtils';

package/dist/index.js

@@ -7,3 +7,4 @@ export { default as AppModalConfirm } from './AppModal/AppModalConfirm';
 export { default as AppModalRemove } from './AppModal/AppModalRemove';
 export { commonResources } from './configs/Localization';
 export { CommonProvider } from './configs/CommonContext';
+export { default as MessageUtils } from './configs/MessageUtils';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.0.7",
+  "version": "0.0.9-SNAPSHOT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {