@loopr-ai/craft 0.7.5 → 0.7.6

package/dist/components/organ/Form/Form.interfaces.d.ts

@@ -38,7 +38,7 @@ interface Validation {
 export interface ConfigField extends SelectField {
     validation?: Validation;
     customComponent?: string;
-    submitDataKey?: string;
+    submitDataKey: Array<string> | string;
     preFillWithDateTime?: boolean;
     groupName?: string;
     hidden?: boolean;

package/dist/components/organ/Form/index.js

@@ -1,192 +1,197 @@
-import { jsx as u, jsxs as j } from "react/jsx-runtime";
-import { useState as v, useCallback as H, useEffect as K } from "react";
-import S from "../../cell/Button/index.js";
-import { T as L } from "../../../index-03287c17.js";
-import f from "./Form.styles.js";
-import { createNestedObject as R, deepMergeObjects as z, getLocalDateTime as G } from "./Form.utils.js";
-import J from "./FormInput.js";
-import { s as Q } from "../../../styled-126c6a62.js";
-import { B as b } from "../../../Tooltip-b926c320.js";
-const U = Q("div")({
+import { jsx as u, jsxs as v } from "react/jsx-runtime";
+import { useState as S, useCallback as H, useEffect as L } from "react";
+import j from "../../cell/Button/index.js";
+import { T as R } from "../../../index-03287c17.js";
+import d from "./Form.styles.js";
+import { getLocalDateTime as z, createNestedObject as G, deepMergeObjects as J } from "./Form.utils.js";
+import Q from "./FormInput.js";
+import { s as U } from "../../../styled-126c6a62.js";
+import { B as x } from "../../../Tooltip-b926c320.js";
+const X = U("div")({
   marginTop: "0.75rem"
-}), oe = ({
-  config: o,
+}), me = ({
+  config: i,
   submitText: V = "Submit",
   handleSubmit: _,
-  handleInvalidData: c,
-  cancelText: C = "Cancel",
-  handleCancel: E,
-  onChange: h,
-  formStyles: O = {},
+  handleInvalidData: h,
+  cancelText: E = "Cancel",
+  handleCancel: O,
+  onChange: f,
+  formStyles: C = {},
   formWrapperStyles: T = {},
   formFieldsWrapperStyles: A = {},
-  buttonWrapperStyles: D = {},
-  customFields: x = {}
+  buttonWrapperStyles: B = {},
+  customFields: y = {}
 }) => {
-  const [p, y] = v({}), [B, g] = v([]);
-  function M(e, t) {
-    y((n) => ({
+  const [l, b] = S({}), [M, g] = S([]);
+  function N(t, e) {
+    b((n) => ({
       ...n,
-      [e]: t
-    })), h == null || h(e, t), g([]);
+      [t]: e
+    })), f == null || f(t, e), g([]);
   }
   function F() {
-    const e = {};
-    o == null || o.forEach((t) => {
-      if (t.preFillWithDateTime && t.type === "text") {
-        const n = G();
-        e[t.name] = n;
+    const t = {};
+    i == null || i.forEach((e) => {
+      if (e.preFillWithDateTime && e.type === "text") {
+        const n = z();
+        t[e.name] = n;
       } else
-        e[t.name] = t.defaultValue || "";
-    }), y(e), g([]);
+        t[e.name] = e.defaultValue || "";
+    }), b(t), g([]);
   }
-  function N() {
-    const e = [];
-    return o == null || o.forEach((t) => {
-      const { name: n, label: r, type: a, validation: s, required: i } = t, m = p[n], l = n;
+  function k() {
+    const t = [];
+    return i == null || i.forEach((e) => {
+      const { name: n, label: r, type: p, validation: s, required: a } = e, o = l[n], m = n;
       if (s)
-        if (a === "number") {
-          const d = parseInt(m);
-          s.min && d < s.min && e.push({
-            field: l,
-            value: m,
+        if (p === "number") {
+          const c = parseInt(o);
+          s.min && c < s.min && t.push({
+            field: m,
+            value: o,
             message: s.invalid_message
-          }), s.max && d > s.max && e.push({
-            field: l,
-            value: m,
+          }), s.max && c > s.max && t.push({
+            field: m,
+            value: o,
             message: s.invalid_message
-          }), isNaN(d) && e.push({
-            field: l,
-            value: m,
+          }), isNaN(c) && t.push({
+            field: m,
+            value: o,
             message: "Invalid number"
           });
         } else
-          a === "text" && (s.min_length && m.length < s.min_length && e.push({
-            field: l,
-            value: m,
+          p === "text" && (s.min_length && o.length < s.min_length && t.push({
+            field: m,
+            value: o,
             message: s.invalid_message
-          }), s.max_length && m.length > s.max_length && e.push({
-            field: l,
-            value: m,
+          }), s.max_length && o.length > s.max_length && t.push({
+            field: m,
+            value: o,
             message: s.invalid_message
-          }), s.pattern && !new RegExp(s.pattern).test(m) && e.push({
-            field: l,
-            value: m,
+          }), s.pattern && !new RegExp(s.pattern).test(o) && t.push({
+            field: m,
+            value: o,
             message: s.invalid_message
           }));
-      i && !m && e.push({
-        field: l,
-        value: m,
+      a && !o && t.push({
+        field: m,
+        value: o,
         message: `${r} is required`
       });
-    }), g(e), e.length && (c == null || c(e)), !e.length;
+    }), g(t), t.length && (h == null || h(t)), !t.length;
   }
-  const k = H(
-    (e) => {
-      let t = {};
-      return e == null || e.forEach((n) => {
-        const { name: r, type: a, submitDataKey: s } = n;
-        if (s) {
-          const i = R(
-            s,
-            a,
-            p[r]
-          );
-          t = z(t, i);
-        } else
-          t[r] = a === "number" ? parseInt(p[r]) : p[r];
-      }), t;
+  const D = H(
+    (t) => {
+      let e = {};
+      return t == null || t.forEach((n) => {
+        const { name: r, type: p, submitDataKey: s } = n, a = p === "number" ? parseInt(l[r]) : l[r];
+        function o(m) {
+          if (m.indexOf(".") !== -1) {
+            const c = G(
+              m,
+              p,
+              l[r]
+            );
+            e = J(e, c);
+          } else
+            e[m] = a;
+        }
+        typeof s != "string" && (s != null && s.length) ? s.forEach((m) => {
+          o(m);
+        }) : typeof s == "string" && s ? o(s) : e[r] = a;
+      }), e;
     },
-    [p]
+    [l]
   );
-  function I(e) {
-    if (e.preventDefault(), N()) {
-      const n = k(o);
+  function I(t) {
+    if (t.preventDefault(), k()) {
+      const n = D(i);
       _(n);
     }
   }
   function W() {
-    F(), E();
+    F(), O();
   }
-  function q(e) {
-    const t = B.find(
-      (r) => r.field === e.name
+  function q(t) {
+    const e = M.find(
+      (r) => r.field === t.name
     ), n = {
-      ...e,
-      value: p[e.name],
-      handleChange: M,
-      error: !!t,
-      helperText: t == null ? void 0 : t.message
+      ...t,
+      value: l[t.name],
+      handleChange: N,
+      error: !!e,
+      helperText: e == null ? void 0 : e.message
     };
-    if (e.hidden)
+    if (t.hidden)
       return null;
-    if (e.type === "custom" && e.customComponent && x[e.customComponent]) {
-      const { component: r, props: a } = x[e.customComponent], s = r, i = {
+    if (t.type === "custom" && t.customComponent && y[t.customComponent]) {
+      const { component: r, props: p } = y[t.customComponent], s = r, a = {
         ...n,
-        ...a
+        ...p
       };
-      if (s && i)
-        return /* @__PURE__ */ u(s, { ...i }, e.name);
+      if (s && a)
+        return /* @__PURE__ */ u(s, { ...a }, t.name);
     } else
-      return /* @__PURE__ */ u(J, { ...n }, e.name);
+      return /* @__PURE__ */ u(Q, { ...n }, t.name);
   }
   function P() {
-    return o.reduce(
-      (t, n) => {
+    return i.reduce(
+      (e, n) => {
         const { groupName: r } = n;
-        if (!t.length)
-          t.push(r ? [r, n] : [n]);
+        if (!e.length)
+          e.push(r ? [r, n] : [n]);
         else if (r) {
-          const s = t.findIndex((i) => i[0] === r);
-          s === -1 ? t.push([r, n]) : t[s].push(n);
+          const s = e.findIndex((a) => a[0] === r);
+          s === -1 ? e.push([r, n]) : e[s].push(n);
         } else {
-          const s = t[t.length - 1];
-          typeof s[0] == "string" ? t.push([n]) : s.push(n);
+          const s = e[e.length - 1];
+          typeof s[0] == "string" ? e.push([n]) : s.push(n);
         }
-        return t;
+        return e;
       },
       []
     ).map(
-      (t) => {
-        const n = typeof t[0] == "string";
+      (e) => {
+        const n = typeof e[0] == "string";
         return /* @__PURE__ */ u(
-          U,
+          X,
           {
-            children: t.map((r) => typeof r == "string" ? /* @__PURE__ */ u(
-              L,
+            children: e.map((r) => typeof r == "string" ? /* @__PURE__ */ u(
+              R,
               {
                 type: "headingSmall",
-                sx: f.heading,
+                sx: d.heading,
                 children: r
               },
               r
             ) : q(r))
           },
-          `group-${n ? t[0] : t[0].name}`
+          `group-${n ? e[0] : e[0].name}`
         );
       }
     );
   }
-  K(() => {
+  L(() => {
     F();
   }, []);
   const $ = {
-    ...f.alignVertical,
-    ...O
+    ...d.alignVertical,
+    ...C
   }, w = {
-    ...f.alignVertical,
+    ...d.alignVertical,
     marginTop: "1rem",
     gap: "0.5rem",
-    ...D
+    ...B
   };
-  return /* @__PURE__ */ u(b, { sx: T, children: /* @__PURE__ */ j("form", { style: $, children: [
-    /* @__PURE__ */ u(b, { sx: A, children: Object.keys(p).length && P() }),
-    /* @__PURE__ */ j(b, { sx: w, children: [
-      /* @__PURE__ */ u(S, { type: "submit", onClick: I, children: V }),
-      /* @__PURE__ */ u(S, { onClick: W, children: C })
+  return /* @__PURE__ */ u(x, { sx: T, children: /* @__PURE__ */ v("form", { style: $, children: [
+    /* @__PURE__ */ u(x, { sx: A, children: Object.keys(l).length && P() }),
+    /* @__PURE__ */ v(x, { sx: w, children: [
+      /* @__PURE__ */ u(j, { type: "submit", onClick: I, children: V }),
+      /* @__PURE__ */ u(j, { onClick: W, children: E })
     ] })
   ] }) });
 };
 export {
-  oe as default
+  me as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loopr-ai/craft",
-  "version": "0.7.5",
+  "version": "0.7.6",
   "description": "Component library based out of Material UI customized to support Loopr AI products",
   "homepage": "https://loopr.ai",
   "author": {