@effect-app/vue-components 0.6.2 → 0.7.0

package/dist/vue-components.es7.js

@@ -1,135 +1,38 @@
-import { useForm as I } from "@tanstack/vue-form";
-import { S as N } from "effect-app";
-import { generateMetaFromSchema as R } from "./vue-components.es8.js";
-import { computed as b, onUnmounted as A, onMounted as D, onBeforeUnmount as J, provide as K } from "vue";
-import { isObject as q } from "./vue-components.es18.js";
-import M from "./vue-components.es19.js";
-const x = Symbol("OmegaForm"), H = (w, s, i) => {
-  if (!w) throw new Error("Schema is required");
-  const V = N.standardSchemaV1(w), { filterItems: L, meta: t } = R(w), d = b(() => {
-    var l;
-    if ((l = i == null ? void 0 : i.persistency) != null && l.id)
-      return i.persistency.id;
-    const e = window.location.pathname, r = Object.keys(t);
-    return `${e}-${r.join("-")}`;
-  }), U = () => {
-    const e = new URLSearchParams(window.location.search);
-    e.delete(d.value);
-    const r = new URL(window.location.href);
-    r.search = e.toString(), window.history.replaceState({}, "", r.toString());
-  };
-  function v(e, r) {
-    for (const l in r)
-      r[l] && q(r[l]) ? (e[l] || (e[l] = {}), v(e[l], r[l])) : e[l] = r[l];
-    return e;
-  }
-  const j = b(() => {
-    var l;
-    if (s != null && s.defaultValues && !((l = i == null ? void 0 : i.persistency) != null && l.overrideDefaultValues))
-      return s == null ? void 0 : s.defaultValues;
-    let e;
-    const r = i == null ? void 0 : i.persistency;
-    if (!(r != null && r.policies) || r.policies.length === 0) return {};
-    if (r.policies.includes("querystring"))
-      try {
-        const c = new URLSearchParams(window.location.search).get(d.value);
-        U(), c && (e = JSON.parse(c));
-      } catch (u) {
-        console.error(u);
-      }
-    if (
-      // query string has higher priority than local/session storage
-      !e && (r.policies.includes("local") || r.policies.includes("session"))
-    ) {
-      const u = r.policies.includes("local") ? localStorage : sessionStorage;
-      if (u)
-        try {
-          const c = JSON.parse(
-            u.getItem(d.value) || "{}"
-          );
-          u.removeItem(d.value), e = c;
-        } catch (c) {
-          console.error(c);
-        }
-    }
-    if (e ?? (e = {}), (s == null ? void 0 : s.defaultValues) == null)
-      return e;
-    {
-      const u = s == null ? void 0 : s.defaultValues;
-      return v(u, e);
-    }
-  }), n = I({
-    ...s,
-    validators: {
-      onSubmit: V,
-      ...(s == null ? void 0 : s.validators) || {}
-    },
-    onSubmit: s != null && s.onSubmit ? ({ formApi: e, meta: r, value: l }) => {
-      var u;
-      return (u = s.onSubmit) == null ? void 0 : u.call(s, {
-        formApi: e,
-        meta: r,
-        value: l
-      });
-    } : void 0,
-    defaultValues: j.value
-  }), E = () => {
-    Object.keys(t).forEach((e) => {
-      n.setFieldValue(e, void 0);
-    });
-  }, S = (e) => e.reduce(
-    (r, l) => {
-      const u = l.split(".");
-      return u.reduce((c, o, P) => (P === u.length - 1 ? c[o] = n.getFieldValue(l) : c[o] = c[o] ?? {}, c[o]), r), r;
-    },
-    {}
-  ), f = (e) => {
-    if (e) {
-      if (Array.isArray(e.keys))
-        return S(e.keys);
-      if (Array.isArray(e.banKeys)) {
-        const r = Object.keys(t).filter(
-          (l) => {
-            var u;
-            return (u = e.banKeys) == null ? void 0 : u.includes(l);
-          }
-        );
-        return S(r);
-      }
-      return n.store.state.values;
-    }
-  }, h = () => {
-    const e = i == null ? void 0 : i.persistency;
-    if (!(!(e != null && e.policies) || e.policies.length === 0) && (e.policies.includes("local") || e.policies.includes("session"))) {
-      const r = e.policies.includes("local") ? localStorage : sessionStorage;
-      if (!r) return;
-      const l = f(e);
-      return r.setItem(d.value, JSON.stringify(l));
-    }
-  }, a = () => {
-    const e = i == null ? void 0 : i.persistency;
-    if (!(!(e != null && e.policies) || e.policies.length === 0) && e.policies.includes("querystring")) {
-      const r = f(e), l = new URLSearchParams(window.location.search);
-      l.set(d.value, JSON.stringify(r));
-      const u = new URL(window.location.href);
-      u.search = l.toString(), window.history.replaceState({}, "", u.toString());
+import { ref as l, computed as p, readonly as v, provide as E, inject as f } from "vue";
+const u = Symbol();
+function h(e, a, t = "onSubmit") {
+  const r = l([]), n = (o) => {
+    r.value = r.value.filter((d) => d.inputId !== o);
+  }, c = (o) => {
+    n(o.inputId), r.value.push(o);
+  }, i = () => {
+    r.value = [];
+  }, m = p(() => {
+    switch (t) {
+      case "onChange":
+        return !0;
+      default:
+        return e.value > 0;
     }
+  }), s = {
+    errors: v(r),
+    addError: c,
+    removeError: n,
+    clearErrors: i,
+    showErrors: m,
+    generalErrors: a,
+    showErrorsOn: t ?? "onSubmit"
   };
-  A(h), D(() => {
-    window.addEventListener("beforeunload", h), window.addEventListener("blur", a);
-  }), J(() => {
-    window.removeEventListener("beforeunload", h), window.removeEventListener("blur", a);
-  });
-  const y = Object.assign(n, {
-    meta: t,
-    filterItems: L,
-    clear: E
-  });
-  return K(x, y), Object.assign(y, {
-    Input: M
-  });
-};
+  return E(u, s), s;
+}
+function w() {
+  const e = f(u);
+  if (!e)
+    throw new Error("useOmegaErrors must be used within an OmegaForm provider");
+  return e;
+}
 export {
-  x as OmegaFormKey,
-  H as useOmegaForm
+  u as OmegaErrorsKey,
+  h as provideOmegaErrors,
+  w as useOmegaErrors
 };

package/dist/vue-components.es8.js

@@ -1,218 +1,135 @@
-import { S as i, pipe as p, Option as f } from "effect-app";
-import { useIntl as S } from "./vue-components.es3.js";
-const y = i.NonEmptyArray(i.String), v = (e) => i.AST.isUnion(e) && e.types.find((t) => t._tag === "UndefinedKeyword" || t === i.Null.ast), x = (e) => !e || !i.AST.isUnion(e) ? !1 : e.types.find((t) => t._tag === "UndefinedKeyword") ? "undefined" : e.types.find((t) => t === i.Null.ast) ? "null" : !1, m = ({ meta: e = {}, parent: t = "", property: n, propertySignatures: a }, l = {}) => {
-  if (n && n._tag === "Transformation")
-    return m({
-      parent: t,
-      meta: e,
-      property: n.from
-    });
-  if ((n == null ? void 0 : n._tag) === "TypeLiteral" && "propertySignatures" in n)
-    return m({
-      meta: e,
-      propertySignatures: n.propertySignatures
-    });
-  if (a) {
-    for (const s of a) {
-      const u = t ? `${t}.${s.name.toString()}` : s.name.toString(), r = x(s.type), o = !r;
-      let d = s.type;
-      if (i.AST.isUnion(s.type) && (d = s.type.types.find(
-        (g) => g._tag !== "UndefinedKeyword" && g !== i.Null.ast
-      )), "propertySignatures" in d)
-        Object.assign(
-          l,
-          m({
-            parent: u,
-            propertySignatures: d.propertySignatures,
-            meta: { required: o, nullableOrUndefined: r }
-          })
-        );
-      else {
-        const g = m({
-          parent: u,
-          property: s.type,
-          meta: { required: o, nullableOrUndefined: r }
-        });
-        l[u] = g;
+import { useForm as I } from "@tanstack/vue-form";
+import { S as N } from "effect-app";
+import { generateMetaFromSchema as R } from "./vue-components.es9.js";
+import { computed as b, onUnmounted as A, onMounted as D, onBeforeUnmount as J, provide as K } from "vue";
+import { isObject as q } from "./vue-components.es20.js";
+import M from "./vue-components.es21.js";
+const x = Symbol("OmegaForm"), H = (w, s, i) => {
+  if (!w) throw new Error("Schema is required");
+  const V = N.standardSchemaV1(w), { filterItems: L, meta: t } = R(w), d = b(() => {
+    var l;
+    if ((l = i == null ? void 0 : i.persistency) != null && l.id)
+      return i.persistency.id;
+    const e = window.location.pathname, r = Object.keys(t);
+    return `${e}-${r.join("-")}`;
+  }), U = () => {
+    const e = new URLSearchParams(window.location.search);
+    e.delete(d.value);
+    const r = new URL(window.location.href);
+    r.search = e.toString(), window.history.replaceState({}, "", r.toString());
+  };
+  function v(e, r) {
+    for (const l in r)
+      r[l] && q(r[l]) ? (e[l] || (e[l] = {}), v(e[l], r[l])) : e[l] = r[l];
+    return e;
+  }
+  const j = b(() => {
+    var l;
+    if (s != null && s.defaultValues && !((l = i == null ? void 0 : i.persistency) != null && l.overrideDefaultValues))
+      return s == null ? void 0 : s.defaultValues;
+    let e;
+    const r = i == null ? void 0 : i.persistency;
+    if (!(r != null && r.policies) || r.policies.length === 0) return {};
+    if (r.policies.includes("querystring"))
+      try {
+        const c = new URLSearchParams(window.location.search).get(d.value);
+        U(), c && (e = JSON.parse(c));
+      } catch (u) {
+        console.error(u);
       }
+    if (
+      // query string has higher priority than local/session storage
+      !e && (r.policies.includes("local") || r.policies.includes("session"))
+    ) {
+      const u = r.policies.includes("local") ? localStorage : sessionStorage;
+      if (u)
+        try {
+          const c = JSON.parse(
+            u.getItem(d.value) || "{}"
+          );
+          u.removeItem(d.value), e = c;
+        } catch (c) {
+          console.error(c);
+        }
     }
-    return l;
-  }
-  if (n) {
-    const s = v(n);
-    if (Object.hasOwnProperty.call(e, "required") || (e.required = !s), i.AST.isUnion(n)) {
-      const r = n.types.find(
-        (o) => o._tag !== "UndefinedKeyword" && o !== i.Null.ast
-      );
-      return "propertySignatures" in r ? m({
-        propertySignatures: r.propertySignatures,
-        parent: t,
-        meta: e
-      }) : n.types.every(i.AST.isLiteral) ? {
-        ...e,
-        type: "select",
-        members: n.types.map((o) => o.literal)
-      } : {
-        ...e,
-        ...m({
-          parent: t,
-          meta: e,
-          property: r
-        })
-      };
+    if (e ?? (e = {}), (s == null ? void 0 : s.defaultValues) == null)
+      return e;
+    {
+      const u = s == null ? void 0 : s.defaultValues;
+      return v(u, e);
     }
-    if (i.AST.isTupleType(n))
-      return {
-        ...e,
-        type: "multiple",
-        members: n.elements
-      };
-    const u = i.AST.getAnnotation(
-      n,
-      i.AST.JSONSchemaAnnotationId
-    ).pipe(f.getOrElse(() => ({})));
-    return e = { ...e, ...u }, "from" in n ? m({
-      parent: t,
-      meta: e,
-      property: n.from
-    }) : (e.type = i.AST.getAnnotation(
-      n,
-      i.AST.TitleAnnotationId
-    ).pipe(
-      f.getOrElse(() => "unknown")
-    ), e);
-  }
-  return l;
-}, c = (e) => {
-  const t = e.ast, n = {};
-  if (t._tag === "Transformation" || t._tag === "Refinement")
-    return c(i.make(t.from));
-  if ("propertySignatures" in t) {
-    const a = m({
-      propertySignatures: t.propertySignatures
+  }), n = I({
+    ...s,
+    validators: {
+      onSubmit: V,
+      ...(s == null ? void 0 : s.validators) || {}
+    },
+    onSubmit: s != null && s.onSubmit ? ({ formApi: e, meta: r, value: l }) => {
+      var u;
+      return (u = s.onSubmit) == null ? void 0 : u.call(s, {
+        formApi: e,
+        meta: r,
+        value: l
+      });
+    } : void 0,
+    defaultValues: j.value
+  }), E = () => {
+    Object.keys(t).forEach((e) => {
+      n.setFieldValue(e, void 0);
     });
-    if (Object.values(a).every((s) => s && "type" in s))
-      return a;
-    const l = (s, u = "") => {
-      for (const r in s) {
-        const o = u ? `${u}.${r}` : r;
-        s[r] && typeof s[r] == "object" && "type" in s[r] ? n[o] = s[r] : s[r] && typeof s[r] == "object" && l(s[r], o);
+  }, S = (e) => e.reduce(
+    (r, l) => {
+      const u = l.split(".");
+      return u.reduce((c, o, P) => (P === u.length - 1 ? c[o] = n.getFieldValue(l) : c[o] = c[o] ?? {}, c[o]), r), r;
+    },
+    {}
+  ), f = (e) => {
+    if (e) {
+      if (Array.isArray(e.keys))
+        return S(e.keys);
+      if (Array.isArray(e.banKeys)) {
+        const r = Object.keys(t).filter(
+          (l) => {
+            var u;
+            return (u = e.banKeys) == null ? void 0 : u.includes(l);
+          }
+        );
+        return S(r);
       }
-    };
-    l(a);
-  }
-  return n;
-}, b = (e) => i.extend(e, i.Struct({})), A = (e) => {
-  const t = c(e), n = p(
-    e.ast,
-    f.liftPredicate((a) => a._tag === "Refinement" && "filter" in a),
-    f.flatMap((a) => i.AST.getJSONSchemaAnnotation(a)),
-    f.filter((a) => "items" in a),
-    f.filterMap(
-      ({ items: a }) => i.decodeUnknownOption(y)(a)
-    ),
-    f.zipWith(
-      i.AST.getMessageAnnotation(e.ast),
-      (a, l) => ({
-        items: a,
-        message: l("")
-      })
-    ),
-    f.getOrUndefined
-  );
-  return { schema: e, meta: t, filterItems: n };
-}, O = (e) => {
-  const { trans: t } = S();
-  let n;
-  switch (e.type) {
-    case "string":
-      n = i.String.annotations({
-        message: () => t("validation.empty")
-      }), e.format === "email" && (n = i.compose(
-        n,
-        i.Email.annotations({
-          message: () => t("validation.email.invalid")
-        })
-      )), e.required && n.annotations({
-        message: () => t("validation.empty")
-      }), e.maxLength && (n = n.pipe(i.maxLength(e.maxLength)).annotations({
-        message: () => t("validation.string.maxLength", {
-          maxLength: e.maxLength
-        })
-      })), e.minLength && (n = n.pipe(i.minLength(e.minLength)).annotations({
-        message: () => t("validation.string.minLength", {
-          minLength: e.minLength
-        })
-      }));
-      break;
-    case "number":
-      n = i.Number.annotations({
-        message: () => t("validation.empty")
-      }), e.required && n.annotations({
-        message: () => t("validation.empty")
-      }), e.minimum && (n = n.pipe(i.greaterThanOrEqualTo(e.minimum)).annotations({
-        message: () => t("validation.number.min", {
-          minimum: e.minimum,
-          isExclusive: !0
-        })
-      })), e.maximum && (n = n.pipe(i.lessThanOrEqualTo(e.maximum)).annotations({
-        message: () => t("validation.number.max", {
-          maximum: e.maximum,
-          isExclusive: !0
-        })
-      })), e.exclusiveMinimum && (n = n.pipe(i.greaterThan(e.exclusiveMinimum)).annotations({
-        message: () => t("validation.number.min", {
-          minimum: e.exclusiveMinimum,
-          isExclusive: !1
-        })
-      })), e.exclusiveMaximum && (n = n.pipe(i.lessThan(e.exclusiveMaximum)).annotations({
-        message: () => t("validation.number.max", {
-          maximum: e.exclusiveMaximum,
-          isExclusive: !1
-        })
-      }));
-      break;
-    case "select":
-      n = i.Literal(...e.members).annotations({
-        message: () => ({
-          message: t("validation.not_a_valid", {
-            type: "select",
-            message: e.members.join(", ")
-          }),
-          override: !0
-        })
-      });
-      break;
-    case "multiple":
-      n = i.Array(i.String).annotations({
-        message: () => t("validation.not_a_valid", {
-          type: "multiple",
-          message: e.members.join(", ")
-        })
-      });
-      break;
-    case "boolean":
-      n = i.Boolean;
-      break;
-    // todo: switch must be exhaustive or have default case, otherwise falls through with schema undefined.
-    case "unknown":
-      n = i.Unknown;
-      break;
-  }
-  return e.required ? n.pipe(
-    i.annotations({
-      message: () => t("validation.empty")
-    })
-  ) : n = i.NullishOr(n), i.standardSchemaV1(n);
-}, L = (e, t) => i.NullOr(e).pipe(
-  i.transform(i.typeSchema(e), {
-    decode: (n) => n ?? t(),
-    encode: (n) => n
-  })
-);
+      return n.store.state.values;
+    }
+  }, h = () => {
+    const e = i == null ? void 0 : i.persistency;
+    if (!(!(e != null && e.policies) || e.policies.length === 0) && (e.policies.includes("local") || e.policies.includes("session"))) {
+      const r = e.policies.includes("local") ? localStorage : sessionStorage;
+      if (!r) return;
+      const l = f(e);
+      return r.setItem(d.value, JSON.stringify(l));
+    }
+  }, a = () => {
+    const e = i == null ? void 0 : i.persistency;
+    if (!(!(e != null && e.policies) || e.policies.length === 0) && e.policies.includes("querystring")) {
+      const r = f(e), l = new URLSearchParams(window.location.search);
+      l.set(d.value, JSON.stringify(r));
+      const u = new URL(window.location.href);
+      u.search = l.toString(), window.history.replaceState({}, "", u.toString());
+    }
+  };
+  A(h), D(() => {
+    window.addEventListener("beforeunload", h), window.addEventListener("blur", a);
+  }), J(() => {
+    window.removeEventListener("beforeunload", h), window.removeEventListener("blur", a);
+  });
+  const y = Object.assign(n, {
+    meta: t,
+    filterItems: L,
+    clear: E
+  });
+  return K(x, y), Object.assign(y, {
+    Input: M
+  });
+};
 export {
-  b as duplicateSchema,
-  O as generateInputStandardSchemaFromFieldMeta,
-  A as generateMetaFromSchema,
-  L as nullableInput
+  x as OmegaFormKey,
+  H as useOmegaForm
 };