react-hook-form-next-ui 3.0.7 → 3.0.50

package/README.md

@@ -120,5 +120,3 @@ const schema = yup
 export default schema
 ```
 
-NPM TOKEN
-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

package/dist/index.js

@@ -538,18 +538,18 @@ function A(e, n = "ISO8601", t = "device") {
     ["ss", 0]
   ]);
   let f = null, h = "";
-  d.forEach((b) => {
-    if (b.partName === "literal")
+  d.forEach((y) => {
+    if (y.partName === "literal")
       return;
-    if (b.token === b.value)
+    if (y.token === y.value)
       return i();
-    const q = Number(b.value);
-    if (u.has(b.token))
-      u.set(b.token, q);
-    else if (b.token === "YY")
-      u.set("YYYY", Pt(b.value));
+    const q = Number(y.value);
+    if (u.has(y.token))
+      u.set(y.token, q);
+    else if (y.token === "YY")
+      u.set("YYYY", Pt(y.value));
     else {
-      const D = b.token;
+      const D = y.token;
       if (D.startsWith("d"))
         return;
       if (D === "D")
@@ -559,11 +559,11 @@ function A(e, n = "ISO8601", t = "device") {
       else if (D === "M")
         u.set("MM", q);
       else if (D === "a" || D === "A")
-        f = b.value.toLowerCase() === z("am", t).toLowerCase();
+        f = y.value.toLowerCase() === z("am", t).toLowerCase();
       else if (D === "Z" || D === "ZZ")
-        h = Ue(b.value, D);
+        h = Ue(y.value, D);
       else {
-        const W = _e(D, t, o).indexOf(b.value);
+        const W = _e(D, t, o).indexOf(y.value);
         if (W !== -1)
           switch (D) {
             case "MMM":
@@ -576,13 +576,13 @@ function A(e, n = "ISO8601", t = "device") {
   });
   let p = u.get("HH") || 0;
   f === !1 ? (p += p === 12 ? 0 : 12, u.set("HH", p === 24 ? 0 : p)) : f === !0 && p === 12 && u.set("HH", 0), u.set("MM", (u.get("MM") || 1) - 1);
-  let [w, k, M, Y, y, $] = Array.from(u.values());
+  let [w, k, M, Y, x, $] = Array.from(u.values());
   const N = je(/* @__PURE__ */ new Date(`${se(w)}-${L(k + 1)}-10`));
   if (N < M && s === "throw")
     throw new Error(`Invalid date ${se(w)}-${L(k + 1)}-${L(M)}`);
   M = s === "backward" ? Math.min(M, N) : M;
   const U = `${se(w)}-${L(k + 1)}-${L(M)}T${L(Y)}:${L(
-    y
+    x
   )}:${L($)}${h}`, F = new Date(U);
   return isFinite(+F) ? F : i();
 }
@@ -693,27 +693,26 @@ const Bt = () => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.
   rowsPerPageOptions: h = { default: 10, options: [5, 10, 15] },
   ...p
 }) => {
-  const [w, k] = B(""), [M, Y] = B(h.default), [y, $] = B(1), [N, U] = B(/* @__PURE__ */ new Set()), [F, b] = B(p.sortDescriptor ?? { column: "", direction: "ascending" });
+  const [w, k] = B(""), [M, Y] = B(h.default), [x, $] = B(1), [N, U] = B(/* @__PURE__ */ new Set()), [F, y] = B({ column: "", direction: "ascending" });
   ne(() => {
-    const g = Math.ceil(d.length / M);
-    y > g && $(1), U(/* @__PURE__ */ new Set());
+    $(1), U(/* @__PURE__ */ new Set());
   }, [d]);
   const D = !!pt(w, 500), pe = R((g) => {
     U(g);
-    let x = [];
-    a === "single" ? x = d.find((E) => E[u] == [...g][0]) : g === "all" ? (x = d, U(new Set(d.map((E) => E[u])))) : x = d.filter((E) => [...g].includes(E[u])), r && r(x);
+    let b = [];
+    a === "single" ? b = d.find((E) => E[u] == [...g][0]) : g === "all" ? (b = d, U(new Set(d.map((E) => E[u])))) : b = d.filter((E) => [...g].includes(E[u])), r && r(b);
   }, [r, d, a, u]), W = P(() => {
     let g = [...d];
     return D && (g = g.filter(
-      (x) => Object.values(x).some(
+      (b) => Object.values(b).some(
         (E, S) => {
-          const H = Object.keys(x)[S];
+          const H = Object.keys(b)[S];
           return !l.map((j) => j.key).includes(H) || E == null || !E ? !1 : E.toString().toLowerCase().includes(w.toLowerCase());
         }
       )
     )), g;
-  }, [w, D, d, l]), _ = Math.ceil(W.length / M) || 1, re = P(() => [...W].sort((g, x) => {
-    const E = g[F.column], S = x[F.column];
+  }, [w, D, d, l]), _ = Math.ceil(W.length / M) || 1, re = P(() => [...W].sort((g, b) => {
+    const E = g[F.column], S = b[F.column];
     let H = 0;
     if (!E && !S && (H = 0), E || (H = -1), S || (H = 1), typeof E == "number" && typeof S == "number" && (H = E - S), typeof E == "string" && typeof S == "string") {
       const O = l.find((j) => j.key === F.column);
@@ -730,36 +729,36 @@ const Bt = () => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.
     return F.direction === "descending" ? -H : H;
   }), [F, W, l]), Oe = P(() => {
     if (t) return re;
-    const g = (y - 1) * M, x = g + M;
-    return re.slice(g, x);
-  }, [re, y, M, t]), Me = R(() => {
+    const g = (x - 1) * M, b = g + M;
+    return re.slice(g, b);
+  }, [re, x, M, t]), Me = R(() => {
     k(""), $(1);
   }, []), ve = R(() => {
-    y < _ && $(y + 1);
-  }, [y, _]), Ee = R(() => {
-    y > 1 && $(y - 1);
-  }, [y]), we = R((g) => {
+    x < _ && $(x + 1);
+  }, [x, _]), Ee = R(() => {
+    x > 1 && $(x - 1);
+  }, [x]), we = R((g) => {
     Y(Number(g.target.value)), $(1);
   }, []), ye = R((g) => {
     g ? (k(g), $(1)) : k("");
-  }, []), ze = R((g, x) => {
-    const E = l.find((S) => S.key === x);
+  }, []), ze = R((g, b) => {
+    const E = l.find((S) => S.key === b);
     return E.format ? /* @__PURE__ */ c.createElement("div", null, E.format({
-      value: g[x],
+      value: g[b],
       row: g
-    })) : /* @__PURE__ */ c.createElement("p", { title: g[x] }, g[x]);
+    })) : /* @__PURE__ */ c.createElement("p", { title: g[b] }, g[b]);
   }, [l]), Ge = P(() => /* @__PURE__ */ c.createElement("div", { className: "py-2 px-2 mt-2 flex justify-between items-center" }, /* @__PURE__ */ c.createElement("span", { className: "w-[30%] text-small text-default-400" }, [...N].length > 0 && /* @__PURE__ */ c.createElement(c.Fragment, null, [...N].length, " ", [...N].length === 1 ? "fila seleccionada" : "filas seleccionadas")), !t && /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement(
     Qe,
     {
       isCompact: !0,
       showControls: !0,
       showShadow: !0,
-      page: y,
+      page: x,
       total: _,
       onChange: $,
       color: p.color
     }
-  ), /* @__PURE__ */ c.createElement("div", { className: "hidden sm:flex w-[30%] justify-end gap-2" }, /* @__PURE__ */ c.createElement(Q, { isDisabled: _ === 1, size: "sm", variant: "flat", onPress: Ee }, "Atrás"), /* @__PURE__ */ c.createElement(Q, { isDisabled: _ === 1, size: "sm", variant: "flat", onPress: ve }, "Siguiente")))), [y, _, ve, Ee, N, p.color, t]), qe = P(() => /* @__PURE__ */ c.createElement("div", { className: "flex flex-col gap-4 relative pb-2" }, /* @__PURE__ */ c.createElement("div", { className: "flex justify-between gap-3 items-end" }, !e && /* @__PURE__ */ c.createElement(
+  ), /* @__PURE__ */ c.createElement("div", { className: "hidden sm:flex w-[30%] justify-end gap-2" }, /* @__PURE__ */ c.createElement(Q, { isDisabled: _ === 1, size: "sm", variant: "flat", onPress: Ee }, "Atrás"), /* @__PURE__ */ c.createElement(Q, { isDisabled: _ === 1, size: "sm", variant: "flat", onPress: ve }, "Siguiente")))), [x, _, ve, Ee, N, p.color, t]), qe = P(() => /* @__PURE__ */ c.createElement("div", { className: "flex flex-col gap-4 relative pb-2" }, /* @__PURE__ */ c.createElement("div", { className: "flex justify-between gap-3 items-end" }, !e && /* @__PURE__ */ c.createElement(
     Ze,
     {
       ...s,
@@ -803,13 +802,13 @@ const Bt = () => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.
       "aria-label": "Tabla de datos",
       isVirtualized: t,
       sortDescriptor: F,
-      onSortChange: b,
+      onSortChange: y,
       selectedKeys: N,
       onSelectionChange: pe,
       selectionMode: a
     },
     /* @__PURE__ */ c.createElement(Ne, { columns: l }, (g) => /* @__PURE__ */ c.createElement(Fe, { ...g, children: void 0, key: g.key })),
-    /* @__PURE__ */ c.createElement(Se, { emptyContent: "No hay datos.", items: Oe }, (g) => /* @__PURE__ */ c.createElement(Ie, { key: g[u] }, (x) => /* @__PURE__ */ c.createElement(Pe, { className: m }, ze(g, x))))
+    /* @__PURE__ */ c.createElement(Se, { emptyContent: "No hay datos.", items: Oe }, (g) => /* @__PURE__ */ c.createElement(Ie, { key: g[u] }, (b) => /* @__PURE__ */ c.createElement(Pe, { className: m }, ze(g, b))))
   ), Ge));
 }, Kt = ({ children: e, title: n, color: t = "primary" }) => /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement("header", { className: `bg-${t} w-full text-center text-white py-5` }, /* @__PURE__ */ c.createElement("h1", { className: "font-bold text-lg" }, n)), /* @__PURE__ */ c.createElement(He, null), /* @__PURE__ */ c.createElement("main", { className: "p-5 2xl:px-16 2xl:py-5 mx-auto" }, e)), Ut = () => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "size-6" }, /* @__PURE__ */ c.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m4.5 18.75 7.5-7.5 7.5 7.5" }), /* @__PURE__ */ c.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m4.5 12.75 7.5-7.5 7.5 7.5" })), Wt = () => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "size-6" }, /* @__PURE__ */ c.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m4.5 5.25 7.5 7.5 7.5-7.5m-15 6 7.5 7.5 7.5-7.5" })), en = ({ title: e, color: n = "default", children: t, collapse: r = !1 }) => {
   const [a, s] = B(!0);
@@ -954,13 +953,13 @@ const Bt = () => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.
     [n, i, h]
   ), w = R((M) => {
     setTimeout(() => {
-      const Y = new Set(M), y = new Set(a), $ = Y.has("all");
+      const Y = new Set(M), x = new Set(a), $ = Y.has("all");
       let N = M;
       if ($ && h)
         if (Y.size - 1 === n.length)
           f(e, ""), N = /* @__PURE__ */ new Set();
         else {
-          const F = n.filter((b) => !y.has(b.key)).map((b) => b.key);
+          const F = n.filter((y) => !x.has(y.key)).map((y) => y.key);
           f(e, F.toString()), N = new Set(F);
         }
       m == null || m(N);
@@ -974,7 +973,7 @@ const Bt = () => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.
       name: e,
       defaultValue: (r == null ? void 0 : r.toString()) ?? void 0,
       render: ({ field: M, formState: { errors: Y } }) => {
-        var y;
+        var x;
         return /* @__PURE__ */ c.createElement(
           nt,
           {
@@ -982,7 +981,7 @@ const Bt = () => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.
             ...M,
             items: p,
             selectedKeys: M.value ? M.value.split(",") : [],
-            errorMessage: ((y = Y[e]) == null ? void 0 : y.message) || "",
+            errorMessage: ((x = Y[e]) == null ? void 0 : x.message) || "",
             selectionMode: d,
             onSelectionChange: ($) => w($),
             isInvalid: !!Y[e],

package/package.json

@@ -1,7 +1,7 @@
 {
    "name": "react-hook-form-next-ui",
    "type": "module",
-   "version": "3.0.7",
+   "version": "3.0.50",
    "main": "./dist/index.js",
    "module": "./dist/index.js",
    "keywords": [
@@ -32,7 +32,9 @@
       "dev": "vite",
       "build": "tsc -b && vite build",
       "lint": "eslint .",
-      "preview": "vite preview"     
+      "preview": "vite preview",
+      "storybook": "storybook dev -p 6006",
+      "build-storybook": "storybook build"
    },
    "peerDependencies": {
       "@heroui/react": ">=2.6.7",
@@ -43,12 +45,20 @@
       "yup": ">=1.0.0"
    },
    "devDependencies": {
+      "@chromatic-com/storybook": "^3.2.2",
       "@eslint/js": "^9.9.0",
       "@faker-js/faker": "^9.3.0",
       "@formkit/tempo": "^0.1.2",
       "@heroui/react": "^2.6.14",
       "@hookform/devtools": "^4.3.1",
-      "@hookform/resolvers": "^4.1.3",   
+      "@hookform/resolvers": "^4.1.3",
+      "@storybook/addon-essentials": "^8.4.7",
+      "@storybook/addon-interactions": "^8.4.7",
+      "@storybook/addon-onboarding": "^8.4.7",
+      "@storybook/blocks": "^8.4.0",
+      "@storybook/react": "^8.4.0",
+      "@storybook/react-vite": "^8.4.7",
+      "@storybook/test": "^8.4.0",
       "@types/node": "^22.10.1",
       "@types/react": "^19.0.1",
       "@types/react-dom": "^19.0.2",
@@ -63,6 +73,7 @@
       "react": "^19.0.0",
       "react-dom": "^19.0.0",
       "react-hook-form": "^7.54.0",
+      "storybook": "^8.4.7",
       "tailwindcss": "^3.4.16",
       "typescript": "^5.7.2",
       "typescript-eslint": "^8.18.0",
@@ -72,9 +83,11 @@
       "yup": "^1.5.0"
    },
    "eslintConfig": {
-      "extends": []
+      "extends": [
+         "plugin:storybook/recommended"
+      ]
    },
    "dependencies": {
       "globals": "^16.0.0"
    }
-}
+}