@loopr-ai/craft 0.8.2 → 0.9.0

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

@@ -1,200 +1,188 @@
-import { jsx as l, jsxs as E } from "react/jsx-runtime";
-import { forwardRef as X, useState as O, useRef as _, useCallback as V, useEffect as Y, useImperativeHandle as Z } from "react";
-import A from "../../cell/Button/index.js";
-import { T as K } from "../../../index-c9c32237.js";
-import d from "./Form.styles.js";
+import { jsx as l, jsxs as j } from "react/jsx-runtime";
+import { forwardRef as X, useState as E, useRef as O, useCallback as _, useEffect as Y, useImperativeHandle as Z } from "react";
+import V from "../../cell/Button/index.js";
+import { T as K } from "../../../index-ae3eb123.js";
+import y from "./Form.styles.js";
 import { getLocalDateTime as C, createNestedObject as ee, deepMergeObjects as te } from "./Form.utils.js";
 import se from "./FormInput.js";
-import { s as re } from "../../../styled-78608e1f.js";
-import { B as v } from "../../../Tooltip-e797a425.js";
+import { s as re } from "../../../styled-8f7db30d.js";
+import { B as F } from "../../../Box-96e795c4.js";
 const ne = re("div")({
-  marginTop: "0.75rem"
+  marginBottom: "1rem",
+  borderBottom: "1px solid #BBB"
 }), he = X(
   ({
-    config: i,
-    submitText: B = "Submit",
+    config: p,
+    submitText: A = "Submit",
     handleSubmit: T,
     handleInvalidData: h,
     cancelText: R = "Cancel",
-    handleCancel: g,
-    onChange: a,
+    handleCancel: d,
+    onChange: u,
     formStyles: k = {},
     formWrapperStyles: I = {},
     formFieldsWrapperStyles: M = {},
     buttonWrapperStyles: N = {},
-    customFields: F = {},
+    customFields: S = {},
     preFillValues: x = {},
     formAdornments: w = {}
   }, D) => {
-    const [c, b] = O({}), [W, y] = O([]), S = _(null), j = _(null);
-    function q(t, e) {
-      b((r) => ({
-        ...r,
-        [t]: e
-      })), a == null || a(t, e), y([]);
+    const [c, b] = E({}), [H, g] = E([]), B = O(null), v = O(null);
+    function W(e, t) {
+      b((s) => ({
+        ...s,
+        [e]: t
+      })), u == null || u(e, t), g([]);
     }
-    const H = V(() => {
-      const t = {};
-      i == null || i.forEach((e) => {
-        if (e.preFillWithDateTime && e.type === "text") {
-          const r = C();
-          t[e.name] = r, a == null || a(e.name, r);
+    const q = _(() => {
+      const e = {};
+      p == null || p.forEach((t) => {
+        if (t.preFillWithDateTime && t.type === "text") {
+          const s = C();
+          e[t.name] = s, u == null || u(t.name, s);
         } else
-          t[e.name] = e.defaultValue || x[e.name] || "", a == null || a(
-            e.name,
-            e.defaultValue || x[e.name] || ""
+          e[t.name] = t.defaultValue || x[t.name] || "", u == null || u(
+            t.name,
+            t.defaultValue || x[t.name] || ""
           );
-      }), b(t), y([]);
+      }), b(e), g([]);
     }, [x]);
     function P() {
-      const t = [];
-      return i == null || i.forEach((e) => {
-        const { name: r, label: n, type: p, validation: s, required: u } = e, m = c[r], o = r;
-        if (s)
-          if (p === "number") {
-            const f = parseInt(m);
-            s.min && f < s.min && t.push({
-              field: o,
-              value: m,
-              message: s.invalid_message
-            }), s.max && f > s.max && t.push({
-              field: o,
-              value: m,
-              message: s.invalid_message
-            }), isNaN(f) && t.push({
-              field: o,
-              value: m,
+      const e = [];
+      return p == null || p.forEach((t) => {
+        const { name: s, label: n, type: m, validation: r, required: i } = t, o = c[s], a = s;
+        if (r)
+          if (m === "number") {
+            const f = parseInt(o);
+            r.min && f < r.min && e.push({
+              field: a,
+              value: o,
+              message: r.invalid_message
+            }), r.max && f > r.max && e.push({
+              field: a,
+              value: o,
+              message: r.invalid_message
+            }), isNaN(f) && e.push({
+              field: a,
+              value: o,
               message: "Invalid number"
             });
           } else
-            p === "text" && (s.min_length && m.length < s.min_length && t.push({
-              field: o,
-              value: m,
-              message: s.invalid_message
-            }), s.max_length && m.length > s.max_length && t.push({
-              field: o,
-              value: m,
-              message: s.invalid_message
-            }), s.pattern && !new RegExp(s.pattern).test(m) && t.push({
-              field: o,
-              value: m,
-              message: s.invalid_message
+            m === "text" && (r.min_length && o.length < r.min_length && e.push({
+              field: a,
+              value: o,
+              message: r.invalid_message
+            }), r.max_length && o.length > r.max_length && e.push({
+              field: a,
+              value: o,
+              message: r.invalid_message
+            }), r.pattern && !new RegExp(r.pattern).test(o) && e.push({
+              field: a,
+              value: o,
+              message: r.invalid_message
             }));
-        u && !m && t.push({
-          field: o,
-          value: m,
+        i && !o && e.push({
+          field: a,
+          value: o,
           message: `${n} is required`
         });
-      }), y(t), t.length && (h == null || h(t)), !t.length;
+      }), g(e), e.length && (h == null || h(e)), !e.length;
     }
-    const $ = V(
-      (t) => {
-        let e = {};
-        return t == null || t.forEach((r) => {
-          const { name: n, type: p, submitDataKey: s } = r, u = p === "number" ? parseInt(c[n]) : c[n];
-          function m(o) {
-            if (o.indexOf(".") !== -1) {
+    const $ = _(
+      (e) => {
+        let t = {};
+        return e == null || e.forEach((s) => {
+          const { name: n, type: m, submitDataKey: r } = s, i = m === "number" ? parseInt(c[n]) : c[n];
+          function o(a) {
+            if (a.indexOf(".") !== -1) {
               const f = ee(
-                o,
-                p,
+                a,
+                m,
                 c[n]
               );
-              e = te(
-                e,
+              t = te(
+                t,
                 f
               );
             } else
-              e[o] = u;
+              t[a] = i;
           }
-          typeof s != "string" && (s != null && s.length) ? s.forEach((o) => {
-            m(o);
-          }) : typeof s == "string" && s ? m(s) : e[n] = u;
-        }), e;
+          typeof r != "string" && (r != null && r.length) ? r.forEach((a) => {
+            o(a);
+          }) : typeof r == "string" && r ? o(r) : t[n] = i;
+        }), t;
       },
       [c]
     );
-    function L(t) {
-      if (t.preventDefault(), P()) {
-        const r = $(i);
-        T(r);
+    function L(e) {
+      if (e.preventDefault(), P()) {
+        const s = $(p);
+        T(s);
       }
     }
     function z() {
-      b((t) => {
-        const e = { ...t };
-        return Object.keys(e).forEach((r) => {
-          e[r] = "";
-        }), e;
-      }), g == null || g();
+      b((e) => {
+        const t = { ...e };
+        return Object.keys(t).forEach((s) => {
+          t[s] = "";
+        }), t;
+      }), d == null || d();
     }
-    function G(t) {
-      const e = W.find(
-        (n) => n.field === t.name
-      ), r = {
-        ...t,
-        value: c[t.name],
-        handleChange: q,
-        error: !!e,
-        helperText: e == null ? void 0 : e.message,
-        inputAdornments: w[t.name] || {}
+    function G(e) {
+      const t = H.find(
+        (n) => n.field === e.name
+      ), s = {
+        ...e,
+        value: c[e.name],
+        handleChange: W,
+        error: !!t,
+        helperText: t == null ? void 0 : t.message,
+        inputAdornments: w[e.name] || e.inputAdornments
       };
-      if (t.hidden)
+      if (e.hidden)
         return null;
-      if (t.type === "custom" && t.customComponent && F[t.customComponent]) {
-        const { component: n, props: p } = F[t.customComponent], s = n, u = {
-          ...r,
-          ...p
+      if (e.type === "custom" && e.customComponent && S[e.customComponent]) {
+        const { component: n, props: m } = S[e.customComponent], r = n, i = {
+          ...s,
+          ...m
         };
-        if (s && u)
-          return /* @__PURE__ */ l(s, { ...u }, t.name);
+        if (r && i)
+          return /* @__PURE__ */ l(r, { ...i }, e.name);
       } else
-        return /* @__PURE__ */ l(se, { ...r }, t.name);
+        return /* @__PURE__ */ l(se, { ...s }, e.name);
     }
     function J() {
-      return i.reduce(
-        (e, r) => {
-          const { groupName: n } = r;
-          if (!e.length)
-            e.push(n ? [n, r] : [r]);
-          else if (n) {
-            const s = e.findIndex((u) => u[0] === n);
-            s === -1 ? e.push([n, r]) : e[s].push(r);
+      const e = p.reduce(
+        (s, n) => {
+          const { groupName: m } = n;
+          if (!s.length)
+            s.push(m ? [m, n] : [n]);
+          else if (m) {
+            const i = s.findIndex((o) => o[0] === m);
+            i === -1 ? s.push([m, n]) : s[i].push(n);
           } else {
-            const s = e[e.length - 1];
-            typeof s[0] == "string" ? e.push([r]) : s.push(r);
+            const i = s[s.length - 1];
+            typeof i[0] == "string" ? s.push([n]) : i.push(n);
           }
-          return e;
+          return s;
         },
         []
-      ).map(
-        (e) => {
-          const r = typeof e[0] == "string";
-          return /* @__PURE__ */ l(
-            ne,
-            {
-              children: e.map((n) => typeof n == "string" ? /* @__PURE__ */ l(
-                K,
-                {
-                  type: "headingSmall",
-                  sx: d.heading,
-                  children: n
-                },
-                n
-              ) : G(n))
-            },
-            `group-${r ? e[0] : e[0].name}`
-          );
-        }
+      );
+      function t(s) {
+        return s.map((n) => typeof n == "string" ? /* @__PURE__ */ l(K, { type: "headingSmall", sx: y.heading, children: n }, n) : G(n));
+      }
+      return e.map(
+        (s) => typeof s[0] == "string" ? /* @__PURE__ */ l(ne, { children: t(s) }, `group-${s[0]}`) : t(s)
       );
     }
     Y(() => {
-      H();
+      q();
     }, []);
     const Q = {
-      ...d.alignVertical,
+      ...y.alignVertical,
       ...k
     }, U = {
-      ...d.alignVertical,
+      ...y.alignVertical,
       marginTop: "1rem",
       gap: "0.5rem",
       ...N
@@ -202,23 +190,23 @@ const ne = re("div")({
     return Z(
       D,
       () => ({
-        submitButtonRef: S,
-        cancelButtonRef: j
+        submitButtonRef: B,
+        cancelButtonRef: v
       }),
       []
-    ), /* @__PURE__ */ l(v, { sx: I, children: /* @__PURE__ */ E("form", { style: Q, children: [
-      /* @__PURE__ */ l(v, { sx: M, children: Object.keys(c).length && J() }),
-      /* @__PURE__ */ E(v, { sx: U, children: [
+    ), /* @__PURE__ */ l(F, { sx: I, children: /* @__PURE__ */ j("form", { style: Q, children: [
+      /* @__PURE__ */ l(F, { sx: M, children: Object.keys(c).length && J() }),
+      /* @__PURE__ */ j(F, { sx: U, children: [
         /* @__PURE__ */ l(
-          A,
+          V,
           {
-            ref: S,
+            ref: B,
             type: "submit",
             onClick: L,
-            children: B
+            children: A
           }
         ),
-        /* @__PURE__ */ l(A, { ref: j, onClick: z, children: R })
+        /* @__PURE__ */ l(V, { ref: v, onClick: z, children: R })
       ] })
     ] }) });
   }

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
-import { Z as p } from "../../../ZoomControllers-d04c25f8.js";
-import "../../../Tooltip-e797a425.js";
+import { Z as p } from "../../../ZoomControllers-657c8b74.js";
+import "../../../Box-96e795c4.js";
 export {
   p as default
 };

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

@@ -1,60 +1,54 @@
-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-d04c25f8.js";
-import { B as m } from "../../../Tooltip-e797a425.js";
+import { jsx as t, jsxs as x } from "react/jsx-runtime";
+import { useState as y, useEffect as n, useMemo as w } from "react";
+import { T as C, Z as S, a as W } from "../../../ZoomControllers-657c8b74.js";
+import { B as m } from "../../../Box-96e795c4.js";
 const D = {
   position: "relative",
   borderRadius: "1rem",
   overflow: "hidden"
 }, B = ({
   children: c,
-  parentContainerProps: f,
-  zoomControllerProps: l,
-  defaultRotationAngle: p,
+  parentContainerProps: p,
+  zoomControllerProps: f,
+  defaultRotationAngle: l,
   onRotate: o,
   height: s,
   width: a,
   rotatedImageScale: i = 0.55,
   ...d
 }) => {
-  const [e, h] = x(p ?? "0");
+  const [e, h] = y(l ?? "0");
   function u() {
     h((r) => ((parseInt(r) + 90) % 360).toString());
   }
   n(() => {
-    const r = document.querySelector(".react-transform-wrapper");
+    const r = document.querySelector(
+      ".react-transform-wrapper"
+    );
     r && (r.style.width = "100%", r.style.height = "100%");
   }, []), n(() => {
-    const r = document.querySelector(".react-transform-component");
-    r && (r.style.transformOrigin = "center center", r.style.height = s ?? "100%", r.style.width = a ?? "100%");
+    const r = document.querySelector(
+      ".react-transform-component"
+    );
+    r && (r.style.height = s ?? "100%", r.style.width = a ?? "100%");
   }, [a, s]), n(() => {
     o == null || o(e);
   }, [e]);
-  const g = w(() => ({
-    transform: `rotate(${e}deg) scale(${parseInt(e) === 0 || parseInt(e) === 180 ? 1 : i})`,
-    width: "100%",
-    height: "100%",
-    "& img": {
-      height: "100%"
-    }
-  }), [e, i]);
-  return /* @__PURE__ */ t(
-    m,
-    {
-      sx: D,
-      ...f,
-      children: /* @__PURE__ */ y(C, { ...d, children: [
-        /* @__PURE__ */ t(
-          S,
-          {
-            handleRotate: u,
-            ...l
-          }
-        ),
-        /* @__PURE__ */ t(W, { children: /* @__PURE__ */ t(m, { sx: g, children: c }) })
-      ] })
-    }
+  const g = w(
+    () => ({
+      transform: `rotate(${e}deg) scale(${parseInt(e) === 0 || parseInt(e) === 180 ? 1 : i})`,
+      width: "100%",
+      height: "100%",
+      "& img": {
+        height: "100%"
+      }
+    }),
+    [e, i]
   );
+  return /* @__PURE__ */ t(m, { sx: D, ...p, children: /* @__PURE__ */ x(C, { ...d, children: [
+    /* @__PURE__ */ t(S, { handleRotate: u, ...f }),
+    /* @__PURE__ */ t(W, { children: /* @__PURE__ */ t(m, { sx: g, children: c }) })
+  ] }) });
 };
 export {
   B as default