@orbe-agro/client-core 5.6.268 → 5.6.269

package/dist/base/@types/models/template/example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"example.js","sources":["../../../../../lib/base/@types/models/template/example.ts"],"sourcesContent":["import { TExampleObject } from \"./exampleObject\";\n\nexport enum StatusAssinatura {\n  ENVIADO = 'ENVIADO',\n  PENDENTE = 'PENDENTE',\n}\n\nexport enum SimpleSelectOptions {\n  EXAMPLE_SIMPLE_SELECT = 'EXAMPLE_SIMPLE_SELECT_1',\n  EXAMPLE_SIMPLE_SELECT_2 = 'EXAMPLE_SIMPLE_SELECT_2',\n  EXAMPLE_SIMPLE_SELECT_3 = 'EXAMPLE_SIMPLE_SELECT_3'\n}\n\nexport type TExampleColumnDef = {\n  id: number\n  dataCriacao: string\n  usuarioCriacaoId: number\n  usuarioCriacaoNome: string\n  exampleString: string;\n  exampleNumber: number;\n  statusAssinatura: StatusAssinatura | string\n  envelopeDocusignId: string\n};\n\nexport type TExample = {\n  id?: number;\n  exampleString: string;\n  exampleNumber: number;\n  exampleCheckBox: boolean\n  exampleRadio: string\n  exampleSimpleSelect: SimpleSelectOptions | string;\n  exampleSelectId: number;\n  /* exampleObject: TExampleObject; */\n  exampleArray: TExampleArray[];\n  arquivoContratoId?: number | null\n  arquivoContratoAssinadoId?: number | null\n  envelopeDocusignId?: string | null\n  statusAssinatura?: string | null\n};\n\nexport type TExampleArray = {\n  id?: number | null;\n  exampleSelectId: number;\n  exampleString: string;\n  exampleNumber: number;\n};\n"],"names":["StatusAssinatura","SimpleSelectOptions"],"mappings":"AAEO,IAAK,qCAAAA,sBAAL;AACLA,oBAAA,SAAA,IAAU;AACVA,oBAAA,UAAA,IAAW;AAFD,SAAAA;AAAA,GAAA,oBAAA,CAAA,CAAA;AAKL,IAAK,wCAAAC,yBAAL;AACLA,uBAAA,uBAAA,IAAwB;AACxBA,uBAAA,yBAAA,IAA0B;AAC1BA,uBAAA,yBAAA,IAA0B;AAHhB,SAAAA;AAAA,GAAA,uBAAA,CAAA,CAAA;"}

package/dist/base/@types/models/template/exampleObject.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=exampleObject.js.map

package/dist/base/@types/models/template/exampleObject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exampleObject.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/base/assets/styles/init.css

