@loopr-ai/craft 0.7.5 → 0.8.0

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

@@ -1,7 +1,7 @@
 import { SxProps } from "@mui/material";
 import React from "react";
 import { CraftFC } from "../../../global/interfaces";
-import { ConfigField, CustomFields, InvalidData } from "./Form.interfaces";
+import { ConfigField, CustomFields, FormInputAdornments, InvalidData } from "./Form.interfaces";
 interface FormProps {
     config: Array<ConfigField>;
     submitText?: string;
@@ -15,6 +15,8 @@ interface FormProps {
     formFieldsWrapperStyles?: SxProps;
     formStyles?: React.CSSProperties;
     buttonWrapperStyles?: SxProps;
+    preFillValues?: any;
+    formAdornments?: FormInputAdornments;
 }
 /**
  * Form component

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

@@ -1,192 +1,200 @@
-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 R, useEffect as z } from "react";
+import j from "../../cell/Button/index.js";
+import { T as G } from "../../../index-c9c32237.js";
+import d from "./Form.styles.js";
+import { getLocalDateTime as J, createNestedObject as Q, deepMergeObjects as U } from "./Form.utils.js";
+import X from "./FormInput.js";
+import { s as Y } from "../../../styled-78608e1f.js";
+import { B as x } from "../../../Tooltip-e797a425.js";
+const Z = Y("div")({
   marginTop: "0.75rem"
-}), oe = ({
-  config: o,
+}), ie = ({
+  config: i,
   submitText: V = "Submit",
   handleSubmit: _,
-  handleInvalidData: c,
-  cancelText: C = "Cancel",
-  handleCancel: E,
-  onChange: h,
-  formStyles: O = {},
-  formWrapperStyles: T = {},
-  formFieldsWrapperStyles: A = {},
-  buttonWrapperStyles: D = {},
-  customFields: x = {}
+  handleInvalidData: h,
+  cancelText: E = "Cancel",
+  handleCancel: O,
+  onChange: g,
+  formStyles: A = {},
+  formWrapperStyles: C = {},
+  formFieldsWrapperStyles: T = {},
+  buttonWrapperStyles: B = {},
+  customFields: y = {},
+  preFillValues: M = {},
+  formAdornments: N = {}
 }) => {
-  const [p, y] = v({}), [B, g] = v([]);
-  function M(e, t) {
-    y((n) => ({
+  const [l, b] = S({}), [k, f] = S([]);
+  function D(t, e) {
+    b((n) => ({
       ...n,
-      [e]: t
-    })), h == null || h(e, t), g([]);
+      [t]: e
+    })), g == null || g(t, e), f([]);
   }
   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 = J();
+        t[e.name] = n;
       } else
-        e[t.name] = t.defaultValue || "";
-    }), y(e), g([]);
+        t[e.name] = e.defaultValue || M[e.name] || "";
+    }), b(t), f([]);
   }
-  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 I() {
+    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;
+    }), f(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 W = R(
+    (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 = Q(
+              m,
+              p,
+              l[r]
+            );
+            e = U(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 q(t) {
+    if (t.preventDefault(), I()) {
+      const n = W(i);
       _(n);
     }
   }
-  function W() {
-    F(), E();
+  function P() {
+    F(), O();
   }
-  function q(e) {
-    const t = B.find(
-      (r) => r.field === e.name
+  function $(t) {
+    const e = k.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: D,
+      error: !!e,
+      helperText: e == null ? void 0 : e.message,
+      inputAdornments: N[t.name] || {}
     };
-    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(X, { ...n }, t.name);
   }
-  function P() {
-    return o.reduce(
-      (t, n) => {
+  function w() {
+    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,
+          Z,
           {
-            children: t.map((r) => typeof r == "string" ? /* @__PURE__ */ u(
-              L,
+            children: e.map((r) => typeof r == "string" ? /* @__PURE__ */ u(
+              G,
               {
                 type: "headingSmall",
-                sx: f.heading,
+                sx: d.heading,
                 children: r
               },
               r
-            ) : q(r))
+            ) : $(r))
           },
-          `group-${n ? t[0] : t[0].name}`
+          `group-${n ? e[0] : e[0].name}`
         );
       }
     );
   }
