finform-react-builder 1.12.5 → 1.12.6

package/dist/index.es.js

@@ -10053,26 +10053,27 @@ const Ym = Et(jl)(({ theme: e }) => {
       ...a
     })
   }
-), Qm = Et(jl)(({ theme: e }) => ({
-  [`&.${mr.vertical}`]: {
-    marginLeft: 11
-    // aligns with 24px icon
-  },
-  [`& .${mr.line}`]: {
-    minHeight: 28,
-    borderLeftWidth: 2,
-    height: "70px",
-    borderColor: e.palette.divider,
-    transition: "border-color 0.3s ease",
-    zIndex: -1
-  },
-  [`&.${mr.completed} .${mr.line}`]: {
-    borderColor: e.palette.success.main
-  }
-})), Xy = ({ items: e, activeIndex: t = 1, onStepClick: r, sx: n }) => {
-  const i = Oo(), a = i.palette.success.main, o = i.palette.primary.main, s = i.palette.text.primary, l = i.palette.mode === "dark" ? i.palette.grey[700] : i.palette.grey[300], [u, f] = Ot(null), p = (c) => {
-    const { active: y, completed: E, icon: m } = c;
-    return E ? /* @__PURE__ */ d(
+), Qm = Et(jl)(({ theme: e }) => {
+  const t = e.palette.divider || "#E8E8E8", r = e.palette.primary.main;
+  return {
+    [`&.${mr.vertical}`]: {
+      marginLeft: 11
+      // aligns with 24px icon
+    },
+    [`& .${mr.line}`]: {
+      minHeight: 28,
+      borderLeftWidth: 2,
+      borderColor: t,
+      transition: "border-color 0.3s ease"
+    },
+    [`&.${mr.completed} .${mr.line}`]: {
+      borderColor: r
+    }
+  };
+}), Xy = ({ items: e, activeIndex: t = 1, onStepClick: r, sx: n }) => {
+  const i = Oo(), a = i.palette.primary.main, o = i.palette.text.primary, s = i.palette.action && i.palette.action.disabledBackground || "#E8E8E8", [l, u] = Ot(null), f = (p) => {
+    const { active: c, completed: y, icon: E } = p;
+    return y ? /* @__PURE__ */ d(
       K,
       {
         sx: {
@@ -10081,7 +10082,7 @@ const Ym = Et(jl)(({ theme: e }) => {
           border: `1.2px solid ${a}`,
           borderRadius: "50%",
           backgroundColor: a,
-          color: i.palette.success.contrastText,
+          color: "#fff",
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
@@ -10089,16 +10090,16 @@ const Ym = Et(jl)(({ theme: e }) => {
         },
         children: /* @__PURE__ */ d(Io, { sx: { fontSize: 16, fontWeight: 600 } })
       }
-    ) : y ? /* @__PURE__ */ d(
+    ) : c ? /* @__PURE__ */ d(
       K,
       {
         sx: {
           width: 24,
           height: 24,
           borderRadius: "50%",
-          border: `1.2px solid ${o}`,
-          backgroundColor: gt(o, 0.2),
-          color: o,
+          border: `1.2px solid ${a}`,
+          backgroundColor: gt(a, 0.2),
+          color: a,
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
@@ -10107,7 +10108,7 @@ const Ym = Et(jl)(({ theme: e }) => {
           zIndex: 1e3,
           overflow: "hidden"
         },
-        children: m
+        children: E
       }
     ) : /* @__PURE__ */ d(
       K,
@@ -10116,8 +10117,8 @@ const Ym = Et(jl)(({ theme: e }) => {
           width: 24,
           height: 24,
           borderRadius: "50%",
-          backgroundColor: l,
-          color: s,
+          backgroundColor: s,
+          color: o,
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
@@ -10125,7 +10126,7 @@ const Ym = Et(jl)(({ theme: e }) => {
           fontSize: 12,
           zIndex: 1e3
         },
-        children: m
+        children: E
       }
     );
   };
@@ -10141,7 +10142,7 @@ const Ym = Et(jl)(({ theme: e }) => {
         },
         "& .MuiStepLabel-label": {
           fontSize: 14,
-          color: s,
+          color: o,
           fontWeight: 500
         },
         "& .MuiStep-root": {
@@ -10149,13 +10150,13 @@ const Ym = Et(jl)(({ theme: e }) => {
         },
         ...n
       },
-      children: e.map((c, y) => /* @__PURE__ */ ee(
+      children: e.map((p, c) => /* @__PURE__ */ ee(
         Vl,
         {
-          onMouseEnter: () => f(y),
-          onMouseLeave: () => f(null),
-          onClick: () => r == null ? void 0 : r(y),
-          completed: y < t,
+          onMouseEnter: () => u(c),
+          onMouseLeave: () => u(null),
+          onClick: () => r == null ? void 0 : r(c),
+          completed: c < t,
           children: [
             /* @__PURE__ */ ee(
               K,
@@ -10166,7 +10167,7 @@ const Ym = Et(jl)(({ theme: e }) => {
                   alignItems: "flex-start"
                 },
                 children: [
-                  /* @__PURE__ */ ee(Nl, { StepIconComponent: p, children: [
+                  /* @__PURE__ */ ee(Nl, { StepIconComponent: f, children: [
                     /* @__PURE__ */ ee(K, { sx: { display: "flex", gap: 1, alignItems: "center" }, children: [
                       /* @__PURE__ */ d(
                         fe,
@@ -10174,17 +10175,17 @@ const Ym = Et(jl)(({ theme: e }) => {
                           sx: {
                             fontSize: 14,
                             fontWeight: 500,
-                            color: y === t ? o : s
+                            color: c === t ? a : o
                           },
-                          children: c.label
+                          children: p.label
                         }
                       ),
                       /* @__PURE__ */ d(
                         qc,
                         {
                           size: "small",
-                          colorHex: y < t ? a : y === t ? "#973B00" : s,
-                          label: y < t ? "Completed" : y === t ? "In progress" : "Not started"
+                          colorHex: c < t ? a : c === t ? "#973B00" : o,
+                          label: c < t ? "Completed" : c === t ? "In progress" : "Not started"
                         }
                       )
                     ] }),
@@ -10194,22 +10195,22 @@ const Ym = Et(jl)(({ theme: e }) => {
                         sx: {
                           fontSize: 12,
                           fontWeight: 400,
-                          color: gt(s, 0.38),
+                          color: gt(o, 0.38),
                           mt: 0.5,
                           width: "80%"
                         },
-                        children: c.description
+                        children: p.description
                       }
                     )
                   ] }),
-                  u === y && /* @__PURE__ */ d(Ze, { sx: { display: y > t ? "none" : "block" }, variant: y < t ? "outlined" : "contained", size: "small", color: "primary", children: y < t ? "Edit" : y === t ? "Complete" : "" })
+                  l === c && /* @__PURE__ */ d(Ze, { sx: { display: c > t ? "none" : "block" }, variant: c < t ? "outlined" : "contained", size: "small", color: "primary", children: c < t ? "Edit" : c === t ? "Complete" : "" })
                 ]
               }
             ),
-            y !== e.length - 1 && /* @__PURE__ */ d(uo, { sx: { ml: 4.2, borderColor: i.palette.divider } })
+            c !== e.length - 1 && /* @__PURE__ */ d(uo, { sx: { ml: 4.2, borderColor: i.palette.divider } })
           ]
         },
-        y
+        c
       ))
     }
   );