tycho-components 0.0.9 → 0.0.10-SNAPSHOT

package/dist/AppModal/AppModalRemove.d.ts

@@ -6,4 +6,15 @@ type Props = {
     onConfirm: () => void;
 };
 export default function AppModalRemove({ title, subtitle, onClose, onConfirm, }: Props): import("react/jsx-runtime").JSX.Element;
+export declare const modalRemoveStyle: {
+    position: string;
+    top: string;
+    left: string;
+    transform: string;
+    width: string;
+    maxWidth: string;
+    borderRadius: string;
+    boxShadow: number;
+    bgcolor: string;
+};
 export {};

package/dist/AppModal/AppModalRemove.js

@@ -5,9 +5,9 @@ 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') })] })] }) }));
+    return (_jsx(Modal, { open: true, children: _jsxs(Box, { className: "modal-container modal-remove", sx: modalRemoveStyle, children: [_jsx("div", { className: "body", children: _jsxs("div", { className: "line", 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 = {
+export const modalRemoveStyle = {
     position: 'absolute',
     top: '40%',
     left: '50%',

package/dist/AppModal/style.scss

@@ -40,24 +40,29 @@
   &.modal-remove {
     .body {
       display: flex;
-      gap: 16px;
+      flex-direction: column;
 
-      > .ds-icon {
-        color: var(--icon-warning);
-      }
-
-      .texts {
+      > .line {
         display: flex;
-        flex-direction: column;
+        gap: 16px;
 
-        > .title {
-          @include subtitle-medium-2;
-          color: var(--text-primary);
+        > .ds-icon {
+          color: var(--icon-warning);
         }
 
-        > .subtitle {
-          @include body-medium-1;
-          color: var(--text-secondary);
+        .texts {
+          display: flex;
+          flex-direction: column;
+
+          > .title {
+            @include subtitle-medium-2;
+            color: var(--text-primary);
+          }
+
+          > .subtitle {
+            @include body-medium-1;
+            color: var(--text-secondary);
+          }
         }
       }
     }

package/dist/Participants/ParticipantRemove/ParticipantRemove.js

@@ -1,20 +1,26 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Modal } from '@mui/material';
 import { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
-import AppModalRemove from '../../AppModal/AppModalRemove';
+import { Button, Icon, SelectField } from 'tycho-storybook';
+import { modalRemoveStyle } from '../../AppModal/AppModalRemove';
 import CommonContext from '../../configs/CommonContext';
 import { useMessageUtils } from '../../configs/useMessageUtils';
 import ParticipantService from '../types/ParticipantService';
+import { useForm } from 'react-hook-form';
 import './style.scss';
 export default function ParticipantRemove({ participant, participants, document, onClose, onChange, }) {
     const { t } = useTranslation('participants');
     const { state } = useContext(CommonContext);
-    const { dispatchLoading, dispatchError } = useMessageUtils();
+    const { dispatchLoading } = useMessageUtils();
+    const createdForm = useForm({
+        mode: 'onChange',
+    });
     const handleRemove = () => {
         if (state.toastLoading || !participant)
             return;
         dispatchLoading(true);
-        ParticipantService.remove(document, participant.code)
+        ParticipantService.remove(document, participant.code, createdForm.getValues().code)
             .then(() => {
             const list = participants?.filter((p) => p.code !== participant.code) || [];
             onChange(list);
@@ -23,5 +29,11 @@ export default function ParticipantRemove({ participant, participants, document,
             dispatchLoading(false);
         });
     };
-    return (_jsx(AppModalRemove, { title: t('modal.remove.title'), subtitle: t('modal.remove.description'), onClose: onClose, onConfirm: handleRemove }));
+    let subtitle = t('modal.remove.description');
+    return (_jsx(Modal, { open: true, children: _jsxs(Box, { className: "modal-container modal-remove", sx: modalRemoveStyle, children: [_jsxs("div", { className: "body", children: [_jsxs("div", { className: "line", children: [_jsx(Icon, { name: "warning", size: "large", filled: true }), _jsxs("div", { className: "texts", children: [_jsx("span", { className: "title", children: t('modal.remove.title') }), _jsx("span", { className: "subtitle", children: subtitle })] })] }), participants.length !== 1 && (_jsxs("div", { className: "select-participant", children: [_jsxs("b", { children: [t('modal.remove.participant'), " ", participant.name, " (", participant.code, ")"] }), _jsx(SelectField, { label: t('modal.select.transfer'), attr: "code", createdForm: createdForm, options: participants
+                                        .filter((p) => p.code !== participant.code)
+                                        .map((p) => ({
+                                        value: p.code,
+                                        label: `${p.code} - ${p.name}`,
+                                    })), showEndAdornment: false })] }))] }), _jsxs("div", { className: "footer", children: [_jsx(Button, { onClick: onClose, text: t('common:button.cancel'), mode: "tonal" }), _jsx(Button, { onClick: handleRemove, text: t('common:button.confirm') })] })] }) }));
 }

package/dist/Participants/ParticipantRemove/style.scss

@@ -1,32 +1,15 @@
-.participants-container {
-  .header {
-    display: flex;
-    background-color: var(--color-secondary);
-    padding: 8px 16px;
-
-    .actions {
-      margin-left: auto;
-      margin-top: auto;
-      margin-bottom: auto;
-
-      .action {
-        border: var(--border-default);
-        padding: 0px 16px;
+.modal-container {
+  &.modal-remove {
+    .body {
+      .select-participant {
+        border-top: 1px solid var(--border-subtle-1);
+        padding-top: 16px;
+        margin-top: 16px;
+
+        > .ds-select-text {
+          margin-top: 16px;
+        }
       }
     }
   }
-
-  .body {
-    height: 90vh;
-    overflow-y: auto;
-    padding: var(--spacing-small);
-  }
-
-  .footer {
-    margin-top: 16px;
-    padding-top: 16px;
-    display: flex;
-    justify-content: right;
-    border-top: var(--border-default);
-  }
 }

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

@@ -2,7 +2,7 @@ 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 function remove(document: string, code: string, transfer?: string): Promise<import("axios").AxiosResponse<any, any>>;
 declare const ParticipantService: {
     add: typeof add;
     update: typeof update;

package/dist/Participants/types/ParticipantService.js

@@ -5,8 +5,12 @@ function add(uid, request) {
 function update(field) {
     return api.patch(`${import.meta.env.VITE_APP_CATALOG_API}/participant/update`, field);
 }
-function remove(document, code) {
-    return api.delete(`${import.meta.env.VITE_APP_CATALOG_API}/participant/${document}/${code}`);
+function remove(document, code, transfer) {
+    const request = {
+        code,
+        transfer,
+    };
+    return api.delete(`${import.meta.env.VITE_APP_CATALOG_API}/participant/${document}`, { data: request });
 }
 const ParticipantService = { add, update, remove };
 export default ParticipantService;

package/dist/configs/Localization.d.ts

@@ -36,6 +36,7 @@ export declare const commonResources: {
             'modal.add.title': string;
             'modal.input.code': string;
             'modal.input.name': string;
+            'modal.select.transfer': string;
             'participant.code.exists': string;
         };
     };

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

@@ -22,6 +22,7 @@ export declare const ParticipantsTexts: {
         'modal.add.title': string;
         'modal.input.code': string;
         'modal.input.name': string;
+        'modal.select.transfer': string;
         'participant.code.exists': string;
     };
     'pt-BR': {

package/dist/configs/localization/ParticipantsTexts.js

@@ -22,6 +22,7 @@ export const ParticipantsTexts = {
         'modal.add.title': 'Add new participant',
         'modal.input.code': 'ID',
         'modal.input.name': 'Name',
+        'modal.select.transfer': 'Participant',
         'participant.code.exists': 'The participant code provided is already in use.',
     },
     'pt-BR': {

package/package.json

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