tycho-components 0.0.9-SNAPSHOT → 0.0.9-SNAPSHOT-1

package/dist/AppToast/AppToast.js

@@ -45,7 +45,6 @@ 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

@@ -7,12 +7,13 @@ import { TextField } from 'tycho-storybook';
 import * as yup from 'yup';
 import AppModal from '../../AppModal';
 import CommonContext from '../../configs/CommonContext';
-import { dispatchError, dispatchLoading } from '../../configs/MessageUtils';
 import ParticipantService from '../types/ParticipantService';
 import './style.scss';
+import { useMessageUtils } from '../../configs/useMessageUtils';
 export default function ParticipantCreate({ document, onClose, onCreate, }) {
     const { t } = useTranslation('participants');
-    const { dispatch, state } = useContext(CommonContext);
+    const { state } = useContext(CommonContext);
+    const { dispatchLoading, dispatchError } = useMessageUtils();
     const createdForm = useForm({
         resolver: yupResolver(getFormSchema(t)),
         mode: 'onChange',
@@ -20,16 +21,16 @@ export default function ParticipantCreate({ document, onClose, onCreate, }) {
     const handleAdd = () => {
         if (state.toastLoading)
             return;
-        dispatchLoading(true, dispatch);
+        dispatchLoading(true);
         ParticipantService.add(document, createdForm.getValues())
             .then((r) => {
             onCreate(r.data);
         })
             .catch((err) => {
-            dispatchError({ err, dispatch, t, key: 'participants' });
+            dispatchError({ err, t, key: 'participants' });
         })
             .finally(() => {
-            dispatchLoading(false, dispatch);
+            dispatchLoading(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", 

package/dist/Participants/ParticipantRemove/ParticipantRemove.js

@@ -3,24 +3,24 @@ 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 { useMessageUtils } from '../../configs/useMessageUtils';
 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 { state } = useContext(CommonContext);
+    const { dispatchLoading, dispatchError } = useMessageUtils();
     const handleRemove = () => {
         if (state.toastLoading || !participant)
             return;
-        dispatchLoading(true, dispatch);
+        dispatchLoading(true);
         ParticipantService.remove(document, participant.code)
             .then(() => {
             const list = participants?.filter((p) => p.code !== participant.code) || [];
             onChange(list);
         })
             .finally(() => {
-            dispatch(toastLoading(false));
+            dispatchLoading(false);
         });
     };
     return (_jsx(AppModalRemove, { title: t('modal.remove.title'), subtitle: t('modal.remove.description'), onClose: onClose, onConfirm: handleRemove }));

package/dist/Participants/Participants.js

@@ -6,15 +6,16 @@ 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';
+import { useMessageUtils } from '../configs/useMessageUtils';
 export default function Participants({ document, participants, onChange, }) {
     const { t } = useTranslation('participants');
     const { dispatch } = useContext(CommonContext);
+    const { dispatchMessage } = useMessageUtils();
     const [participant, setParticipant] = useState();
     const [openRemove, setOpenRemove] = useState(false);
     const [openCreate, setOpenCreate] = useState(false);
@@ -23,7 +24,7 @@ export default function Participants({ document, participants, onChange, }) {
             return;
         ParticipantService.update(field)
             .then(() => {
-            dispatchMessage({ key: 'update.success', dispatch, t });
+            dispatchMessage({ key: 'update.success', t });
             const { name, value } = field;
             const thisParticipants = participants;
             const idx = participants.findIndex((p) => p.code === field.ref);

package/dist/configs/useMessageUtils.d.ts

@@ -0,0 +1,17 @@
+import { TFunction } from 'i18next';
+type MessageDispatcher = {
+    key: string;
+    ns?: string;
+    t: TFunction;
+};
+type ErrorDispatcher = {
+    err: any;
+    t: TFunction;
+    key?: string;
+};
+export declare const useMessageUtils: () => {
+    dispatchLoading: (val: boolean) => void;
+    dispatchError: ({ err, t, key }: ErrorDispatcher) => void;
+    dispatchMessage: ({ key, ns, t }: MessageDispatcher) => void;
+};
+export {};

package/dist/configs/useMessageUtils.js

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

package/dist/index.d.ts

@@ -7,4 +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';
+export { useMessageUtils } from './configs/useMessageUtils';

package/dist/index.js

@@ -7,4 +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';
+export { useMessageUtils } from './configs/useMessageUtils';

package/package.json

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

package/dist/configs/MessageUtils.d.ts

@@ -1,22 +0,0 @@
-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;
-    key?: string;
-};
-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, key }: ErrorDispatcher) => void;
-    dispatchMessage: ({ key, ns, dispatch, t, }: MessageDispatcher) => void;
-};
-export default MessageUtils;

package/dist/configs/MessageUtils.js

@@ -1,34 +0,0 @@
-import { message, toastLoading } from '../configs/store/actions';
-export const dispatchLoading = (val, dispatch) => {
-    dispatch(toastLoading(val));
-};
-// TODO: improve
-export const dispatchError = ({ err, dispatch, t, key }) => {
-    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;
-    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}`;
-    dispatch(message({ value: t(entry), type: 'success' }));
-};
-const MessageUtils = {
-    dispatchError,
-    dispatchMessage,
-};
-export default MessageUtils;