@loopr-ai/craft 0.7.6 → 0.8.1

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

@@ -1,20 +1,22 @@
 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;
     handleSubmit: (data: any) => void;
     handleInvalidData?: (data: Array<InvalidData>) => void;
     cancelText?: string;
-    handleCancel: () => void;
+    handleCancel?: () => void;
     onChange?: (key: string, value: string) => void;
     customFields?: CustomFields;
     formWrapperStyles?: SxProps;
     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 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")({
+import { jsx as u, jsxs as j } from "react/jsx-runtime";
+import { useState as v, useCallback as E, useEffect as z } from "react";
+import O from "../../cell/Button/index.js";
+import { T as G } from "../../../index-c9c32237.js";
+import y 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 b } from "../../../Tooltip-e797a425.js";
+const Z = Y("div")({
   marginTop: "0.75rem"
-}), me = ({
+}), ie = ({
   config: i,
-  submitText: V = "Submit",
-  handleSubmit: _,
+  submitText: _ = "Submit",
+  handleSubmit: V,
   handleInvalidData: h,
-  cancelText: E = "Cancel",
-  handleCancel: O,
+  cancelText: A = "Cancel",
+  handleCancel: g,
   onChange: f,
-  formStyles: C = {},
-  formWrapperStyles: T = {},
-  formFieldsWrapperStyles: A = {},
-  buttonWrapperStyles: B = {},
-  customFields: y = {}
+  formStyles: T = {},
+  formWrapperStyles: B = {},
+  formFieldsWrapperStyles: k = {},
+  buttonWrapperStyles: M = {},
+  customFields: F = {},
+  preFillValues: S = {},
+  formAdornments: N = {}
 }) => {
-  const [l, b] = S({}), [M, g] = S([]);
-  function N(t, e) {
-    b((n) => ({
+  const [l, x] = v({}), [C, d] = v([]);
+  function D(t, e) {
+    x((n) => ({
       ...n,
       [t]: e
-    })), f == null || f(t, e), g([]);
+    })), f == null || f(t, e), d([]);
   }
-  function F() {
+  const I = E(() => {
     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([]);
-  }
-  function k() {
+        t[e.name] = e.defaultValue || S[e.name] || "";
+    }), x(t), d([]);
+  }, [S]);
+  function W() {
     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;
+    }), d(t), t.length && (h == null || h(t)), !t.length;
   }
-  const D = H(
+  const q = E(
     (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,38 +106,44 @@ const X = U("div")({
     },
     [l]
   );
-  function I(t) {
-    if (t.preventDefault(), k()) {
-      const n = D(i);
-      _(n);
+  function w(t) {
+    if (t.preventDefault(), W()) {
+      const n = q(i);
+      V(n);
     }
   }
-  function W() {
-    F(), O();
+  function P() {
+    x((t) => {
+      const e = { ...t };
+      return Object.keys(e).forEach((n) => {
+        e[n] = "";
+      }), e;
+    }), g == null || g();
   }
-  function q(t) {
-    const e = M.find(
+  function $(t) {
+    const e = C.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;
-    if (t.type === "custom" && t.customComponent && y[t.customComponent]) {
-      const { component: r, props: p } = y[t.customComponent], s = r, a = {
+    if (t.type === "custom" && t.customComponent && F[t.customComponent]) {
+      const { component: r, props: p } = F[t.customComponent], s = r, a = {
         ...n,
         ...p
       };
       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 H() {
     return i.reduce(
       (e, n) => {
         const { groupName: r } = n;
@@ -155,43 +163,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,
+                sx: y.heading,
                 children: r
               },
               r
-            ) : q(r))
+            ) : $(r))
           },
           `group-${n ? e[0] : e[0].name}`
         );
       }
     );
   }
-  L(() => {
-    F();
+  z(() => {
+    I();
   }, []);
-  const $ = {
-    ...d.alignVertical,
-    ...C
-  }, w = {
-    ...d.alignVertical,
+  const L = {
+    ...y.alignVertical,
+    ...T
+  }, R = {
+    ...y.alignVertical,
     marginTop: "1rem",
     gap: "0.5rem",
-    ...B
+    ...M
   };
-  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(b, { sx: B, children: /* @__PURE__ */ j("form", { style: L, children: [
+    /* @__PURE__ */ u(b, { sx: k, children: Object.keys(l).length && H() }),
+    /* @__PURE__ */ j(b, { sx: R, children: [
+      /* @__PURE__ */ u(O, { type: "submit", onClick: w, children: _ }),
+      /* @__PURE__ */ u(O, { onClick: P, children: A })
     ] })
   ] }) });
 };
 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);
 }