@orbe-agro/client-core 5.6.262 → 5.6.264

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

@@ -5079,6 +5079,10 @@ video {
 .inset-2{
   inset: 0.5rem;
 }
+.inset-y-0{
+  top: 0px;
+  bottom: 0px;
+}
 .-bottom-2{
   bottom: -0.5rem;
 }
@@ -5106,6 +5110,9 @@ video {
 .bottom-4{
   bottom: 1rem;
 }
+.bottom-6{
+  bottom: 1.5rem;
+}
 .bottom-full{
   bottom: 100%;
 }
@@ -5127,6 +5134,9 @@ video {
 .right-4{
   right: 1rem;
 }
+.right-6{
+  right: 1.5rem;
+}
 .top-0{
   top: 0px;
 }
@@ -5145,12 +5155,21 @@ video {
 .top-full{
   top: 100%;
 }
+.\!z-\[10000\]{
+  z-index: 10000 !important;
+}
 .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;
 }
@@ -5469,6 +5488,10 @@ video {
   width: 0.375rem;
   height: 0.375rem;
 }
+.size-8{
+  width: 2rem;
+  height: 2rem;
+}
 .h-0{
   height: 0px;
 }
@@ -5568,6 +5591,9 @@ video {
 .h-\[calc\(100\%-100px\)\]{
   height: calc(100% - 100px);
 }
+.h-\[calc\(100\%-124px\)\]{
+  height: calc(100% - 124px);
+}
 .h-\[calc\(100\%-150px\)\]{
   height: calc(100% - 150px);
 }
@@ -5601,6 +5627,9 @@ video {
 .max-h-20{
   max-height: 5rem;
 }
+.max-h-40{
+  max-height: 10rem;
+}
 .max-h-8{
   max-height: 2rem;
 }
@@ -5631,6 +5660,9 @@ video {
 .max-h-full{
   max-height: 100%;
 }
+.min-h-0{
+  min-height: 0px;
+}
 .min-h-10{
   min-height: 2.5rem;
 }
@@ -5640,8 +5672,8 @@ video {
 .min-h-14{
   min-height: 3.5rem;
 }
-.min-h-40{
-  min-height: 10rem;
+.min-h-28{
+  min-height: 7rem;
 }
 .min-h-6{
   min-height: 1.5rem;
@@ -5689,6 +5721,9 @@ video {
 .w-1{
   width: 0.25rem;
 }
+.w-1\.5{
+  width: 0.375rem;
+}
 .w-1\/2{
   width: 50%;
 }
@@ -5722,6 +5757,9 @@ video {
 .w-6{
   width: 1.5rem;
 }
+.w-72{
+  width: 18rem;
+}
 .w-8{
   width: 2rem;
 }
@@ -5803,9 +5841,16 @@ video {
 .w-\[750px\]{
   width: 750px;
 }
+.w-\[85\%\]{
+  width: 85%;
+}
 .w-\[950px\]{
   width: 950px;
 }
+.w-fit{
+  width: -moz-fit-content;
+  width: fit-content;
+}
 .w-full{
   width: 100%;
 }
@@ -5954,9 +5999,18 @@ video {
 .flex-auto{
   flex: 1 1 auto;
 }
+.flex-shrink-0{
+  flex-shrink: 0;
+}
+.shrink-0{
+  flex-shrink: 0;
+}
 .grow{
   flex-grow: 1;
 }
+.origin-bottom-right{
+  transform-origin: bottom right;
+}
 .-translate-x-1\/2{
   --tw-translate-x: -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));
@@ -5973,6 +6027,10 @@ 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));
 }
@@ -6001,9 +6059,21 @@ 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;
 }
@@ -6066,6 +6136,9 @@ 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));
 }
@@ -6096,6 +6169,12 @@ video {
 .items-center{
   align-items: center;
 }
+.items-baseline{
+  align-items: baseline;
+}
+.\!justify-start{
+  justify-content: flex-start !important;
+}
 .justify-start{
   justify-content: flex-start;
 }
@@ -6129,6 +6208,9 @@ video {
 .gap-2{
   gap: 0.5rem;
 }
+.gap-2\.5{
+  gap: 0.625rem;
+}
 .gap-3{
   gap: 0.75rem;
 }
@@ -6152,6 +6234,10 @@ 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;
@@ -6167,6 +6253,9 @@ video {
 .gap-y-0\.5{
   row-gap: 0.125rem;
 }
+.gap-y-1{
+  row-gap: 0.25rem;
+}
 .gap-y-10{
   row-gap: 2.5rem;
 }
@@ -6187,6 +6276,14 @@ 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;
 }
@@ -6219,9 +6316,15 @@ 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;
 }
@@ -6348,6 +6451,10 @@ 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);
 }
@@ -6415,6 +6522,9 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
 }
+.bg-black\/40{
+  background-color: rgb(0 0 0 / 0.4);
+}
 .bg-black\/75{
   background-color: rgb(0 0 0 / 0.75);
 }
@@ -6885,6 +6995,10 @@ 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;
@@ -6921,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;
@@ -6937,6 +7055,10 @@ 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;
@@ -7223,6 +7345,9 @@ 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));
@@ -7280,6 +7405,9 @@ video {
 .no-underline{
   text-decoration-line: none;
 }
+.underline-offset-2{
+  text-underline-offset: 2px;
+}
 .opacity-0{
   opacity: 0;
 }
@@ -7427,6 +7555,11 @@ 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;
 }
@@ -7442,6 +7575,12 @@ 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);
 }
@@ -7558,6 +7697,10 @@ video {
   content: var(--tw-content);
 }
 
+.last\:mb-0:last-child{
+  margin-bottom: 0px;
+}
+
 .focus-within\:border-primary:focus-within{
   border-color: var(--primary);
 }
@@ -7645,6 +7788,10 @@ video {
   color: var(--gray-300);
 }
 
+.hover\:text-gray-700:hover{
+  color: var(--gray-700);
+}
+
 .hover\:text-gray-800:hover{
   color: var(--gray-800);
 }
@@ -7675,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;
 }
@@ -7767,6 +7919,20 @@ 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);
 }
@@ -7877,6 +8043,39 @@ 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 *){
@@ -7916,6 +8115,10 @@ 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;
 }
@@ -8063,6 +8266,14 @@ 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);
 }
@@ -8171,6 +8382,11 @@ 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));
@@ -8181,11 +8397,21 @@ 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));
@@ -8211,6 +8437,10 @@ 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);
 }
@@ -8248,6 +8478,15 @@ 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));
@@ -8276,6 +8515,10 @@ 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);
 }
@@ -8337,6 +8580,10 @@ 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));
@@ -8422,10 +8669,17 @@ video {
   .sm\:justify-end{
     justify-content: flex-end;
   }
+  .sm\:gap-2{
+    gap: 0.5rem;
+  }
   .sm\:px-0{
     padding-left: 0px;
     padding-right: 0px;
   }
+  .sm\:px-4{
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
   .sm\:px-6{
     padding-left: 1.5rem;
     padding-right: 1.5rem;
@@ -8656,8 +8910,8 @@ video {
   .xl\:flex{
     display: flex;
   }
-  .xl\:h-\[calc\(100\%-70px\)\]{
-    height: calc(100% - 70px);
+  .xl\:h-\[calc\(100\%-94px\)\]{
+    height: calc(100% - 94px);
   }
   .xl\:h-full{
     height: 100%;
@@ -8732,9 +8986,6 @@ 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: 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;"}
+{"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;"}

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;"}