@loopr-ai/craft 0.8.3 → 0.10.0

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

@@ -5,7 +5,7 @@ import { ConfigField, CustomFields, FormInputAdornments, InvalidData } from "./F
 interface FormProps {
     config: Array<ConfigField>;
     submitText?: string;
-    handleSubmit: (data: any) => void;
+    handleSubmit: (data: any, authHeader?: string) => void;
     handleInvalidData?: (data: Array<InvalidData>) => void;
     cancelText?: string;
     handleCancel?: () => void;
@@ -17,6 +17,7 @@ interface FormProps {
     buttonWrapperStyles?: SxProps;
     preFillValues?: any;
     formAdornments?: FormInputAdornments;
+    authHeader?: string;
 }
 /**
  * Form component
@@ -34,6 +35,7 @@ interface FormProps {
  * @param buttonWrapperStyles - Styles for button wrapper
  * @param preFillValues - Object containing pre-fill values
  * @param formAdornments - Object containing form adornments
+ * @param authHeader - Authentication header string (e.g., "Bearer token123")
  */
 declare const Form: CraftFC<FormProps>;
 export default Form;

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

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

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,7 +1,7 @@
 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-d04c25f8.js";
-import { B as m } from "../../../Tooltip-e797a425.js";
+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",