@@ -5757,6 +5757,9 @@ video {
 .w-6{
   width: 1.5rem;
 }
+.w-72{
+  width: 18rem;
+}
 .w-8{
   width: 2rem;
 }
@@ -5996,6 +5999,9 @@ video {
 .flex-auto{
   flex: 1 1 auto;
 }
+.flex-shrink-0{
+  flex-shrink: 0;
+}
 .shrink-0{
   flex-shrink: 0;
 }
@@ -6166,6 +6172,9 @@ video {
 .items-baseline{
   align-items: baseline;
 }
+.\!justify-start{
+  justify-content: flex-start !important;
+}
 .justify-start{
   justify-content: flex-start;
 }
@@ -7026,6 +7035,10 @@ video {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
 }
+.py-10{
+  padding-top: 2.5rem;
+  padding-bottom: 2.5rem;
+}
 .py-12{
   padding-top: 3rem;
   padding-bottom: 3rem;
@@ -7809,6 +7822,11 @@ video {
   color: var(--success);
 }
 
+.hover\:text-yellow-500:hover{
+  --tw-text-opacity: 1;
+  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
+}
+
 .hover\:underline:hover{
   text-decoration-line: underline;
 }

package/dist/base/components/shared/AceitarProcessoDialog.js

@@ -6,22 +6,36 @@ import Button from "../../../@ecme/components/ui/Button/Button.js";
 const AceitarProcessoDialog = ({
   isOpen,
   onClose,
+  onSuccess,
   idProcesso
 }) => {
-  const { mutate: aceitarProcesso } = useAceitarProcesso(onClose);
+  const { mutate: aceitarProcesso, isPending } = useAceitarProcesso(
+    onClose,
+    onSuccess
+  );
   const handleAceitarProcesso = (id) => {
     aceitarProcesso(id);
   };
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Dialog, { isOpen, onClose, onRequestClose: onClose, children: [
     /* @__PURE__ */ jsx("h5", { className: "mb-4", children: "Aceitar Processo" }),
     /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start", children: [
-      /* @__PURE__ */ jsx(Button, { block: true, className: "mx-2", onClick: () => onClose(), children: "Cancelar" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          block: true,
+          className: "mx-2",
+          disabled: isPending,
+          onClick: () => onClose(),
+          children: "Cancelar"
+        }
+      ),
       /* @__PURE__ */ jsx(
         Button,
         {
           block: true,
           className: "mx-2",
           variant: "solid",
+          loading: isPending,
           onClick: () => handleAceitarProcesso(idProcesso),
           children: "Confirmar"
         }

package/dist/base/components/shared/AceitarProcessoDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"AceitarProcessoDialog.js","sources":["../../../../lib/base/components/shared/AceitarProcessoDialog.tsx"],"sourcesContent":["import { Button, Dialog } from '@/components'\nimport useAceitarProcesso from  '@base/hooks/flux/useAceitarProcesso'\n\ninterface AceitarProcessoDialogProps {\n    isOpen: boolean\n    onClose: () => void\n    idProcesso: number\n}\n\nconst AceitarProcessoDialog = ({\n    isOpen,\n    onClose,\n    idProcesso,\n}: AceitarProcessoDialogProps) => {\n    const { mutate: aceitarProcesso } = useAceitarProcesso(onClose)\n\n    const handleAceitarProcesso = (id: number) => {\n        aceitarProcesso(id)\n    }\n\n    return (\n        <>\n            <Dialog isOpen={isOpen} onClose={onClose} onRequestClose={onClose}>\n                <h5 className=\"mb-4\">Aceitar Processo</h5>\n                <div className=\"flex w-full items-start\">\n                    <Button block className=\"mx-2\" onClick={() => onClose()}>\n                        Cancelar\n                    </Button>\n                    <Button\n                        block\n                        className=\"mx-2\"\n                        variant=\"solid\"\n                        onClick={() => handleAceitarProcesso(idProcesso)}\n                    >\n                        Confirmar\n                    </Button>\n                </div>\n            </Dialog>\n        </>\n    )\n}\n\nexport default AceitarProcessoDialog\n"],"names":[],"mappings":";;;;;AASA,MAAM,wBAAwB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACJ,MAAkC;AAC9B,QAAM,EAAE,QAAQ,oBAAoB,mBAAmB,OAAO;AAE9D,QAAM,wBAAwB,CAAC,OAAe;AAC1C,oBAAgB,EAAE;AAAA,EACtB;AAEA,yCAEQ,UAAA,qBAAC,QAAA,EAAO,QAAgB,SAAkB,gBAAgB,SACtD,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAgB;AAAA,IACrC,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAO,OAAK,MAAC,WAAU,QAAO,SAAS,MAAM,QAAA,GAAW,UAAA,WAAA,CAEzD;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAQ;AAAA,UACR,SAAS,MAAM,sBAAsB,UAAU;AAAA,UAClD,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
+{"version":3,"file":"AceitarProcessoDialog.js","sources":["../../../../lib/base/components/shared/AceitarProcessoDialog.tsx"],"sourcesContent":["import { Button, Dialog } from '@/components'\nimport useAceitarProcesso from  '@base/hooks/flux/useAceitarProcesso'\n\ninterface AceitarProcessoDialogProps {\n    isOpen: boolean\n    onClose: () => void\n    onSuccess?: () => void\n    idProcesso: number\n}\n\nconst AceitarProcessoDialog = ({\n    isOpen,\n    onClose,\n    onSuccess,\n    idProcesso,\n}: AceitarProcessoDialogProps) => {\n    const { mutate: aceitarProcesso, isPending } = useAceitarProcesso(\n        onClose,\n        onSuccess,\n    )\n\n    const handleAceitarProcesso = (id: number) => {\n        aceitarProcesso(id)\n    }\n\n    return (\n        <>\n            <Dialog isOpen={isOpen} onClose={onClose} onRequestClose={onClose}>\n                <h5 className=\"mb-4\">Aceitar Processo</h5>\n                <div className=\"flex w-full items-start\">\n                    <Button\n                        block\n                        className=\"mx-2\"\n                        disabled={isPending}\n                        onClick={() => onClose()}\n                    >\n                        Cancelar\n                    </Button>\n                    <Button\n                        block\n                        className=\"mx-2\"\n                        variant=\"solid\"\n                        loading={isPending}\n                        onClick={() => handleAceitarProcesso(idProcesso)}\n                    >\n                        Confirmar\n                    </Button>\n                </div>\n            </Dialog>\n        </>\n    )\n}\n\nexport default AceitarProcessoDialog\n"],"names":[],"mappings":";;;;;AAUA,MAAM,wBAAwB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAkC;AAC9B,QAAM,EAAE,QAAQ,iBAAiB,UAAA,IAAc;AAAA,IAC3C;AAAA,IACA;AAAA,EAAA;AAGJ,QAAM,wBAAwB,CAAC,OAAe;AAC1C,oBAAgB,EAAE;AAAA,EACtB;AAEA,yCAEQ,UAAA,qBAAC,QAAA,EAAO,QAAgB,SAAkB,gBAAgB,SACtD,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAgB;AAAA,IACrC,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAK;AAAA,UACL,WAAU;AAAA,UACV,UAAU;AAAA,UACV,SAAS,MAAM,QAAA;AAAA,UAClB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAQ;AAAA,UACR,SAAS;AAAA,UACT,SAAS,MAAM,sBAAsB,UAAU;AAAA,UAClD,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/dist/base/components/shared/AdicionarHistoricoDialog.js

@@ -4,14 +4,14 @@ import { useState } from "react";
 import useAdicionarHistorico from "../../hooks/flux/useAdicionarHistorico.js";
 import Button from "../../../@ecme/components/ui/Button/Button.js";
 import Tooltip from "../../../@ecme/components/ui/Tooltip/Tooltip.js";
-import Drawer from "../../../@ecme/components/ui/Drawer/Drawer.js";
+import Dialog from "../../../@ecme/components/ui/Dialog/Dialog.js";
 import Input from "../../../@ecme/components/ui/Input/Input.js";
 const AdicionarHistoricoDialog = ({
   isOpen,
   onClose,
   idProcesso
 }) => {
-  const { mutate: transferirProcesso } = useAdicionarHistorico(
+  const { mutate: transferirProcesso, isPending } = useAdicionarHistorico(
     onClose,
     () => setMotivo("")
   );
@@ -20,7 +20,16 @@ const AdicionarHistoricoDialog = ({
     transferirProcesso(dados);
   };
   const Footer = /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start", children: [
-    /* @__PURE__ */ jsx(Button, { block: true, className: "mx-2", onClick: () => onClose(), children: "Cancelar" }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        block: true,
+        className: "mx-2",
+        disabled: isPending,
+        onClick: () => onClose(),
+        children: "Cancelar"
+      }
+    ),
     /* @__PURE__ */ jsx(Tooltip, { title: !motivo ? "Motivo obrigatório" : /* @__PURE__ */ jsx(Fragment, {}), placement: "top", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
       Button,
       {
@@ -28,6 +37,7 @@ const AdicionarHistoricoDialog = ({
         className: "mx-2",
         variant: "solid",
         disabled: !motivo,
+        loading: isPending,
         onClick: () => handleTransferirProcesso({
           idProcesso,
           mensagemInteracao: motivo
@@ -36,27 +46,21 @@ const AdicionarHistoricoDialog = ({
       }
     ) }) })
   ] });
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-    Drawer,
-    {
-      title: "Adicionar Histórico",
-      isOpen,
-      onClose,
-      onRequestClose: onClose,
-      footer: Footer,
-      children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 p-4", children: /* @__PURE__ */ jsx(
-        Input,
-        {
-          textArea: true,
-          required: true,
-          rows: 4,
-          placeholder: "Mensagem",
-          value: motivo,
-          onChange: (e) => setMotivo(e.target.value)
-        }
-      ) })
-    }
-  ) });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Dialog, { isOpen, onClose, onRequestClose: onClose, children: [
+    /* @__PURE__ */ jsx("h5", { className: "mb-4", children: "Adicionar Histórico" }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsx(
+      Input,
+      {
+        textArea: true,
+        required: true,
+        rows: 4,
+        placeholder: "Mensagem",
+        value: motivo,
+        onChange: (e) => setMotivo(e.target.value)
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "mt-6", children: Footer })
+  ] }) });
 };
 export {
   AdicionarHistoricoDialog as default

package/dist/base/components/shared/AdicionarHistoricoDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdicionarHistoricoDialog.js","sources":["../../../../lib/base/components/shared/AdicionarHistoricoDialog.tsx"],"sourcesContent":["import { Button, Drawer, Input, Tooltip } from \"@/components\";\nimport { useState } from \"react\";\nimport useAdicionarHistorico from \"@base/hooks/flux/useAdicionarHistorico\";\nimport { TActionProcesso } from \"@base/@types/models/flux/processo\";\n\ninterface AdicionarHistoricoDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  idProcesso: number;\n}\n\nconst AdicionarHistoricoDialog = ({\n  isOpen,\n  onClose,\n  idProcesso,\n}: AdicionarHistoricoDialogProps) => {\n  const { mutate: transferirProcesso } = useAdicionarHistorico(onClose, () =>\n    setMotivo(\"\")\n  );\n  const [motivo, setMotivo] = useState<string>(\"\");\n\n  const handleTransferirProcesso = (dados: TActionProcesso) => {\n    transferirProcesso(dados);\n  };\n  const Footer = (\n    <div className=\"flex w-full items-start\">\n      <Button block className=\"mx-2\" onClick={() => onClose()}>\n        Cancelar\n      </Button>\n      <Tooltip title={!motivo ? \"Motivo obrigatório\" : <></>} placement=\"top\">\n        <span>\n          <Button\n            block\n            className=\"mx-2\"\n            variant=\"solid\"\n            disabled={!motivo}\n            onClick={() =>\n              handleTransferirProcesso({\n                idProcesso,\n                mensagemInteracao: motivo,\n              })\n            }\n          >\n            Confirmar\n          </Button>\n        </span>\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <>\n      <Drawer\n        title=\"Adicionar Histórico\"\n        isOpen={isOpen}\n        onClose={onClose}\n        onRequestClose={onClose}\n        footer={Footer}\n      >\n        <div className=\"flex flex-col gap-4 p-4\">\n          <Input\n            textArea\n            required\n            rows={4}\n            placeholder=\"Mensagem\"\n            value={motivo}\n            onChange={(e: any) => setMotivo(e.target.value)}\n          />\n        </div>\n      </Drawer>\n    </>\n  );\n};\n\nexport default AdicionarHistoricoDialog;\n"],"names":[],"mappings":";;;;;;;;AAWA,MAAM,2BAA2B,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF,MAAqC;AACnC,QAAM,EAAE,QAAQ,mBAAA,IAAuB;AAAA,IAAsB;AAAA,IAAS,MACpE,UAAU,EAAE;AAAA,EAAA;AAEd,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,EAAE;AAE/C,QAAM,2BAA2B,CAAC,UAA2B;AAC3D,uBAAmB,KAAK;AAAA,EAC1B;AACA,QAAM,SACJ,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,OAAK,MAAC,WAAU,QAAO,SAAS,MAAM,QAAA,GAAW,UAAA,WAAA,CAEzD;AAAA,IACA,oBAAC,SAAA,EAAQ,OAAO,CAAC,SAAS,uBAAuB,oBAAA,UAAA,CAAA,CAAE,GAAK,WAAU,OAChE,UAAA,oBAAC,QAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,UAAU,CAAC;AAAA,QACX,SAAS,MACP,yBAAyB;AAAA,UACvB;AAAA,UACA,mBAAmB;AAAA,QAAA,CACpB;AAAA,QAEJ,UAAA;AAAA,MAAA;AAAA,IAAA,GAGH,EAAA,CACF;AAAA,EAAA,GACF;AAGF,SACE,oBAAA,UAAA,EACE,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,QAAQ;AAAA,MAER,UAAA,oBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAQ;AAAA,UACR,UAAQ;AAAA,UACR,MAAM;AAAA,UACN,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU,CAAC,MAAW,UAAU,EAAE,OAAO,KAAK;AAAA,QAAA;AAAA,MAAA,EAChD,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"AdicionarHistoricoDialog.js","sources":["../../../../lib/base/components/shared/AdicionarHistoricoDialog.tsx"],"sourcesContent":["import { Button, Dialog, Input, Tooltip } from \"@/components\";\nimport { useState } from \"react\";\nimport useAdicionarHistorico from \"@base/hooks/flux/useAdicionarHistorico\";\nimport { TActionProcesso } from \"@base/@types/models/flux/processo\";\n\ninterface AdicionarHistoricoDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  idProcesso: number;\n}\n\nconst AdicionarHistoricoDialog = ({\n  isOpen,\n  onClose,\n  idProcesso,\n}: AdicionarHistoricoDialogProps) => {\n  const { mutate: transferirProcesso, isPending } = useAdicionarHistorico(\n    onClose,\n    () => setMotivo(\"\")\n  );\n  const [motivo, setMotivo] = useState<string>(\"\");\n\n  const handleTransferirProcesso = (dados: TActionProcesso) => {\n    transferirProcesso(dados);\n  };\n  const Footer = (\n    <div className=\"flex w-full items-start\">\n      <Button\n        block\n        className=\"mx-2\"\n        disabled={isPending}\n        onClick={() => onClose()}\n      >\n        Cancelar\n      </Button>\n      <Tooltip title={!motivo ? \"Motivo obrigatório\" : <></>} placement=\"top\">\n        <span>\n          <Button\n            block\n            className=\"mx-2\"\n            variant=\"solid\"\n            disabled={!motivo}\n            loading={isPending}\n            onClick={() =>\n              handleTransferirProcesso({\n                idProcesso,\n                mensagemInteracao: motivo,\n              })\n            }\n          >\n            Confirmar\n          </Button>\n        </span>\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <>\n      <Dialog isOpen={isOpen} onClose={onClose} onRequestClose={onClose}>\n        <h5 className=\"mb-4\">Adicionar Histórico</h5>\n        <div className=\"flex flex-col gap-4\">\n          <Input\n            textArea\n            required\n            rows={4}\n            placeholder=\"Mensagem\"\n            value={motivo}\n            onChange={(e: any) => setMotivo(e.target.value)}\n          />\n        </div>\n        <div className=\"mt-6\">{Footer}</div>\n      </Dialog>\n    </>\n  );\n};\n\nexport default AdicionarHistoricoDialog;\n"],"names":[],"mappings":";;;;;;;;AAWA,MAAM,2BAA2B,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF,MAAqC;AACnC,QAAM,EAAE,QAAQ,oBAAoB,UAAA,IAAc;AAAA,IAChD;AAAA,IACA,MAAM,UAAU,EAAE;AAAA,EAAA;AAEpB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,EAAE;AAE/C,QAAM,2BAA2B,CAAC,UAA2B;AAC3D,uBAAmB,KAAK;AAAA,EAC1B;AACA,QAAM,SACJ,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,UAAU;AAAA,QACV,SAAS,MAAM,QAAA;AAAA,QAChB,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,oBAAC,SAAA,EAAQ,OAAO,CAAC,SAAS,uBAAuB,oBAAA,UAAA,CAAA,CAAE,GAAK,WAAU,OAChE,UAAA,oBAAC,QAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,UAAU,CAAC;AAAA,QACX,SAAS;AAAA,QACT,SAAS,MACP,yBAAyB;AAAA,UACvB;AAAA,UACA,mBAAmB;AAAA,QAAA,CACpB;AAAA,QAEJ,UAAA;AAAA,MAAA;AAAA,IAAA,GAGH,EAAA,CACF;AAAA,EAAA,GACF;AAGF,yCAEI,UAAA,qBAAC,QAAA,EAAO,QAAgB,SAAkB,gBAAgB,SACxD,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,uBAAmB;AAAA,IACxC,oBAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAQ;AAAA,QACR,UAAQ;AAAA,QACR,MAAM;AAAA,QACN,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU,CAAC,MAAW,UAAU,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA,GAElD;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,QAAQ,UAAA,OAAA,CAAO;AAAA,EAAA,EAAA,CAChC,EAAA,CACF;AAEJ;"}