-  K(() => {
+  z(() => {
     F();
   }, []);
-  const $ = {
-    ...f.alignVertical,
-    ...O
-  }, w = {
-    ...f.alignVertical,
+  const H = {
+    ...d.alignVertical,
+    ...A
+  }, L = {
+    ...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: C, children: /* @__PURE__ */ v("form", { style: H, children: [
+    /* @__PURE__ */ u(x, { sx: T, children: Object.keys(l).length && w() }),
+    /* @__PURE__ */ v(x, { sx: L, children: [
+      /* @__PURE__ */ u(j, { type: "submit", onClick: q, children: V }),
+      /* @__PURE__ */ u(j, { onClick: P, children: E })
     ] })
   ] }) });
 };
 export {
-  oe as default
+  ie as default
 };

package/dist/components/organ/ZoomControlWithDrag/ZoomControllers.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
-import { Z as p } from "../../../ZoomControllers-36e39bb0.js";
-import "../../../Tooltip-b926c320.js";
+import { Z as p } from "../../../ZoomControllers-d04c25f8.js";
+import "../../../Tooltip-e797a425.js";
 export {
   p as default
 };

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

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as y } from "react/jsx-runtime";
 import { useState as x, useEffect as n, useMemo as w } from "react";
-import { T as C, Z as S, a as W } from "../../../ZoomControllers-36e39bb0.js";
-import { B as m } from "../../../Tooltip-b926c320.js";
+import { T as C, Z as S, a as W } from "../../../ZoomControllers-d04c25f8.js";
+import { B as m } from "../../../Tooltip-e797a425.js";
 const D = {
   position: "relative",
   borderRadius: "1rem",

package/dist/{createSvgIcon-f773ce57.js → createSvgIcon-45340b5e.js}

@@ -1,13 +1,13 @@
-import { P as ce, a as fa, C as pb, c as vb, j as hb, _ as x0, k as mb } from "./createTheme-a4db2989.js";
-import { c as lT } from "./styled-126c6a62.js";
-import { s as y0, c as g0, b as yb, u as Lm, a as gb, _ as Sb, T as gT } from "./TransitionGroupContext-fe9a562f.js";
+import { P as ce, a as fa, C as pb, c as vb, p as hb, _ as x0, q as mb } from "./createTheme-759a022d.js";
+import { c as lT } from "./styled-78608e1f.js";
+import { s as y0, c as g0, b as yb, u as Lm, a as gb, _ as Sb, T as gT } from "./TransitionGroupContext-0e899f4c.js";
 import * as Vt from "react";
 import rf from "react";
 import { jsx as S0 } from "react/jsx-runtime";
-import { e as Eb } from "./exactProp-d79ccada.js";
-import { u as Cb } from "./useTheme-573c40a2.js";
+import { e as Eb } from "./exactProp-23d6a154.js";
+import { u as Cb } from "./useTheme-8906bd79.js";
 import { c as ST } from "./chainPropTypes-004bf492.js";
-import { c as Tb } from "./createSvgIcon-58aa3adf.js";
+import { c as Tb } from "./createSvgIcon-5aac746d.js";
 import { u as Rb } from "./unsupportedProp-3dbf01f6.js";
 function xb(O) {
   const {
@@ -20385,21 +20385,21 @@ export {
   Db as H,
   T0 as P,
   Yb as T,
-  Ob as a,
-  Wb as b,
+  zb as a,
+  Ob as b,
   kb as c,
-  bb as d,
+  Wb as d,
   wb as e,
-  wT as f,
-  Ib as g,
-  Qb as h,
+  bb as f,
+  wT as g,
+  Ib as h,
   y_ as i,
-  hT as j,
-  Nb as k,
-  Ub as l,
-  zb as m,
+  Qb as j,
+  hT as k,
+  h_ as l,
+  Nb as m,
   Gb as n,
   TT as o,
   g_ as r,
-  h_ as u
+  Ub as u
 };

package/dist/{createSvgIcon-58aa3adf.js → createSvgIcon-5aac746d.js}

@@ -1,7 +1,7 @@
-import { g as b, c as h, _ as w, a as y, P as o } from "./createTheme-a4db2989.js";
+import { g as b, c as h, _ as w, a as y, P as o } from "./createTheme-759a022d.js";
 import * as v from "react";
 import { jsxs as C, jsx as z } from "react/jsx-runtime";
-import { g as T, s as N, a as R, c as O, b as B } from "./styled-126c6a62.js";
+import { g as T, s as N, a as R, c as O, b as B } from "./styled-78608e1f.js";
 function j(e) {
   return b("MuiSvgIcon", e);
 }