@harnessio/forms 0.0.1

package/dist/index.js

@@ -0,0 +1,621 @@
+var W = Object.defineProperty;
+var Y = (r, e, t) => e in r ? W(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var w = (r, e, t) => Y(r, typeof e != "symbol" ? e + "" : e, t);
+import { isEmpty as j, cloneDeep as V, set as p, get as b, forOwn as G, isNull as H, isUndefined as S, capitalize as K, isArray as I, isObject as D, merge as R, pick as Q, omitBy as B, isString as X } from "lodash-es";
+import z, { useMemo as F, useRef as ee, useEffect as C, forwardRef as re, useCallback as te } from "react";
+import { useFormContext as ne, useForm as se, FormProvider as ae, appendErrors as ue } from "react-hook-form";
+export * from "react-hook-form";
+import * as m from "zod";
+import { toNestErrors as ie } from "@hookform/resolvers";
+class oe extends Error {
+  constructor(e) {
+    super(`Input component '${e}' is already registered.`);
+  }
+}
+class Ie {
+  constructor(e) {
+    w(this, "componentBank");
+    w(this, "allowOverride");
+    this.allowOverride = (e == null ? void 0 : e.allowOverride) ?? !1, this.componentBank = /* @__PURE__ */ new Map();
+  }
+  /**
+   * Register input
+   *
+   * @param component - instance of input component
+   * @throws Throws `InputOverrideError` if register two component with the same inputType (and if allowOverride is false)
+   */
+  registerComponent(e) {
+    if (!this.allowOverride && this.getComponent(e.internalType))
+      throw new oe(e.internalType);
+    this.componentBank.set(e.internalType, e);
+  }
+  getComponent(e) {
+    if (e && !j(e))
+      return this.componentBank.get(e);
+  }
+}
+var q = { exports: {} }, v = {};
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var x, A;
+function ce() {
+  if (A) return x;
+  A = 1;
+  var r = Object.getOwnPropertySymbols, e = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
+  function n(s) {
+    if (s == null)
+      throw new TypeError("Object.assign cannot be called with null or undefined");
+    return Object(s);
+  }
+  function a() {
+    try {
+      if (!Object.assign)
+        return !1;
+      var s = new String("abc");
+      if (s[5] = "de", Object.getOwnPropertyNames(s)[0] === "5")
+        return !1;
+      for (var i = {}, u = 0; u < 10; u++)
+        i["_" + String.fromCharCode(u)] = u;
+      var o = Object.getOwnPropertyNames(i).map(function(f) {
+        return i[f];
+      });
+      if (o.join("") !== "0123456789")
+        return !1;
+      var c = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(f) {
+        c[f] = f;
+      }), Object.keys(Object.assign({}, c)).join("") === "abcdefghijklmnopqrst";
+    } catch {
+      return !1;
+    }
+  }
+  return x = a() ? Object.assign : function(s, i) {
+    for (var u, o = n(s), c, f = 1; f < arguments.length; f++) {
+      u = Object(arguments[f]);
+      for (var d in u)
+        e.call(u, d) && (o[d] = u[d]);
+      if (r) {
+        c = r(u);
+        for (var l = 0; l < c.length; l++)
+          t.call(u, c[l]) && (o[c[l]] = u[c[l]]);
+      }
+    }
+    return o;
+  }, x;
+}
+/** @license React v17.0.2
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var k;
+function fe() {
+  if (k) return v;
+  k = 1, ce();
+  var r = z, e = 60103;
+  if (v.Fragment = 60107, typeof Symbol == "function" && Symbol.for) {
+    var t = Symbol.for;
+    e = t("react.element"), v.Fragment = t("react.fragment");
+  }
+  var n = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = Object.prototype.hasOwnProperty, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function i(u, o, c) {
+    var f, d = {}, l = null, h = null;
+    c !== void 0 && (l = "" + c), o.key !== void 0 && (l = "" + o.key), o.ref !== void 0 && (h = o.ref);
+    for (f in o) a.call(o, f) && !s.hasOwnProperty(f) && (d[f] = o[f]);
+    if (u && u.defaultProps) for (f in o = u.defaultProps, o) d[f] === void 0 && (d[f] = o[f]);
+    return { $$typeof: e, type: u, key: l, ref: h, props: d, _owner: n.current };
+  }
+  return v.jsx = i, v.jsxs = i, v;
+}
+var Z;
+function de() {
+  return Z || (Z = 1, q.exports = fe()), q.exports;
+}
+var y = de();
+function le({
+  path: r,
+  factory: e,
+  onUpdate: t,
+  onChange: n,
+  readonly: a,
+  initialValues: s,
+  input: i
+}) {
+  const { formState: u, watch: o } = ne(), {
+    metadata: c = {},
+    fixedValues: f = {}
+    /*getValuesWithDependencies*/
+  } = {}, d = e == null ? void 0 : e.getComponent(i.inputType), l = F(
+    () => ({
+      path: r,
+      initialValues: s,
+      onUpdate: t,
+      onChange: n,
+      factory: e,
+      readonly: a,
+      input: i
+    }),
+    [e, s, i, n, t, r, a, u.errors]
+  ), h = o(), g = V(h);
+  f && Object.keys(f).forEach((N) => {
+    const U = f[N];
+    p(g, N, U);
+  });
+  const _ = !i.isVisible || (i == null ? void 0 : i.isVisible(g, c)), M = F(() => _ ? /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
+    i.before ? i.before : null,
+    d == null ? void 0 : d.renderComponent(l),
+    i.after ? i.after : null
+  ] }) : null, [l, i.after, i.before, d, _, u.errors]);
+  return d ? _ ? M : null : /* @__PURE__ */ y.jsxs("p", { children: [
+    "Input component not found (internal type: ",
+    i.inputType,
+    ")"
+  ] });
+}
+class we {
+  getType() {
+    return this.internalType;
+  }
+}
+function Ce(r) {
+  const {
+    mode: e = "onSubmit",
+    resolver: t,
+    defaultValues: n,
+    shouldFocusError: a,
+    // validateAfterFirstSubmit,
+    onValuesChange: s,
+    onSubmit: i,
+    // validate,
+    // validateDebounceInterval,
+    // validationConfig,
+    // metadata,
+    children: u,
+    // fixedValues
+    autoFocusPath: o
+  } = r, c = se({
+    mode: e ?? "onSubmit",
+    reValidateMode: "onChange",
+    defaultValues: n,
+    shouldFocusError: a,
+    resolver: t
+  }), f = ee(!1);
+  C(() => {
+    c.reset(n);
+  }, [c.reset, n]);
+  const { getValues: d, handleSubmit: l } = c, h = d();
+  return C(() => {
+    s == null || s({ ...h }, { isValid: c.formState.isValid }), f.current === !0 && c.trigger();
+  }, [JSON.stringify(h)]), C(() => {
+    if (o)
+      if ("requestIdleCallback" in window) {
+        const g = requestIdleCallback(() => {
+          c.setFocus(o);
+        });
+        return () => cancelIdleCallback(g);
+      } else {
+        const g = setTimeout(() => {
+          c.setFocus(o);
+        }, 100);
+        return () => clearTimeout(g);
+      }
+  }, [c]), /* @__PURE__ */ y.jsx(ae, { ...c, children: typeof u == "function" ? u({
+    ...c,
+    submitForm: async () => {
+      i && (f.current = !0, l((g) => {
+        i(g);
+      })());
+    }
+  }) : u });
+}
+const qe = (r) => {
+  const e = {};
+  return r.inputs.forEach((t) => {
+    typeof b(e, t.path) > "u" && p(e, t.path, t.default);
+  }), e;
+};
+function xe(r, e) {
+  const t = r.inputs.map((n) => {
+    const a = me(e, n.path);
+    return a || n;
+  });
+  return { ...r, inputs: t };
+}
+function me(r, e) {
+  return r.inputs.find((t) => t.path === e);
+}
+function he({ input: r, factory: e }) {
+  const { prefix: t = "" } = {};
+  return /* @__PURE__ */ y.jsx("div", { children: /* @__PURE__ */ y.jsx(le, { path: `${t}${r.path}`, factory: e, readonly: !1, input: r }) });
+}
+function ye(r) {
+  const { items: e, factory: t } = r;
+  return /* @__PURE__ */ y.jsx(y.Fragment, { children: e.map((n) => {
+    const a = `${n.inputType}_${n.path}_${n.label}`;
+    return /* @__PURE__ */ y.jsx(he, { input: n, factory: t }, a);
+  }) });
+}
+const ge = re((r, e) => {
+  const { inputs: t, className: n, factory: a } = r;
+  return /* @__PURE__ */ y.jsxs("div", { className: n, ref: e, children: [
+    t.hero,
+    /* @__PURE__ */ y.jsx(ye, { items: t.inputs, factory: a })
+  ] });
+});
+ge.displayName = "RenderForm";
+function Ve(r) {
+  let e = !0;
+  return G(r, (t) => {
+    e = e && (t === "" || H(t) || S(t));
+  }), e;
+}
+const Pe = (r = "") => K(r.split("_").join(" "));
+function O(r) {
+  const e = typeof r == "string" ? JSON.parse(r) : r;
+  if (typeof e == "string")
+    return e;
+  if (I(e))
+    return O(e[0]);
+  const t = e;
+  return D(t) && (t != null && t.message) ? e == null ? void 0 : e.message : "Unknown error";
+}
+function pe(r, e, t) {
+  let n = {};
+  if (T(n, r.inputs, e, t), t != null && t.prefix) {
+    const s = t == null ? void 0 : t.prefix.replace(/.$/, "");
+    n = p({}, s, n);
+  }
+  return m.object(E(n, e, t));
+}
+function E(r, e, t) {
+  const n = {};
+  return Object.keys(r).forEach((a) => {
+    const {
+      _requiredOnly: s,
+      _schemaObj: i,
+      _input: u,
+      _isList: o,
+      _isArrayItem: c,
+      _schema: f
+      /*...nestedSchemaObj*/
+    } = r[a];
+    if (o && i && u) {
+      const d = m.array(m.object(E(i, e, t))).optional(), l = $(f, u, e, t, d);
+      n[a] = l;
+    } else if (c && u) {
+      const d = i != null && i.___array ? E({ ___array: i.___array }, e, t) : { ___array: m.any() }, l = m.array(d.___array).optional(), h = $(f, u, e, t, l);
+      n[a] = h;
+    } else if (f && u) {
+      const d = be(f, u, t);
+      n[a] = d;
+    } else s && u ? n[a] = P(u, t) : n[a] = m.object(E(r[a], e, t)).optional();
+  }), n;
+}
+function be(r, e, t) {
+  return m.string().superRefine(async (n, a) => {
+    var s, i;
+    if (e.required && ((await P(e, t).safeParseAsync(n)).success || a.addIssue({
+      code: m.ZodIssueCode.custom,
+      message: "Required field"
+    })), (s = t == null ? void 0 : t.validationConfig) != null && s.globalValidation) {
+      const u = (i = t == null ? void 0 : t.validationConfig) == null ? void 0 : i.globalValidation(n, e, t.metadata);
+      if (u.error && a.addIssue({
+        code: m.ZodIssueCode.custom,
+        message: u.error
+      }), !u.continue)
+        return !0;
+    }
+    if (r) {
+      const u = await r.safeParseAsync(n);
+      u.success || a.addIssue({
+        code: m.ZodIssueCode.custom,
+        message: O(u == null ? void 0 : u.error.message)
+      });
+    }
+  });
+}
+function $(r, e, t, n, a) {
+  return m.any().superRefine(async (s, i) => {
+    var c, f;
+    const o = await P(e, n).safeParseAsync(s);
+    if (e.required && !o.success) {
+      const d = O(o.error.message);
+      return i.addIssue({ code: m.ZodIssueCode.custom, message: d, fatal: !0 }), m.NEVER;
+    }
+    if (!e.required && !o.success)
+      return m.NEVER;
+    if ((c = n == null ? void 0 : n.validationConfig) != null && c.globalValidation) {
+      const d = (f = n == null ? void 0 : n.validationConfig) == null ? void 0 : f.globalValidation(s, e, n.metadata);
+      if (d.error)
+        return i.addIssue({
+          code: m.ZodIssueCode.custom,
+          message: O(d.error)
+        }), m.NEVER;
+      if (!d.continue)
+        return m.NEVER;
+    }
+    if (!I(s))
+      return i.addIssue({
+        code: m.ZodIssueCode.custom,
+        message: "'Value is not array'"
+      }), m.NEVER;
+    if (r) {
+      const d = await r.safeParseAsync(s);
+      if (!d.success)
+        return i.addIssue({
+          code: m.ZodIssueCode.custom,
+          message: O(d.error.message)
+        }), m.NEVER;
+    }
+  }).pipe(a ?? m.any());
+}
+function T(r, e, t, n, a) {
+  e.forEach((s) => {
+    var u, o, c, f, d;
+    const i = t;
+    if (!s.isVisible || (u = s.isVisible) != null && u.call(s, i, n == null ? void 0 : n.metadata)) {
+      const l = b(r, s.path);
+      if ((o = s.validation) != null && o.schema ? p(
+        r,
+        s.path,
+        R(l, {
+          _schema: (c = s.validation) == null ? void 0 : c.schema,
+          _input: s
+        })
+      ) : s.required && p(r, s.path, R(l, { _requiredOnly: !0, _input: s })), s.inputs && T(r, s.inputs, t, n), s.inputType === "list") {
+        const h = {};
+        T(
+          h,
+          s.inputConfig.inputs.map((_) => ({
+            ..._,
+            path: _.relativePath
+          })),
+          t,
+          n
+        );
+        const g = b(r, s.path);
+        p(r, s.path, R(g, { _schemaObj: h, _isList: !0, _input: s }));
+      }
+      if (!((f = s.validation) != null && f.schema) && s.inputType === "array") {
+        const h = {};
+        T(
+          h,
+          [{ ...s.inputConfig.input, path: "___array" }],
+          t,
+          n
+        ), p(
+          r,
+          s.path,
+          R(l, {
+            _schemaObj: h,
+            _schema: (d = s.validation) == null ? void 0 : d.schema,
+            _isArrayItem: !0,
+            _input: s
+          })
+        );
+      }
+    }
+  });
+}
+function P(r, e) {
+  var n, a, s, i, u, o, c, f, d;
+  if ((a = (n = e == null ? void 0 : e.validationConfig) == null ? void 0 : n.requiredSchemaPerInput) != null && a[r.inputType])
+    return (i = (s = e == null ? void 0 : e.validationConfig) == null ? void 0 : s.requiredSchemaPerInput) == null ? void 0 : i[r.inputType];
+  if ((u = e == null ? void 0 : e.validationConfig) != null && u.requiredSchema)
+    return (o = e == null ? void 0 : e.validationConfig) == null ? void 0 : o.requiredSchema;
+  const t = ((f = (c = e == null ? void 0 : e.validationConfig) == null ? void 0 : c.requiredMessagePerInput) == null ? void 0 : f[r.inputType]) ?? ((d = e == null ? void 0 : e.validationConfig) == null ? void 0 : d.requiredMessage) ?? "Required fields";
+  return m.any().superRefine((l, h) => {
+    typeof l == "object" && j(l) && h.addIssue({
+      code: m.ZodIssueCode.custom,
+      message: t
+    }), (S(l) || l === "") && h.addIssue({
+      code: m.ZodIssueCode.custom,
+      message: t
+    });
+  });
+}
+const _e = (r) => Array.isArray(r == null ? void 0 : r.errors), ve = (r, e) => {
+  const t = {};
+  for (; r.length; ) {
+    const n = r[0], { code: a, message: s, path: i } = n, u = i.join(".");
+    if (!t[u])
+      if ("unionErrors" in n) {
+        const o = n.unionErrors[0].errors[0];
+        t[u] = {
+          message: o.message,
+          type: o.code
+        };
+      } else
+        t[u] = { message: s, type: a };
+    "unionErrors" in n && n.unionErrors.forEach((o) => o.errors.forEach((c) => r.push(c)));
+    {
+      const o = t[u].types, c = o && o[n.code];
+      t[u] = ue(
+        u,
+        e,
+        t,
+        a,
+        c ? [].concat(c, n.message) : n.message
+      );
+    }
+    r.shift();
+  }
+  return t;
+};
+function Ne(r, e) {
+  return te(
+    async (t, n, a) => {
+      try {
+        return await pe(r, t, e).parseAsync(t), {
+          values: t,
+          // TODO: check this - values does not contains all data
+          errors: {}
+        };
+      } catch (s) {
+        if (_e(s))
+          return {
+            values: {},
+            errors: ie(ve(s.errors, !0), a)
+          };
+        throw s;
+      }
+    },
+    [r]
+  );
+}
+function Fe(r, e) {
+  const t = V(r);
+  return e.forEach((n) => {
+    if (n.inputTransform) {
+      const a = b(t, n.path), s = n.inputTransform(a, t);
+      s && p(t, s.path ?? n.path, s.value);
+    }
+  }), t;
+}
+function Ae(r, e) {
+  const t = V(r);
+  return e.forEach((n) => {
+    if (n.outputTransform) {
+      const a = b(t, n.path), s = n.outputTransform(a, t);
+      s && p(t, s.path ?? n.path, s.value);
+    }
+  }), t;
+}
+function J(r) {
+  return r.reduce((t, n) => n.inputType === "group" && n.inputs ? [...t, n, ...J(n.inputs)] : [...t, n], []);
+}
+function ke(r) {
+  const t = J(r.inputs).reduce((n, a) => {
+    const s = a.inputType === "text" || a.inputType === "boolean" || a.inputType === "number" || a.inputType === "textarea" || a.inputType === "select";
+    return (a.inputTransform || a.outputTransform) && n.push({
+      ...Q(a, "path", "inputTransform", "outputTransform"),
+      level: a.path.split(".").length,
+      isPrimitive: s
+    }), n;
+  }, []);
+  return t.sort((n, a) => n.level === a.level ? n.isPrimitive ? 1 : -1 : n.level > a.level ? -1 : 1), t;
+}
+function Ze() {
+  return function(r, e) {
+    if (!(typeof r > "u"))
+      return r ? {
+        value: Object.getOwnPropertyNames(r).map((t) => ({ key: t, value: r[t] }))
+      } : { value: r };
+  };
+}
+function $e(r) {
+  return function(e, t) {
+    if (typeof e > "u") return;
+    if (!e) return { value: e };
+    const n = {
+      value: e.reduce((a, s) => ({ ...a, [s.key]: s.value }), {})
+    };
+    return r != null && r.unsetIfEmpty && Object.getOwnPropertyNames(n.value).length === 0 ? { value: void 0 } : n;
+  };
+}
+function De() {
+  return function(r, e) {
+    if (!(typeof r > "u"))
+      return I(r) && j(r) ? { value: void 0 } : { value: r };
+  };
+}
+function Be() {
+  return function(r, e) {
+    if (!(typeof r > "u")) {
+      if (D(r)) {
+        const t = B(r, S);
+        if (j(t))
+          return { value: void 0 };
+      }
+      return { value: r };
+    }
+  };
+}
+function Je() {
+  return function(r, e) {
+    if (!(typeof r > "u"))
+      return X(r) && j(r) ? { value: void 0 } : { value: r };
+  };
+}
+function Le(r) {
+  return function(e, t) {
+    const n = b(t, r);
+    return typeof n == "string" ? { value: n } : { value: e };
+  };
+}
+function Me(r) {
+  return function(e, t) {
+    if (typeof e > "u") return;
+    if (!e) return { value: e };
+    const n = b(t, r);
+    if (typeof n == "object") {
+      const a = Oe(n);
+      if (Object.getOwnPropertyNames(a).length === 1)
+        return { value: e, path: r };
+    }
+    return { value: e };
+  };
+}
+function Ue(r) {
+  return function(e, t) {
+    if (typeof e > "u") return;
+    const n = b(t, r);
+    return typeof n == "string" ? { value: [n] } : { value: e };
+  };
+}
+function We(r, e) {
+  return function(t, n) {
+    if (typeof t > "u") return;
+    if (!t) return { value: t };
+    const a = b(n, r);
+    if (I(a)) {
+      if (a.length === 1)
+        return { value: a[0], path: r };
+      if (a.length === 0 && e != null && e.unsetIfEmpty)
+        return { value: void 0, path: r };
+    }
+    return { value: t };
+  };
+}
+function L(r) {
+  return typeof r == "object" ? !Object.getOwnPropertyNames(r).some((e) => !L(r[e])) : S(r);
+}
+function Oe(r) {
+  return B(r, (e) => typeof e == "object" ? L(e) : S(e));
+}
+export {
+  we as InputComponent,
+  le as InputComponentRenderer,
+  Ie as InputFactory,
+  oe as InputOverrideError,
+  ge as RenderForm,
+  ye as RenderInputs,
+  Ce as RootForm,
+  he as Row,
+  $e as arrayToObjectOutputTransformer,
+  Pe as generateReadableLabel,
+  qe as getDefaultValuesFromFormDefinition,
+  ke as getTransformers,
+  pe as getValidationSchema,
+  Fe as inputTransformValues,
+  Ve as isChildrenEmpty,
+  Ze as objectToArrayInputTransformer,
+  Ae as outputTransformValues,
+  xe as overrideFormDefinition,
+  O as processValidationParseResponse,
+  Ue as shorthandArrayInputTransformer,
+  We as shorthandArrayOutputTransformer,
+  Le as shorthandObjectInputTransformer,
+  Me as shorthandObjectOutputTransformer,
+  De as unsetEmptyArrayOutputTransformer,
+  Be as unsetEmptyObjectOutputTransformer,
+  Je as unsetEmptyStringOutputTransformer,
+  Ne as useZodValidationResolver
+};
+//# sourceMappingURL=index.js.map