package/dist/base/components/shared/CancelarProcessoDialog.js

@@ -5,14 +5,14 @@ import { useState } from "react";
 import useCancelarProcesso from "../../hooks/flux/useCancelarProcesso.js";
 import Button from "../../../@ecme/components/ui/Button/Button.js";
 import Tooltip from "../../../@ecme/components/ui/Tooltip/Tooltip.js";
-import Drawer from "../../../@ecme/components/ui/Drawer/Drawer.js";
+import Dialog from "../../../@ecme/components/ui/Dialog/Dialog.js";
 import Input from "../../../@ecme/components/ui/Input/Input.js";
 const CancelarProcessoDialog = ({
   isOpen,
   onClose,
   idProcesso
 }) => {
-  const { mutate: cancelarProcesso } = useCancelarProcesso(
+  const { mutate: cancelarProcesso, isPending } = useCancelarProcesso(
     onClose,
     () => setMotivo("")
   );
@@ -21,7 +21,16 @@ const CancelarProcessoDialog = ({
     cancelarProcesso(dados);
   };
   const Footer = /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start", children: [
-    /* @__PURE__ */ jsx(Button, { block: true, className: "mx-2", onClick: () => onClose(), children: "Cancelar" }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        block: true,
+        className: "mx-2",
+        disabled: isPending,
+        onClick: () => onClose(),
+        children: "Cancelar"
+      }
+    ),
     /* @__PURE__ */ jsx(Tooltip, { title: !motivo ? "Motivo obrigatório" : /* @__PURE__ */ jsx(Fragment, {}), placement: "top", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
       Button,
       {
@@ -29,6 +38,7 @@ const CancelarProcessoDialog = ({
         className: "mx-2",
         variant: "solid",
         disabled: !motivo,
+        loading: isPending,
         onClick: () => handleCancelarProcesso({
           idProcesso,
           mensagemInteracao: motivo
@@ -37,27 +47,21 @@ const CancelarProcessoDialog = ({
       }
     ) }) })
   ] });
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-    Drawer,
-    {
-      title: "Cancelar Processo",
-      isOpen,
-      onClose,
-      onRequestClose: onClose,
-      footer: Footer,
-      children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 p-4", children: /* @__PURE__ */ jsx(
-        Input,
-        {
-          textArea: true,
-          required: true,
-          rows: 4,
-          placeholder: "Motivo do cancelamento",
-          value: motivo,
-          onChange: (e) => setMotivo(e.target.value)
-        }
-      ) })
-    }
-  ) });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Dialog, { isOpen, onClose, onRequestClose: onClose, children: [
+    /* @__PURE__ */ jsx("h5", { className: "mb-4", children: "Cancelar Processo" }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsx(
+      Input,
+      {
+        textArea: true,
+        required: true,
+        rows: 4,
+        placeholder: "Motivo do cancelamento",
+        value: motivo,
+        onChange: (e) => setMotivo(e.target.value)
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "mt-6", children: Footer })
+  ] }) });
 };
 export {
   CancelarProcessoDialog as default

package/dist/base/components/shared/CancelarProcessoDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"CancelarProcessoDialog.js","sources":["../../../../lib/base/components/shared/CancelarProcessoDialog.tsx"],"sourcesContent":["import { Drawer, Input, Tooltip } from \"@/components/ui\";\nimport { TActionProcesso } from \"@base/@types/models/flux/processo\";\nimport { Button, Dialog } from \"@/components\";\nimport { useState } from \"react\";\nimport useCancelarProcesso from \"@base/hooks/flux/useCancelarProcesso\";\n\ninterface CancelarProcessoDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  idProcesso: number;\n}\n\nconst CancelarProcessoDialog = ({\n  isOpen,\n  onClose,\n  idProcesso,\n}: CancelarProcessoDialogProps) => {\n  const { mutate: cancelarProcesso } = useCancelarProcesso(onClose, () =>\n    setMotivo(\"\")\n  );\n  const [motivo, setMotivo] = useState<string>(\"\");\n\n  const handleCancelarProcesso = (dados: TActionProcesso) => {\n    cancelarProcesso(dados);\n  };\n\n  const Footer = (\n    <div className=\"flex w-full items-start\">\n      <Button block className=\"mx-2\" onClick={() => onClose()}>\n        Cancelar\n      </Button>\n      <Tooltip title={!motivo ? \"Motivo obrigatório\" : <></>} placement=\"top\">\n        <span>\n          <Button\n            block\n            className=\"mx-2\"\n            variant=\"solid\"\n            disabled={!motivo}\n            onClick={() =>\n              handleCancelarProcesso({\n                idProcesso,\n                mensagemInteracao: motivo,\n              })\n            }\n          >\n            Confirmar\n          </Button>\n        </span>\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <>\n      <Drawer\n        title=\"Cancelar Processo\"\n        isOpen={isOpen}\n        onClose={onClose}\n        onRequestClose={onClose}\n        footer={Footer}\n      >\n        <div className=\"flex flex-col gap-4 p-4\">\n          <Input\n            textArea\n            required\n            rows={4}\n            placeholder=\"Motivo do cancelamento\"\n            value={motivo}\n            onChange={(e) => setMotivo(e.target.value)}\n          />\n        </div>\n      </Drawer>\n    </>\n  );\n};\n\nexport default CancelarProcessoDialog;\n"],"names":[],"mappings":";;;;;;;;;AAYA,MAAM,yBAAyB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,MAAmC;AACjC,QAAM,EAAE,QAAQ,iBAAA,IAAqB;AAAA,IAAoB;AAAA,IAAS,MAChE,UAAU,EAAE;AAAA,EAAA;AAEd,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,EAAE;AAE/C,QAAM,yBAAyB,CAAC,UAA2B;AACzD,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,SACJ,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,OAAK,MAAC,WAAU,QAAO,SAAS,MAAM,QAAA,GAAW,UAAA,WAAA,CAEzD;AAAA,IACA,oBAAC,SAAA,EAAQ,OAAO,CAAC,SAAS,uBAAuB,oBAAA,UAAA,CAAA,CAAE,GAAK,WAAU,OAChE,UAAA,oBAAC,QAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,UAAU,CAAC;AAAA,QACX,SAAS,MACP,uBAAuB;AAAA,UACrB;AAAA,UACA,mBAAmB;AAAA,QAAA,CACpB;AAAA,QAEJ,UAAA;AAAA,MAAA;AAAA,IAAA,GAGH,EAAA,CACF;AAAA,EAAA,GACF;AAGF,SACE,oBAAA,UAAA,EACE,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,QAAQ;AAAA,MAER,UAAA,oBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAQ;AAAA,UACR,UAAQ;AAAA,UACR,MAAM;AAAA,UACN,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,QAAA;AAAA,MAAA,EAC3C,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"CancelarProcessoDialog.js","sources":["../../../../lib/base/components/shared/CancelarProcessoDialog.tsx"],"sourcesContent":["import { Input, Tooltip } from \"@/components/ui\";\nimport { TActionProcesso } from \"@base/@types/models/flux/processo\";\nimport { Button, Dialog } from \"@/components\";\nimport { useState } from \"react\";\nimport useCancelarProcesso from \"@base/hooks/flux/useCancelarProcesso\";\n\ninterface CancelarProcessoDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  idProcesso: number;\n}\n\nconst CancelarProcessoDialog = ({\n  isOpen,\n  onClose,\n  idProcesso,\n}: CancelarProcessoDialogProps) => {\n  const { mutate: cancelarProcesso, isPending } = useCancelarProcesso(\n    onClose,\n    () => setMotivo(\"\")\n  );\n  const [motivo, setMotivo] = useState<string>(\"\");\n\n  const handleCancelarProcesso = (dados: TActionProcesso) => {\n    cancelarProcesso(dados);\n  };\n\n  const Footer = (\n    <div className=\"flex w-full items-start\">\n      <Button\n        block\n        className=\"mx-2\"\n        disabled={isPending}\n        onClick={() => onClose()}\n      >\n        Cancelar\n      </Button>\n      <Tooltip title={!motivo ? \"Motivo obrigatório\" : <></>} placement=\"top\">\n        <span>\n          <Button\n            block\n            className=\"mx-2\"\n            variant=\"solid\"\n            disabled={!motivo}\n            loading={isPending}\n            onClick={() =>\n              handleCancelarProcesso({\n                idProcesso,\n                mensagemInteracao: motivo,\n              })\n            }\n          >\n            Confirmar\n          </Button>\n        </span>\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <>\n      <Dialog isOpen={isOpen} onClose={onClose} onRequestClose={onClose}>\n        <h5 className=\"mb-4\">Cancelar Processo</h5>\n        <div className=\"flex flex-col gap-4\">\n          <Input\n            textArea\n            required\n            rows={4}\n            placeholder=\"Motivo do cancelamento\"\n            value={motivo}\n            onChange={(e) => setMotivo(e.target.value)}\n          />\n        </div>\n        <div className=\"mt-6\">{Footer}</div>\n      </Dialog>\n    </>\n  );\n};\n\nexport default CancelarProcessoDialog;\n"],"names":[],"mappings":";;;;;;;;;AAYA,MAAM,yBAAyB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,MAAmC;AACjC,QAAM,EAAE,QAAQ,kBAAkB,UAAA,IAAc;AAAA,IAC9C;AAAA,IACA,MAAM,UAAU,EAAE;AAAA,EAAA;AAEpB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,EAAE;AAE/C,QAAM,yBAAyB,CAAC,UAA2B;AACzD,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,SACJ,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,UAAU;AAAA,QACV,SAAS,MAAM,QAAA;AAAA,QAChB,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,oBAAC,SAAA,EAAQ,OAAO,CAAC,SAAS,uBAAuB,oBAAA,UAAA,CAAA,CAAE,GAAK,WAAU,OAChE,UAAA,oBAAC,QAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,UAAU,CAAC;AAAA,QACX,SAAS;AAAA,QACT,SAAS,MACP,uBAAuB;AAAA,UACrB;AAAA,UACA,mBAAmB;AAAA,QAAA,CACpB;AAAA,QAEJ,UAAA;AAAA,MAAA;AAAA,IAAA,GAGH,EAAA,CACF;AAAA,EAAA,GACF;AAGF,yCAEI,UAAA,qBAAC,QAAA,EAAO,QAAgB,SAAkB,gBAAgB,SACxD,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,qBAAiB;AAAA,IACtC,oBAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAQ;AAAA,QACR,UAAQ;AAAA,QACR,MAAM;AAAA,QACN,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA,GAE7C;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,QAAQ,UAAA,OAAA,CAAO;AAAA,EAAA,EAAA,CAChC,EAAA,CACF;AAEJ;"}

