tycho-components 0.0.9-SNAPSHOT-2 → 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/Participants.d.ts

@@ -4,6 +4,7 @@ type Props = {
     document: string;
     onChange: (p: Participant[]) => void;
     participants: Participant[];
+    useChat?: boolean;
 };
-export default function Participants({ document, participants, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Participants({ document, participants, onChange, useChat, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Participants/Participants.js

@@ -1,20 +1,18 @@
 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 { 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 { useMessageUtils } from '../configs/useMessageUtils';
 import ParticipantCreate from './ParticipantCreate';
 import ParticipantRemove from './ParticipantRemove';
 import './style.scss';
-import { PARTICIPANT_FIELDS } from './types/Participant';
+import { CHAT_FIELDS, PARTICIPANT_FIELDS, } from './types/Participant';
 import ParticipantService from './types/ParticipantService';
-import { useMessageUtils } from '../configs/useMessageUtils';
-export default function Participants({ document, participants, onChange, }) {
+export default function Participants({ document, participants, onChange, useChat, }) {
     const { t } = useTranslation('participants');
-    const { dispatch } = useContext(CommonContext);
     const { dispatchMessage } = useMessageUtils();
     const [participant, setParticipant] = useState();
     const [openRemove, setOpenRemove] = useState(false);
@@ -44,7 +42,7 @@ export default function Participants({ document, participants, onChange, }) {
     }, []);
     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: () => {
+                                : 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" }), useChat && (_jsx(AppEditable, { translation: "participants", group: "participant", save: handleSave, item: { ...participant, uid: document }, fields: CHAT_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/Participants/types/Participant.d.ts

@@ -24,4 +24,5 @@ export declare const EMPTY_PARTICIPANT: {
     name: string;
 };
 export declare const PARTICIPANT_FIELDS: FormField[];
+export declare const CHAT_FIELDS: FormField[];
 export default Participant;

package/dist/Participants/types/Participant.js

@@ -15,3 +15,13 @@ export const PARTICIPANT_FIELDS = [
         tooltip: 'field.color.tooltip',
     },
 ];
+export const CHAT_FIELDS = [
+    { name: 'language', type: 'text', required: false },
+    { name: 'age', type: 'text', required: false },
+    { name: 'sex', type: 'text', required: false },
+    { name: 'group', type: 'text', required: false },
+    { name: 'ses', type: 'text', required: false },
+    { name: 'role', type: 'text', required: false },
+    { name: 'education', type: 'text', required: false },
+    { name: 'custom', type: 'text', required: false },
+];

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

@@ -22,12 +22,21 @@ export declare const commonResources: {
             'participant.field.color': string;
             'participant.field.separator': string;
             'participant.field.color.tooltip': string;
+            'participant.field.language': string;
+            'participant.field.age': string;
+            'participant.field.sex': string;
+            'participant.field.group': string;
+            'participant.field.ses': string;
+            'participant.field.role': string;
+            'participant.field.education': string;
+            'participant.field.custom': 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;
+            'modal.select.transfer': string;
             'participant.code.exists': string;
         };
     };
@@ -53,6 +62,14 @@ export declare const commonResources: {
             'participant.field.color': string;
             'participant.field.separator': string;
             'participant.field.color.tooltip': string;
+            'participant.field.language': string;
+            'participant.field.age': string;
+            'participant.field.sex': string;
+            'participant.field.group': string;
+            'participant.field.ses': string;
+            'participant.field.role': string;
+            'participant.field.education': string;
+            'participant.field.custom': string;
             'modal.remove.title': string;
             'modal.remove.description': string;
             'modal.remove.participant': string;

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

@@ -8,12 +8,21 @@ export declare const ParticipantsTexts: {
         'participant.field.color': string;
         'participant.field.separator': string;
         'participant.field.color.tooltip': string;
+        'participant.field.language': string;
+        'participant.field.age': string;
+        'participant.field.sex': string;
+        'participant.field.group': string;
+        'participant.field.ses': string;
+        'participant.field.role': string;
+        'participant.field.education': string;
+        'participant.field.custom': 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;
+        'modal.select.transfer': string;
         'participant.code.exists': string;
     };
     'pt-BR': {
@@ -25,6 +34,14 @@ export declare const ParticipantsTexts: {
         'participant.field.color': string;
         'participant.field.separator': string;
         'participant.field.color.tooltip': string;
+        'participant.field.language': string;
+        'participant.field.age': string;
+        'participant.field.sex': string;
+        'participant.field.group': string;
+        'participant.field.ses': string;
+        'participant.field.role': string;
+        'participant.field.education': string;
+        'participant.field.custom': string;
         'modal.remove.title': string;
         'modal.remove.description': string;
         'modal.remove.participant': string;

package/dist/configs/localization/ParticipantsTexts.js

@@ -8,12 +8,21 @@ export const ParticipantsTexts = {
         'participant.field.color': 'Color',
         'participant.field.separator': 'Separator',
         'participant.field.color.tooltip': 'A color for transcription visual identifier',
+        'participant.field.language': 'Language',
+        'participant.field.age': 'Age',
+        'participant.field.sex': 'Sex',
+        'participant.field.group': 'Group',
+        'participant.field.ses': 'SES',
+        'participant.field.role': 'Role',
+        'participant.field.education': 'Education',
+        'participant.field.custom': 'Custom',
         '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',
+        'modal.select.transfer': 'Participant',
         'participant.code.exists': 'The participant code provided is already in use.',
     },
     'pt-BR': {
@@ -25,6 +34,14 @@ export const ParticipantsTexts = {
         'participant.field.color': 'Cor',
         'participant.field.separator': 'Separador',
         'participant.field.color.tooltip': 'Cor para identificação visual da sentença na transcrição',
+        'participant.field.language': 'Língua',
+        'participant.field.age': 'Idade',
+        'participant.field.sex': 'Gênero',
+        'participant.field.group': 'Grupo',
+        'participant.field.ses': 'SES',
+        'participant.field.role': 'Papel',
+        'participant.field.education': 'Educação',
+        'participant.field.custom': 'Outros',
         '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 ',

package/package.json

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