@loopr-ai/craft 0.8.0 → 0.8.1

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

@@ -8,7 +8,7 @@ interface FormProps {
     handleSubmit: (data: any) => void;
     handleInvalidData?: (data: Array<InvalidData>) => void;
     cancelText?: string;
-    handleCancel: () => void;
+    handleCancel?: () => void;
     onChange?: (key: string, value: string) => void;
     customFields?: CustomFields;
     formWrapperStyles?: SxProps;

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

@@ -1,48 +1,48 @@
-import { jsx as u, jsxs as v } from "react/jsx-runtime";
-import { useState as S, useCallback as R, useEffect as z } from "react";
-import j from "../../cell/Button/index.js";
+import { jsx as u, jsxs as j } from "react/jsx-runtime";
+import { useState as v, useCallback as E, useEffect as z } from "react";
+import O from "../../cell/Button/index.js";
 import { T as G } from "../../../index-c9c32237.js";
-import d from "./Form.styles.js";
+import y from "./Form.styles.js";
 import { getLocalDateTime as J, createNestedObject as Q, deepMergeObjects as U } from "./Form.utils.js";
 import X from "./FormInput.js";
 import { s as Y } from "../../../styled-78608e1f.js";
-import { B as x } from "../../../Tooltip-e797a425.js";
+import { B as b } from "../../../Tooltip-e797a425.js";
 const Z = Y("div")({
   marginTop: "0.75rem"
 }), ie = ({
   config: i,
-  submitText: V = "Submit",
-  handleSubmit: _,
+  submitText: _ = "Submit",
+  handleSubmit: V,
   handleInvalidData: h,
-  cancelText: E = "Cancel",
-  handleCancel: O,
-  onChange: g,
-  formStyles: A = {},
-  formWrapperStyles: C = {},
-  formFieldsWrapperStyles: T = {},
-  buttonWrapperStyles: B = {},
-  customFields: y = {},
-  preFillValues: M = {},
+  cancelText: A = "Cancel",
+  handleCancel: g,
+  onChange: f,
+  formStyles: T = {},
+  formWrapperStyles: B = {},
+  formFieldsWrapperStyles: k = {},
+  buttonWrapperStyles: M = {},
+  customFields: F = {},
+  preFillValues: S = {},
   formAdornments: N = {}
 }) => {
-  const [l, b] = S({}), [k, f] = S([]);
+  const [l, x] = v({}), [C, d] = v([]);
   function D(t, e) {
-    b((n) => ({
+    x((n) => ({
       ...n,
       [t]: e
-    })), g == null || g(t, e), f([]);
+    })), f == null || f(t, e), d([]);
   }
-  function F() {
+  const I = E(() => {
     const t = {};
     i == null || i.forEach((e) => {
       if (e.preFillWithDateTime && e.type === "text") {
         const n = J();
         t[e.name] = n;
       } else
-        t[e.name] = e.defaultValue || M[e.name] || "";
-    }), b(t), f([]);
-  }
-  function I() {
+        t[e.name] = e.defaultValue || S[e.name] || "";
+    }), x(t), d([]);
+  }, [S]);
+  function W() {
     const t = [];
     return i == null || i.forEach((e) => {
       const { name: n, label: r, type: p, validation: s, required: a } = e, o = l[n], m = n;
@@ -81,9 +81,9 @@ const Z = Y("div")({
         value: o,
         message: `${r} is required`
       });
-    }), f(t), t.length && (h == null || h(t)), !t.length;
+    }), d(t), t.length && (h == null || h(t)), !t.length;
   }
-  const W = R(
+  const q = E(
     (t) => {
       let e = {};
       return t == null || t.forEach((n) => {
@@ -106,17 +106,22 @@ const Z = Y("div")({
     },
     [l]
   );
-  function q(t) {
-    if (t.preventDefault(), I()) {
-      const n = W(i);
-      _(n);
+  function w(t) {
+    if (t.preventDefault(), W()) {
+      const n = q(i);
+      V(n);
     }
   }
   function P() {
-    F(), O();
+    x((t) => {
+      const e = { ...t };
+      return Object.keys(e).forEach((n) => {
+        e[n] = "";
+      }), e;
+    }), g == null || g();
   }
   function $(t) {
-    const e = k.find(
+    const e = C.find(
       (r) => r.field === t.name
     ), n = {
       ...t,
@@ -128,8 +133,8 @@ const Z = Y("div")({
     };
     if (t.hidden)
       return null;
-    if (t.type === "custom" && t.customComponent && y[t.customComponent]) {
-      const { component: r, props: p } = y[t.customComponent], s = r, a = {
+    if (t.type === "custom" && t.customComponent && F[t.customComponent]) {
+      const { component: r, props: p } = F[t.customComponent], s = r, a = {
         ...n,
         ...p
       };
@@ -138,7 +143,7 @@ const Z = Y("div")({
     } else
       return /* @__PURE__ */ u(X, { ...n }, t.name);
   }
-  function w() {
+  function H() {
     return i.reduce(
       (e, n) => {
         const { groupName: r } = n;
@@ -164,7 +169,7 @@ const Z = Y("div")({
               G,
               {
                 type: "headingSmall",
-                sx: d.heading,
+                sx: y.heading,
                 children: r
               },
               r
@@ -176,22 +181,22 @@ const Z = Y("div")({
     );
   }
   z(() => {
-    F();
+    I();
   }, []);
-  const H = {
-    ...d.alignVertical,
-    ...A
-  }, L = {
-    ...d.alignVertical,
+  const L = {
+    ...y.alignVertical,
+    ...T
+  }, R = {
+    ...y.alignVertical,
     marginTop: "1rem",
     gap: "0.5rem",
-    ...B
+    ...M
   };
-  return /* @__PURE__ */ u(x, { sx: C, children: /* @__PURE__ */ v("form", { style: H, children: [
-    /* @__PURE__ */ u(x, { sx: T, children: Object.keys(l).length && w() }),
-    /* @__PURE__ */ v(x, { sx: L, children: [
-      /* @__PURE__ */ u(j, { type: "submit", onClick: q, children: V }),
-      /* @__PURE__ */ u(j, { onClick: P, children: E })
+  return /* @__PURE__ */ u(b, { sx: B, children: /* @__PURE__ */ j("form", { style: L, children: [
+    /* @__PURE__ */ u(b, { sx: k, children: Object.keys(l).length && H() }),
+    /* @__PURE__ */ j(b, { sx: R, children: [
+      /* @__PURE__ */ u(O, { type: "submit", onClick: w, children: _ }),
+      /* @__PURE__ */ u(O, { onClick: P, children: A })
     ] })
   ] }) });
 };

package/package.json

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