@loopr-ai/craft 0.7.2 → 0.7.4

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

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

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
-import { Z as p } from "../../../ZoomControllers-8a147df0.js";
-import "../../../Box-8cd400c2.js";
+import { Z as p } from "../../../ZoomControllers-36e39bb0.js";
+import "../../../Tooltip-b926c320.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-8a147df0.js";
-import { B as m } from "../../../Box-8cd400c2.js";
+import { T as C, Z as S, a as W } from "../../../ZoomControllers-36e39bb0.js";
+import { B as m } from "../../../Tooltip-b926c320.js";
 const D = {
   position: "relative",
   borderRadius: "1rem",

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

@@ -1,9 +1,9 @@
-import { g as I, b as h, _ as w, a as y, P as o } from "./createTheme-ca1567c6.js";
+import { g as b, c as h, _ as w, a as y, P as o } from "./createTheme-a4db2989.js";
 import * as v from "react";
 import { jsxs as C, jsx as z } from "react/jsx-runtime";
-import { g as T, a as N, b as R, c as O, e as B } from "./styled-80b57810.js";
+import { g as T, s as N, a as R, c as O, b as B } from "./styled-126c6a62.js";
 function j(e) {
-  return I("MuiSvgIcon", e);
+  return b("MuiSvgIcon", e);
 }
 T("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
 const A = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], E = (e) => {
@@ -78,10 +78,10 @@ const A = ["children", "className", "color", "component", "fontSize", "htmlColor
     hasSvgAsChild: l
   }), x = {};
   m || (x.viewBox = a);
-  const b = E($);
+  const I = E($);
   return /* @__PURE__ */ C(V, y({
     as: c,
-    className: O(b.root, d),
+    className: O(I.root, d),
     focusable: "false",
     color: u,
     "aria-hidden": s ? void 0 : !0,