mario-education 2.0.91-staging → 2.0.92-release

package/dist/ArrowUp-BP9l68Zo.js

@@ -0,0 +1,484 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { Grid as c, Typography as y } from "@mui/material";
+import { s as M } from "./styles.module-BJ4dhumc.js";
+import { useState as s1, memo as x, useMemo as k, Fragment as X } from "react";
+import { s as r } from "./plp.module-BLG7ZR0v.js";
+import { useSelector as b1 } from "react-redux";
+import { useTranslation as G } from "mario-core";
+import { A as S1, O as w1 } from "./OverallDonutChart-DBxqB0q_.js";
+import { r as F, E as V, y as S, Q as e1, q, t as w, v as j, R as _1 } from "./constants-B823Sm_9.js";
+import { u as t1, a as T1, M as v1, L as O1, B as q1 } from "./LineChart-LcusQTbX.js";
+import { h as J1, c as G1 } from "./constantsFn-gH1I6RO1.js";
+import { E as I1 } from "./Error-C-bMPkNj.js";
+import { C as P1 } from "./CheckCircle-CDaCNayJ.js";
+import { i as r1 } from "./utils-34i4WFQQ.js";
+import { C as W1 } from "./CheckboxCustom-CRZWuCKp.js";
+import { L as J } from "./Loading-9Xhwui4j.js";
+import { A as A1 } from "./ArrowRightIcon-Sq9hCEbe.js";
+const h2 = ({ options: s, value: a, onChange: o, disabled: d = !1, customClassName: t }) => /* @__PURE__ */ i(c, { className: `${M["calendar-select"]} ${M[t || ""]}`, children: [
+  /* @__PURE__ */ e(y, { className: M["calendar-label"], children: "Filter by date" }),
+  /* @__PURE__ */ e(c, { className: M["calendar-options"], children: s.map((l) => /* @__PURE__ */ e(
+    y,
+    {
+      onClick: () => !d && o?.(l),
+      className: `${M["option-item"]} ${a == l.value ? M.selected : M["no-selected"]}`,
+      children: l.label
+    },
+    l.value
+  )) })
+] }), R1 = (s) => s.replace(
+  /rgba\((\d+),\s*(\d+),\s*(\d+),\s*[\d.]+\)/,
+  (a, o, d, t) => `rgba(${o}, ${d}, ${t}, 0.6)`
+), Q1 = (s, a = !1) => {
+  const o = [
+    "rgba(196, 65, 64, 0.24)",
+    "rgba(255, 176, 79, 0.24)",
+    "rgba(255, 208, 40, 0.24)",
+    "rgba(169, 214, 96, 0.24)",
+    "rgba(15, 150, 85, 0.24)"
+  ];
+  if (a) {
+    if (s <= -60 || s >= 60)
+      return o[0];
+    if (s >= -60 && s < -20)
+      return o[3];
+    if (s >= -20 && s < 20)
+      return o[4];
+    if (s >= 20 && s < 60)
+      return o[2];
+  }
+  const d = Math.max(0, Math.min(100, s)), t = 100 / o.length;
+  let l = Math.floor(d / t);
+  return l = Math.min(l, o.length - 1), o[l];
+}, a1 = ({
+  value: s,
+  label: a,
+  isStress: o,
+  timeOfDay: d,
+  valueData: t,
+  loadingComplete: l = !0
+}) => {
+  const u = R1(Q1(t || 0, o)), f = a ? `${a} |` : "";
+  return /* @__PURE__ */ i(c, { className: `${r["graph-trend"]}`, children: [
+    l ? /* @__PURE__ */ e(
+      y,
+      {
+        style: { backgroundColor: u },
+        className: `${r["graph-label"]}`,
+        children: `${f} ${(t || 0)?.toFixed(2)}%`
+      }
+    ) : /* @__PURE__ */ e(J, {}),
+    d && /* @__PURE__ */ e(
+      "img",
+      {
+        src: `/images/${s < 0 ? "trend-down.png" : "trend-up.png"}`,
+        alt: "Graph Trend Icon"
+      }
+    )
+  ] });
+}, F1 = ({
+  percent: s,
+  lowMetricStudents: a = [],
+  isPrint: o = !1,
+  onBeforeViewCheckIn: d
+}) => {
+  const { t } = G(), [l, u] = s1(!1), f = () => {
+    u(!l);
+  }, b = t1(
+    a?.filter((m) => m.matchedGroupNames.includes("Not Ready to Learn"))?.map((m) => m.studentName)
+  ).length || 0, h = t1(
+    a?.filter((m) => m.matchedGroupNames.includes("Success") || m.matchedGroupNames.includes("Readiness"))?.map((m) => m.studentName)
+  ).length || 0;
+  return /* @__PURE__ */ i(c, { className: `${r["static-metric"]} ${r[a?.length === 0 ? "green-background" : "red-background"]}`, children: [
+    a?.length === 0 ? /* @__PURE__ */ e(P1, { className: `${r["check-icon"]}` }) : /* @__PURE__ */ e(I1, { className: `${r["warning-icon"]}` }),
+    a?.length === 0 ? /* @__PURE__ */ e("div", { children: t("all_students_have_good_metrics") }) : /* @__PURE__ */ i("div", { className: r["static-metric__container"], children: [
+      /* @__PURE__ */ i("div", { children: [
+        /* @__PURE__ */ e("b", { children: `${s.toFixed(2)}%` }),
+        " ",
+        t("of_students_have_concerned_metrics"),
+        " ",
+        !o && /* @__PURE__ */ i("b", { className: `${r.link}`, onClick: () => f(), children: [
+          "(",
+          t("see_them"),
+          ")"
+        ] })
+      ] }),
+      /* @__PURE__ */ i("div", { children: [
+        /* @__PURE__ */ e("b", { children: `${b} ${t("students")}` }),
+        " ",
+        t("are_not_ready_to_learn"),
+        ",",
+        " ",
+        /* @__PURE__ */ e("b", { children: `${h} ${t("students")}` }),
+        " ",
+        t("have_metrics_40")
+      ] })
+    ] }),
+    !o && /* @__PURE__ */ e(T1, { lowMetricStudents: a, handleToggleModel: f, openModel: l, onBeforeViewCheckIn: d })
+  ] });
+}, V1 = () => /* @__PURE__ */ i("svg", { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ e("circle", { cx: "24.9521", cy: "25.943", r: "12.2047", fill: "white", stroke: "#242424", strokeWidth: "1.6" }),
+  /* @__PURE__ */ e("path", { d: "M32.1831 16.1109C30.1591 14.6197 27.658 13.7385 24.9512 13.7385C20.4316 13.7385 16.4858 16.1951 14.3762 19.846C13.3396 21.64 12.7464 23.7223 12.7464 25.9432C16.174 26.6908 24.8599 25.7709 32.1831 16.1109Z", fill: "#C44140" }),
+  /* @__PURE__ */ e("path", { d: "M12.7464 25.9432C16.174 26.6908 24.8599 25.7709 32.1831 16.1109C30.1591 14.6197 27.658 13.7385 24.9512 13.7385C20.4316 13.7385 16.4858 16.1951 14.3762 19.846C13.3396 21.64 12.7464 23.7223 12.7464 25.9432ZM12.7464 25.9432L13.7157 31.0541", stroke: "#242424", strokeWidth: "1.6" }),
+  /* @__PURE__ */ e("path", { d: "M35.0033 32.457C33.9026 31.3239 30.3194 29.4838 27.1494 31.0636", stroke: "#242424", strokeWidth: "1.6", strokeLinecap: "round" }),
+  /* @__PURE__ */ e("path", { d: "M2.84277 14.5371L6.56435 17.4966C6.79541 17.6803 7.13909 17.559 7.20364 17.2709L7.88551 14.2275C7.95006 13.9394 8.29374 13.8181 8.5248 14.0018L12.5278 17.1851", stroke: "#242424", strokeWidth: "1.6" }),
+  /* @__PURE__ */ e("path", { d: "M11.6611 4.42773L13.3372 8.87738C13.4412 9.15364 13.7985 9.22586 14.0017 9.0117L16.1485 6.74917C16.3517 6.53501 16.7089 6.60722 16.8129 6.88349L18.6158 11.6697", stroke: "#242424", strokeWidth: "1.6" }),
+  /* @__PURE__ */ e("path", { d: "M24.3058 1.85364L23.8326 6.59318C23.8034 6.8849 24.0876 7.10781 24.364 7.01001L27.4233 5.92739C27.6997 5.82959 27.9839 6.05249 27.9548 6.34421L27.4459 11.4416", stroke: "#242424", strokeWidth: "1.6" })
+] }), j1 = () => /* @__PURE__ */ i("svg", { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ i("g", { clipPath: "url(#clip0_14971_6395)", children: [
+    /* @__PURE__ */ e("path", { d: "M37.7857 8.62683L36.3306 10.8095L37.7857 12.9921M37.7857 8.62683V12.9921M37.7857 8.62683L39.2408 10.8095L37.7857 12.9921", stroke: "#242424", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ e("path", { d: "M1.98141 26.75L0.759216 28.5833L1.98141 30.4166M1.98141 26.75V30.4166M1.98141 26.75L3.20361 28.5833L1.98141 30.4166", stroke: "#242424", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ e("path", { d: "M31.9033 3.48816L30.6811 5.32146L31.9033 7.15476M31.9033 3.48816V7.15476M31.9033 3.48816L33.1255 5.32146L31.9033 7.15476", stroke: "#242424", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ e("path", { d: "M8.43676 18.6139C8.43676 17.7971 8.42098 16.9786 8.43676 16.1547C8.45418 15.8087 8.50763 15.4655 8.59627 15.1306C8.68743 14.7512 8.85225 14.637 9.23617 14.6036C10.0163 14.5404 10.7999 14.5035 11.5765 14.4087C12.0909 14.33 12.6006 14.2233 13.1034 14.089C13.3944 14.0205 13.6749 13.894 13.9677 13.8501C14.4778 13.771 14.9091 13.4988 15.3701 13.3003C16.4538 12.81 17.4434 12.1335 18.2943 11.3013C18.4542 11.1587 18.6308 11.036 18.8202 10.9359C18.941 10.853 19.084 10.8086 19.2304 10.8086C19.3768 10.8086 19.5198 10.853 19.6406 10.9359C19.8593 11.0708 20.0653 11.2254 20.2559 11.3979C20.9967 12.0849 21.8214 12.6751 22.7102 13.1545C23.2682 13.4441 23.856 13.6721 24.4633 13.8343C25.1347 14.0433 25.8184 14.2154 26.5074 14.3612C26.91 14.4195 27.3156 14.4546 27.7223 14.4666C28.271 14.5141 28.8179 14.5738 29.3649 14.623C29.4655 14.6306 29.5616 14.6681 29.6409 14.7307C29.7202 14.7932 29.7791 14.8781 29.8101 14.9743C29.9278 15.2706 29.9988 15.5835 30.0205 15.9018C30.0509 17.3176 30.0597 18.7334 30.0468 20.1492C30.0441 21.5198 29.9215 22.8876 29.6804 24.2367C29.6608 24.367 29.6508 24.4985 29.6506 24.6302C29.614 25.2189 29.4996 25.8001 29.3105 26.3587C29.1352 26.9208 29.0283 27.5022 28.8214 28.0503C28.597 28.651 28.328 29.2341 28.0168 29.7946C27.3467 30.9887 26.4963 32.0719 25.4959 33.0056C24.389 34.0306 23.1306 34.8779 21.7653 35.5175C21.0326 35.8689 20.284 36.1921 19.5249 36.4784C19.3251 36.5539 19.0428 36.4784 18.8237 36.4099C18.3611 36.2612 17.9065 36.0888 17.4615 35.8935C17.0018 35.6971 16.5535 35.4748 16.1187 35.2277C15.3719 34.7886 14.6216 34.3494 13.9186 33.847C13.4424 33.4838 12.9983 33.0801 12.5915 32.6403C11.8769 31.9517 11.2594 31.1686 10.7561 30.3128C10.4163 29.7343 10.1113 29.136 9.84272 28.5211C9.5745 27.8606 9.40621 27.1615 9.18181 26.4817C8.97193 25.8103 8.84247 25.1162 8.79615 24.4142C8.72252 23.5007 8.57875 22.5926 8.47006 21.6827C8.44937 21.5236 8.43826 21.3635 8.43676 21.2031C8.43676 20.3407 8.43676 19.4799 8.43676 18.6192V18.6139Z", fill: "white", stroke: "#242424", strokeWidth: "1.6" }),
+    /* @__PURE__ */ e("path", { d: "M19.6304 10.9359C19.5096 10.853 19.3666 10.8086 19.2202 10.8086V36.5043C19.3259 36.5155 19.428 36.5111 19.5147 36.4784C20.2738 36.1921 21.0223 35.8689 21.7551 35.5175C23.1204 34.8779 24.3788 34.0306 25.4856 33.0056C26.4861 32.0719 27.3364 30.9887 28.0065 29.7946C28.3178 29.2341 28.5868 28.651 28.8112 28.0503C29.0181 27.5022 29.125 26.9208 29.3003 26.3587C29.4894 25.8001 29.6037 25.2189 29.6404 24.6302C29.6406 24.4985 29.6505 24.367 29.6702 24.2367C29.9113 22.8876 30.0339 21.5198 30.0366 20.1492C30.0494 18.7334 30.0406 17.3176 30.0103 15.9018C29.9886 15.5835 29.9176 15.2706 29.7999 14.9743C29.7689 14.8781 29.71 14.7932 29.6307 14.7307C29.5514 14.6681 29.4553 14.6306 29.3546 14.623C28.8077 14.5738 28.2607 14.5141 27.712 14.4666C27.3054 14.4546 26.8998 14.4195 26.4972 14.3612C25.8082 14.2154 25.1245 14.0433 24.453 13.8343C23.8458 13.6721 23.258 13.4441 22.7 13.1545C21.8111 12.6751 20.9865 12.0849 20.2457 11.3979C20.0551 11.2254 19.8491 11.0708 19.6304 10.9359Z", fill: "#0F9655" }),
+    /* @__PURE__ */ e("path", { d: "M18.8099 10.9359C18.9307 10.853 19.0737 10.8086 19.2202 10.8086M19.2202 10.8086C19.3666 10.8086 19.5096 10.853 19.6304 10.9359C19.8491 11.0708 20.0551 11.2254 20.2457 11.3979C20.9865 12.0849 21.8111 12.6751 22.7 13.1545C23.258 13.4441 23.8458 13.6721 24.453 13.8343C25.1245 14.0433 25.8082 14.2154 26.4972 14.3612C26.8998 14.4195 27.3054 14.4546 27.712 14.4666C28.2607 14.5141 28.8077 14.5738 29.3546 14.623C29.4553 14.6306 29.5514 14.6681 29.6307 14.7307C29.71 14.7932 29.7689 14.8781 29.7999 14.9743C29.9176 15.2706 29.9886 15.5835 30.0103 15.9018C30.0406 17.3176 30.0494 18.7334 30.0366 20.1492C30.0339 21.5198 29.9113 22.8876 29.6702 24.2367C29.6505 24.367 29.6406 24.4985 29.6404 24.6302C29.6037 25.2189 29.4894 25.8001 29.3003 26.3587C29.125 26.9208 29.0181 27.5022 28.8112 28.0503C28.5868 28.651 28.3178 29.2341 28.0065 29.7946C27.3364 30.9887 26.4861 32.0719 25.4856 33.0056C24.3788 34.0306 23.1204 34.8779 21.7551 35.5175C21.0223 35.8689 20.2738 36.1921 19.5147 36.4784C19.428 36.5111 19.3259 36.5155 19.2202 36.5043M19.2202 10.8086V36.5043M18.8134 36.4099C18.9376 36.4487 19.082 36.4898 19.2202 36.5043", stroke: "#242424", strokeWidth: "1.6" })
+  ] }),
+  /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_14971_6395", children: /* @__PURE__ */ e("rect", { width: "40", height: "40", fill: "white" }) }) })
+] }), x1 = ({
+  typeChart: s,
+  activeColumn: a,
+  series: o,
+  months: d,
+  name: t,
+  dayOfWeek: l = [],
+  colors: u,
+  textColors: f,
+  avgQuestionLastMonth: b,
+  studentCount: h,
+  studentPercentage: m,
+  responseStudent: L,
+  classFontSize: _,
+  avgContent: T,
+  print: $,
+  width: n1,
+  height: i1,
+  titleClassFontSize: o1,
+  min: D,
+  hiddenKpi: l1,
+  timeOfDay: c1,
+  weeklySeries: I,
+  weeks: Z = [],
+  description: E,
+  skillClass: U,
+  kpiClassName: d1,
+  lowMetricStudents: B = [],
+  studentMetricPercent: h1,
+  noGradient: m1,
+  setOptionDate: u1,
+  stressValue: H,
+  noAvgTotal: C1,
+  onActiveColumn: z,
+  loadingComplete: v = !0,
+  optionDate: O,
+  onBeforeViewCheckIn: P,
+  interventionLogs: g1
+}) => {
+  const { t: g } = G(), [p, N1] = s1("Monthly"), $1 = b1((n) => n?.common?.user).roles.includes("Student"), C = k(() => p != "Monthly" || $ && O != "Monthly" ? I || [] : o, [o, I, p, O, $]), W = k(() => p != "Monthly" || $ && O != "Monthly" ? Z : d, [p, d, Z, O, $]), f1 = k(() => C.map((n) => {
+    const N = b.find(
+      (Q) => Q.questionText.toLowerCase().includes(n.name.toLowerCase())
+    );
+    if (N)
+      return N.avgQuestionResponse - N.avgQuestionResponseLastMonth;
+    const R = n?.data.reduce((Q, y1) => Q + y1, 0);
+    return n?.data?.length > 0 ? R / n.data.length : 0;
+  }), [C, b]), A = k(() => C.filter((n, N) => a[N]).map((n) => ({
+    data: n.data,
+    name: n.questionTranslation || n.name,
+    questionTranslation: n.questionTranslation ?? ""
+  })), [C, a]), Y = k(() => C.map((n) => n.data[0] || 0), [C]), p1 = k(
+    () => C.map((n) => n.name.charAt(0).toUpperCase() + n.name.slice(1)),
+    [C]
+  ), L1 = (t === g(F) || t === g(V) || t === g(S)) && 6, M1 = t === g(F) && 6 || (t === g(V) || t === g(e1)) && 4 || t === g(S) && 12, k1 = (t === g(F) || t === g(V) || t === g(S) || t === g(e1)) && "auto", K = (n) => n.length === 0 ? 0 : n.reduce((N, R) => N + R) / n.length;
+  return /* @__PURE__ */ i(c, { className: `${r["generate-chart"]} ${r[_]}`, children: [
+    (q === t || w === t) && /* @__PURE__ */ i("div", { className: r["icon-safety-and-stress"], children: [
+      q === t && /* @__PURE__ */ e(j1, {}),
+      w === t && /* @__PURE__ */ e(V1, {})
+    ] }),
+    !$ && /* @__PURE__ */ i(c, { className: `${r["header-chart-generate"]}`, children: [
+      /* @__PURE__ */ e(y, { className: `${o1 || r["title-chart"]}`, children: g(t) }),
+      !C1 && C?.[0]?.description?.length > 0 && t !== j && (v ? /* @__PURE__ */ e(
+        a1,
+        {
+          label: r1(
+            (w === t || q === t ? K(H ?? []) : C[0].data[0]) || 0,
+            C[0].description,
+            t === w
+          ),
+          valueData: (w === t || q === t ? K(H ?? []) : C[0].data[0]) || 0,
+          value: f1[0] || 0,
+          isStress: t == w,
+          timeOfDay: c1,
+          loadingComplete: v
+        }
+      ) : /* @__PURE__ */ e(J, {}))
+    ] }),
+    !$ && E && /* @__PURE__ */ e(y, { className: `${r["header-chart-description"]}`, children: g(E) }),
+    !v && /* @__PURE__ */ e("div", { style: { width: "100%", height: 400, display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ e(J, {}) }),
+    v && /* @__PURE__ */ i(X, { children: [
+      /* @__PURE__ */ i(c, { className: `${r["kpi-module"]} ${r[d1 ?? ""]}`, children: [
+        !$ && /* @__PURE__ */ e(
+          c,
+          {
+            className: `${r["box-model-student-skill"]} ${r[U ?? ""]}`,
+            hidden: !h && h != 0 || $1 || C.length == 0 || t === j,
+            children: /* @__PURE__ */ e(
+              v1,
+              {
+                studentCount: h,
+                studentPercentage: m,
+                name: t,
+                responseStudent: L,
+                onBeforeViewCheckIn: P
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(
+          c,
+          {
+            className: `${r["box-model-student-skill"]} ${r[U ?? ""]}`,
+            hidden: t !== j,
+            children: /* @__PURE__ */ e(
+              F1,
+              {
+                lowMetricStudents: B,
+                percent: h1 || 0,
+                isPrint: $,
+                onBeforeViewCheckIn: P
+              }
+            )
+          }
+        ),
+        !l1 && /* @__PURE__ */ e(c, { className: `${r.listItem} ${r["ml-10"]}`, children: C.map((n, N) => $ && !a[N] ? null : /* @__PURE__ */ i(
+          c,
+          {
+            item: !0,
+            xs: L1,
+            sm: M1,
+            lg: k1,
+            hidden: !n.name,
+            className: `${r["item-checkbox"]}`,
+            children: [
+              !!z && /* @__PURE__ */ e("div", { className: `${r["box-checkbox"]}`, children: /* @__PURE__ */ e(
+                W1,
+                {
+                  isActive: !!a[N],
+                  onClick: () => z?.(N, t)
+                }
+              ) }),
+              /* @__PURE__ */ i(c, { className: `${r["item-detail"]}`, children: [
+                /* @__PURE__ */ i(c, { className: `${r.question}`, children: [
+                  /* @__PURE__ */ e(
+                    c,
+                    {
+                      className: `${r["point-custom"]}`,
+                      style: { backgroundColor: u[N] }
+                    }
+                  ),
+                  /* @__PURE__ */ e("label", { className: `${r["label-chart"]}`, children: n.questionTranslation || n.name })
+                ] }),
+                /* @__PURE__ */ e(y, { className: `${r["avr-question"]}`, children: J1(n.data, D == -100, T) ?? 0 })
+              ] })
+            ]
+          },
+          N
+        )) }),
+        !!I && !$ && /* @__PURE__ */ e(c, { className: `${r["label-options"]}`, children: _1.map((n) => /* @__PURE__ */ e(
+          y,
+          {
+            onClick: () => {
+              N1?.(n), u1?.(n);
+            },
+            className: `${r["option-item"]} ${p == n ? r.selected : r["no-selected"]}`,
+            children: n
+          },
+          n
+        )) })
+      ] }),
+      /* @__PURE__ */ i(
+        c,
+        {
+          className: `${$ ? `w-100 d-flex justify-content-center ${s == "donut" ? "" : r["print-chart"]}` : ""}`,
+          style: { position: "relative" },
+          children: [
+            s == "area" && /* @__PURE__ */ e(
+              S1,
+              {
+                isCountSeries: !!T,
+                months: W,
+                activeColumn: a,
+                series: A,
+                dayOfWeek: l,
+                colors: u,
+                min: D,
+                noGradient: m1,
+                interventionLogs: g1
+              },
+              p
+            ),
+            s == "line" && /* @__PURE__ */ e(
+              O1,
+              {
+                months: W,
+                activeColumn: a,
+                series: A,
+                dayOfWeek: l,
+                colors: u
+              },
+              p
+            ),
+            s == "donut" && /* @__PURE__ */ i(X, { children: [
+              /* @__PURE__ */ e(
+                w1,
+                {
+                  isCountSeries: !!T,
+                  series: Y,
+                  colors: t === S ? u.reverse() : u,
+                  textColors: f,
+                  label: p1,
+                  width: n1,
+                  height: i1,
+                  hasTooltip: t !== S
+                },
+                p
+              ),
+              t === S && /* @__PURE__ */ i("div", { className: r["data-overall-readline-value-yes"], children: [
+                /* @__PURE__ */ i("p", { children: [
+                  "Yes: ",
+                  (Y?.[0] || 0).toFixed(1),
+                  "%"
+                ] }),
+                /* @__PURE__ */ e("span", { children: "of student" })
+              ] })
+            ] }),
+            s == "bar" && /* @__PURE__ */ e(
+              q1,
+              {
+                series: A,
+                activeColumn: a,
+                dayOfWeek: l,
+                months: W,
+                colors: u,
+                print: $,
+                isCountSeries: !0,
+                lowMetricStudents: B,
+                labelDate: p,
+                onBeforeViewCheckIn: P
+              },
+              p
+            )
+          ]
+        }
+      )
+    ] })
+  ] }, t);
+};
+function D1(s, a) {
+  return s.name === a.name && s.typeChart === a.typeChart && s.print === a.print && JSON.stringify(s.dayOfWeek) === JSON.stringify(a.dayOfWeek) && s.lowMetricStudents === a.lowMetricStudents && s.studentMetricPercent === a.studentMetricPercent && JSON.stringify(s.series) === JSON.stringify(a.series) && JSON.stringify(s.weeklySeries) === JSON.stringify(a.weeklySeries) && JSON.stringify(s.activeColumn) === JSON.stringify(a.activeColumn) && JSON.stringify(s.avgQuestionLastMonth) === JSON.stringify(a.avgQuestionLastMonth) && JSON.stringify(s.lowMetricStudents) === JSON.stringify(a.lowMetricStudents) && s.studentCount === a.studentCount && s.studentPercentage === a.studentPercentage && JSON.stringify(s.responseStudent) === JSON.stringify(a.responseStudent) && s.timeOfDay === a.timeOfDay && s.stressValue === a.stressValue && s.loadingComplete === a.loadingComplete && s.interventionLogs === a.interventionLogs;
+}
+const m2 = x(x1, D1), Z1 = ({
+  iconSrc: s,
+  label: a,
+  value: o,
+  loadingComplete: d = !0,
+  customClassName: t,
+  handleOpenModal: l,
+  customClassNameBootStrap: u
+}) => {
+  const { t: f } = G();
+  return /* @__PURE__ */ i(c, { className: `${r["total-item"]} ${r[t || ""]} ${u || ""}`, children: [
+    /* @__PURE__ */ i(c, { className: `${r["total-item-content"]}`, children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: `${r["total-item-name"]}`,
+          dangerouslySetInnerHTML: { __html: a }
+        }
+      ),
+      d ? /* @__PURE__ */ i("div", { className: `${r["total-item-value"]}`, children: [
+        o,
+        !!l && Number(o) > 0 && /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            className: `${r["total-item-btn"]}`,
+            onClick: () => l?.(),
+            children: [
+              f("see_them"),
+              /* @__PURE__ */ e(A1, {})
+            ]
+          }
+        )
+      ] }) : /* @__PURE__ */ e(J, { size: 24 })
+    ] }),
+    s && /* @__PURE__ */ e(
+      "img",
+      {
+        className: `${r["total-item-icon"]}`,
+        src: `/images/${s}`,
+        alt: ""
+      }
+    )
+  ] });
+}, u2 = x(Z1), E1 = ({
+  series: s,
+  avgQuestionLastMonth: a,
+  icons: o,
+  className: d,
+  noAvgText: t,
+  timeOfDay: l,
+  loadingComplete: u
+}) => {
+  const { t: f } = G(), b = k(() => s.map((h) => {
+    const m = h?.data.reduce((L, _) => L + _, 0);
+    return h.data.length > 0 ? m / h.data.length : 0;
+  }), [s]);
+  return /* @__PURE__ */ e(c, { className: `${r["trend-question-list"]}`, children: s.map((h, m) => {
+    const L = a.find(
+      (T) => T.questionText?.toLowerCase()?.includes(h.name?.toLowerCase())
+    ), _ = L ? L.avgQuestionResponse - L.avgQuestionResponseLastMonth : 0;
+    return /* @__PURE__ */ i(
+      c,
+      {
+        className: `${r["trend-question-item"]}`,
+        children: [
+          /* @__PURE__ */ i(c, { className: `${r["trend-item-header"]}`, children: [
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: `${r["trend-item-title"]}`,
+                dangerouslySetInnerHTML: { __html: `${t ? "" : f("average")} ${h.questionTranslation || h.name}` }
+              }
+            ),
+            /* @__PURE__ */ e(
+              "img",
+              {
+                className: `${r["trend-item-icon"]} ${r[d || ""]}`,
+                src: `/images/${o[m]}`,
+                alt: "icon"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(
+            a1,
+            {
+              label: G1(r1(h?.data?.[0] || 0, h.description) || ""),
+              value: _ || 0,
+              valueData: b[m] || 0,
+              timeOfDay: l,
+              loadingComplete: u
+            }
+          )
+        ]
+      },
+      h.name
+    );
+  }) });
+}, C2 = x(E1), g2 = ({ opacity: s = 1, color: a = "#242424" }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { opacity: s, d: "M8 10L3.5 6H12.5L8 10Z", fill: a }) });
+export {
+  g2 as A,
+  h2 as C,
+  m2 as G,
+  u2 as T,
+  C2 as a
+};

package/dist/ArrowUp-CF-JSvs7.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),l=require("@mui/material"),p=require("./styles.module-CHKJJ8Zm.cjs"),g=require("react"),a=require("./plp.module-BMy_AJUh.cjs"),ge=require("react-redux"),v=require("mario-core"),Z=require("./OverallDonutChart-H9IRH4Ez.cjs"),i=require("./constants-AmXlyc2R.cjs"),k=require("./LineChart-D9Z00KAU.cjs"),B=require("./constantsFn-DMEZ5_K5.cjs"),ye=require("./Error-DBu0pm35.cjs"),xe=require("./CheckCircle-DSTZHLj-.cjs"),E=require("./utils-CeXUFMko.cjs"),je=require("./CheckboxCustom-ZjvBGVzS.cjs"),T=require("./Loading-CHowA_dQ.cjs"),Ne=require("./ArrowRightIcon-D2CQJfsL.cjs"),Le=({options:t,value:r,onChange:o,disabled:d=!1,customClassName:s})=>e.jsxs(l.Grid,{className:`${p.styles["calendar-select"]} ${p.styles[s||""]}`,children:[e.jsx(l.Typography,{className:p.styles["calendar-label"],children:"Filter by date"}),e.jsx(l.Grid,{className:p.styles["calendar-options"],children:t.map(c=>e.jsx(l.Typography,{onClick:()=>!d&&o?.(c),className:`${p.styles["option-item"]} ${r==c.value?p.styles.selected:p.styles["no-selected"]}`,children:c.label},c.value))})]}),$e=t=>t.replace(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*[\d.]+\)/,(r,o,d,s)=>`rgba(${o}, ${d}, ${s}, 0.6)`),pe=(t,r=!1)=>{const o=["rgba(196, 65, 64, 0.24)","rgba(255, 176, 79, 0.24)","rgba(255, 208, 40, 0.24)","rgba(169, 214, 96, 0.24)","rgba(15, 150, 85, 0.24)"];if(r){if(t<=-60||t>=60)return o[0];if(t>=-60&&t<-20)return o[3];if(t>=-20&&t<20)return o[4];if(t>=20&&t<60)return o[2]}const d=Math.max(0,Math.min(100,t)),s=100/o.length;let c=Math.floor(d/s);return c=Math.min(c,o.length-1),o[c]},H=({value:t,label:r,isStress:o,timeOfDay:d,valueData:s,loadingComplete:c=!0})=>{const m=$e(pe(s||0,o)),N=r?`${r} |`:"";return e.jsxs(l.Grid,{className:`${a.styles["graph-trend"]}`,children:[c?e.jsx(l.Typography,{style:{backgroundColor:m},className:`${a.styles["graph-label"]}`,children:`${N} ${(s||0)?.toFixed(2)}%`}):e.jsx(T.Loading,{}),d&&e.jsx("img",{src:`/images/${t<0?"trend-down.png":"trend-up.png"}`,alt:"Graph Trend Icon"})]})},fe=({percent:t,lowMetricStudents:r=[],isPrint:o=!1,onBeforeViewCheckIn:d})=>{const{t:s}=v.useTranslation(),[c,m]=g.useState(!1),N=()=>{m(!c)},f=k.uniq(r?.filter(u=>u.matchedGroupNames.includes("Not Ready to Learn"))?.map(u=>u.studentName)).length||0,h=k.uniq(r?.filter(u=>u.matchedGroupNames.includes("Success")||u.matchedGroupNames.includes("Readiness"))?.map(u=>u.studentName)).length||0;return e.jsxs(l.Grid,{className:`${a.styles["static-metric"]} ${a.styles[r?.length===0?"green-background":"red-background"]}`,children:[r?.length===0?e.jsx(xe.CheckCircleIcon,{className:`${a.styles["check-icon"]}`}):e.jsx(ye.ErrorIcon,{className:`${a.styles["warning-icon"]}`}),r?.length===0?e.jsx("div",{children:s("all_students_have_good_metrics")}):e.jsxs("div",{className:a.styles["static-metric__container"],children:[e.jsxs("div",{children:[e.jsx("b",{children:`${t.toFixed(2)}%`})," ",s("of_students_have_concerned_metrics")," ",!o&&e.jsxs("b",{className:`${a.styles.link}`,onClick:()=>N(),children:["(",s("see_them"),")"]})]}),e.jsxs("div",{children:[e.jsx("b",{children:`${f} ${s("students")}`})," ",s("are_not_ready_to_learn"),","," ",e.jsx("b",{children:`${h} ${s("students")}`})," ",s("have_metrics_40")]})]}),!o&&e.jsx(k.MetricModelStudent,{lowMetricStudents:r,handleToggleModel:N,openModel:c,onBeforeViewCheckIn:d})]})},ke=()=>e.jsxs("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("circle",{cx:"24.9521",cy:"25.943",r:"12.2047",fill:"white",stroke:"#242424",strokeWidth:"1.6"}),e.jsx("path",{d:"M32.1831 16.1109C30.1591 14.6197 27.658 13.7385 24.9512 13.7385C20.4316 13.7385 16.4858 16.1951 14.3762 19.846C13.3396 21.64 12.7464 23.7223 12.7464 25.9432C16.174 26.6908 24.8599 25.7709 32.1831 16.1109Z",fill:"#C44140"}),e.jsx("path",{d:"M12.7464 25.9432C16.174 26.6908 24.8599 25.7709 32.1831 16.1109C30.1591 14.6197 27.658 13.7385 24.9512 13.7385C20.4316 13.7385 16.4858 16.1951 14.3762 19.846C13.3396 21.64 12.7464 23.7223 12.7464 25.9432ZM12.7464 25.9432L13.7157 31.0541",stroke:"#242424",strokeWidth:"1.6"}),e.jsx("path",{d:"M35.0033 32.457C33.9026 31.3239 30.3194 29.4838 27.1494 31.0636",stroke:"#242424",strokeWidth:"1.6",strokeLinecap:"round"}),e.jsx("path",{d:"M2.84277 14.5371L6.56435 17.4966C6.79541 17.6803 7.13909 17.559 7.20364 17.2709L7.88551 14.2275C7.95006 13.9394 8.29374 13.8181 8.5248 14.0018L12.5278 17.1851",stroke:"#242424",strokeWidth:"1.6"}),e.jsx("path",{d:"M11.6611 4.42773L13.3372 8.87738C13.4412 9.15364 13.7985 9.22586 14.0017 9.0117L16.1485 6.74917C16.3517 6.53501 16.7089 6.60722 16.8129 6.88349L18.6158 11.6697",stroke:"#242424",strokeWidth:"1.6"}),e.jsx("path",{d:"M24.3058 1.85364L23.8326 6.59318C23.8034 6.8849 24.0876 7.10781 24.364 7.01001L27.4233 5.92739C27.6997 5.82959 27.9839 6.05249 27.9548 6.34421L27.4459 11.4416",stroke:"#242424",strokeWidth:"1.6"})]}),Me=()=>e.jsxs("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsxs("g",{clipPath:"url(#clip0_14971_6395)",children:[e.jsx("path",{d:"M37.7857 8.62683L36.3306 10.8095L37.7857 12.9921M37.7857 8.62683V12.9921M37.7857 8.62683L39.2408 10.8095L37.7857 12.9921",stroke:"#242424",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M1.98141 26.75L0.759216 28.5833L1.98141 30.4166M1.98141 26.75V30.4166M1.98141 26.75L3.20361 28.5833L1.98141 30.4166",stroke:"#242424",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M31.9033 3.48816L30.6811 5.32146L31.9033 7.15476M31.9033 3.48816V7.15476M31.9033 3.48816L33.1255 5.32146L31.9033 7.15476",stroke:"#242424",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M8.43676 18.6139C8.43676 17.7971 8.42098 16.9786 8.43676 16.1547C8.45418 15.8087 8.50763 15.4655 8.59627 15.1306C8.68743 14.7512 8.85225 14.637 9.23617 14.6036C10.0163 14.5404 10.7999 14.5035 11.5765 14.4087C12.0909 14.33 12.6006 14.2233 13.1034 14.089C13.3944 14.0205 13.6749 13.894 13.9677 13.8501C14.4778 13.771 14.9091 13.4988 15.3701 13.3003C16.4538 12.81 17.4434 12.1335 18.2943 11.3013C18.4542 11.1587 18.6308 11.036 18.8202 10.9359C18.941 10.853 19.084 10.8086 19.2304 10.8086C19.3768 10.8086 19.5198 10.853 19.6406 10.9359C19.8593 11.0708 20.0653 11.2254 20.2559 11.3979C20.9967 12.0849 21.8214 12.6751 22.7102 13.1545C23.2682 13.4441 23.856 13.6721 24.4633 13.8343C25.1347 14.0433 25.8184 14.2154 26.5074 14.3612C26.91 14.4195 27.3156 14.4546 27.7223 14.4666C28.271 14.5141 28.8179 14.5738 29.3649 14.623C29.4655 14.6306 29.5616 14.6681 29.6409 14.7307C29.7202 14.7932 29.7791 14.8781 29.8101 14.9743C29.9278 15.2706 29.9988 15.5835 30.0205 15.9018C30.0509 17.3176 30.0597 18.7334 30.0468 20.1492C30.0441 21.5198 29.9215 22.8876 29.6804 24.2367C29.6608 24.367 29.6508 24.4985 29.6506 24.6302C29.614 25.2189 29.4996 25.8001 29.3105 26.3587C29.1352 26.9208 29.0283 27.5022 28.8214 28.0503C28.597 28.651 28.328 29.2341 28.0168 29.7946C27.3467 30.9887 26.4963 32.0719 25.4959 33.0056C24.389 34.0306 23.1306 34.8779 21.7653 35.5175C21.0326 35.8689 20.284 36.1921 19.5249 36.4784C19.3251 36.5539 19.0428 36.4784 18.8237 36.4099C18.3611 36.2612 17.9065 36.0888 17.4615 35.8935C17.0018 35.6971 16.5535 35.4748 16.1187 35.2277C15.3719 34.7886 14.6216 34.3494 13.9186 33.847C13.4424 33.4838 12.9983 33.0801 12.5915 32.6403C11.8769 31.9517 11.2594 31.1686 10.7561 30.3128C10.4163 29.7343 10.1113 29.136 9.84272 28.5211C9.5745 27.8606 9.40621 27.1615 9.18181 26.4817C8.97193 25.8103 8.84247 25.1162 8.79615 24.4142C8.72252 23.5007 8.57875 22.5926 8.47006 21.6827C8.44937 21.5236 8.43826 21.3635 8.43676 21.2031C8.43676 20.3407 8.43676 19.4799 8.43676 18.6192V18.6139Z",fill:"white",stroke:"#242424",strokeWidth:"1.6"}),e.jsx("path",{d:"M19.6304 10.9359C19.5096 10.853 19.3666 10.8086 19.2202 10.8086V36.5043C19.3259 36.5155 19.428 36.5111 19.5147 36.4784C20.2738 36.1921 21.0223 35.8689 21.7551 35.5175C23.1204 34.8779 24.3788 34.0306 25.4856 33.0056C26.4861 32.0719 27.3364 30.9887 28.0065 29.7946C28.3178 29.2341 28.5868 28.651 28.8112 28.0503C29.0181 27.5022 29.125 26.9208 29.3003 26.3587C29.4894 25.8001 29.6037 25.2189 29.6404 24.6302C29.6406 24.4985 29.6505 24.367 29.6702 24.2367C29.9113 22.8876 30.0339 21.5198 30.0366 20.1492C30.0494 18.7334 30.0406 17.3176 30.0103 15.9018C29.9886 15.5835 29.9176 15.2706 29.7999 14.9743C29.7689 14.8781 29.71 14.7932 29.6307 14.7307C29.5514 14.6681 29.4553 14.6306 29.3546 14.623C28.8077 14.5738 28.2607 14.5141 27.712 14.4666C27.3054 14.4546 26.8998 14.4195 26.4972 14.3612C25.8082 14.2154 25.1245 14.0433 24.453 13.8343C23.8458 13.6721 23.258 13.4441 22.7 13.1545C21.8111 12.6751 20.9865 12.0849 20.2457 11.3979C20.0551 11.2254 19.8491 11.0708 19.6304 10.9359Z",fill:"#0F9655"}),e.jsx("path",{d:"M18.8099 10.9359C18.9307 10.853 19.0737 10.8086 19.2202 10.8086M19.2202 10.8086C19.3666 10.8086 19.5096 10.853 19.6304 10.9359C19.8491 11.0708 20.0551 11.2254 20.2457 11.3979C20.9865 12.0849 21.8111 12.6751 22.7 13.1545C23.258 13.4441 23.8458 13.6721 24.453 13.8343C25.1245 14.0433 25.8082 14.2154 26.4972 14.3612C26.8998 14.4195 27.3054 14.4546 27.712 14.4666C28.2607 14.5141 28.8077 14.5738 29.3546 14.623C29.4553 14.6306 29.5514 14.6681 29.6307 14.7307C29.71 14.7932 29.7689 14.8781 29.7999 14.9743C29.9176 15.2706 29.9886 15.5835 30.0103 15.9018C30.0406 17.3176 30.0494 18.7334 30.0366 20.1492C30.0339 21.5198 29.9113 22.8876 29.6702 24.2367C29.6505 24.367 29.6406 24.4985 29.6404 24.6302C29.6037 25.2189 29.4894 25.8001 29.3003 26.3587C29.125 26.9208 29.0181 27.5022 28.8112 28.0503C28.5868 28.651 28.3178 29.2341 28.0065 29.7946C27.3364 30.9887 26.4861 32.0719 25.4856 33.0056C24.3788 34.0306 23.1204 34.8779 21.7551 35.5175C21.0223 35.8689 20.2738 36.1921 19.5147 36.4784C19.428 36.5111 19.3259 36.5155 19.2202 36.5043M19.2202 10.8086V36.5043M18.8134 36.4099C18.9376 36.4487 19.082 36.4898 19.2202 36.5043",stroke:"#242424",strokeWidth:"1.6"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_14971_6395",children:e.jsx("rect",{width:"40",height:"40",fill:"white"})})})]}),we=({typeChart:t,activeColumn:r,series:o,months:d,name:s,dayOfWeek:c=[],colors:m,textColors:N,avgQuestionLastMonth:f,studentCount:h,studentPercentage:u,responseStudent:$,classFontSize:M,avgContent:w,print:j,width:z,height:Y,titleClassFontSize:K,min:J,hiddenKpi:X,timeOfDay:ee,weeklySeries:G,weeks:P=[],description:F,skillClass:W,kpiClassName:se,lowMetricStudents:A=[],studentMetricPercent:te,noGradient:re,setOptionDate:ae,stressValue:Q,noAvgTotal:ne,onActiveColumn:D,loadingComplete:S=!0,optionDate:b,onBeforeViewCheckIn:q,interventionLogs:ie})=>{const{t:y}=v.useTranslation(),[L,le]=g.useState("Monthly"),oe=ge.useSelector(n=>n?.common?.user).roles.includes("Student"),C=g.useMemo(()=>L!="Monthly"||j&&b!="Monthly"?G||[]:o,[o,G,L,b,j]),_=g.useMemo(()=>L!="Monthly"||j&&b!="Monthly"?P:d,[L,d,P,b,j]),ce=g.useMemo(()=>C.map(n=>{const x=f.find(I=>I.questionText.toLowerCase().includes(n.name.toLowerCase()));if(x)return x.avgQuestionResponse-x.avgQuestionResponseLastMonth;const R=n?.data.reduce((I,Ce)=>I+Ce,0);return n?.data?.length>0?R/n.data.length:0}),[C,f]),O=g.useMemo(()=>C.filter((n,x)=>r[x]).map(n=>({data:n.data,name:n.questionTranslation||n.name,questionTranslation:n.questionTranslation??""})),[C,r]),V=g.useMemo(()=>C.map(n=>n.data[0]||0),[C]),de=g.useMemo(()=>C.map(n=>n.name.charAt(0).toUpperCase()+n.name.slice(1)),[C]),he=(s===y(i.readinessTrendName)||s===y(i.successIndicatorsName)||s===y(i.overallReadinessToLearnName))&&6,ue=s===y(i.readinessTrendName)&&6||(s===y(i.successIndicatorsName)||s===y(i.learningProcessName))&&4||s===y(i.overallReadinessToLearnName)&&12,me=(s===y(i.readinessTrendName)||s===y(i.successIndicatorsName)||s===y(i.overallReadinessToLearnName)||s===y(i.learningProcessName))&&"auto",U=n=>n.length===0?0:n.reduce((x,R)=>x+R)/n.length;return e.jsxs(l.Grid,{className:`${a.styles["generate-chart"]} ${a.styles[M]}`,children:[(i.averageSafetyName===s||i.averageStressName===s)&&e.jsxs("div",{className:a.styles["icon-safety-and-stress"],children:[i.averageSafetyName===s&&e.jsx(Me,{}),i.averageStressName===s&&e.jsx(ke,{})]}),!j&&e.jsxs(l.Grid,{className:`${a.styles["header-chart-generate"]}`,children:[e.jsx(l.Typography,{className:`${K||a.styles["title-chart"]}`,children:y(s)}),!ne&&C?.[0]?.description?.length>0&&s!==i.lowMetricName&&(S?e.jsx(H,{label:E.getDescriptionFromPercent((i.averageStressName===s||i.averageSafetyName===s?U(Q??[]):C[0].data[0])||0,C[0].description,s===i.averageStressName),valueData:(i.averageStressName===s||i.averageSafetyName===s?U(Q??[]):C[0].data[0])||0,value:ce[0]||0,isStress:s==i.averageStressName,timeOfDay:ee,loadingComplete:S}):e.jsx(T.Loading,{}))]}),!j&&F&&e.jsx(l.Typography,{className:`${a.styles["header-chart-description"]}`,children:y(F)}),!S&&e.jsx("div",{style:{width:"100%",height:400,display:"flex",justifyContent:"center",alignItems:"center"},children:e.jsx(T.Loading,{})}),S&&e.jsxs(g.Fragment,{children:[e.jsxs(l.Grid,{className:`${a.styles["kpi-module"]} ${a.styles[se??""]}`,children:[!j&&e.jsx(l.Grid,{className:`${a.styles["box-model-student-skill"]} ${a.styles[W??""]}`,hidden:!h&&h!=0||oe||C.length==0||s===i.lowMetricName,children:e.jsx(k.ModelSkillStudent,{studentCount:h,studentPercentage:u,name:s,responseStudent:$,onBeforeViewCheckIn:q})}),e.jsx(l.Grid,{className:`${a.styles["box-model-student-skill"]} ${a.styles[W??""]}`,hidden:s!==i.lowMetricName,children:e.jsx(fe,{lowMetricStudents:A,percent:te||0,isPrint:j,onBeforeViewCheckIn:q})}),!X&&e.jsx(l.Grid,{className:`${a.styles.listItem} ${a.styles["ml-10"]}`,children:C.map((n,x)=>j&&!r[x]?null:e.jsxs(l.Grid,{item:!0,xs:he,sm:ue,lg:me,hidden:!n.name,className:`${a.styles["item-checkbox"]}`,children:[!!D&&e.jsx("div",{className:`${a.styles["box-checkbox"]}`,children:e.jsx(je.CheckboxCustom,{isActive:!!r[x],onClick:()=>D?.(x,s)})}),e.jsxs(l.Grid,{className:`${a.styles["item-detail"]}`,children:[e.jsxs(l.Grid,{className:`${a.styles.question}`,children:[e.jsx(l.Grid,{className:`${a.styles["point-custom"]}`,style:{backgroundColor:m[x]}}),e.jsx("label",{className:`${a.styles["label-chart"]}`,children:n.questionTranslation||n.name})]}),e.jsx(l.Typography,{className:`${a.styles["avr-question"]}`,children:B.handleGenerateAvgQuestion(n.data,J==-100,w)??0})]})]},x))}),!!G&&!j&&e.jsx(l.Grid,{className:`${a.styles["label-options"]}`,children:i.optionLabelDate.map(n=>e.jsx(l.Typography,{onClick:()=>{le?.(n),ae?.(n)},className:`${a.styles["option-item"]} ${L==n?a.styles.selected:a.styles["no-selected"]}`,children:n},n))})]}),e.jsxs(l.Grid,{className:`${j?`w-100 d-flex justify-content-center ${t=="donut"?"":a.styles["print-chart"]}`:""}`,style:{position:"relative"},children:[t=="area"&&e.jsx(Z.AreaChart,{isCountSeries:!!w,months:_,activeColumn:r,series:O,dayOfWeek:c,colors:m,min:J,noGradient:re,interventionLogs:ie},L),t=="line"&&e.jsx(k.LineChart,{months:_,activeColumn:r,series:O,dayOfWeek:c,colors:m},L),t=="donut"&&e.jsxs(g.Fragment,{children:[e.jsx(Z.OverallDonutChart,{isCountSeries:!!w,series:V,colors:s===i.overallReadinessToLearnName?m.reverse():m,textColors:N,label:de,width:z,height:Y,hasTooltip:s!==i.overallReadinessToLearnName},L),s===i.overallReadinessToLearnName&&e.jsxs("div",{className:a.styles["data-overall-readline-value-yes"],children:[e.jsxs("p",{children:["Yes: ",(V?.[0]||0).toFixed(1),"%"]}),e.jsx("span",{children:"of student"})]})]}),t=="bar"&&e.jsx(k.BarChart,{series:O,activeColumn:r,dayOfWeek:c,months:_,colors:m,print:j,isCountSeries:!0,lowMetricStudents:A,labelDate:L,onBeforeViewCheckIn:q},L)]})]})]},s)};function Se(t,r){return t.name===r.name&&t.typeChart===r.typeChart&&t.print===r.print&&JSON.stringify(t.dayOfWeek)===JSON.stringify(r.dayOfWeek)&&t.lowMetricStudents===r.lowMetricStudents&&t.studentMetricPercent===r.studentMetricPercent&&JSON.stringify(t.series)===JSON.stringify(r.series)&&JSON.stringify(t.weeklySeries)===JSON.stringify(r.weeklySeries)&&JSON.stringify(t.activeColumn)===JSON.stringify(r.activeColumn)&&JSON.stringify(t.avgQuestionLastMonth)===JSON.stringify(r.avgQuestionLastMonth)&&JSON.stringify(t.lowMetricStudents)===JSON.stringify(r.lowMetricStudents)&&t.studentCount===r.studentCount&&t.studentPercentage===r.studentPercentage&&JSON.stringify(t.responseStudent)===JSON.stringify(r.responseStudent)&&t.timeOfDay===r.timeOfDay&&t.stressValue===r.stressValue&&t.loadingComplete===r.loadingComplete&&t.interventionLogs===r.interventionLogs}const be=g.memo(we,Se),Te=({iconSrc:t,label:r,value:o,loadingComplete:d=!0,customClassName:s,handleOpenModal:c,customClassNameBootStrap:m})=>{const{t:N}=v.useTranslation();return e.jsxs(l.Grid,{className:`${a.styles["total-item"]} ${a.styles[s||""]} ${m||""}`,children:[e.jsxs(l.Grid,{className:`${a.styles["total-item-content"]}`,children:[e.jsx("div",{className:`${a.styles["total-item-name"]}`,dangerouslySetInnerHTML:{__html:r}}),d?e.jsxs("div",{children:[e.jsxs("div",{className:`${a.styles["total-item-value"]}`,children:[o,!!c&&Number(o)>0&&r.toLocaleLowerCase().indexOf("check-ins")<0&&e.jsxs("button",{type:"button",className:`${a.styles["total-item-btn"]}`,onClick:()=>c?.(),children:[N("see_them"),e.jsx(Ne.ArrowRightIcon,{})]})]}),!!c&&Number(o)>0&&r.toLocaleLowerCase().indexOf("check-ins")>=0&&e.jsxs("button",{type:"button",className:`${a.styles["total-item-btn"]}`,onClick:()=>c?.(),children:[e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[e.jsx("rect",{width:"20",height:"16",x:"2",y:"4",rx:"2"}),e.jsx("path",{d:"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"})]}),N("send_reminder")]})]}):e.jsx(T.Loading,{size:24})]}),t&&e.jsx("img",{className:`${a.styles["total-item-icon"]}`,src:`/images/${t}`,alt:""})]})},ve=g.memo(Te),Ge=({series:t,avgQuestionLastMonth:r,icons:o,className:d,noAvgText:s,timeOfDay:c,loadingComplete:m})=>{const{t:N}=v.useTranslation(),f=g.useMemo(()=>t.map(h=>{const u=h?.data.reduce(($,M)=>$+M,0);return h.data.length>0?u/h.data.length:0}),[t]);return e.jsx(l.Grid,{className:`${a.styles["trend-question-list"]}`,children:t.map((h,u)=>{const $=r.find(w=>w.questionText?.toLowerCase()?.includes(h.name?.toLowerCase())),M=$?$.avgQuestionResponse-$.avgQuestionResponseLastMonth:0;return e.jsxs(l.Grid,{className:`${a.styles["trend-question-item"]}`,children:[e.jsxs(l.Grid,{className:`${a.styles["trend-item-header"]}`,children:[e.jsx("div",{className:`${a.styles["trend-item-title"]}`,dangerouslySetInnerHTML:{__html:`${s?"":N("average")} ${h.questionTranslation||h.name}`}}),e.jsx("img",{className:`${a.styles["trend-item-icon"]} ${a.styles[d||""]}`,src:`/images/${o[u]}`,alt:"icon"})]}),e.jsx(H,{label:B.capitalizeFirstLetter(E.getDescriptionFromPercent(h?.data?.[0]||0,h.description)||""),value:M||0,valueData:f[u]||0,timeOfDay:c,loadingComplete:m})]},h.name)})})},qe=g.memo(Ge),_e=({opacity:t=1,color:r="#242424"})=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{opacity:t,d:"M8 10L3.5 6H12.5L8 10Z",fill:r})});exports.ArrowUp=_e;exports.CalendarSelect=Le;exports.GeneratePlpChart=be;exports.GenerateTrendQuestion=qe;exports.TotalCard=ve;

package/dist/ArrowUp-DULaoBCR.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("@mui/material"),p=require("./styles.module-CHKJJ8Zm.cjs"),g=require("react"),r=require("./plp.module-D7sSVhej.cjs"),ge=require("react-redux"),v=require("mario-core"),Z=require("./OverallDonutChart-H9IRH4Ez.cjs"),l=require("./constants-AmXlyc2R.cjs"),M=require("./LineChart-SPN9tugP.cjs"),E=require("./constantsFn-DMEZ5_K5.cjs"),ye=require("./Error-DBu0pm35.cjs"),je=require("./CheckCircle-DSTZHLj-.cjs"),H=require("./utils-CeXUFMko.cjs"),xe=require("./CheckboxCustom-ZjvBGVzS.cjs"),w=require("./Loading-CHowA_dQ.cjs"),Ne=require("./ArrowRightIcon-D2CQJfsL.cjs"),$e=({options:t,value:a,onChange:o,disabled:d=!1,customClassName:s})=>e.jsxs(i.Grid,{className:`${p.styles["calendar-select"]} ${p.styles[s||""]}`,children:[e.jsx(i.Typography,{className:p.styles["calendar-label"],children:"Filter by date"}),e.jsx(i.Grid,{className:p.styles["calendar-options"],children:t.map(c=>e.jsx(i.Typography,{onClick:()=>!d&&o?.(c),className:`${p.styles["option-item"]} ${a==c.value?p.styles.selected:p.styles["no-selected"]}`,children:c.label},c.value))})]}),Le=t=>t.replace(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*[\d.]+\)/,(a,o,d,s)=>`rgba(${o}, ${d}, ${s}, 0.6)`),pe=(t,a=!1)=>{const o=["rgba(196, 65, 64, 0.24)","rgba(255, 176, 79, 0.24)","rgba(255, 208, 40, 0.24)","rgba(169, 214, 96, 0.24)","rgba(15, 150, 85, 0.24)"];if(a){if(t<=-60||t>=60)return o[0];if(t>=-60&&t<-20)return o[3];if(t>=-20&&t<20)return o[4];if(t>=20&&t<60)return o[2]}const d=Math.max(0,Math.min(100,t)),s=100/o.length;let c=Math.floor(d/s);return c=Math.min(c,o.length-1),o[c]},z=({value:t,label:a,isStress:o,timeOfDay:d,valueData:s,loadingComplete:c=!0})=>{const m=Le(pe(s||0,o)),N=a?`${a} |`:"";return e.jsxs(i.Grid,{className:`${r.styles["graph-trend"]}`,children:[c?e.jsx(i.Typography,{style:{backgroundColor:m},className:`${r.styles["graph-label"]}`,children:`${N} ${(s||0)?.toFixed(2)}%`}):e.jsx(w.Loading,{}),d&&e.jsx("img",{src:`/images/${t<0?"trend-down.png":"trend-up.png"}`,alt:"Graph Trend Icon"})]})},fe=({percent:t,lowMetricStudents:a=[],isPrint:o=!1,onBeforeViewCheckIn:d})=>{const{t:s}=v.useTranslation(),[c,m]=g.useState(!1),N=()=>{m(!c)},f=M.uniq(a?.filter(u=>u.matchedGroupNames.includes("Not Ready to Learn"))?.map(u=>u.studentName)).length||0,h=M.uniq(a?.filter(u=>u.matchedGroupNames.includes("Success")||u.matchedGroupNames.includes("Readiness"))?.map(u=>u.studentName)).length||0;return e.jsxs(i.Grid,{className:`${r.styles["static-metric"]} ${r.styles[a?.length===0?"green-background":"red-background"]}`,children:[a?.length===0?e.jsx(je.CheckCircleIcon,{className:`${r.styles["check-icon"]}`}):e.jsx(ye.ErrorIcon,{className:`${r.styles["warning-icon"]}`}),a?.length===0?e.jsx("div",{children:s("all_students_have_good_metrics")}):e.jsxs("div",{className:r.styles["static-metric__container"],children:[e.jsxs("div",{children:[e.jsx("b",{children:`${t.toFixed(2)}%`})," ",s("of_students_have_concerned_metrics")," ",!o&&e.jsxs("b",{className:`${r.styles.link}`,onClick:()=>N(),children:["(",s("see_them"),")"]})]}),e.jsxs("div",{children:[e.jsx("b",{children:`${f} ${s("students")}`})," ",s("are_not_ready_to_learn"),","," ",e.jsx("b",{children:`${h} ${s("students")}`})," ",s("have_metrics_40")]})]}),!o&&e.jsx(M.MetricModelStudent,{lowMetricStudents:a,handleToggleModel:N,openModel:c,onBeforeViewCheckIn:d})]})},Me=()=>e.jsxs("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("circle",{cx:"24.9521",cy:"25.943",r:"12.2047",fill:"white",stroke:"#242424",strokeWidth:"1.6"}),e.jsx("path",{d:"M32.1831 16.1109C30.1591 14.6197 27.658 13.7385 24.9512 13.7385C20.4316 13.7385 16.4858 16.1951 14.3762 19.846C13.3396 21.64 12.7464 23.7223 12.7464 25.9432C16.174 26.6908 24.8599 25.7709 32.1831 16.1109Z",fill:"#C44140"}),e.jsx("path",{d:"M12.7464 25.9432C16.174 26.6908 24.8599 25.7709 32.1831 16.1109C30.1591 14.6197 27.658 13.7385 24.9512 13.7385C20.4316 13.7385 16.4858 16.1951 14.3762 19.846C13.3396 21.64 12.7464 23.7223 12.7464 25.9432ZM12.7464 25.9432L13.7157 31.0541",stroke:"#242424",strokeWidth:"1.6"}),e.jsx("path",{d:"M35.0033 32.457C33.9026 31.3239 30.3194 29.4838 27.1494 31.0636",stroke:"#242424",strokeWidth:"1.6",strokeLinecap:"round"}),e.jsx("path",{d:"M2.84277 14.5371L6.56435 17.4966C6.79541 17.6803 7.13909 17.559 7.20364 17.2709L7.88551 14.2275C7.95006 13.9394 8.29374 13.8181 8.5248 14.0018L12.5278 17.1851",stroke:"#242424",strokeWidth:"1.6"}),e.jsx("path",{d:"M11.6611 4.42773L13.3372 8.87738C13.4412 9.15364 13.7985 9.22586 14.0017 9.0117L16.1485 6.74917C16.3517 6.53501 16.7089 6.60722 16.8129 6.88349L18.6158 11.6697",stroke:"#242424",strokeWidth:"1.6"}),e.jsx("path",{d:"M24.3058 1.85364L23.8326 6.59318C23.8034 6.8849 24.0876 7.10781 24.364 7.01001L27.4233 5.92739C27.6997 5.82959 27.9839 6.05249 27.9548 6.34421L27.4459 11.4416",stroke:"#242424",strokeWidth:"1.6"})]}),ke=()=>e.jsxs("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsxs("g",{clipPath:"url(#clip0_14971_6395)",children:[e.jsx("path",{d:"M37.7857 8.62683L36.3306 10.8095L37.7857 12.9921M37.7857 8.62683V12.9921M37.7857 8.62683L39.2408 10.8095L37.7857 12.9921",stroke:"#242424",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M1.98141 26.75L0.759216 28.5833L1.98141 30.4166M1.98141 26.75V30.4166M1.98141 26.75L3.20361 28.5833L1.98141 30.4166",stroke:"#242424",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M31.9033 3.48816L30.6811 5.32146L31.9033 7.15476M31.9033 3.48816V7.15476M31.9033 3.48816L33.1255 5.32146L31.9033 7.15476",stroke:"#242424",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M8.43676 18.6139C8.43676 17.7971 8.42098 16.9786 8.43676 16.1547C8.45418 15.8087 8.50763 15.4655 8.59627 15.1306C8.68743 14.7512 8.85225 14.637 9.23617 14.6036C10.0163 14.5404 10.7999 14.5035 11.5765 14.4087C12.0909 14.33 12.6006 14.2233 13.1034 14.089C13.3944 14.0205 13.6749 13.894 13.9677 13.8501C14.4778 13.771 14.9091 13.4988 15.3701 13.3003C16.4538 12.81 17.4434 12.1335 18.2943 11.3013C18.4542 11.1587 18.6308 11.036 18.8202 10.9359C18.941 10.853 19.084 10.8086 19.2304 10.8086C19.3768 10.8086 19.5198 10.853 19.6406 10.9359C19.8593 11.0708 20.0653 11.2254 20.2559 11.3979C20.9967 12.0849 21.8214 12.6751 22.7102 13.1545C23.2682 13.4441 23.856 13.6721 24.4633 13.8343C25.1347 14.0433 25.8184 14.2154 26.5074 14.3612C26.91 14.4195 27.3156 14.4546 27.7223 14.4666C28.271 14.5141 28.8179 14.5738 29.3649 14.623C29.4655 14.6306 29.5616 14.6681 29.6409 14.7307C29.7202 14.7932 29.7791 14.8781 29.8101 14.9743C29.9278 15.2706 29.9988 15.5835 30.0205 15.9018C30.0509 17.3176 30.0597 18.7334 30.0468 20.1492C30.0441 21.5198 29.9215 22.8876 29.6804 24.2367C29.6608 24.367 29.6508 24.4985 29.6506 24.6302C29.614 25.2189 29.4996 25.8001 29.3105 26.3587C29.1352 26.9208 29.0283 27.5022 28.8214 28.0503C28.597 28.651 28.328 29.2341 28.0168 29.7946C27.3467 30.9887 26.4963 32.0719 25.4959 33.0056C24.389 34.0306 23.1306 34.8779 21.7653 35.5175C21.0326 35.8689 20.284 36.1921 19.5249 36.4784C19.3251 36.5539 19.0428 36.4784 18.8237 36.4099C18.3611 36.2612 17.9065 36.0888 17.4615 35.8935C17.0018 35.6971 16.5535 35.4748 16.1187 35.2277C15.3719 34.7886 14.6216 34.3494 13.9186 33.847C13.4424 33.4838 12.9983 33.0801 12.5915 32.6403C11.8769 31.9517 11.2594 31.1686 10.7561 30.3128C10.4163 29.7343 10.1113 29.136 9.84272 28.5211C9.5745 27.8606 9.40621 27.1615 9.18181 26.4817C8.97193 25.8103 8.84247 25.1162 8.79615 24.4142C8.72252 23.5007 8.57875 22.5926 8.47006 21.6827C8.44937 21.5236 8.43826 21.3635 8.43676 21.2031C8.43676 20.3407 8.43676 19.4799 8.43676 18.6192V18.6139Z",fill:"white",stroke:"#242424",strokeWidth:"1.6"}),e.jsx("path",{d:"M19.6304 10.9359C19.5096 10.853 19.3666 10.8086 19.2202 10.8086V36.5043C19.3259 36.5155 19.428 36.5111 19.5147 36.4784C20.2738 36.1921 21.0223 35.8689 21.7551 35.5175C23.1204 34.8779 24.3788 34.0306 25.4856 33.0056C26.4861 32.0719 27.3364 30.9887 28.0065 29.7946C28.3178 29.2341 28.5868 28.651 28.8112 28.0503C29.0181 27.5022 29.125 26.9208 29.3003 26.3587C29.4894 25.8001 29.6037 25.2189 29.6404 24.6302C29.6406 24.4985 29.6505 24.367 29.6702 24.2367C29.9113 22.8876 30.0339 21.5198 30.0366 20.1492C30.0494 18.7334 30.0406 17.3176 30.0103 15.9018C29.9886 15.5835 29.9176 15.2706 29.7999 14.9743C29.7689 14.8781 29.71 14.7932 29.6307 14.7307C29.5514 14.6681 29.4553 14.6306 29.3546 14.623C28.8077 14.5738 28.2607 14.5141 27.712 14.4666C27.3054 14.4546 26.8998 14.4195 26.4972 14.3612C25.8082 14.2154 25.1245 14.0433 24.453 13.8343C23.8458 13.6721 23.258 13.4441 22.7 13.1545C21.8111 12.6751 20.9865 12.0849 20.2457 11.3979C20.0551 11.2254 19.8491 11.0708 19.6304 10.9359Z",fill:"#0F9655"}),e.jsx("path",{d:"M18.8099 10.9359C18.9307 10.853 19.0737 10.8086 19.2202 10.8086M19.2202 10.8086C19.3666 10.8086 19.5096 10.853 19.6304 10.9359C19.8491 11.0708 20.0551 11.2254 20.2457 11.3979C20.9865 12.0849 21.8111 12.6751 22.7 13.1545C23.258 13.4441 23.8458 13.6721 24.453 13.8343C25.1245 14.0433 25.8082 14.2154 26.4972 14.3612C26.8998 14.4195 27.3054 14.4546 27.712 14.4666C28.2607 14.5141 28.8077 14.5738 29.3546 14.623C29.4553 14.6306 29.5514 14.6681 29.6307 14.7307C29.71 14.7932 29.7689 14.8781 29.7999 14.9743C29.9176 15.2706 29.9886 15.5835 30.0103 15.9018C30.0406 17.3176 30.0494 18.7334 30.0366 20.1492C30.0339 21.5198 29.9113 22.8876 29.6702 24.2367C29.6505 24.367 29.6406 24.4985 29.6404 24.6302C29.6037 25.2189 29.4894 25.8001 29.3003 26.3587C29.125 26.9208 29.0181 27.5022 28.8112 28.0503C28.5868 28.651 28.3178 29.2341 28.0065 29.7946C27.3364 30.9887 26.4861 32.0719 25.4856 33.0056C24.3788 34.0306 23.1204 34.8779 21.7551 35.5175C21.0223 35.8689 20.2738 36.1921 19.5147 36.4784C19.428 36.5111 19.3259 36.5155 19.2202 36.5043M19.2202 10.8086V36.5043M18.8134 36.4099C18.9376 36.4487 19.082 36.4898 19.2202 36.5043",stroke:"#242424",strokeWidth:"1.6"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_14971_6395",children:e.jsx("rect",{width:"40",height:"40",fill:"white"})})})]}),Se=({typeChart:t,activeColumn:a,series:o,months:d,name:s,dayOfWeek:c=[],colors:m,textColors:N,avgQuestionLastMonth:f,studentCount:h,studentPercentage:u,responseStudent:L,classFontSize:k,avgContent:S,print:x,width:B,height:Y,titleClassFontSize:K,min:J,hiddenKpi:X,timeOfDay:ee,weeklySeries:G,weeks:P=[],description:F,skillClass:W,kpiClassName:se,lowMetricStudents:A=[],studentMetricPercent:te,noGradient:re,setOptionDate:ae,stressValue:Q,noAvgTotal:ne,onActiveColumn:D,loadingComplete:b=!0,optionDate:T,onBeforeViewCheckIn:q,interventionLogs:le})=>{const{t:y}=v.useTranslation(),[$,ie]=g.useState("Monthly"),oe=ge.useSelector(n=>n?.common?.user).roles.includes("Student"),C=g.useMemo(()=>$!="Monthly"||x&&T!="Monthly"?G||[]:o,[o,G,$,T,x]),_=g.useMemo(()=>$!="Monthly"||x&&T!="Monthly"?P:d,[$,d,P,T,x]),ce=g.useMemo(()=>C.map(n=>{const j=f.find(I=>I.questionText.toLowerCase().includes(n.name.toLowerCase()));if(j)return j.avgQuestionResponse-j.avgQuestionResponseLastMonth;const R=n?.data.reduce((I,Ce)=>I+Ce,0);return n?.data?.length>0?R/n.data.length:0}),[C,f]),O=g.useMemo(()=>C.filter((n,j)=>a[j]).map(n=>({data:n.data,name:n.questionTranslation||n.name,questionTranslation:n.questionTranslation??""})),[C,a]),V=g.useMemo(()=>C.map(n=>n.data[0]||0),[C]),de=g.useMemo(()=>C.map(n=>n.name.charAt(0).toUpperCase()+n.name.slice(1)),[C]),he=(s===y(l.readinessTrendName)||s===y(l.successIndicatorsName)||s===y(l.overallReadinessToLearnName))&&6,ue=s===y(l.readinessTrendName)&&6||(s===y(l.successIndicatorsName)||s===y(l.learningProcessName))&&4||s===y(l.overallReadinessToLearnName)&&12,me=(s===y(l.readinessTrendName)||s===y(l.successIndicatorsName)||s===y(l.overallReadinessToLearnName)||s===y(l.learningProcessName))&&"auto",U=n=>n.length===0?0:n.reduce((j,R)=>j+R)/n.length;return e.jsxs(i.Grid,{className:`${r.styles["generate-chart"]} ${r.styles[k]}`,children:[(l.averageSafetyName===s||l.averageStressName===s)&&e.jsxs("div",{className:r.styles["icon-safety-and-stress"],children:[l.averageSafetyName===s&&e.jsx(ke,{}),l.averageStressName===s&&e.jsx(Me,{})]}),!x&&e.jsxs(i.Grid,{className:`${r.styles["header-chart-generate"]}`,children:[e.jsx(i.Typography,{className:`${K||r.styles["title-chart"]}`,children:y(s)}),!ne&&C?.[0]?.description?.length>0&&s!==l.lowMetricName&&(b?e.jsx(z,{label:H.getDescriptionFromPercent((l.averageStressName===s||l.averageSafetyName===s?U(Q??[]):C[0].data[0])||0,C[0].description,s===l.averageStressName),valueData:(l.averageStressName===s||l.averageSafetyName===s?U(Q??[]):C[0].data[0])||0,value:ce[0]||0,isStress:s==l.averageStressName,timeOfDay:ee,loadingComplete:b}):e.jsx(w.Loading,{}))]}),!x&&F&&e.jsx(i.Typography,{className:`${r.styles["header-chart-description"]}`,children:y(F)}),!b&&e.jsx("div",{style:{width:"100%",height:400,display:"flex",justifyContent:"center",alignItems:"center"},children:e.jsx(w.Loading,{})}),b&&e.jsxs(g.Fragment,{children:[e.jsxs(i.Grid,{className:`${r.styles["kpi-module"]} ${r.styles[se??""]}`,children:[!x&&e.jsx(i.Grid,{className:`${r.styles["box-model-student-skill"]} ${r.styles[W??""]}`,hidden:!h&&h!=0||oe||C.length==0||s===l.lowMetricName,children:e.jsx(M.ModelSkillStudent,{studentCount:h,studentPercentage:u,name:s,responseStudent:L,onBeforeViewCheckIn:q})}),e.jsx(i.Grid,{className:`${r.styles["box-model-student-skill"]} ${r.styles[W??""]}`,hidden:s!==l.lowMetricName,children:e.jsx(fe,{lowMetricStudents:A,percent:te||0,isPrint:x,onBeforeViewCheckIn:q})}),!X&&e.jsx(i.Grid,{className:`${r.styles.listItem} ${r.styles["ml-10"]}`,children:C.map((n,j)=>x&&!a[j]?null:e.jsxs(i.Grid,{item:!0,xs:he,sm:ue,lg:me,hidden:!n.name,className:`${r.styles["item-checkbox"]}`,children:[!!D&&e.jsx("div",{className:`${r.styles["box-checkbox"]}`,children:e.jsx(xe.CheckboxCustom,{isActive:!!a[j],onClick:()=>D?.(j,s)})}),e.jsxs(i.Grid,{className:`${r.styles["item-detail"]}`,children:[e.jsxs(i.Grid,{className:`${r.styles.question}`,children:[e.jsx(i.Grid,{className:`${r.styles["point-custom"]}`,style:{backgroundColor:m[j]}}),e.jsx("label",{className:`${r.styles["label-chart"]}`,children:n.questionTranslation||n.name})]}),e.jsx(i.Typography,{className:`${r.styles["avr-question"]}`,children:E.handleGenerateAvgQuestion(n.data,J==-100,S)??0})]})]},j))}),!!G&&!x&&e.jsx(i.Grid,{className:`${r.styles["label-options"]}`,children:l.optionLabelDate.map(n=>e.jsx(i.Typography,{onClick:()=>{ie?.(n),ae?.(n)},className:`${r.styles["option-item"]} ${$==n?r.styles.selected:r.styles["no-selected"]}`,children:n},n))})]}),e.jsxs(i.Grid,{className:`${x?`w-100 d-flex justify-content-center ${t=="donut"?"":r.styles["print-chart"]}`:""}`,style:{position:"relative"},children:[t=="area"&&e.jsx(Z.AreaChart,{isCountSeries:!!S,months:_,activeColumn:a,series:O,dayOfWeek:c,colors:m,min:J,noGradient:re,interventionLogs:le},$),t=="line"&&e.jsx(M.LineChart,{months:_,activeColumn:a,series:O,dayOfWeek:c,colors:m},$),t=="donut"&&e.jsxs(g.Fragment,{children:[e.jsx(Z.OverallDonutChart,{isCountSeries:!!S,series:V,colors:s===l.overallReadinessToLearnName?m.reverse():m,textColors:N,label:de,width:B,height:Y,hasTooltip:s!==l.overallReadinessToLearnName},$),s===l.overallReadinessToLearnName&&e.jsxs("div",{className:r.styles["data-overall-readline-value-yes"],children:[e.jsxs("p",{children:["Yes: ",(V?.[0]||0).toFixed(1),"%"]}),e.jsx("span",{children:"of student"})]})]}),t=="bar"&&e.jsx(M.BarChart,{series:O,activeColumn:a,dayOfWeek:c,months:_,colors:m,print:x,isCountSeries:!0,lowMetricStudents:A,labelDate:$,onBeforeViewCheckIn:q},$)]})]})]},s)};function be(t,a){return t.name===a.name&&t.typeChart===a.typeChart&&t.print===a.print&&JSON.stringify(t.dayOfWeek)===JSON.stringify(a.dayOfWeek)&&t.lowMetricStudents===a.lowMetricStudents&&t.studentMetricPercent===a.studentMetricPercent&&JSON.stringify(t.series)===JSON.stringify(a.series)&&JSON.stringify(t.weeklySeries)===JSON.stringify(a.weeklySeries)&&JSON.stringify(t.activeColumn)===JSON.stringify(a.activeColumn)&&JSON.stringify(t.avgQuestionLastMonth)===JSON.stringify(a.avgQuestionLastMonth)&&JSON.stringify(t.lowMetricStudents)===JSON.stringify(a.lowMetricStudents)&&t.studentCount===a.studentCount&&t.studentPercentage===a.studentPercentage&&JSON.stringify(t.responseStudent)===JSON.stringify(a.responseStudent)&&t.timeOfDay===a.timeOfDay&&t.stressValue===a.stressValue&&t.loadingComplete===a.loadingComplete&&t.interventionLogs===a.interventionLogs}const Te=g.memo(Se,be),we=({iconSrc:t,label:a,value:o,loadingComplete:d=!0,customClassName:s,handleOpenModal:c,customClassNameBootStrap:m})=>{const{t:N}=v.useTranslation();return e.jsxs(i.Grid,{className:`${r.styles["total-item"]} ${r.styles[s||""]} ${m||""}`,children:[e.jsxs(i.Grid,{className:`${r.styles["total-item-content"]}`,children:[e.jsx("div",{className:`${r.styles["total-item-name"]}`,dangerouslySetInnerHTML:{__html:a}}),d?e.jsxs("div",{className:`${r.styles["total-item-value"]}`,children:[o,!!c&&Number(o)>0&&e.jsxs("button",{type:"button",className:`${r.styles["total-item-btn"]}`,onClick:()=>c?.(),children:[N("see_them"),e.jsx(Ne.ArrowRightIcon,{})]})]}):e.jsx(w.Loading,{size:24})]}),t&&e.jsx("img",{className:`${r.styles["total-item-icon"]}`,src:`/images/${t}`,alt:""})]})},ve=g.memo(we),Ge=({series:t,avgQuestionLastMonth:a,icons:o,className:d,noAvgText:s,timeOfDay:c,loadingComplete:m})=>{const{t:N}=v.useTranslation(),f=g.useMemo(()=>t.map(h=>{const u=h?.data.reduce((L,k)=>L+k,0);return h.data.length>0?u/h.data.length:0}),[t]);return e.jsx(i.Grid,{className:`${r.styles["trend-question-list"]}`,children:t.map((h,u)=>{const L=a.find(S=>S.questionText?.toLowerCase()?.includes(h.name?.toLowerCase())),k=L?L.avgQuestionResponse-L.avgQuestionResponseLastMonth:0;return e.jsxs(i.Grid,{className:`${r.styles["trend-question-item"]}`,children:[e.jsxs(i.Grid,{className:`${r.styles["trend-item-header"]}`,children:[e.jsx("div",{className:`${r.styles["trend-item-title"]}`,dangerouslySetInnerHTML:{__html:`${s?"":N("average")} ${h.questionTranslation||h.name}`}}),e.jsx("img",{className:`${r.styles["trend-item-icon"]} ${r.styles[d||""]}`,src:`/images/${o[u]}`,alt:"icon"})]}),e.jsx(z,{label:E.capitalizeFirstLetter(H.getDescriptionFromPercent(h?.data?.[0]||0,h.description)||""),value:k||0,valueData:f[u]||0,timeOfDay:c,loadingComplete:m})]},h.name)})})},qe=g.memo(Ge),_e=({opacity:t=1,color:a="#242424"})=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{opacity:t,d:"M8 10L3.5 6H12.5L8 10Z",fill:a})});exports.ArrowUp=_e;exports.CalendarSelect=$e;exports.GeneratePlpChart=Te;exports.GenerateTrendQuestion=qe;exports.TotalCard=ve;