@loopr-ai/craft 0.7.3 → 0.7.4

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

@@ -427,7 +427,7 @@ const Xe = ({
   };
   const te = {
     "& .MuiSelect-select > span::before": {
-      content: `'${d}'`,
+      content: `'${d || ""}'`,
       color: u ? "rgba(254, 64, 76, 0.4)" : "rgba(153, 153, 153, 0.6)"
     }
   };

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

@@ -11,6 +11,8 @@ interface FormProps {
     handleCancel: () => void;
     onChange?: (key: string, value: string) => void;
     customFields?: CustomFields;
+    formWrapperStyles?: SxProps;
+    formFieldsWrapperStyles?: SxProps;
     formStyles?: React.CSSProperties;
     buttonWrapperStyles?: SxProps;
 }

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

@@ -1,134 +1,136 @@
-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")({
+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"
-}), re = ({
+}), oe = ({
   config: o,
-  submitText: S = "Submit",
-  handleSubmit: V,
+  submitText: V = "Submit",
+  handleSubmit: _,
   handleInvalidData: c,
-  cancelText: _ = "Cancel",
-  handleCancel: C,
+  cancelText: C = "Cancel",
+  handleCancel: E,
   onChange: h,
-  formStyles: E = {},
-  buttonWrapperStyles: O = {},
-  customFields: b = {}
+  formStyles: O = {},
+  formWrapperStyles: T = {},
+  formFieldsWrapperStyles: A = {},
+  buttonWrapperStyles: D = {},
+  customFields: x = {}
 }) => {
-  const [u, y] = j({}), [T, g] = j([]);
-  function A(e, t) {
+  const [p, y] = v({}), [B, g] = v([]);
+  function M(e, t) {
     y((n) => ({
       ...n,
       [e]: t
     })), h == null || h(e, t), g([]);
   }
-  function x() {
+  function F() {
     const e = {};
     o == null || o.forEach((t) => {
       if (t.preFillWithDateTime && t.type === "text") {
-        const n = L();
+        const n = G();
         e[t.name] = n;
       } else
         e[t.name] = t.defaultValue || "";
     }), y(e), g([]);
   }
-  function D() {
+  function N() {
     const e = [];
     return o == null || o.forEach((t) => {
-      const { name: n, label: r, type: a, validation: s, required: i } = t, m = u[n], p = n;
+      const { name: n, label: r, type: a, validation: s, required: i } = t, m = p[n], l = n;
       if (s)
         if (a === "number") {
-          const f = parseInt(m);
-          s.min && f < s.min && e.push({
-            field: p,
+          const d = parseInt(m);
+          s.min && d < s.min && e.push({
+            field: l,
             value: m,
             message: s.invalid_message
-          }), s.max && f > s.max && e.push({
-            field: p,
+          }), s.max && d > s.max && e.push({
+            field: l,
             value: m,
             message: s.invalid_message
-          }), isNaN(f) && e.push({
-            field: p,
+          }), isNaN(d) && e.push({
+            field: l,
             value: m,
             message: "Invalid number"
           });
         } else
           a === "text" && (s.min_length && m.length < s.min_length && e.push({
-            field: p,
+            field: l,
             value: m,
             message: s.invalid_message
           }), s.max_length && m.length > s.max_length && e.push({
-            field: p,
+            field: l,
             value: m,
             message: s.invalid_message
           }), s.pattern && !new RegExp(s.pattern).test(m) && e.push({
-            field: p,
+            field: l,
             value: m,
             message: s.invalid_message
           }));
       i && !m && e.push({
-        field: p,
+        field: l,
         value: m,
         message: `${r} is required`
       });
     }), g(e), e.length && (c == null || c(e)), !e.length;
   }
-  const B = P(
+  const k = H(
     (e) => {
       let t = {};
       return e == null || e.forEach((n) => {
         const { name: r, type: a, submitDataKey: s } = n;
         if (s) {
-          const i = H(
+          const i = R(
             s,
             a,
-            u[r]
+            p[r]
           );
-          t = K(t, i);
+          t = z(t, i);
         } else
-          t[r] = a === "number" ? parseInt(u[r]) : u[r];
+          t[r] = a === "number" ? parseInt(p[r]) : p[r];
       }), t;
     },
-    [u]
+    [p]
   );
-  function M(e) {
-    if (e.preventDefault(), D()) {
-      const n = B(o);
-      V(n);
+  function I(e) {
+    if (e.preventDefault(), N()) {
+      const n = k(o);
+      _(n);
     }
   }
-  function N() {
-    x(), C();
+  function W() {
+    F(), E();
   }
-  function k(e) {
-    const t = T.find(
+  function q(e) {
+    const t = B.find(
       (r) => r.field === e.name
     ), n = {
       ...e,
-      value: u[e.name],
-      handleChange: A,
+      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 && b[e.customComponent]) {
-      const { component: r, props: a } = b[e.customComponent], s = r, i = {
+    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__ */ l(s, { ...i }, e.name);
+        return /* @__PURE__ */ u(s, { ...i }, e.name);
     } else
-      return /* @__PURE__ */ l(R, { ...n }, e.name);
+      return /* @__PURE__ */ u(J, { ...n }, e.name);
   }
-  function I() {
+  function P() {
     return o.reduce(
       (t, n) => {
         const { groupName: r } = n;
@@ -147,44 +149,44 @@ const J = z("div")({
     ).map(
       (t) => {
         const n = typeof t[0] == "string";
-        return /* @__PURE__ */ l(
-          J,
+        return /* @__PURE__ */ u(
+          U,
           {
-            children: t.map((r) => typeof r == "string" ? /* @__PURE__ */ l(
-              w,
+            children: t.map((r) => typeof r == "string" ? /* @__PURE__ */ u(
+              L,
               {
                 type: "headingSmall",
-                sx: d.heading,
+                sx: f.heading,
                 children: r
               },
               r
-            ) : k(r))
+            ) : q(r))
           },
           `group-${n ? t[0] : t[0].name}`
         );
       }
     );
   }
-  $(() => {
-    x();
+  K(() => {
+    F();
   }, []);
-  const W = {
-    ...d.alignVertical,
-    ...E
-  }, q = {
-    ...d.alignVertical,
+  const $ = {
+    ...f.alignVertical,
+    ...O
+  }, w = {
+    ...f.alignVertical,
     marginTop: "1rem",
     gap: "0.5rem",
-    ...O
+    ...D
   };
-  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: _ })
+  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 {
-  re as default
+  oe as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loopr-ai/craft",
-  "version": "0.7.3",
+  "version": "0.7.4",
   "description": "Component library based out of Material UI customized to support Loopr AI products",
   "homepage": "https://loopr.ai",
   "author": {