package/dist/base/components/shared/ConcluirProcessoDialog.js

@@ -5,14 +5,14 @@ import { useState } from "react";
 import useConcluirProcesso from "../../hooks/flux/useConcluirProcesso.js";
 import Button from "../../../@ecme/components/ui/Button/Button.js";
 import Tooltip from "../../../@ecme/components/ui/Tooltip/Tooltip.js";
-import Drawer from "../../../@ecme/components/ui/Drawer/Drawer.js";
+import Dialog from "../../../@ecme/components/ui/Dialog/Dialog.js";
 import Input from "../../../@ecme/components/ui/Input/Input.js";
 const ConcluirProcessoDialog = ({
   isOpen,
   onClose,
   idProcesso
 }) => {
-  const { mutate: concluirProcesso } = useConcluirProcesso(
+  const { mutate: concluirProcesso, isPending } = useConcluirProcesso(
     onClose,
     () => setMotivo("")
   );
@@ -21,7 +21,16 @@ const ConcluirProcessoDialog = ({
     concluirProcesso(dados);
   };
   const Footer = /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start", children: [
-    /* @__PURE__ */ jsx(Button, { block: true, className: "mx-2", onClick: () => onClose(), children: "Cancelar" }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        block: true,
+        className: "mx-2",
+        disabled: isPending,
+        onClick: () => onClose(),
+        children: "Cancelar"
+      }
+    ),
     /* @__PURE__ */ jsx(Tooltip, { title: !motivo ? "Motivo obrigatório" : /* @__PURE__ */ jsx(Fragment, {}), placement: "top", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
       Button,
       {
@@ -29,6 +38,7 @@ const ConcluirProcessoDialog = ({
         className: "mx-2",
         variant: "solid",
         disabled: !motivo,
+        loading: isPending,
         onClick: () => {
           handleConcluirProcesso({
             idProcesso,
@@ -39,26 +49,20 @@ const ConcluirProcessoDialog = ({
       }
     ) }) })
   ] });
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-    Drawer,
-    {
-      title: "Concluir Processo",
-      isOpen,
-      onClose,
-      onRequestClose: onClose,
-      footer: Footer,
-      children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 p-4", children: /* @__PURE__ */ jsx(
-        Input,
-        {
-          textArea: true,
-          rows: 4,
-          placeholder: "Motivo da conclusão",
-          value: motivo,
-          onChange: (e) => setMotivo(e.target.value)
-        }
-      ) })
-    }
-  ) });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Dialog, { isOpen, onClose, onRequestClose: onClose, children: [
+    /* @__PURE__ */ jsx("h5", { className: "mb-4", children: "Concluir Processo" }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsx(
+      Input,
+      {
+        textArea: true,
+        rows: 4,
+        placeholder: "Motivo da conclusão",
+        value: motivo,
+        onChange: (e) => setMotivo(e.target.value)
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "mt-6", children: Footer })
+  ] }) });
 };
 export {
   ConcluirProcessoDialog as default

package/dist/base/components/shared/ConcluirProcessoDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConcluirProcessoDialog.js","sources":["../../../../lib/base/components/shared/ConcluirProcessoDialog.tsx"],"sourcesContent":["import { Drawer, Input, Tooltip } from \"@/components/ui\";\nimport { TActionProcesso } from \"@base/@types/models/flux/processo\";\nimport { Button } from \"@/components\";\nimport { useState } from \"react\";\nimport useConcluirProcesso from \"@base/hooks/flux/useConcluirProcesso\";\n\ninterface ConcluirProcessoDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  idProcesso: number;\n}\n\nconst ConcluirProcessoDialog = ({\n  isOpen,\n  onClose,\n  idProcesso,\n}: ConcluirProcessoDialogProps) => {\n  const { mutate: concluirProcesso } = useConcluirProcesso(onClose, () =>\n    setMotivo(\"\")\n  );\n  const [motivo, setMotivo] = useState<string>(\"\");\n\n  const handleConcluirProcesso = (dados: TActionProcesso) => {\n    concluirProcesso(dados);\n  };\n\n  const Footer = (\n    <div className=\"flex w-full items-start\">\n      <Button block className=\"mx-2\" onClick={() => onClose()}>\n        Cancelar\n      </Button>\n      <Tooltip title={!motivo ? \"Motivo obrigatório\" : <></>} placement=\"top\">\n        <span>\n          <Button\n            block\n            className=\"mx-2\"\n            variant=\"solid\"\n            disabled={!motivo}\n            onClick={() => {\n              handleConcluirProcesso({\n                idProcesso,\n                mensagemInteracao: motivo,\n              });\n            }}\n          >\n            Confirmar\n          </Button>\n        </span>\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <>\n      <Drawer\n        title=\"Concluir Processo\"\n        isOpen={isOpen}\n        onClose={onClose}\n        onRequestClose={onClose}\n        footer={Footer}\n      >\n        <div className=\"flex flex-col gap-4 p-4\">\n          <Input\n            textArea\n            rows={4}\n            placeholder=\"Motivo da conclusão\"\n            value={motivo}\n            onChange={(e) => setMotivo(e.target.value)}\n          />\n        </div>\n      </Drawer>\n    </>\n  );\n};\n\nexport default ConcluirProcessoDialog;\n"],"names":[],"mappings":";;;;;;;;;AAYA,MAAM,yBAAyB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,MAAmC;AACjC,QAAM,EAAE,QAAQ,iBAAA,IAAqB;AAAA,IAAoB;AAAA,IAAS,MAChE,UAAU,EAAE;AAAA,EAAA;AAEd,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,EAAE;AAE/C,QAAM,yBAAyB,CAAC,UAA2B;AACzD,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,SACJ,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,OAAK,MAAC,WAAU,QAAO,SAAS,MAAM,QAAA,GAAW,UAAA,WAAA,CAEzD;AAAA,IACA,oBAAC,SAAA,EAAQ,OAAO,CAAC,SAAS,uBAAuB,oBAAA,UAAA,CAAA,CAAE,GAAK,WAAU,OAChE,UAAA,oBAAC,QAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,UAAU,CAAC;AAAA,QACX,SAAS,MAAM;AACb,iCAAuB;AAAA,YACrB;AAAA,YACA,mBAAmB;AAAA,UAAA,CACpB;AAAA,QACH;AAAA,QACD,UAAA;AAAA,MAAA;AAAA,IAAA,GAGH,EAAA,CACF;AAAA,EAAA,GACF;AAGF,SACE,oBAAA,UAAA,EACE,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,QAAQ;AAAA,MAER,UAAA,oBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAQ;AAAA,UACR,MAAM;AAAA,UACN,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,QAAA;AAAA,MAAA,EAC3C,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"ConcluirProcessoDialog.js","sources":["../../../../lib/base/components/shared/ConcluirProcessoDialog.tsx"],"sourcesContent":["import { Dialog, Input, Tooltip } from \"@/components/ui\";\nimport { TActionProcesso } from \"@base/@types/models/flux/processo\";\nimport { Button } from \"@/components\";\nimport { useState } from \"react\";\nimport useConcluirProcesso from \"@base/hooks/flux/useConcluirProcesso\";\n\ninterface ConcluirProcessoDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  idProcesso: number;\n}\n\nconst ConcluirProcessoDialog = ({\n  isOpen,\n  onClose,\n  idProcesso,\n}: ConcluirProcessoDialogProps) => {\n  const { mutate: concluirProcesso, isPending } = useConcluirProcesso(\n    onClose,\n    () => setMotivo(\"\")\n  );\n  const [motivo, setMotivo] = useState<string>(\"\");\n\n  const handleConcluirProcesso = (dados: TActionProcesso) => {\n    concluirProcesso(dados);\n  };\n\n  const Footer = (\n    <div className=\"flex w-full items-start\">\n      <Button\n        block\n        className=\"mx-2\"\n        disabled={isPending}\n        onClick={() => onClose()}\n      >\n        Cancelar\n      </Button>\n      <Tooltip title={!motivo ? \"Motivo obrigatório\" : <></>} placement=\"top\">\n        <span>\n          <Button\n            block\n            className=\"mx-2\"\n            variant=\"solid\"\n            disabled={!motivo}\n            loading={isPending}\n            onClick={() => {\n              handleConcluirProcesso({\n                idProcesso,\n                mensagemInteracao: motivo,\n              });\n            }}\n          >\n            Confirmar\n          </Button>\n        </span>\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <>\n      <Dialog isOpen={isOpen} onClose={onClose} onRequestClose={onClose}>\n        <h5 className=\"mb-4\">Concluir Processo</h5>\n        <div className=\"flex flex-col gap-4\">\n          <Input\n            textArea\n            rows={4}\n            placeholder=\"Motivo da conclusão\"\n            value={motivo}\n            onChange={(e) => setMotivo(e.target.value)}\n          />\n        </div>\n        <div className=\"mt-6\">{Footer}</div>\n      </Dialog>\n    </>\n  );\n};\n\nexport default ConcluirProcessoDialog;\n"],"names":[],"mappings":";;;;;;;;;AAYA,MAAM,yBAAyB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,MAAmC;AACjC,QAAM,EAAE,QAAQ,kBAAkB,UAAA,IAAc;AAAA,IAC9C;AAAA,IACA,MAAM,UAAU,EAAE;AAAA,EAAA;AAEpB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,EAAE;AAE/C,QAAM,yBAAyB,CAAC,UAA2B;AACzD,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,SACJ,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,UAAU;AAAA,QACV,SAAS,MAAM,QAAA;AAAA,QAChB,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,oBAAC,SAAA,EAAQ,OAAO,CAAC,SAAS,uBAAuB,oBAAA,UAAA,CAAA,CAAE,GAAK,WAAU,OAChE,UAAA,oBAAC,QAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,UAAU,CAAC;AAAA,QACX,SAAS;AAAA,QACT,SAAS,MAAM;AACb,iCAAuB;AAAA,YACrB;AAAA,YACA,mBAAmB;AAAA,UAAA,CACpB;AAAA,QACH;AAAA,QACD,UAAA;AAAA,MAAA;AAAA,IAAA,GAGH,EAAA,CACF;AAAA,EAAA,GACF;AAGF,yCAEI,UAAA,qBAAC,QAAA,EAAO,QAAgB,SAAkB,gBAAgB,SACxD,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,qBAAiB;AAAA,IACtC,oBAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAQ;AAAA,QACR,MAAM;AAAA,QACN,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA,GAE7C;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,QAAQ,UAAA,OAAA,CAAO;AAAA,EAAA,EAAA,CAChC,EAAA,CACF;AAEJ;"}

