@effect-app/vue-components 1.8.26 → 1.9.0

package/dist/types/components/CommandButton.vue.d.ts

@@ -0,0 +1,38 @@
+import type { CommandBase } from "@effect-app/vue";
+import type { VBtn } from "vuetify/components";
+export type VBtnProps = VBtn["$props"];
+export interface ButtonProps extends /* @vue-ignore */ VBtnProps {
+}
+declare const __VLS_export: <I = never>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<({
+        input: NoInfer<I>;
+        command: CommandBase<I>;
+        empty?: boolean;
+    } | {
+        command: CommandBase;
+        input?: undefined;
+        empty?: boolean;
+    }) & {
+        disabled?: ButtonProps["disabled"];
+        title?: string;
+    } & ButtonProps> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {
+            loading: boolean;
+            disabled: boolean | undefined;
+            label: string;
+            title: string;
+        }) => any;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+/** Command Button is an easy way to connect commands and have it execute on click, while keeping track of disabled/loading states automatically */
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/dist/types/components/OmegaForm/OmegaArray.vue.d.ts

@@ -1,7 +1,7 @@
 import { type DeepKeys, type DeepValue } from "@tanstack/vue-form";
 import { type OmegaInputProps } from "./OmegaFormStuff";
 declare const __VLS_export: <From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Omit<OmegaInputProps<From, To>, "validators" | "options" | "label" | "type" | "items"> & {
+    props: __VLS_PrettifyLocal<Omit<OmegaInputProps<From, To>, "type" | "label" | "validators" | "options" | "items"> & {
         defaultItems?: DeepValue<From, DeepKeys<From>>;
         items?: "please use `defaultItems` instead";
     }> & import("vue").PublicProps;

package/dist/types/components/index.d.ts

@@ -1,2 +1,3 @@
+export { default as CommandButton } from "./CommandButton.vue";
 export { default as Dialog } from "./Dialog.vue";
 export * from "./OmegaForm";

package/dist/vue-components.es.js

@@ -1,12 +1,13 @@
 import * as o from "./vue-components.es2.js";
-import { getTransformationFrom as f, provideIntl as s, useIntl as u, useIntlKey as l } from "./vue-components.es3.js";
+import { getTransformationFrom as f, provideIntl as u, useIntl as s, useIntlKey as l } from "./vue-components.es3.js";
 import { default as i } from "./vue-components.es4.js";
 import { default as x } from "./vue-components.es5.js";
 import { default as g } from "./vue-components.es6.js";
-import { useOmegaForm as F } from "./vue-components.es7.js";
-import { useOnClose as h, usePreventClose as S } from "./vue-components.es8.js";
-import { createMeta as C, duplicateSchema as M, generateInputStandardSchemaFromFieldMeta as j, generateMetaFromSchema as v, getInputType as P, nullableInput as T } from "./vue-components.es9.js";
-import { createUseFormWithCustomInput as w } from "./vue-components.es10.js";
+import { default as F } from "./vue-components.es7.js";
+import { useOmegaForm as h } from "./vue-components.es8.js";
+import { useOnClose as S, usePreventClose as b } from "./vue-components.es9.js";
+import { createMeta as j, duplicateSchema as v, generateInputStandardSchemaFromFieldMeta as P, generateMetaFromSchema as T, getInputType as k, nullableInput as w } from "./vue-components.es10.js";
+import { createUseFormWithCustomInput as D } from "./vue-components.es11.js";
 function a(r) {
   for (const e in o)
     if (Object.prototype.hasOwnProperty.call(o, e)) {
@@ -16,22 +17,23 @@ function a(r) {
 }
 const n = { install: a };
 export {
-  i as Dialog,
-  x as OmegaInput,
-  g as OmegaVuetifyInput,
-  C as createMeta,
-  w as createUseFormWithCustomInput,
+  i as CommandButton,
+  x as Dialog,
+  g as OmegaInput,
+  F as OmegaVuetifyInput,
+  j as createMeta,
+  D as createUseFormWithCustomInput,
   n as default,
-  M as duplicateSchema,
-  j as generateInputStandardSchemaFromFieldMeta,
-  v as generateMetaFromSchema,
-  P as getInputType,
+  v as duplicateSchema,
+  P as generateInputStandardSchemaFromFieldMeta,
+  T as generateMetaFromSchema,
+  k as getInputType,
   f as getTransformationFrom,
-  T as nullableInput,
-  s as provideIntl,
-  u as useIntl,
+  w as nullableInput,
+  u as provideIntl,
+  s as useIntl,
   l as useIntlKey,
-  F as useOmegaForm,
-  h as useOnClose,
-  S as usePreventClose
+  h as useOmegaForm,
+  S as useOnClose,
+  b as usePreventClose
 };

package/dist/vue-components.es10.js

@@ -1,36 +1,344 @@
-import { h as o } from "vue";
-import l from "./vue-components.es5.js";
-import { useOmegaForm as O } from "./vue-components.es7.js";
-const g = (n) => (...m) => {
-  const [p, s, a] = m;
-  return O(
-    p,
-    s,
-    {
-      ...a,
-      input: {
-        name: "WrappedInput",
-        inheritAttrs: !1,
-        setup(c, { attrs: t }) {
-          return () => o(l, {
-            ...c,
-            ...t
-          }, {
-            // Override the default slot that OmegaInternalInput provides
-            default: ({ field: f, state: i, ...r }) => {
-              const u = Object.fromEntries(
-                Object.entries(t).filter(
-                  ([e]) => !Object.prototype.hasOwnProperty.call(r, e) && e !== "form"
-                )
-              );
-              return o(n, { ...u, field: f, state: i, inputProps: r });
+import { S as n, Option as q } from "effect-app";
+import { getMetadataFromSchema as M } from "@effect-app/vue/form";
+import { useIntl as U, getTransformationFrom as _ } from "./vue-components.es3.js";
+const w = (e) => n.AST.isUnion(e) && e.types.find((i) => i._tag === "UndefinedKeyword" || i === n.Null.ast), f = (e) => !e || !n.AST.isUnion(e) ? !1 : e.types.find((i) => i._tag === "UndefinedKeyword") ? "undefined" : e.types.find((i) => i === n.Null.ast) ? "null" : !1, u = ({ meta: e = {}, parent: i = "", property: t, propertySignatures: g }, o = {}) => {
+  if (t && t._tag === "Transformation")
+    return u({
+      parent: i,
+      meta: e,
+      property: t.from
+    });
+  if (t?._tag === "TypeLiteral" && "propertySignatures" in t)
+    return u({
+      meta: e,
+      propertySignatures: t.propertySignatures
+    });
+  if (g) {
+    for (const r of g) {
+      const p = i ? `${i}.${r.name.toString()}` : r.name.toString(), a = f(r.type), l = !a, O = r.type;
+      if (n.AST.isUnion(r.type)) {
+        const S = r.type.types.filter(
+          (s) => s._tag !== "UndefinedKeyword" && s !== n.Null.ast
+        ).map(_);
+        if (S.some(
+          (s) => "propertySignatures" in s
+        )) {
+          if (!a) {
+            const s = u({
+              parent: p,
+              property: r.type,
+              meta: { required: l, nullableOrUndefined: a }
+            });
+            o[p] = s;
+          }
+          for (const s of S)
+            "propertySignatures" in s && Object.assign(
+              o,
+              u({
+                parent: p,
+                propertySignatures: s.propertySignatures,
+                meta: { required: l, nullableOrUndefined: a }
+              })
+            );
+        } else {
+          const s = S.filter(n.AST.isTupleType);
+          if (s.length > 0) {
+            const y = s[0];
+            if (o[p] = {
+              type: "multiple",
+              members: y.elements,
+              rest: y.rest,
+              required: l,
+              nullableOrUndefined: a
+            }, y.rest && y.rest.length > 0) {
+              const d = y.rest[0];
+              if (d.type._tag === "TypeLiteral" && "propertySignatures" in d.type)
+                for (const m of d.type.propertySignatures) {
+                  const T = `${p}.${m.name.toString()}`, c = u({
+                    parent: T,
+                    property: m.type,
+                    meta: {
+                      required: !f(m.type),
+                      nullableOrUndefined: f(m.type)
+                    }
+                  });
+                  if (c && typeof c == "object" && "type" in c && (o[T] = c, c.type === "multiple" && n.AST.isTupleType(m.type) && m.type.rest && m.type.rest.length > 0)) {
+                    const v = m.type.rest[0];
+                    if (v.type._tag === "TypeLiteral" && "propertySignatures" in v.type)
+                      for (const h of v.type.propertySignatures) {
+                        const L = `${T}.${h.name.toString()}`, x = u({
+                          parent: L,
+                          property: h.type,
+                          meta: {
+                            required: !f(h.type),
+                            nullableOrUndefined: f(h.type)
+                          }
+                        });
+                        x && typeof x == "object" && "type" in x && (o[L] = x);
+                      }
+                  }
+                }
             }
-          });
+          } else {
+            const y = u({
+              parent: p,
+              property: r.type,
+              meta: { required: l, nullableOrUndefined: a }
+            });
+            o[p] = y;
+          }
         }
+      } else if ("propertySignatures" in O)
+        Object.assign(
+          o,
+          u({
+            parent: p,
+            propertySignatures: O.propertySignatures,
+            meta: { required: l, nullableOrUndefined: a }
+          })
+        );
+      else if (n.AST.isTupleType(r.type))
+        if (r.type.rest.length > 0 && r.type.rest[0].type._tag === "TypeLiteral" && "propertySignatures" in r.type.rest[0].type) {
+          const b = r.type.rest[0].type;
+          if (b._tag === "TypeLiteral" && "propertySignatures" in b)
+            for (const s of b.propertySignatures) {
+              const y = `${p}.${s.name.toString()}`;
+              if (n.AST.isTupleType(s.type) && s.type.rest.length > 0) {
+                const d = s.type.rest[0].type;
+                if (d._tag === "TypeLiteral" && "propertySignatures" in d)
+                  for (const m of d.propertySignatures) {
+                    const T = `${y}.${m.name.toString()}`, c = u({
+                      parent: T,
+                      property: m.type,
+                      meta: {
+                        required: !f(m.type),
+                        nullableOrUndefined: f(m.type)
+                      }
+                    });
+                    o[T] = c;
+                  }
+                else
+                  o[y] = {
+                    type: "multiple",
+                    members: s.type.elements,
+                    rest: s.type.rest,
+                    required: !f(s.type),
+                    nullableOrUndefined: f(s.type)
+                  };
+              } else {
+                const d = u({
+                  parent: y,
+                  property: s.type,
+                  meta: {
+                    required: !f(s.type),
+                    nullableOrUndefined: f(s.type)
+                  }
+                });
+                o[y] = d;
+              }
+            }
+        } else
+          o[p] = {
+            type: "multiple",
+            members: r.type.elements,
+            rest: r.type.rest,
+            required: l,
+            nullableOrUndefined: a
+          };
+      else {
+        const S = u({
+          parent: p,
+          property: r.type,
+          meta: {
+            // an empty string is valid for a S.String field, so we should not mark it as required
+            // TODO: handle this better via the createMeta minLength parsing
+            required: l && (r.type._tag !== "StringKeyword" || M(r.type).minLength),
+            nullableOrUndefined: a
+          }
+        });
+        o[p] = S;
       }
     }
-  );
-};
+    return o;
+  }
+  if (t) {
+    const r = w(t);
+    if (Object.hasOwnProperty.call(e, "required") || (e.required = !r), n.AST.isUnion(t)) {
+      const a = t.types.find(
+        (l) => l._tag !== "UndefinedKeyword" && l !== n.Null.ast
+      );
+      return "propertySignatures" in a ? u({
+        propertySignatures: a.propertySignatures,
+        parent: i,
+        meta: e
+      }) : t.types.every(n.AST.isLiteral) ? {
+        ...e,
+        type: "select",
+        members: t.types.map((l) => l.literal)
+      } : {
+        ...e,
+        ...u({
+          parent: i,
+          meta: e,
+          property: a
+        })
+      };
+    }
+    if (n.AST.isTupleType(t))
+      return {
+        ...e,
+        type: "multiple",
+        members: t.elements,
+        rest: t.rest
+      };
+    const p = n.AST.getAnnotation(
+      t,
+      n.AST.JSONSchemaAnnotationId
+    ).pipe(q.getOrElse(() => ({})));
+    return e = { ...e, ...p }, "from" in t ? u({
+      parent: i,
+      meta: e,
+      property: t.from
+    }) : (e.type = n.AST.getAnnotation(
+      t,
+      n.AST.TitleAnnotationId
+    ).pipe(
+      q.getOrElse(() => "unknown")
+    ), e);
+  }
+  return o;
+}, A = (e) => {
+  const i = e.ast, t = {};
+  if (i._tag === "Transformation" || i._tag === "Refinement")
+    return A(n.make(i.from));
+  if ("propertySignatures" in i) {
+    const g = u({
+      propertySignatures: i.propertySignatures
+    });
+    if (Object.values(g).every((r) => r && "type" in r))
+      return g;
+    const o = (r, p = "") => {
+      for (const a in r) {
+        const l = p ? `${p}.${a}` : a;
+        r[a] && typeof r[a] == "object" && "type" in r[a] ? t[l] = r[a] : r[a] && typeof r[a] == "object" && o(r[a], l);
+      }
+    };
+    o(g);
+  }
+  return t;
+}, K = (e) => n.extend(e, n.Struct({})), I = (e) => {
+  const i = A(e);
+  return { schema: e, meta: i };
+}, P = (e) => {
+  const { trans: i } = U();
+  let t;
+  switch (e.type) {
+    case "string":
+      t = n.String.annotations({
+        message: () => i("validation.empty")
+      }), e.format === "email" && (t = n.compose(
+        t,
+        n.Email.annotations({
+          message: () => i("validation.email.invalid")
+        })
+      )), e.required && t.annotations({
+        message: () => i("validation.empty")
+      }), e.maxLength && (t = t.pipe(n.maxLength(e.maxLength)).annotations({
+        message: () => i("validation.string.maxLength", {
+          maxLength: e.maxLength
+        })
+      })), e.minLength && (t = t.pipe(n.minLength(e.minLength)).annotations({
+        message: () => i("validation.string.minLength", {
+          minLength: e.minLength
+        })
+      }));
+      break;
+    case "number":
+      t = n.Number.annotations({
+        message: () => i("validation.empty")
+      }), e.required && t.annotations({
+        message: () => i("validation.empty")
+      }), e.minimum && (t = t.pipe(n.greaterThanOrEqualTo(e.minimum)).annotations({
+        message: () => i("validation.number.min", {
+          minimum: e.minimum,
+          isExclusive: !0
+        })
+      })), e.maximum && (t = t.pipe(n.lessThanOrEqualTo(e.maximum)).annotations({
+        message: () => i("validation.number.max", {
+          maximum: e.maximum,
+          isExclusive: !0
+        })
+      })), e.exclusiveMinimum && (t = t.pipe(n.greaterThan(e.exclusiveMinimum)).annotations({
+        message: () => i("validation.number.min", {
+          minimum: e.exclusiveMinimum,
+          isExclusive: !1
+        })
+      })), e.exclusiveMaximum && (t = t.pipe(n.lessThan(e.exclusiveMaximum)).annotations({
+        message: () => i("validation.number.max", {
+          maximum: e.exclusiveMaximum,
+          isExclusive: !1
+        })
+      }));
+      break;
+    case "select":
+      t = n.Literal(...e.members).annotations({
+        message: () => ({
+          message: i("validation.not_a_valid", {
+            type: "select",
+            message: e.members.join(", ")
+          }),
+          override: !0
+        })
+      });
+      break;
+    case "multiple":
+      t = n.Array(n.String).annotations({
+        message: () => i("validation.not_a_valid", {
+          type: "multiple",
+          message: e.members.join(", ")
+        })
+      });
+      break;
+    case "boolean":
+      t = n.Boolean;
+      break;
+    // todo: switch must be exhaustive or have default case, otherwise falls through with schema undefined.
+    case "unknown":
+      t = n.Unknown;
+      break;
+  }
+  return e.required ? t.pipe(
+    n.annotations({
+      message: () => i("validation.empty")
+    })
+  ) : t = n.NullishOr(t), n.standardSchemaV1(t);
+}, F = (e, i) => n.NullOr(e).pipe(
+  n.transform(n.typeSchema(e), {
+    decode: (t) => t ?? i(),
+    encode: (t) => t
+  })
+), E = [
+  "button",
+  "checkbox",
+  "color",
+  "date",
+  "email",
+  "number",
+  "password",
+  "radio",
+  "range",
+  "search",
+  "submit",
+  "tel",
+  "text",
+  "time",
+  "url"
+], j = (e) => E.includes(e) ? e : "text";
 export {
-  g as createUseFormWithCustomInput
+  u as createMeta,
+  K as duplicateSchema,
+  P as generateInputStandardSchemaFromFieldMeta,
+  I as generateMetaFromSchema,
+  j as getInputType,
+  F as nullableInput
 };

package/dist/vue-components.es11.js

@@ -1,4 +1,36 @@
-import f from "./vue-components.es4.js";
+import { h as o } from "vue";
+import l from "./vue-components.es6.js";
+import { useOmegaForm as O } from "./vue-components.es8.js";
+const g = (n) => (...m) => {
+  const [p, s, a] = m;
+  return O(
+    p,
+    s,
+    {
+      ...a,
+      input: {
+        name: "WrappedInput",
+        inheritAttrs: !1,
+        setup(c, { attrs: t }) {
+          return () => o(l, {
+            ...c,
+            ...t
+          }, {
+            // Override the default slot that OmegaInternalInput provides
+            default: ({ field: f, state: i, ...r }) => {
+              const u = Object.fromEntries(
+                Object.entries(t).filter(
+                  ([e]) => !Object.prototype.hasOwnProperty.call(r, e) && e !== "form"
+                )
+              );
+              return o(n, { ...u, field: f, state: i, inputProps: r });
+            }
+          });
+        }
+      }
+    }
+  );
+};
 export {
-  f as default
+  g as createUseFormWithCustomInput
 };

package/dist/vue-components.es12.js

@@ -1,12 +1,4 @@
-import { Exit as c, Runtime as u } from "effect";
-import { dual as n, isFunction as m } from "./vue-components.es24.js";
-const i = Symbol.for("clone-trait"), a = n(2, (e, t) => i in e ? e[i](t) : Object.setPrototypeOf(t, Object.getPrototypeOf(e)));
-n(2, (e, t) => a(e, { ...e, ...m(t) ? t(e) : t }));
-const p = (e, t) => new Promise((o, s) => e.addObserver((r) => {
-  c.isSuccess(r) ? o(r.value) : s(u.makeFiberFailure(r.cause));
-}));
+import f from "./vue-components.es4.js";
 export {
-  a as clone,
-  i as cloneTrait,
-  p as runtimeFiberAsPromise
+  f as default
 };

package/dist/vue-components.es13.js

@@ -1,7 +1,4 @@
-import { isFunction as c } from "./vue-components.es24.js";
-const s = c, t = (o) => typeof o == "object" && o !== null, i = (o) => t(o) || s(o);
+import f from "./vue-components.es5.js";
 export {
-  s as isFunction,
-  i as isObject,
-  t as isRecordOrArray
+  f as default
 };

package/dist/vue-components.es14.js

@@ -1,56 +1,12 @@
-import { defineComponent as F, computed as i, onMounted as M, provide as P, createBlock as c, openBlock as s, resolveDynamicComponent as p, withCtx as g, renderSlot as o, createElementBlock as k, normalizeProps as l, guardReactiveProps as u, Fragment as A, renderList as b, mergeProps as B } from "vue";
-const N = /* @__PURE__ */ F({
-  inheritAttrs: !1,
-  __name: "OmegaArray",
-  props: {
-    form: {},
-    name: {},
-    defaultItems: {},
-    items: {}
-  },
-  setup(n) {
-    const a = n, y = a.form.useStore((e) => e.values), d = i(() => {
-      const e = a.name.replace(/\[/g, ".").replace(/\]/g, "");
-      try {
-        return e.split(".").reduce((r, t) => r && r[t], y.value);
-      } catch (r) {
-        return console.error(r), [];
-      }
-    });
-    M(async () => {
-      a.defaultItems && !d.value && a.form.setFieldValue(a.name, a.defaultItems);
-    });
-    const $ = i(() => (r) => {
-      const t = r.replace(/\[\d+\]/g, "");
-      return a.form.meta[t];
-    });
-    return P("getMetaFromArray", $), (e, r) => (s(), c(p(n.form.Field), { name: n.name }, {
-      default: g(({ field: t, state: f }) => [
-        o(e.$slots, "pre-array", l(u({ field: t, state: f }))),
-        (s(!0), k(A, null, b(d.value, (C, m) => (s(), c(p(n.form.Field), {
-          key: `${n.name}[${Number(m)}]`,
-          name: (
-            // eslint-disable-next-line
-            `${n.name}[${Number(m)}]`
-          )
-        }, {
-          default: g(({ field: v, state: h }) => [
-            o(e.$slots, "default", B({ ref_for: !0 }, {
-              subField: v,
-              subState: h,
-              index: Number(m),
-              field: t
-            }))
-          ]),
-          _: 2
-        }, 1032, ["name"]))), 128)),
-        o(e.$slots, "post-array", l(u({ field: t, state: f }))),
-        o(e.$slots, "field", l(u({ field: t })))
-      ]),
-      _: 3
-    }, 8, ["name"]));
-  }
-});
+import { Exit as c, Runtime as u } from "effect";
+import { dual as n, isFunction as m } from "./vue-components.es28.js";
+const i = Symbol.for("clone-trait"), a = n(2, (e, t) => i in e ? e[i](t) : Object.setPrototypeOf(t, Object.getPrototypeOf(e)));
+n(2, (e, t) => a(e, { ...e, ...m(t) ? t(e) : t }));
+const p = (e, t) => new Promise((o, s) => e.addObserver((r) => {
+  c.isSuccess(r) ? o(r.value) : s(u.makeFiberFailure(r.cause));
+}));
 export {
-  N as default
+  a as clone,
+  i as cloneTrait,
+  p as runtimeFiberAsPromise
 };