@orbe-agro/client-core 5.6.259 → 5.6.262

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

@@ -5106,9 +5106,6 @@ video {
 .bottom-4{
   bottom: 1rem;
 }
-.bottom-6{
-  bottom: 1.5rem;
-}
 .bottom-full{
   bottom: 100%;
 }
@@ -5130,9 +5127,6 @@ video {
 .right-4{
   right: 1rem;
 }
-.right-6{
-  right: 1.5rem;
-}
 .top-0{
   top: 0px;
 }
@@ -5154,15 +5148,9 @@ video {
 .z-10{
   z-index: 10;
 }
-.z-20{
-  z-index: 20;
-}
 .z-30{
   z-index: 30;
 }
-.z-40{
-  z-index: 40;
-}
 .z-50{
   z-index: 50;
 }
@@ -5481,10 +5469,6 @@ video {
   width: 0.375rem;
   height: 0.375rem;
 }
-.size-8{
-  width: 2rem;
-  height: 2rem;
-}
 .h-0{
   height: 0px;
 }
@@ -5617,9 +5601,6 @@ video {
 .max-h-20{
   max-height: 5rem;
 }
-.max-h-40{
-  max-height: 10rem;
-}
 .max-h-8{
   max-height: 2rem;
 }
@@ -5650,9 +5631,6 @@ video {
 .max-h-full{
   max-height: 100%;
 }
-.min-h-0{
-  min-height: 0px;
-}
 .min-h-10{
   min-height: 2.5rem;
 }
@@ -5662,8 +5640,8 @@ video {
 .min-h-14{
   min-height: 3.5rem;
 }
-.min-h-28{
-  min-height: 7rem;
+.min-h-40{
+  min-height: 10rem;
 }
 .min-h-6{
   min-height: 1.5rem;
@@ -5711,9 +5689,6 @@ video {
 .w-1{
   width: 0.25rem;
 }
-.w-1\.5{
-  width: 0.375rem;
-}
 .w-1\/2{
   width: 50%;
 }
@@ -5747,9 +5722,6 @@ video {
 .w-6{
   width: 1.5rem;
 }
-.w-72{
-  width: 18rem;
-}
 .w-8{
   width: 2rem;
 }
@@ -5834,10 +5806,6 @@ video {
 .w-\[950px\]{
   width: 950px;
 }
-.w-fit{
-  width: -moz-fit-content;
-  width: fit-content;
-}
 .w-full{
   width: 100%;
 }
@@ -5986,12 +5954,6 @@ video {
 .flex-auto{
   flex: 1 1 auto;
 }
-.flex-shrink-0{
-  flex-shrink: 0;
-}
-.shrink-0{
-  flex-shrink: 0;
-}
 .grow{
   flex-grow: 1;
 }
@@ -6011,10 +5973,6 @@ video {
   --tw-translate-y: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.rotate-180{
-  --tw-rotate: 180deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
 .transform{
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
@@ -6043,21 +6001,9 @@ video {
 .cursor-default{
   cursor: default;
 }
-.cursor-ew-resize{
-  cursor: ew-resize;
-}
-.cursor-nesw-resize{
-  cursor: nesw-resize;
-}
 .cursor-not-allowed{
   cursor: not-allowed;
 }
-.cursor-ns-resize{
-  cursor: ns-resize;
-}
-.cursor-nwse-resize{
-  cursor: nwse-resize;
-}
 .cursor-pointer{
   cursor: pointer;
 }
@@ -6120,9 +6066,6 @@ video {
 .grid-cols-6{
   grid-template-columns: repeat(6, minmax(0, 1fr));
 }
-.grid-cols-\[minmax\(0\2c auto\)_minmax\(0\2c 1fr\)\]{
-  grid-template-columns: minmax(0,auto) minmax(0,1fr);
-}
 .grid-rows-3{
   grid-template-rows: repeat(3, minmax(0, 1fr));
 }
@@ -6153,12 +6096,6 @@ video {
 .items-center{
   align-items: center;
 }
-.items-baseline{
-  align-items: baseline;
-}
-.\!justify-start{
-  justify-content: flex-start !important;
-}
 .justify-start{
   justify-content: flex-start;
 }
@@ -6192,9 +6129,6 @@ video {
 .gap-2{
   gap: 0.5rem;
 }
-.gap-2\.5{
-  gap: 0.625rem;
-}
 .gap-3{
   gap: 0.75rem;
 }
@@ -6218,10 +6152,6 @@ video {
   -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
 }
-.gap-x-3{
-  -moz-column-gap: 0.75rem;
-       column-gap: 0.75rem;
-}
 .gap-x-4{
   -moz-column-gap: 1rem;
        column-gap: 1rem;
@@ -6237,9 +6167,6 @@ video {
 .gap-y-0\.5{
   row-gap: 0.125rem;
 }
-.gap-y-1{
-  row-gap: 0.25rem;
-}
 .gap-y-10{
   row-gap: 2.5rem;
 }
@@ -6260,14 +6187,6 @@ video {
   margin-right: calc(0.5rem * var(--tw-space-x-reverse));
   margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
-.divide-y > :not([hidden]) ~ :not([hidden]){
-  --tw-divide-y-reverse: 0;
-  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
-  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
-}
-.divide-gray-100 > :not([hidden]) ~ :not([hidden]){
-  border-color: var(--gray-100);
-}
 .overflow-auto{
   overflow: auto;
 }
@@ -6300,15 +6219,9 @@ video {
 .whitespace-nowrap{
   white-space: nowrap;
 }
-.whitespace-pre-wrap{
-  white-space: pre-wrap;
-}
 .text-nowrap{
   text-wrap: nowrap;
 }
-.break-words{
-  overflow-wrap: break-word;
-}
 .break-all{
   word-break: break-all;
 }
@@ -6435,10 +6348,6 @@ video {
 .border-primary{
   border-color: var(--primary);
 }
-.border-red-200{
-  --tw-border-opacity: 1;
-  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
-}
 .border-success{
   border-color: var(--success);
 }
@@ -6976,10 +6885,6 @@ video {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-.px-2\.5{
-  padding-left: 0.625rem;
-  padding-right: 0.625rem;
-}
 .px-3{
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -7016,10 +6921,6 @@ 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;
@@ -7036,10 +6937,6 @@ video {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
-.py-3\.5{
-  padding-top: 0.875rem;
-  padding-bottom: 0.875rem;
-}
 .py-4{
   padding-top: 1rem;
   padding-bottom: 1rem;
@@ -7326,9 +7223,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity, 1));
 }
-.text-red-500\/90{
-  color: rgb(239 68 68 / 0.9);
-}
 .text-red-600{
   --tw-text-opacity: 1;
   color: rgb(220 38 38 / var(--tw-text-opacity, 1));
@@ -7386,9 +7280,6 @@ video {
 .no-underline{
   text-decoration-line: none;
 }
-.underline-offset-2{
-  text-underline-offset: 2px;
-}
 .opacity-0{
   opacity: 0;
 }
@@ -7536,11 +7427,6 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-.transition-transform{
-  transition-property: transform;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
 .duration-150{
   transition-duration: 150ms;
 }
@@ -7556,12 +7442,6 @@ video {
 .ease-out{
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.\[animation-delay\:-0\.15s\]{
-  animation-delay: -0.15s;
-}
-.\[animation-delay\:-0\.3s\]{
-  animation-delay: -0.3s;
-}
 .\[transform\:translateZ\(0\)\]{
   transform: translateZ(0);
 }
@@ -7678,10 +7558,6 @@ video {
   content: var(--tw-content);
 }
 
-.last\:mb-0:last-child{
-  margin-bottom: 0px;
-}
-
 .focus-within\:border-primary:focus-within{
   border-color: var(--primary);
 }
@@ -7749,10 +7625,6 @@ video {
   background-color: var(--primary);
 }
 
-.hover\:bg-primary-deep:hover{
-  background-color: var(--primary-deep);
-}
-
 .hover\:bg-primary-mild:hover{
   background-color: var(--primary-mild);
 }
@@ -7773,10 +7645,6 @@ video {
   color: var(--gray-300);
 }
 
-.hover\:text-gray-700:hover{
-  color: var(--gray-700);
-}
-
 .hover\:text-gray-800:hover{
   color: var(--gray-800);
 }
@@ -7807,11 +7675,6 @@ 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;
 }
@@ -7904,20 +7767,6 @@ video {
   outline-offset: 2px;
 }
 
-.focus-visible\:ring-2:focus-visible{
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.focus-visible\:ring-primary:focus-visible{
-  --tw-ring-color: var(--primary);
-}
-
-.focus-visible\:ring-offset-2:focus-visible{
-  --tw-ring-offset-width: 2px;
-}
-
 .active\:bg-gray-100:active{
   background-color: var(--gray-100);
 }
@@ -8028,39 +7877,6 @@ video {
   .motion-safe\:animate-\[bounce_1s_ease-in-out_infinite\]{
     animation: bounce 1s ease-in-out infinite;
   }
-  @keyframes bounce{
-    0%, 100%{
-      transform: translateY(-25%);
-      animation-timing-function: cubic-bezier(0.8,0,1,1);
-    }
-    50%{
-      transform: none;
-      animation-timing-function: cubic-bezier(0,0,0.2,1);
-    }
-  }
-  .motion-safe\:animate-bounce{
-    animation: bounce 1s infinite;
-  }
-  @keyframes pulse{
-    50%{
-      opacity: .5;
-    }
-  }
-  .motion-safe\:animate-pulse{
-    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-  }
-  @keyframes spin{
-    to{
-      transform: rotate(360deg);
-    }
-  }
-  .motion-safe\:animate-spin{
-    animation: spin 1s linear infinite;
-  }
-}
-
-.dark\:divide-gray-700:is(.dark *) > :not([hidden]) ~ :not([hidden]){
-  border-color: var(--gray-700);
 }
 
 .dark\:border:is(.dark *){
@@ -8100,10 +7916,6 @@ video {
   border-color: var(--primary);
 }
 
-.dark\:border-red-500\/20:is(.dark *){
-  border-color: rgb(239 68 68 / 0.2);
-}
-
 .dark\:border-transparent:is(.dark *){
   border-color: transparent;
 }
@@ -8251,14 +8063,6 @@ video {
   background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
 }
 
-.dark\:bg-red-500\/10:is(.dark *){
-  background-color: rgb(239 68 68 / 0.1);
-}
-
-.dark\:bg-red-500\/15:is(.dark *){
-  background-color: rgb(239 68 68 / 0.15);
-}
-
 .dark\:bg-red-500\/20:is(.dark *){
   background-color: rgb(239 68 68 / 0.2);
 }
@@ -8367,11 +8171,6 @@ video {
   color: rgb(254 243 199 / var(--tw-text-opacity, 1));
 }
 
-.dark\:text-amber-400:is(.dark *){
-  --tw-text-opacity: 1;
-  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
-}
-
 .dark\:text-black:is(.dark *){
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
@@ -8382,21 +8181,11 @@ video {
   color: rgb(219 234 254 / var(--tw-text-opacity, 1));
 }
 
-.dark\:text-blue-400:is(.dark *){
-  --tw-text-opacity: 1;
-  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
-}
-
 .dark\:text-emerald-100:is(.dark *){
   --tw-text-opacity: 1;
   color: rgb(209 250 229 / var(--tw-text-opacity, 1));
 }
 
-.dark\:text-emerald-400:is(.dark *){
-  --tw-text-opacity: 1;
-  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
-}
-
 .dark\:text-fuchsia-400:is(.dark *){
   --tw-text-opacity: 1;
   color: rgb(232 121 249 / var(--tw-text-opacity, 1));
@@ -8422,10 +8211,6 @@ video {
   color: var(--gray-50);
 }
 
-.dark\:text-gray-500:is(.dark *){
-  color: var(--gray-500);
-}
-
 .dark\:text-gray-900:is(.dark *){
   color: var(--gray-900);
 }
@@ -8463,15 +8248,6 @@ video {
   color: rgb(254 226 226 / var(--tw-text-opacity, 1));
 }
 
-.dark\:text-red-300\/90:is(.dark *){
-  color: rgb(252 165 165 / 0.9);
-}
-
-.dark\:text-red-400:is(.dark *){
-  --tw-text-opacity: 1;
-  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
-}
-
 .dark\:text-slate-400:is(.dark *){
   --tw-text-opacity: 1;
   color: rgb(148 163 184 / var(--tw-text-opacity, 1));
@@ -8500,10 +8276,6 @@ video {
   --tw-ring-color: var(--primary);
 }
 
-.dark\:hover\:border-gray-600:hover:is(.dark *){
-  border-color: var(--gray-600);
-}
-
 .dark\:hover\:border-primary:hover:is(.dark *){
   border-color: var(--primary);
 }
@@ -8565,10 +8337,6 @@ video {
   color: var(--gray-100);
 }
 
-.dark\:hover\:text-gray-200:hover:is(.dark *){
-  color: var(--gray-200);
-}
-
 .dark\:hover\:text-white:hover:is(.dark *){
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -8964,6 +8732,9 @@ video {
   .\32xl\:grid{
     display: grid;
   }
+  .\32xl\:min-h-60{
+    min-height: 15rem;
+  }
   .\32xl\:w-\[500px\]{
     width: 500px;
   }

package/dist/base/components/forms/GenericForms/GenericArrayFormSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenericArrayFormSection.js","sources":["../../../../../lib/base/components/forms/GenericForms/GenericArrayFormSection.tsx"],"sourcesContent":["import { IFormSectionBaseProps } from '@base/@types/forms'\nimport {\n    ArrayPath,\n    FieldArray,\n    FieldValues,\n    Path,\n    useFieldArray,\n} from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { FaTrash } from 'react-icons/fa'\nimport GenericArrayNumberFormSection from './../ArraysForms/GenericArrayNumberFormSection'\nimport GenericArrayStringFormSection from './../ArraysForms/GenericArrayStringFormSection'\n\ntype OptionType<L = string, V = unknown> = {\n    label: L\n    value: V\n}\n\ntype SelectConfig<L = string, V = unknown> = {\n    campo: string\n    valueMapper: (item: unknown) => V\n    getOptionLabel: (option: OptionType<L, V>) => string\n}\n\ntype GeneralFormSectionProps<\n    T extends FieldValues,\n    K extends ArrayPath<T>,\n> = IFormSectionBaseProps<T> & {\n    nameArray: K\n    defaultAppendItem: any\n    nameCampoStringArray: string[]\n    nameCampoNumberArray: string[]\n    nameCampoSelectArray?: string[]\n    selectConfigs?: SelectConfig[]\n}\n\nfunction GenericArrayFormSection<\n    T extends FieldValues,\n    K extends ArrayPath<T>,\n>({\n    control,\n    errors,\n    isView,\n    nameArray,\n    nameCampoStringArray,\n    nameCampoNumberArray,\n    defaultAppendItem,\n}: GeneralFormSectionProps<T, K>) {\n    const { t } = useTranslation()\n    const { fields, append, remove } = useFieldArray({\n        control,\n        name: nameArray,\n    })\n\n    return (\n        <div className=\"flex flex-col gap-4\">\n            {/* Lista de margens */}\n            {fields.map((field, index) => (\n                <div key={field.id} className=\"flex gap-2 items-center\">\n                    {nameCampoStringArray.map((campo) => (\n                        <GenericArrayStringFormSection\n                            key={campo}\n                            control={control}\n                            errors={errors}\n                            isView={isView}\n                            index={index}\n                            label={t(`page.form.${campo}.label`)}\n                            placeholder={t(`page.form.${campo}.placeholder`)}\n                            nameStringArray={\n                                `${nameArray}.${index}.${campo}` as Path<T>\n                            }\n                        />\n                    ))}\n\n                    {nameCampoNumberArray.map((campo) => (\n                        <GenericArrayNumberFormSection\n                            key={campo}\n                            control={control}\n                            errors={errors}\n                            isView={isView}\n                            index={index}\n                            label={t(`page.form.${campo}.label`)}\n                            placeholder={t(`page.form.${campo}.placeholder`)}\n                            nameNumberArray={\n                                `${nameArray}.${index}.${campo}` as Path<T>\n                            }\n                        />\n                    ))}\n\n                    <button\n                        type=\"button\"\n                        className=\"text-red-500 hover:text-red-700 ml-4\"\n                        onClick={() => remove(index)}\n                    >\n                        <FaTrash className=\"w-5 h-5\" />\n                    </button>\n                </div>\n            ))}\n\n            {errors?.[nameArray as string]?.message &&\n                typeof errors?.[nameArray as string]?.message === 'string' && (\n                    <p className=\"text-red-500 text-sm mt-2\">\n                        {String(errors?.[nameArray as string]?.message || '')}\n                    </p>\n                )}\n\n            {/* Botão separado */}\n            <label className=\"form-label mb-2\">\n                {t(`page.form.${nameArray}.label`)}\n            </label>\n            <div>\n                <button\n                    type=\"button\"\n                    className=\"px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600\"\n                    onClick={() => append(defaultAppendItem)}\n                >\n                    {t(`page.form.${nameArray}.nameButton`)}\n                </button>\n            </div>\n        </div>\n    )\n}\n\nexport default GenericArrayFormSection\n"],"names":[],"mappings":";;;;;;AAoCA,SAAS,wBAGP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAAkC;AAC9B,QAAM,EAAE,EAAA,IAAM,eAAA;AACd,QAAM,EAAE,QAAQ,QAAQ,OAAA,IAAW,cAAc;AAAA,IAC7C;AAAA,IACA,MAAM;AAAA,EAAA,CACT;AAED,SACI,qBAAC,OAAA,EAAI,WAAU,uBAEV,UAAA;AAAA,IAAA,OAAO,IAAI,CAAC,OAAO,UAChB,qBAAC,OAAA,EAAmB,WAAU,2BACzB,UAAA;AAAA,MAAA,qBAAqB,IAAI,CAAC,UACvB;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO,EAAE,aAAa,KAAK,QAAQ;AAAA,UACnC,aAAa,EAAE,aAAa,KAAK,cAAc;AAAA,UAC/C,iBACI,GAAG,SAAS,IAAI,KAAK,IAAI,KAAK;AAAA,QAAA;AAAA,QAR7B;AAAA,MAAA,CAWZ;AAAA,MAEA,qBAAqB,IAAI,CAAC,UACvB;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO,EAAE,aAAa,KAAK,QAAQ;AAAA,UACnC,aAAa,EAAE,aAAa,KAAK,cAAc;AAAA,UAC/C,iBACI,GAAG,SAAS,IAAI,KAAK,IAAI,KAAK;AAAA,QAAA;AAAA,QAR7B;AAAA,MAAA,CAWZ;AAAA,MAED;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS,MAAM,OAAO,KAAK;AAAA,UAE3B,UAAA,oBAAC,SAAA,EAAQ,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACjC,KArCM,MAAM,EAsChB,CACH;AAAA,IAEA,SAAS,SAAmB,GAAG,WAC5B,OAAO,SAAS,SAAmB,GAAG,YAAY,gCAC7C,KAAA,EAAE,WAAU,6BACR,UAAA,OAAO,SAAS,SAAmB,GAAG,WAAW,EAAE,GACxD;AAAA,IAIR,oBAAC,WAAM,WAAU,mBACZ,YAAE,aAAa,SAAS,QAAQ,EAAA,CACrC;AAAA,wBACC,OAAA,EACG,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS,MAAM,OAAO,iBAAiB;AAAA,QAEtC,UAAA,EAAE,aAAa,SAAS,aAAa;AAAA,MAAA;AAAA,IAAA,EAC1C,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"GenericArrayFormSection.js","sources":["../../../../../lib/base/components/forms/GenericForms/GenericArrayFormSection.tsx"],"sourcesContent":["import { IFormSectionBaseProps } from '@base/@types/forms'\nimport {\n    ArrayPath,\n    FieldArray,\n    FieldValues,\n    Path,\n    useFieldArray,\n} from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { FaTrash } from 'react-icons/fa'\nimport GenericArrayNumberFormSection from './../ArraysForms/GenericArrayNumberFormSection'\nimport GenericArrayStringFormSection from './../ArraysForms/GenericArrayStringFormSection'\n\ntype OptionType<L = string, V = unknown> = {\n    label: L\n    value: V\n}\n\ntype SelectConfig<L = string, V = unknown> = {\n    campo: string\n    valueMapper: (item: unknown) => V\n    getOptionLabel: (option: OptionType<L, V>) => string\n}\n\ntype GeneralFormSectionProps<\n    T extends FieldValues,\n    K extends ArrayPath<T>,\n> = IFormSectionBaseProps<T> & {\n    nameArray: K\n    defaultAppendItem: FieldArray<T, K>\n    nameCampoStringArray: string[]\n    nameCampoNumberArray: string[]\n    nameCampoSelectArray?: string[]\n    selectConfigs?: SelectConfig[]\n}\n\nfunction GenericArrayFormSection<\n    T extends FieldValues,\n    K extends ArrayPath<T>,\n>({\n    control,\n    errors,\n    isView,\n    nameArray,\n    nameCampoStringArray,\n    nameCampoNumberArray,\n    defaultAppendItem,\n}: GeneralFormSectionProps<T, K>) {\n    const { t } = useTranslation()\n    const { fields, append, remove } = useFieldArray({\n        control,\n        name: nameArray,\n    })\n\n    return (\n        <div className=\"flex flex-col gap-4\">\n            {/* Lista de margens */}\n            {fields.map((field, index) => (\n                <div key={field.id} className=\"flex gap-2 items-center\">\n                    {nameCampoStringArray.map((campo) => (\n                        <GenericArrayStringFormSection\n                            key={campo}\n                            control={control}\n                            errors={errors}\n                            isView={isView}\n                            index={index}\n                            label={t(`page.form.${campo}.label`)}\n                            placeholder={t(`page.form.${campo}.placeholder`)}\n                            nameStringArray={\n                                `${nameArray}.${index}.${campo}` as Path<T>\n                            }\n                        />\n                    ))}\n\n                    {nameCampoNumberArray.map((campo) => (\n                        <GenericArrayNumberFormSection\n                            key={campo}\n                            control={control}\n                            errors={errors}\n                            isView={isView}\n                            index={index}\n                            label={t(`page.form.${campo}.label`)}\n                            placeholder={t(`page.form.${campo}.placeholder`)}\n                            nameNumberArray={\n                                `${nameArray}.${index}.${campo}` as Path<T>\n                            }\n                        />\n                    ))}\n\n                    <button\n                        type=\"button\"\n                        className=\"text-red-500 hover:text-red-700 ml-4\"\n                        onClick={() => remove(index)}\n                    >\n                        <FaTrash className=\"w-5 h-5\" />\n                    </button>\n                </div>\n            ))}\n\n            {errors?.[nameArray as string]?.message &&\n                typeof errors?.[nameArray as string]?.message === 'string' && (\n                    <p className=\"text-red-500 text-sm mt-2\">\n                        {String(errors?.[nameArray as string]?.message || '')}\n                    </p>\n                )}\n\n            {/* Botão separado */}\n            <label className=\"form-label mb-2\">\n                {t(`page.form.${nameArray}.label`)}\n            </label>\n            <div>\n                <button\n                    type=\"button\"\n                    className=\"px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600\"\n                    onClick={() => append(defaultAppendItem)}\n                >\n                    {t(`page.form.${nameArray}.nameButton`)}\n                </button>\n            </div>\n        </div>\n    )\n}\n\nexport default GenericArrayFormSection\n"],"names":[],"mappings":";;;;;;AAoCA,SAAS,wBAGP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAAkC;AAC9B,QAAM,EAAE,EAAA,IAAM,eAAA;AACd,QAAM,EAAE,QAAQ,QAAQ,OAAA,IAAW,cAAc;AAAA,IAC7C;AAAA,IACA,MAAM;AAAA,EAAA,CACT;AAED,SACI,qBAAC,OAAA,EAAI,WAAU,uBAEV,UAAA;AAAA,IAAA,OAAO,IAAI,CAAC,OAAO,UAChB,qBAAC,OAAA,EAAmB,WAAU,2BACzB,UAAA;AAAA,MAAA,qBAAqB,IAAI,CAAC,UACvB;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO,EAAE,aAAa,KAAK,QAAQ;AAAA,UACnC,aAAa,EAAE,aAAa,KAAK,cAAc;AAAA,UAC/C,iBACI,GAAG,SAAS,IAAI,KAAK,IAAI,KAAK;AAAA,QAAA;AAAA,QAR7B;AAAA,MAAA,CAWZ;AAAA,MAEA,qBAAqB,IAAI,CAAC,UACvB;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO,EAAE,aAAa,KAAK,QAAQ;AAAA,UACnC,aAAa,EAAE,aAAa,KAAK,cAAc;AAAA,UAC/C,iBACI,GAAG,SAAS,IAAI,KAAK,IAAI,KAAK;AAAA,QAAA;AAAA,QAR7B;AAAA,MAAA,CAWZ;AAAA,MAED;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS,MAAM,OAAO,KAAK;AAAA,UAE3B,UAAA,oBAAC,SAAA,EAAQ,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACjC,KArCM,MAAM,EAsChB,CACH;AAAA,IAEA,SAAS,SAAmB,GAAG,WAC5B,OAAO,SAAS,SAAmB,GAAG,YAAY,gCAC7C,KAAA,EAAE,WAAU,6BACR,UAAA,OAAO,SAAS,SAAmB,GAAG,WAAW,EAAE,GACxD;AAAA,IAIR,oBAAC,WAAM,WAAU,mBACZ,YAAE,aAAa,SAAS,QAAQ,EAAA,CACrC;AAAA,wBACC,OAAA,EACG,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS,MAAM,OAAO,iBAAiB;AAAA,QAEtC,UAAA,EAAE,aAAa,SAAS,aAAa;AAAA,MAAA;AAAA,IAAA,EAC1C,CACJ;AAAA,EAAA,GACJ;AAER;"}

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

@@ -6,36 +6,22 @@ import Button from "../../../@ecme/components/ui/Button/Button.js";
 const AceitarProcessoDialog = ({
   isOpen,
   onClose,
-  onSuccess,
   idProcesso
 }) => {
-  const { mutate: aceitarProcesso, isPending } = useAceitarProcesso(
-    onClose,
-    onSuccess
-  );
+  const { mutate: aceitarProcesso } = useAceitarProcesso(onClose);
   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",
-          disabled: isPending,
-          onClick: () => onClose(),
-          children: "Cancelar"
-        }
-      ),
+      /* @__PURE__ */ jsx(Button, { block: true, className: "mx-2", 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    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;"}
+{"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;"}

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 Dialog from "../../../@ecme/components/ui/Dialog/Dialog.js";
+import Drawer from "../../../@ecme/components/ui/Drawer/Drawer.js";
 import Input from "../../../@ecme/components/ui/Input/Input.js";
 const AdicionarHistoricoDialog = ({
   isOpen,
   onClose,
   idProcesso
 }) => {
-  const { mutate: transferirProcesso, isPending } = useAdicionarHistorico(
+  const { mutate: transferirProcesso } = useAdicionarHistorico(
     onClose,
     () => setMotivo("")
   );
@@ -20,16 +20,7 @@ const AdicionarHistoricoDialog = ({
     transferirProcesso(dados);
   };
   const Footer = /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start", children: [
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        block: true,
-        className: "mx-2",
-        disabled: isPending,
-        onClick: () => onClose(),
-        children: "Cancelar"
-      }
-    ),
+    /* @__PURE__ */ jsx(Button, { block: true, className: "mx-2", 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,
       {
@@ -37,7 +28,6 @@ const AdicionarHistoricoDialog = ({
         className: "mx-2",
         variant: "solid",
         disabled: !motivo,
-        loading: isPending,
         onClick: () => handleTransferirProcesso({
           idProcesso,
           mensagemInteracao: motivo
@@ -46,21 +36,27 @@ const AdicionarHistoricoDialog = ({
       }
     ) }) })
   ] });
-  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 })
-  ] }) });
+  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)
+        }
+      ) })
+    }
+  ) });
 };
 export {
   AdicionarHistoricoDialog as default