@kashifd/jwero-components 0.6.55 → 0.6.57

package/dist/index.es.js

@@ -49646,17 +49646,11 @@ const nz = (e) => {
   },
   checked: a = !1,
   onClick: s,
-  selectType: c = "checkbox"
+  selectType: c = "checkbox",
+  onCompleted: d
 }) => {
-  const d = nz((e == null ? void 0 : e.status) || ""), { isOverdue: g, showDueDate: m, label: v } = tz({ dueDate: e == null ? void 0 : e.dueDate, completedOn: e == null ? void 0 : e.completedOn, type: e == null ? void 0 : e.status }), w = g ? rt.colors.light_red : rt.colors.light_green, T = g ? rt.colors.negative : rt.colors.positive, O = g ? `Overdue ${v}` : `Completed ${v}`;
-  console.log(g, m, v);
-  const R = [
-    {
-      name: (e == null ? void 0 : e.createdBy) || "",
-      id: 9999
-    }
-  ];
-  return /* @__PURE__ */ x.jsxs(
+  const g = nz((e == null ? void 0 : e.status) || ""), { isOverdue: m, showDueDate: v, label: w } = tz({ dueDate: e == null ? void 0 : e.dueDate, completedOn: e == null ? void 0 : e.completedOn, type: e == null ? void 0 : e.status }), T = m ? rt.colors.light_red : rt.colors.light_green, O = m ? rt.colors.negative : rt.colors.positive, R = m ? `Overdue ${w}` : `Completed ${w}`;
+  return console.log(m, v, w), /* @__PURE__ */ x.jsxs(
     Ue,
     {
       onClick: s,
@@ -49666,7 +49660,7 @@ const nz = (e) => {
         borderRadius: "1rem",
         backgroundColor: "#fff",
         position: "relative",
-        width: "fit-content",
+        width: "100%",
         height: "fit-content",
         boxShadow: "0px 4px 16px 0px rgba(0, 0, 0, 0.12)",
         cursor: "pointer",
@@ -49675,7 +49669,7 @@ const nz = (e) => {
       children: [
         /* @__PURE__ */ x.jsxs(Ue, { direction: "row", alignItems: "center", justifyContent: "space-between", sx: { gap: "1rem" }, children: [
           /* @__PURE__ */ x.jsxs(Ue, { direction: "row", alignItems: "center", gap: "0.35rem", children: [
-            (e == null ? void 0 : e.status) !== "completed" && c === "checkbox" ? /* @__PURE__ */ x.jsx(mc, { checked: a }) : (e == null ? void 0 : e.status) !== "completed" && c === "radio" ? /* @__PURE__ */ x.jsx(gc, { checked: a }) : null,
+            (e == null ? void 0 : e.status) !== "completed" && c === "checkbox" ? /* @__PURE__ */ x.jsx(mc, { checked: a, onChange: d }) : (e == null ? void 0 : e.status) !== "completed" && c === "radio" ? /* @__PURE__ */ x.jsx(gc, { checked: a, onChange: d }) : null,
             /* @__PURE__ */ x.jsx(
               yt,
               {
@@ -49696,15 +49690,15 @@ const nz = (e) => {
               }
             )
           ] }),
-          m && /* @__PURE__ */ x.jsx(
+          v && /* @__PURE__ */ x.jsx(
             Ci,
             {
               type: "custom",
               customProps: {
-                backgroundColor: w,
-                color: T,
-                value: O,
-                label: O
+                backgroundColor: T,
+                color: O,
+                value: R,
+                label: R
               }
             }
           )
@@ -49719,7 +49713,7 @@ const nz = (e) => {
         /* @__PURE__ */ x.jsxs(Ue, { direction: "row", alignItems: "center", justifyContent: "space-between", sx: { gap: "0.5rem" }, children: [
           /* @__PURE__ */ x.jsxs(Ue, { direction: "row", alignItems: "center", sx: { gap: "0.25rem" }, children: [
             /* @__PURE__ */ x.jsx(yt, { variant: "lRegular", children: "Created by" }),
-            /* @__PURE__ */ x.jsx($u, { contributors: R || [] })
+            /* @__PURE__ */ x.jsx($u, { contributors: [e == null ? void 0 : e.createdBy] })
           ] }),
           /* @__PURE__ */ x.jsxs(Ue, { direction: "row", alignItems: "center", sx: { gap: "0.5rem" }, children: [
             /* @__PURE__ */ x.jsx(yt, { variant: "lRegular", children: "For" }),
@@ -49730,7 +49724,7 @@ const nz = (e) => {
           rr,
           {
             sx: {
-              backgroundColor: e != null && e.status ? d : rt.colors.secondary,
+              backgroundColor: e != null && e.status ? g : rt.colors.secondary,
               borderRadius: "0 1.25rem 1.25rem 0",
               width: "0.25rem",
               position: "absolute",