@loopr-ai/craft 0.7.2 → 0.7.3

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

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