@code0-tech/pictor 0.6.3 → 0.6.4

package/dist/components/form/PasswordInput.js

@@ -1,55 +1,55 @@
-import { jsxs as l, Fragment as M, jsx as t } from "react/jsx-runtime";
-import p from "react";
+import { jsxs as i, Fragment as M, jsx as t } from "react/jsx-runtime";
+import u from "react";
 import { Input as V } from "./Input.js";
 import { IconX as s, IconCheck as c, IconEye as x } from "@tabler/icons-react";
-import { Button as u } from "../button/Button.js";
-import { clearInputElement as D } from "./Input.utils.js";
+import { Button as p } from "../button/Button.js";
+import { clearInputElement as w } from "./Input.utils.js";
 import { Flex as o } from "../flex/Flex.js";
 import { Text as a } from "../text/Text.js";
-const E = p.forwardRef((n, e) => {
-  e = e || p.useRef(null);
+const A = u.forwardRef((n, e) => {
+  e = e || u.useRef(null);
   const {
     clearable: m = !0,
-    visible: g = !0,
-    right: h,
+    visible: h = !0,
+    right: g,
     formValidation: r,
     ...f
-  } = n, z = (i) => (D(e.current), i.stopPropagation(), i.preventDefault(), !1), y = (i) => (e.current instanceof HTMLInputElement && (e.current.type === "password" ? e.current.type = "text" : e.current.type === "text" && (e.current.type = "password")), i.stopPropagation(), i.preventDefault(), !1), d = [h];
-  return g && d.push(/* @__PURE__ */ t(u, { variant: "none", onClick: (i) => y(i), children: /* @__PURE__ */ t(x, { size: 13 }) })), m && d.push(/* @__PURE__ */ t(u, { variant: "none", onClick: (i) => z(i), children: /* @__PURE__ */ t(s, { size: 13 }) })), /* @__PURE__ */ l(M, { children: [
+  } = n, z = (l) => (w(e.current), l.stopPropagation(), l.preventDefault(), !1), y = (l) => (e.current instanceof HTMLInputElement && (e.current.type === "password" ? e.current.type = "text" : e.current.type === "text" && (e.current.type = "password")), !1), d = [g];
+  return h && d.push(/* @__PURE__ */ t(p, { variant: "none", onClick: (l) => y(), children: /* @__PURE__ */ t(x, { size: 13 }) })), m && d.push(/* @__PURE__ */ t(p, { variant: "none", onClick: (l) => z(l), children: /* @__PURE__ */ t(s, { size: 13 }) })), /* @__PURE__ */ i(M, { children: [
     /* @__PURE__ */ t(V, { right: d, rightType: "action", type: "password", ref: e, ...r ? {
       formValidation: {
         setValue: r.setValue,
         valid: r.valid
       }
     } : {}, ...f }),
-    !r?.valid && /* @__PURE__ */ l(o, { mt: 0.7, style: {
+    !r?.valid && /* @__PURE__ */ i(o, { mt: 0.7, style: {
       flexDirection: "column"
     }, children: [
-      /* @__PURE__ */ l(o, { align: "center", style: {
+      /* @__PURE__ */ i(o, { align: "center", style: {
         gap: "0.35rem"
       }, children: [
         r?.notValidMessage?.includes("1") ? /* @__PURE__ */ t(s, { color: "#D90429", size: 16 }) : /* @__PURE__ */ t(c, { color: "#29BF12", size: 16 }),
         /* @__PURE__ */ t(a, { children: "Must be at least 8 characters" })
       ] }),
-      /* @__PURE__ */ l(o, { align: "center", style: {
+      /* @__PURE__ */ i(o, { align: "center", style: {
         gap: "0.35rem"
       }, children: [
         r?.notValidMessage?.includes("2") ? /* @__PURE__ */ t(s, { color: "#D90429", size: 16 }) : /* @__PURE__ */ t(c, { color: "#29BF12", size: 16 }),
         /* @__PURE__ */ t(a, { children: "Must include a lowercase letter" })
       ] }),
-      /* @__PURE__ */ l(o, { align: "center", style: {
+      /* @__PURE__ */ i(o, { align: "center", style: {
         gap: "0.35rem"
       }, children: [
         r?.notValidMessage?.includes("3") ? /* @__PURE__ */ t(s, { color: "#D90429", size: 16 }) : /* @__PURE__ */ t(c, { color: "#29BF12", size: 16 }),
         /* @__PURE__ */ t(a, { children: "Must include an uppercase letter" })
       ] }),
-      /* @__PURE__ */ l(o, { align: "center", style: {
+      /* @__PURE__ */ i(o, { align: "center", style: {
         gap: "0.35rem"
       }, children: [
         r?.notValidMessage?.includes("4") ? /* @__PURE__ */ t(s, { color: "#D90429", size: 16 }) : /* @__PURE__ */ t(c, { color: "#29BF12", size: 16 }),
         /* @__PURE__ */ t(a, { children: "Must include a number" })
       ] }),
-      /* @__PURE__ */ l(o, { align: "center", style: {
+      /* @__PURE__ */ i(o, { align: "center", style: {
         gap: "0.35rem"
       }, children: [
         r?.notValidMessage?.includes("5") ? /* @__PURE__ */ t(s, { color: "#D90429", size: 16 }) : /* @__PURE__ */ t(c, { color: "#29BF12", size: 16 }),
@@ -57,12 +57,12 @@ const E = p.forwardRef((n, e) => {
       ] })
     ] })
   ] });
-}), P = (n) => {
+}), E = (n) => {
   if (!n) return "12345";
   let e = null;
   return n.length < 8 && (e = (e ?? "") + "1"), /[a-z]/.test(n) || (e = (e ?? "") + "2"), /[A-Z]/.test(n) || (e = (e ?? "") + "3"), /[0-9]/.test(n) || (e = (e ?? "") + "4"), /[^A-Za-z0-9]/.test(n) || (e = (e ?? "") + "5"), e;
 };
 export {
-  E as PasswordInput,
-  P as passwordValidation
+  A as PasswordInput,
+  E as passwordValidation
 };

package/dist/components/form/useForm.js

@@ -1,41 +1,41 @@
-import { useState as g, useRef as p, useCallback as m, useEffect as j } from "react";
-function o(i, t, e) {
-  return (t = P(t)) in i ? Object.defineProperty(i, t, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : i[t] = e, i;
+import { useState as m, useRef as w, useCallback as b, useEffect as j } from "react";
+function c(a, e, t) {
+  return (e = y(e)) in a ? Object.defineProperty(a, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[e] = t, a;
 }
-function P(i) {
-  var t = y(i, "string");
-  return typeof t == "symbol" ? t : t + "";
+function y(a) {
+  var e = P(a, "string");
+  return typeof e == "symbol" ? e : e + "";
 }
-function y(i, t) {
-  if (typeof i != "object" || !i) return i;
-  var e = i[Symbol.toPrimitive];
-  if (e !== void 0) {
-    var a = e.call(i, t);
-    if (typeof a != "object") return a;
+function P(a, e) {
+  if (typeof a != "object" || !a) return a;
+  var t = a[Symbol.toPrimitive];
+  if (t !== void 0) {
+    var i = t.call(a, e);
+    if (typeof i != "object") return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (t === "string" ? String : Number)(i);
+  return (e === "string" ? String : Number)(a);
 }
-class b {
-  constructor(t, e, a, u = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map()) {
-    o(this, "changeValue", void 0), o(this, "currentValues", void 0), o(this, "currentValidations", void 0), o(this, "shouldValidate", void 0), o(this, "cachedMessages", void 0), this.changeValue = t, this.currentValues = e, this.currentValidations = a, this.shouldValidate = u, this.cachedMessages = r;
+class v {
+  constructor(e, t, i, u = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map()) {
+    c(this, "changeValue", void 0), c(this, "currentValues", void 0), c(this, "currentValidations", void 0), c(this, "shouldValidate", void 0), c(this, "cachedMessages", void 0), this.changeValue = e, this.currentValues = t, this.currentValidations = i, this.shouldValidate = u, this.cachedMessages = r;
   }
   isValid() {
     if (!this.currentValidations) return !0;
-    for (const t in this.currentValidations) {
-      const e = this.currentValidations[t];
-      if (e && e(this.currentValues[t], this.currentValues) !== null)
+    for (const e in this.currentValidations) {
+      const t = this.currentValidations[e];
+      if (t && t(this.currentValues[e], this.currentValues) !== null)
         return !1;
     }
     return !0;
   }
-  getInputProps(t) {
-    const e = this.currentValues[t], a = e ?? null, u = t, r = this.currentValidations && this.currentValidations[t] ? this.currentValidations[t] : (l) => null;
+  getInputProps(e) {
+    const t = this.currentValues[e], i = t ?? null, u = e, r = this.currentValidations && this.currentValidations[e] ? this.currentValidations[e] : (l) => null;
     let s = null;
-    return this.shouldValidate.has(t) ? (s = r(e, this.currentValues), this.cachedMessages.set(t, s)) : s = this.cachedMessages.get(t) ?? null, {
+    return this.shouldValidate.has(e) ? (s = r(t, this.currentValues), this.cachedMessages.set(e, s)) : s = this.cachedMessages.get(e) ?? null, {
       // @ts-ignore – z.B. wenn dein Input `defaultValue` kennt
-      defaultValue: a,
-      initialValue: a ?? void 0,
+      defaultValue: i,
+      initialValue: i ?? void 0,
       formValidation: {
         setValue: (l) => {
           this.changeValue(u, l);
@@ -43,36 +43,36 @@ class b {
         notValidMessage: s,
         valid: s === null
       },
-      ...this.currentValidations && this.currentValidations[t] ? {
+      ...this.currentValidations && this.currentValidations[e] ? {
         required: !0
       } : {}
     };
   }
 }
-const F = (i) => {
+const F = (a) => {
   const {
-    initialValues: t,
-    validate: e = {},
-    truthyValidationBeforeSubmit: a = !0,
+    initialValues: e,
+    validate: t = {},
+    truthyValidationBeforeSubmit: i = !0,
     useInitialValidation: u = !0,
     onSubmit: r
-  } = i, [s, l] = g(t), c = p(t), v = p(/* @__PURE__ */ new Map()), V = m((n, f) => {
-    l((d) => {
-      const h = {
-        ...d,
-        [n]: f
+  } = a, [s, l] = m(e), o = w(e), f = w(/* @__PURE__ */ new Map()), d = b((n, p) => {
+    l((h) => {
+      const V = {
+        ...h,
+        [n]: p
       };
-      return c.current = h, h;
+      return o.current = V, V;
     });
-  }, []), [w, M] = g(new b(V, s, e, u ? new Map(Object.keys(t).map((n) => [n, !0])) : /* @__PURE__ */ new Map(), v.current));
+  }, []), [M, g] = m(new v(d, s, t, u ? new Map(Object.keys(e).map((n) => [n, !0])) : /* @__PURE__ */ new Map(), f.current));
   j(() => {
-    l(t), c.current = t;
-  }, [t]);
-  const S = m((n) => {
-    const f = n && new Set(Object.keys(t)).has(String(n)) ? /* @__PURE__ */ new Map([[n, !0]]) : new Map(Object.keys(t).map((h) => [String(h), !0])), d = new b(V, c.current, e, f, v.current);
-    M(d), !new Set(Object.keys(t)).has(String(n)) && r && (!a || d.isValid()) && r(c.current);
-  }, [V, e, r, a, t]);
-  return [w, S];
+    l(e), o.current = e, g(new v(d, e, t, u ? new Map(Object.keys(e).map((n) => [n, !0])) : /* @__PURE__ */ new Map(), f.current));
+  }, [e]);
+  const S = b((n) => {
+    const p = n && new Set(Object.keys(e)).has(String(n)) ? /* @__PURE__ */ new Map([[n, !0]]) : new Map(Object.keys(e).map((V) => [String(V), !0])), h = new v(d, o.current, t, p, f.current);
+    g(h), !new Set(Object.keys(e)).has(String(n)) && r && (!i || h.isValid()) && r(o.current);
+  }, [d, t, r, i, e]);
+  return [M, S];
 };
 export {
   F as useForm

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@code0-tech/pictor",
-  "version": "0.6.3",
+  "version": "0.6.4",
   "type": "module",
   "description": "A simple template for a custom React component library",
   "scripts": {