@loopr-ai/craft 0.7.6 → 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,46 +1,48 @@
 import { jsx as u, jsxs as v } from "react/jsx-runtime";
-import { useState as S, useCallback as H, useEffect as L } from "react";
+import { useState as S, useCallback as R, useEffect as z } from "react";
 import j from "../../cell/Button/index.js";
-import { T as R } from "../../../index-03287c17.js";
+import { T as G } from "../../../index-c9c32237.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")({
+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"
-}), me = ({
+}), ie = ({
   config: i,
   submitText: V = "Submit",
   handleSubmit: _,
   handleInvalidData: h,
   cancelText: E = "Cancel",
   handleCancel: O,
-  onChange: f,
-  formStyles: C = {},
-  formWrapperStyles: T = {},
-  formFieldsWrapperStyles: A = {},
+  onChange: g,
+  formStyles: A = {},
+  formWrapperStyles: C = {},
+  formFieldsWrapperStyles: T = {},
   buttonWrapperStyles: B = {},
-  customFields: y = {}
+  customFields: y = {},
+  preFillValues: M = {},
+  formAdornments: N = {}
 }) => {
-  const [l, b] = S({}), [M, g] = S([]);
-  function N(t, e) {
+  const [l, b] = S({}), [k, f] = S([]);
+  function D(t, e) {
     b((n) => ({
       ...n,
       [t]: e
-    })), f == null || f(t, e), g([]);
+    })), g == null || g(t, e), f([]);
   }
   function F() {
     const t = {};
     i == null || i.forEach((e) => {
       if (e.preFillWithDateTime && e.type === "text") {
-        const n = z();
+        const n = J();
         t[e.name] = n;
       } else
-        t[e.name] = e.defaultValue || "";
-    }), b(t), g([]);
+        t[e.name] = e.defaultValue || M[e.name] || "";
+    }), b(t), f([]);
   }
-  function k() {
+  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;
@@ -79,21 +81,21 @@ const X = U("div")({
         value: o,
         message: `${r} is required`
       });
-    }), g(t), t.length && (h == null || h(t)), !t.length;
+    }), f(t), t.length && (h == null || h(t)), !t.length;
   }
-  const D = H(
+  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 = G(
+            const c = Q(
               m,
               p,
               l[r]
             );
-            e = J(e, c);
+            e = U(e, c);
           } else
             e[m] = a;
         }
@@ -104,24 +106,25 @@ const X = U("div")({
     },
     [l]
   );
-  function I(t) {
-    if (t.preventDefault(), k()) {
-      const n = D(i);
+  function q(t) {
+    if (t.preventDefault(), I()) {
+      const n = W(i);
       _(n);
     }
   }
-  function W() {
+  function P() {
     F(), O();
   }
-  function q(t) {
-    const e = M.find(
+  function $(t) {
+    const e = k.find(
       (r) => r.field === t.name
     ), n = {
       ...t,
       value: l[t.name],
-      handleChange: N,
+      handleChange: D,
       error: !!e,
-      helperText: e == null ? void 0 : e.message
+      helperText: e == null ? void 0 : e.message,
+      inputAdornments: N[t.name] || {}
     };
     if (t.hidden)
       return null;
@@ -133,9 +136,9 @@ const X = U("div")({
       if (s && a)
         return /* @__PURE__ */ u(s, { ...a }, t.name);
     } else
-      return /* @__PURE__ */ u(Q, { ...n }, t.name);
+      return /* @__PURE__ */ u(X, { ...n }, t.name);
   }
-  function P() {
+  function w() {
     return i.reduce(
       (e, n) => {
         const { groupName: r } = n;
@@ -155,43 +158,43 @@ const X = U("div")({
       (e) => {
         const n = typeof e[0] == "string";
         return /* @__PURE__ */ u(
-          X,
+          Z,
           {
             children: e.map((r) => typeof r == "string" ? /* @__PURE__ */ u(
-              R,
+              G,
               {
                 type: "headingSmall",
                 sx: d.heading,
                 children: r
               },
               r
-            ) : q(r))
+            ) : $(r))
           },
           `group-${n ? e[0] : e[0].name}`
         );
       }
     );
   }
-  L(() => {
+  z(() => {
     F();
   }, []);
-  const $ = {
+  const H = {
     ...d.alignVertical,
-    ...C
-  }, w = {
+    ...A
+  }, L = {
     ...d.alignVertical,
     marginTop: "1rem",
     gap: "0.5rem",
     ...B
   };
-  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 })
+  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 {
-  me 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);
 }