package/dist/base/components/shared/EncerrarProcessoDialog.js

@@ -5,14 +5,14 @@ import { useState } from "react";
 import useEncerrarProcesso from "../../hooks/flux/useEncerrarProcesso.js";
 import Button from "../../../@ecme/components/ui/Button/Button.js";
 import Tooltip from "../../../@ecme/components/ui/Tooltip/Tooltip.js";
-import Drawer from "../../../@ecme/components/ui/Drawer/Drawer.js";
+import Dialog from "../../../@ecme/components/ui/Dialog/Dialog.js";
 import Input from "../../../@ecme/components/ui/Input/Input.js";
 const EncerrarProcessoDialog = ({
   isOpen,
   onClose,
   idProcesso
 }) => {
-  const { mutate: encerrarProcesso } = useEncerrarProcesso(
+  const { mutate: encerrarProcesso, isPending } = useEncerrarProcesso(
     onClose,
     () => setMotivo("")
   );
@@ -21,7 +21,16 @@ const EncerrarProcessoDialog = ({
     encerrarProcesso(dados);
   };
   const Footer = /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start", children: [
-    /* @__PURE__ */ jsx(Button, { block: true, className: "mx-2", onClick: () => onClose(), children: "Cancelar" }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        block: true,
+        className: "mx-2",
+        disabled: isPending,
+        onClick: () => onClose(),
+        children: "Cancelar"
+      }
+    ),
     /* @__PURE__ */ jsx(Tooltip, { title: !motivo ? "Motivo obrigatório" : /* @__PURE__ */ jsx(Fragment, {}), placement: "top", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
       Button,
       {
@@ -29,6 +38,7 @@ const EncerrarProcessoDialog = ({
         className: "mx-2",
         variant: "solid",
         disabled: !motivo,
+        loading: isPending,
         onClick: () => handleEncerrarProcesso({
           idProcesso,
           mensagemInteracao: motivo
@@ -37,27 +47,21 @@ const EncerrarProcessoDialog = ({
       }
     ) }) })
   ] });
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-    Drawer,
-    {
-      title: "Encerrar Processo",
-      isOpen,
-      onClose,
-      onRequestClose: onClose,
-      footer: Footer,
-      children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 p-4", children: /* @__PURE__ */ jsx(
-        Input,
-        {
-          textArea: true,
-          required: true,
-          rows: 4,
-          placeholder: "Motivo do encerramento",
-          value: motivo,
-          onChange: (e) => setMotivo(e.target.value)
-        }
-      ) })
-    }
-  ) });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Dialog, { isOpen, onClose, onRequestClose: onClose, children: [
+    /* @__PURE__ */ jsx("h5", { className: "mb-4", children: "Encerrar Processo" }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsx(
+      Input,
+      {
+        textArea: true,
+        required: true,
+        rows: 4,
+        placeholder: "Motivo do encerramento",
+        value: motivo,
+        onChange: (e) => setMotivo(e.target.value)
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "mt-6", children: Footer })
+  ] }) });
 };
 export {
   EncerrarProcessoDialog as default

package/dist/base/components/shared/EncerrarProcessoDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"EncerrarProcessoDialog.js","sources":["../../../../lib/base/components/shared/EncerrarProcessoDialog.tsx"],"sourcesContent":["import { Drawer, Input, Tooltip } from \"@/components/ui\";\nimport { TActionProcesso } from \"@base/@types/models/flux/processo\";\nimport { Button, Dialog } from \"@/components\";\nimport { useState } from \"react\";\nimport useEncerrarProcesso from \"@base/hooks/flux/useEncerrarProcesso\";\n\ninterface EncerrarProcessoDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  idProcesso: number;\n}\n\nconst EncerrarProcessoDialog = ({\n  isOpen,\n  onClose,\n  idProcesso,\n}: EncerrarProcessoDialogProps) => {\n  const { mutate: encerrarProcesso } = useEncerrarProcesso(onClose, () =>\n    setMotivo(\"\")\n  );\n  const [motivo, setMotivo] = useState<string>(\"\");\n\n  const handleEncerrarProcesso = (dados: TActionProcesso) => {\n    encerrarProcesso(dados);\n  };\n\n  const Footer = (\n    <div className=\"flex w-full items-start\">\n      <Button block className=\"mx-2\" onClick={() => onClose()}>\n        Cancelar\n      </Button>\n      <Tooltip title={!motivo ? \"Motivo obrigatório\" : <></>} placement=\"top\">\n        <span>\n          <Button\n            block\n            className=\"mx-2\"\n            variant=\"solid\"\n            disabled={!motivo}\n            onClick={() =>\n              handleEncerrarProcesso({\n                idProcesso,\n                mensagemInteracao: motivo,\n              })\n            }\n          >\n            Confirmar\n          </Button>\n        </span>\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <>\n      <Drawer\n        title=\"Encerrar Processo\"\n        isOpen={isOpen}\n        onClose={onClose}\n        onRequestClose={onClose}\n        footer={Footer}\n      >\n        <div className=\"flex flex-col gap-4 p-4\">\n          <Input\n            textArea\n            required\n            rows={4}\n            placeholder=\"Motivo do encerramento\"\n            value={motivo}\n            onChange={(e) => setMotivo(e.target.value)}\n          />\n        </div>\n      </Drawer>\n    </>\n  );\n};\n\nexport default EncerrarProcessoDialog;\n"],"names":[],"mappings":";;;;;;;;;AAYA,MAAM,yBAAyB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,MAAmC;AACjC,QAAM,EAAE,QAAQ,iBAAA,IAAqB;AAAA,IAAoB;AAAA,IAAS,MAChE,UAAU,EAAE;AAAA,EAAA;AAEd,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,EAAE;AAE/C,QAAM,yBAAyB,CAAC,UAA2B;AACzD,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,SACJ,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,OAAK,MAAC,WAAU,QAAO,SAAS,MAAM,QAAA,GAAW,UAAA,WAAA,CAEzD;AAAA,IACA,oBAAC,SAAA,EAAQ,OAAO,CAAC,SAAS,uBAAuB,oBAAA,UAAA,CAAA,CAAE,GAAK,WAAU,OAChE,UAAA,oBAAC,QAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,UAAU,CAAC;AAAA,QACX,SAAS,MACP,uBAAuB;AAAA,UACrB;AAAA,UACA,mBAAmB;AAAA,QAAA,CACpB;AAAA,QAEJ,UAAA;AAAA,MAAA;AAAA,IAAA,GAGH,EAAA,CACF;AAAA,EAAA,GACF;AAGF,SACE,oBAAA,UAAA,EACE,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,QAAQ;AAAA,MAER,UAAA,oBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAQ;AAAA,UACR,UAAQ;AAAA,UACR,MAAM;AAAA,UACN,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,QAAA;AAAA,MAAA,EAC3C,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"EncerrarProcessoDialog.js","sources":["../../../../lib/base/components/shared/EncerrarProcessoDialog.tsx"],"sourcesContent":["import { Input, Tooltip } from \"@/components/ui\";\nimport { TActionProcesso } from \"@base/@types/models/flux/processo\";\nimport { Button, Dialog } from \"@/components\";\nimport { useState } from \"react\";\nimport useEncerrarProcesso from \"@base/hooks/flux/useEncerrarProcesso\";\n\ninterface EncerrarProcessoDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  idProcesso: number;\n}\n\nconst EncerrarProcessoDialog = ({\n  isOpen,\n  onClose,\n  idProcesso,\n}: EncerrarProcessoDialogProps) => {\n  const { mutate: encerrarProcesso, isPending } = useEncerrarProcesso(\n    onClose,\n    () => setMotivo(\"\")\n  );\n  const [motivo, setMotivo] = useState<string>(\"\");\n\n  const handleEncerrarProcesso = (dados: TActionProcesso) => {\n    encerrarProcesso(dados);\n  };\n\n  const Footer = (\n    <div className=\"flex w-full items-start\">\n      <Button\n        block\n        className=\"mx-2\"\n        disabled={isPending}\n        onClick={() => onClose()}\n      >\n        Cancelar\n      </Button>\n      <Tooltip title={!motivo ? \"Motivo obrigatório\" : <></>} placement=\"top\">\n        <span>\n          <Button\n            block\n            className=\"mx-2\"\n            variant=\"solid\"\n            disabled={!motivo}\n            loading={isPending}\n            onClick={() =>\n              handleEncerrarProcesso({\n                idProcesso,\n                mensagemInteracao: motivo,\n              })\n            }\n          >\n            Confirmar\n          </Button>\n        </span>\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <>\n      <Dialog isOpen={isOpen} onClose={onClose} onRequestClose={onClose}>\n        <h5 className=\"mb-4\">Encerrar Processo</h5>\n        <div className=\"flex flex-col gap-4\">\n          <Input\n            textArea\n            required\n            rows={4}\n            placeholder=\"Motivo do encerramento\"\n            value={motivo}\n            onChange={(e) => setMotivo(e.target.value)}\n          />\n        </div>\n        <div className=\"mt-6\">{Footer}</div>\n      </Dialog>\n    </>\n  );\n};\n\nexport default EncerrarProcessoDialog;\n"],"names":[],"mappings":";;;;;;;;;AAYA,MAAM,yBAAyB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,MAAmC;AACjC,QAAM,EAAE,QAAQ,kBAAkB,UAAA,IAAc;AAAA,IAC9C;AAAA,IACA,MAAM,UAAU,EAAE;AAAA,EAAA;AAEpB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,EAAE;AAE/C,QAAM,yBAAyB,CAAC,UAA2B;AACzD,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,SACJ,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,UAAU;AAAA,QACV,SAAS,MAAM,QAAA;AAAA,QAChB,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,oBAAC,SAAA,EAAQ,OAAO,CAAC,SAAS,uBAAuB,oBAAA,UAAA,CAAA,CAAE,GAAK,WAAU,OAChE,UAAA,oBAAC,QAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,UAAU,CAAC;AAAA,QACX,SAAS;AAAA,QACT,SAAS,MACP,uBAAuB;AAAA,UACrB;AAAA,UACA,mBAAmB;AAAA,QAAA,CACpB;AAAA,QAEJ,UAAA;AAAA,MAAA;AAAA,IAAA,GAGH,EAAA,CACF;AAAA,EAAA,GACF;AAGF,yCAEI,UAAA,qBAAC,QAAA,EAAO,QAAgB,SAAkB,gBAAgB,SACxD,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,qBAAiB;AAAA,IACtC,oBAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAQ;AAAA,QACR,UAAQ;AAAA,QACR,MAAM;AAAA,QACN,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA,GAE7C;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,QAAQ,UAAA,OAAA,CAAO;AAAA,EAAA,EAAA,CAChC,EAAA,CACF;AAEJ;"}

