cecomponent 1.0.165 → 1.0.167

package/dist/ce-component-lib.mjs

@@ -39999,28 +39999,34 @@ const CESkeletonTable = ({ columns: e, rows: t }) => /* @__PURE__ */ jsxRuntimeE
   disabled: d = !1,
   minDate: m = ""
 }) => {
-  const [g, _] = useState(""), [S, E] = useState(""), [b, T] = useState(!1), [C, R] = useState(""), A = m ? new Date(m).toISOString().split("T")[0] : void 0, O = (N) => {
-    !N.currentTarget.value && !g && !S && T(!1);
-  }, I = (N, D) => {
-    if (t == null || t({ startDate: N || "", endDate: D || "" }), N && !D || !N && D) {
+  const [g, _] = useState(""), [S, E] = useState(""), [b, T] = useState(!1), [C, R] = useState(""), A = m ? new Date(m).toISOString().split("T")[0] : void 0, O = (D) => {
+    !D.currentTarget.value && !g && !S && T(!1);
+  }, I = (D, F) => {
+    if (t == null || t({ startDate: D || "", endDate: F || "" }), D && !F || !D && F) {
       R("Both start and end dates must be selected");
       return;
     }
-    if (N && D && new Date(D) < new Date(N)) {
+    if (D && F && new Date(F) < new Date(D)) {
       R("End date must be after or equal to start date");
       return;
     }
     R("");
+  }, j = (D) => {
+    if (!D) return D;
+    const F = D.split("-");
+    if (F.length === 0) return D;
+    const q = F[0].slice(0, 4), z = F.slice(1);
+    return z.length ? `${q}-${z.join("-")}` : q;
   };
   useEffect(() => {
-    p && (p.startDate && _(p.startDate), p.endDate && E(p.endDate));
+    p && (p.startDate && _(j(p.startDate)), p.endDate && E(j(p.endDate)));
   }, [p]);
-  const j = (N) => {
-    const D = N.target.value;
-    _(D), I(D, S);
-  }, M = (N) => {
-    const D = N.target.value;
-    E(D), I(g, D);
+  const M = (D) => {
+    const F = D.target.value, q = j(F);
+    _(q), I(q, S);
+  }, N = (D) => {
+    const F = D.target.value, q = j(F);
+    E(q), I(g, q);
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
@@ -40039,12 +40045,12 @@ const CESkeletonTable = ({ columns: e, rows: t }) => /* @__PURE__ */ jsxRuntimeE
               name: u,
               "data-testid": l ? `${l}-input` : void 0,
               min: A,
-              onChange: (N) => {
-                const D = N.target.value;
-                _(D), t == null || t({ startDate: D, endDate: "" });
+              onChange: (D) => {
+                const F = D.target.value, q = j(F);
+                _(q), t == null || t({ startDate: q, endDate: "" });
               },
               onFocus: () => T(!0),
-              onBlur: (N) => O(N),
+              onBlur: (D) => O(D),
               disabled: d
             }
           ),
@@ -40058,9 +40064,9 @@ const CESkeletonTable = ({ columns: e, rows: t }) => /* @__PURE__ */ jsxRuntimeE
                 value: g,
                 name: u ? `${u}-from` : void 0,
                 "data-testid": l ? `${l}-from` : void 0,
-                onChange: j,
+                onChange: M,
                 onFocus: () => T(!0),
-                onBlur: (N) => O(N),
+                onBlur: (D) => O(D),
                 disabled: d
               }
             ),
@@ -40075,9 +40081,9 @@ const CESkeletonTable = ({ columns: e, rows: t }) => /* @__PURE__ */ jsxRuntimeE
                 value: S,
                 name: u ? `${u}-to` : void 0,
                 "data-testid": l ? `${l}-to` : void 0,
-                onChange: M,
+                onChange: N,
                 onFocus: () => T(!0),
-                onBlur: (N) => O(N),
+                onBlur: (D) => O(D),
                 disabled: d
               }
             ),
@@ -63790,19 +63796,20 @@ const CEBarChart = ({
   refreshKey: t = 0,
   statusOrder: n,
   statusColor: i,
-  height: o = 300
+  height: o = 300,
+  onBarClick: l
 }) => {
-  const l = ({ active: u, payload: f, label: p }) => {
-    if (u && f && f.length) {
-      const d = f.reduce(
-        (m, g) => m + (g.value || 0),
+  const u = ({ active: f, payload: p, label: d }) => {
+    if (f && p && p.length) {
+      const m = p.reduce(
+        (g, _) => g + (_.value || 0),
         0
       );
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "stacked-barchart-tooltip", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "fstacked-barchart-tooltip-title", children: `${p}: ${d} total orders` }),
-        f.filter((m) => m.value > 0).sort(
-          (m, g) => n.indexOf(m.dataKey) - n.indexOf(g.dataKey)
-        ).map((m, g) => /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm", style: { color: m.color }, children: `${m.dataKey}: ${m.value} orders` }, g))
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "fstacked-barchart-tooltip-title", children: `${d}: ${m} total orders` }),
+        p.filter((g) => g.value > 0).sort(
+          (g, _) => n.indexOf(g.dataKey) - n.indexOf(_.dataKey)
+        ).map((g, _) => /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm", style: { color: g.color }, children: `${g.dataKey}: ${g.value} orders` }, _))
       ] });
     }
     return null;
@@ -63811,17 +63818,18 @@ const CEBarChart = ({
     /* @__PURE__ */ jsxRuntimeExports.jsx(CartesianGrid, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(XAxis, { dataKey: "name" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, {}),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { content: /* @__PURE__ */ jsxRuntimeExports.jsx(l, {}) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { content: /* @__PURE__ */ jsxRuntimeExports.jsx(u, {}) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Legend, {}),
-    n.map((u) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    n.map((f) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       Bar,
       {
-        dataKey: u,
+        dataKey: f,
         stackId: "age",
-        fill: i[u] || "#6b7280",
-        name: u
+        fill: i[f] || "#6b7280",
+        name: f,
+        onClick: () => l(f)
       },
-      u
+      f
     ))
   ] }) }) }, t);
 }, LINE_OF_BUSINESS_COLORS = {

package/dist/components/Common/CECharts/CEStackedBarChart.d.ts

@@ -8,6 +8,7 @@ interface CEStackedBarChartProps {
     refreshKey?: number;
     statusColor: Record<string, string>;
     height?: number;
+    onBarClick?: (status: string) => void;
 }
 declare const CEStackedBarChart: React.FC<CEStackedBarChartProps>;
 export default CEStackedBarChart;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cecomponent",
   "description": "A React component library for building modern UIs for Cleanearth",
-  "version": "1.0.165",
+  "version": "1.0.167",
   "main": "dist/ce-component-lib.js",
   "module": "dist/ce-component-lib.mjs",
   "types": "dist/idex.d.ts",