biblio-react 3.0.0-alpha261-popup → 3.0.0-alpha262-popup

package/README.md

@@ -1,30 +1,30 @@
-# biblio-react
-
-> Framework de Metiri hecho en React
-
-[![NPM](https://img.shields.io/npm/v/biblio-react.svg)](https://www.npmjs.com/package/biblio-react) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
-
-## Install
-
-```bash
-yarn add biblio-react
-```
-
-## Usage
-
-```jsx
-import React, { Component } from 'react'
-
-import MyComponent from 'biblio-react'
-import 'biblio-react/dist/index.css'
-
-class Example extends Component {
-  render() {
-    return <MyComponent />
-  }
-}
-```
-
-## License
-
-MIT © [WiXSL](https://github.com/WiXSL)
+# biblio-react
+
+> Framework de Metiri hecho en React
+
+[![NPM](https://img.shields.io/npm/v/biblio-react.svg)](https://www.npmjs.com/package/biblio-react) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+
+## Install
+
+```bash
+yarn add biblio-react
+```
+
+## Usage
+
+```jsx
+import React, { Component } from 'react'
+
+import MyComponent from 'biblio-react'
+import 'biblio-react/dist/index.css'
+
+class Example extends Component {
+  render() {
+    return <MyComponent />
+  }
+}
+```
+
+## License
+
+MIT © [WiXSL](https://github.com/WiXSL)

package/dist/index.js

@@ -34125,9 +34125,11 @@ const Fj = x.forwardRef(/* @__PURE__ */ a(function(e, n) {
     ...s
   } = t, [l, u] = Le(!1), d = oo(s), p = fr(), { trigger: f } = tn(), { hidden: h } = BE(), m = x.useContext(Gn) || {}, y = et(
     async (g, v, S) => {
-      typeof e == "function" ? await f() ? (u(!0), e(d, v, S, g).finally(() => {
-        u(!1);
-      })) : p("Formulario no válido", { type: "warning" }) : p("Falta implementar jsBotoneraPart", {
+      typeof e == "function" ? (S?.skipValidation ? !0 : await f()) ? (u(!0), e(d, v, S?.name, g).finally(
+        () => {
+          u(!1);
+        }
+      )) : p("Formulario no válido", { type: "warning" }) : p("Falta implementar jsBotoneraPart", {
         type: "error"
       });
     },
@@ -34143,7 +34145,7 @@ const Fj = x.forwardRef(/* @__PURE__ */ a(function(e, n) {
         label: g.label,
         disabled: l,
         onClick: /* @__PURE__ */ a(async (v) => {
-          await y(v, n, g.name);
+          await y(v, n, g);
         }, "onClick"),
         children: g.icon
       },
@@ -35025,50 +35027,66 @@ const Gj = me([/* @__PURE__ */ b("circle", {
   const r = t && typeof t == "object" ? { ...t } : {};
   return (r.id === void 0 || r.id === null || r.id === "") && (r.id = e), (r.etiqueta === void 0 || r.etiqueta === null || r.etiqueta === "") && r.id !== void 0 && r.id !== null && r.id !== "" && (r.etiqueta = Ub(r, n)), r;
 }, "buildChoiceRecord"), t6 = /* @__PURE__ */ a((t) => {
-  const { callback: e, sx: n, isTC: r, onChange: o, injectedChoices: i = [], ...s } = t, {
-    isFetching: l,
-    allChoices: u,
-    availableChoices: d
-  } = sT(), p = bn(null), f = Ot(() => {
-    const h = Array.isArray(d) ? d : [];
+  const {
+    callback: e,
+    sx: n,
+    isTC: r,
+    onChange: o,
+    injectedChoices: i = [],
+    fullWidth: s = !1,
+    ...l
+  } = t, {
+    isFetching: u,
+    allChoices: d,
+    availableChoices: p
+  } = sT(), f = bn(null), h = Ot(() => {
+    const m = Array.isArray(p) ? p : [];
     if (!Array.isArray(i) || i.length === 0)
-      return h;
-    const m = [...i];
-    return h.forEach((y) => {
-      m.some((g) => ql(g?.id, y?.id)) || m.push(y);
-    }), m;
-  }, [d, i]);
+      return m;
+    const y = [...i];
+    return m.forEach((g) => {
+      y.some((v) => ql(v?.id, g?.id)) || y.push(g);
+    }), y;
+  }, [p, i]);
   return Ae(() => {
-    l || typeof e == "function" && e(Object.values([u]));
-  }, [u, e, l]), /* @__PURE__ */ b(Qj, { title: p.current?.value || "", placement: "top", arrow: !0, children: /* @__PURE__ */ b(
+    u || typeof e == "function" && e(Object.values([d]));
+  }, [d, e, u]), /* @__PURE__ */ b(Qj, { title: f.current?.value || "", placement: "top", arrow: !0, children: /* @__PURE__ */ b(
     Ve,
     {
       sx: r ? { marginLeft: 1, ...n } : {
-        display: { xs: "inherit", md: "inline-flex" },
-        // ✅ inline en md+
+        display: {
+          xs: "inherit",
+          md: s ? "flex" : "inline-flex"
+        },
         verticalAlign: "top",
         ...n
       },
-      width: r ? {} : { xs: "100%", md: "auto" },
+      width: r ? {} : {
+        xs: "100%",
+        md: s ? "100%" : "auto"
+      },
       children: /* @__PURE__ */ b(
         fA,
         {
           size: "small",
-          sx: r ? { width: "100% !important" } : {},
-          ...s,
-          choices: f,
-          onChange: /* @__PURE__ */ a((h) => {
-            const m = f.find(
-              (y) => ql(y?.id, h)
+          sx: {
+            width: "100%",
+            ...r ? { width: "100% !important" } : {}
+          },
+          ...l,
+          choices: h,
+          onChange: /* @__PURE__ */ a((m) => {
+            const y = h.find(
+              (g) => ql(g?.id, m)
             );
             o({
               target: {
-                value: h
+                value: m
               },
-              label: Ub(m, s.source)
+              label: Ub(y, l.source)
             });
           }, "onChange"),
-          TextFieldProps: { inputRef: p }
+          TextFieldProps: { inputRef: f }
         }
       )
     }
@@ -35080,24 +35098,24 @@ const Gj = me([/* @__PURE__ */ b("circle", {
     asistantResource: p,
     perPage: f = 500,
     ...h
-  } = e, { source: m, reference: y } = t, [g, v] = Le([]), S = ko(), T = By((N) => hb(N.reload_cb, m, S)), E = bn(T), C = T === null && E.current ? E.current : T;
-  let w, k;
-  if (C) {
-    const { callback: N, ...A } = C;
-    w = N, k = A;
-  }
-  const R = et(
-    (N, A) => {
-      const D = N?.id ?? N?.[m] ?? A?.id ?? A?.data?.id ?? A?.data?.[m], P = e6(N, D, m);
-      P && P.id !== void 0 && P.id !== null && P.id !== "" && v((O) => O.some(
-        (I) => ql(I?.id, P.id)
-      ) ? O : [P, ...O].slice(0, 50)), o.invalidateQueries({
+  } = e, { source: m, reference: y, fullWidth: g = !1 } = t, [v, S] = Le([]), T = ko(), E = By((A) => hb(A.reload_cb, m, T)), C = bn(E), w = E === null && C.current ? C.current : E;
+  let k, R;
+  if (w) {
+    const { callback: A, ...D } = w;
+    k = A, R = D;
+  }
+  const N = et(
+    (A, D) => {
+      const P = A?.id ?? A?.[m] ?? D?.id ?? D?.data?.id ?? D?.data?.[m], O = e6(A, P, m);
+      O && O.id !== void 0 && O.id !== null && O.id !== "" && S((M) => M.some(
+        (L) => ql(L?.id, O.id)
+      ) ? M : [O, ...M].slice(0, 50)), o.invalidateQueries({
         queryKey: [y, "getList"]
       }), o.invalidateQueries({
         queryKey: [y, "getMany"]
       }), o.invalidateQueries({
         queryKey: [y, "getManyReference"]
-      }), typeof i?.setValue == "function" && D !== void 0 && D !== null && D !== "" && i.setValue(m, D, {
+      }), typeof i?.setValue == "function" && P !== void 0 && P !== null && P !== "" && i.setValue(m, P, {
         shouldDirty: !0,
         shouldTouch: !0,
         shouldValidate: !0
@@ -35106,20 +35124,19 @@ const Gj = me([/* @__PURE__ */ b("circle", {
     [i, o, y, m]
   );
   return Ae(() => {
-    T !== null && (E.current = T, r(pL(m, void 0, S)));
-  }, [r, T, S, m]), !n && !s ? /* @__PURE__ */ q(
+    E !== null && (C.current = E, r(pL(m, void 0, T)));
+  }, [r, E, T, m]), !n && !s ? /* @__PURE__ */ q(
     Ve,
     {
       sx: {
-        // En xs: fila propia (100% de ancho) pero mantiene input + botón en la MISMA línea
         display: {
           xs: "flex",
-          md: t.isTC ? "flex" : "inline-flex"
+          md: g || t.isTC ? "flex" : "inline-flex"
         },
         flexWrap: "nowrap",
         alignItems: "center",
         gap: 1,
-        width: t.isTC ? "80%" : { xs: "100%", md: "auto" },
+        width: g ? "100%" : t.isTC ? "80%" : { xs: "100%", md: "auto" },
         mr: 1,
         verticalAlign: "top"
       },
@@ -35130,7 +35147,7 @@ const Gj = me([/* @__PURE__ */ b("circle", {
             reference: y,
             source: m,
             perPage: f,
-            filter: k,
+            filter: R,
             queryOptions: {
               ...u || {},
               enabled: (u?.enabled ?? !0) && l
@@ -35139,10 +35156,14 @@ const Gj = me([/* @__PURE__ */ b("circle", {
               t6,
               {
                 ...h,
-                callback: w,
-                injectedChoices: g,
-                optionText: /* @__PURE__ */ a((N) => Ub(N, m), "optionText"),
-                sx: { width: "100% !important", minWidth: 220 }
+                callback: k,
+                injectedChoices: v,
+                fullWidth: g,
+                optionText: /* @__PURE__ */ a((A) => Ub(A, m), "optionText"),
+                sx: {
+                  width: "100%",
+                  minWidth: g ? 0 : 220
+                }
               }
             )
           }
@@ -35155,7 +35176,7 @@ const Gj = me([/* @__PURE__ */ b("circle", {
               tipo: "ventana",
               inline: !0,
               mutationOptions: {
-                onSuccess: R
+                onSuccess: N
               },
               ButtonProps: {
                 size: "small",
@@ -35163,7 +35184,7 @@ const Gj = me([/* @__PURE__ */ b("circle", {
               }
             },
             mutationOptions: {
-              onSuccess: R
+              onSuccess: N
             }
           }
         ) : null
@@ -36030,84 +36051,84 @@ const Gj = me([/* @__PURE__ */ b("circle", {
   all: !0,
   none: !1
 }, b6 = /* @__PURE__ */ a((t) => String(t) === t ? t === "" ? "Ninguno" : "Selección (1)" : !t || t?.all ? "Todos" : t?.none || t.seleccion.length === 0 ? "Ninguno" : `Selección (${t.seleccion.split(",").length})`, "format"), v6 = /* @__PURE__ */ a((t) => t, "parse"), jY = /* @__PURE__ */ a((t) => {
-  const { source: e, onChange: n } = t, [r] = lT({ resource: "form_224" }), [o, i] = Le(!1), s = tn(), { estado: l, fichaProps: u = {} } = Rt(), d = bn(!1), {
-    hidden: p,
+  const { source: e, onChange: n, fullWidth: r = !1 } = t, [o] = lT({ resource: "form_224" }), [i, s] = Le(!1), l = tn(), { estado: u, fichaProps: d = {} } = Rt(), p = bn(!1), {
+    hidden: f,
     propsContenido: {
-      readOnly: f,
-      sx: h,
-      label: m = "Funcionarios",
-      allowNone: y = !0,
-      allowAll: g = !0,
-      filgrilla: v,
-      meta: S,
-      ...T
+      readOnly: h,
+      sx: m,
+      label: y = "Funcionarios",
+      allowNone: g = !0,
+      allowAll: v = !0,
+      filgrilla: S,
+      meta: T,
+      ...E
     }
-  } = kn(t), { [e]: E = {} } = u, C = oo(t), w = E.onChange === void 0 ? n : E.onChange;
+  } = kn(t), { [e]: C = {} } = d, w = oo(t), k = C.onChange === void 0 ? n : C.onChange;
   Ae(() => {
-    d.current || (setTimeout(() => {
-      s.setValue(e, y6);
-    }, 0), d.current = !0);
-  }, [s, e]);
-  const k = et(() => {
-    i(!1);
-  }, [i]), R = /* @__PURE__ */ a((D, P) => {
-    i(!1), s.setValue(e, {
-      seleccion: r.join(",").replaceAll("funnro=", ""),
+    p.current || (setTimeout(() => {
+      l.setValue(e, y6);
+    }, 0), p.current = !0);
+  }, [l, e]);
+  const R = et(() => {
+    s(!1);
+  }, [s]), N = /* @__PURE__ */ a((P, O) => {
+    s(!1), l.setValue(e, {
+      seleccion: o.join(",").replaceAll("funnro=", ""),
       all: !1,
       none: !1
-    }), w && w(C, l, D);
-  }, "handleConfirm"), N = /* @__PURE__ */ a((D) => {
-    s.setValue(e, {
+    }), k && k(w, u, P);
+  }, "handleConfirm"), A = /* @__PURE__ */ a((P) => {
+    l.setValue(e, {
       seleccion: "",
       all: !1,
       none: !0
-    }), w && w(C, l, D);
-  }, "handleNinguno"), A = /* @__PURE__ */ a((D) => {
-    s.setValue(e, {
+    }), k && k(w, u, P);
+  }, "handleNinguno"), D = /* @__PURE__ */ a((P) => {
+    l.setValue(e, {
       seleccion: "",
       all: !0,
       none: !1
-    }), w && w(C, l, D);
+    }), k && k(w, u, P);
   }, "handleTodos");
-  return p ? null : /* @__PURE__ */ q(ar, { children: [
+  return f ? null : /* @__PURE__ */ q(ar, { children: [
     /* @__PURE__ */ b(
       Ve,
       {
         display: "flex",
         alignItems: "center",
         sx: {
-          ...h,
+          ...m,
           display: "inline-flex",
-          width: { xs: "100%", md: "auto" }
+          width: r ? "100%" : { xs: "100%", md: "auto" }
         },
         children: /* @__PURE__ */ b(
           Kr,
           {
-            ...T,
+            ...E,
             source: e,
-            label: m,
+            label: y,
             readOnly: !0,
             parse: v6,
             format: b6,
             helperText: !1,
             InputProps: {
               endAdornment: /* @__PURE__ */ q(ar, { children: [
-                y && /* @__PURE__ */ b(
+                g && /* @__PURE__ */ b(
                   $n,
                   {
-                    onClick: N,
-                    disabled: f,
+                    onClick: A,
+                    disabled: h,
                     "aria-label": "Ninguno",
                     size: "small",
                     title: "Ninguno",
                     children: /* @__PURE__ */ b(Nk, {})
                   }
                 ),
-                g && /* @__PURE__ */ b(
+                v && /* @__PURE__ */ b(
                   $n,
                   {
-                    onClick: A,
-                    disabled: f,
+                    onClick: D,
+                    disabled: h,
                     "aria-label": "Todos",
                     size: "small",
                     title: "Todos",
@@ -36117,8 +36138,8 @@ const Gj = me([/* @__PURE__ */ b("circle", {
                 /* @__PURE__ */ b(
                   $n,
                   {
-                    onClick: /* @__PURE__ */ a((D) => i(!0), "onClick"),
-                    disabled: f,
+                    onClick: /* @__PURE__ */ a((P) => s(!0), "onClick"),
+                    disabled: h,
                     "aria-label": "Selección",
                     size: "small",
                     title: "Selección",
@@ -36134,12 +36155,12 @@ const Gj = me([/* @__PURE__ */ b("circle", {
     /* @__PURE__ */ b(
       g6,
       {
-        isOpen: o,
-        title: `Selección de ${m}`,
-        onConfirm: R,
-        onClose: k,
-        filgrilla: v,
-        meta: S
+        isOpen: i,
+        title: `Selección de ${y}`,
+        onConfirm: N,
+        onClose: R,
+        filgrilla: S,
+        meta: T
       }
     )
   ] });