package/dist/base/components/shared/ReabrirProcessoDialog.js

@@ -5,14 +5,14 @@ import { useState } from "react";
 import useReabrirProcesso from "../../hooks/flux/useReabrirProcesso.js";
 import Button from "../../../@ecme/components/ui/Button/Button.js";
 import Tooltip from "../../../@ecme/components/ui/Tooltip/Tooltip.js";
-import Drawer from "../../../@ecme/components/ui/Drawer/Drawer.js";
+import Dialog from "../../../@ecme/components/ui/Dialog/Dialog.js";
 import Input from "../../../@ecme/components/ui/Input/Input.js";
 const ReabrirProcessoDialog = ({
   isOpen,
   onClose,
   idProcesso
 }) => {
-  const { mutate: reabrirProcesso } = useReabrirProcesso(
+  const { mutate: reabrirProcesso, isPending } = useReabrirProcesso(
     onClose,
     () => setMotivo("")
   );
@@ -21,7 +21,16 @@ const ReabrirProcessoDialog = ({
     reabrirProcesso(dados);
   };
   const Footer = /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start", children: [
-    /* @__PURE__ */ jsx(Button, { block: true, className: "mx-2", onClick: () => onClose(), children: "Cancelar" }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        block: true,
+        className: "mx-2",
+        disabled: isPending,
+        onClick: () => onClose(),
+        children: "Cancelar"
+      }
+    ),
     /* @__PURE__ */ jsx(Tooltip, { title: !motivo ? "Motivo obrigatório" : /* @__PURE__ */ jsx(Fragment, {}), placement: "top", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
       Button,
       {
@@ -29,6 +38,7 @@ const ReabrirProcessoDialog = ({
         className: "mx-2",
         variant: "solid",
         disabled: !motivo,
+        loading: isPending,
         onClick: () => handleReabrirProcesso({
           idProcesso,
           mensagemInteracao: motivo
@@ -37,26 +47,20 @@ const ReabrirProcessoDialog = ({
       }
     ) }) })
   ] });
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-    Drawer,
-    {
-      title: "Reabrir Processo",
-      isOpen,
-      onClose,
-      onRequestClose: onClose,
-      footer: Footer,
-      children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 p-4", children: /* @__PURE__ */ jsx(
-        Input,
-        {
-          textArea: true,
-          rows: 4,
-          placeholder: "Motivo da reabertura",
-          value: motivo,
-          onChange: (e) => setMotivo(e.target.value)
-        }
-      ) })
-    }
-  ) });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Dialog, { isOpen, onClose, onRequestClose: onClose, children: [
+    /* @__PURE__ */ jsx("h5", { className: "mb-4", children: "Reabrir Processo" }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsx(
+      Input,
+      {
+        textArea: true,
+        rows: 4,
+        placeholder: "Motivo da reabertura",
+        value: motivo,
+        onChange: (e) => setMotivo(e.target.value)
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "mt-6", children: Footer })
+  ] }) });
 };
 export {
   ReabrirProcessoDialog as default