mario-teacher-student-client 2.2.23-release → 2.2.24-release

package/dist/BubbleChartCustom-CG2jxyTo.js

@@ -0,0 +1,111 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { memo as B, useRef as w, Fragment as S } from "react";
+import q from "react-apexcharts";
+import { t as O, u as k, C as x, v as E, w as R } from "./utils-DZF9RdS_.js";
+import { s as e } from "./AreaChart-CrpUKe4D.js";
+import { useNavigate as j } from "react-router-dom";
+import { useSelector as H } from "react-redux";
+import { useTranslation as U } from "mario-core";
+import { r as A } from "./constantsFn-Dhj78pIc.js";
+import { L as I } from "./Loading-9Xhwui4j.js";
+import { Typography as u } from "@mui/material";
+const J = ({
+  data: i,
+  isPlp: n,
+  print: p,
+  disableSeriesName: l,
+  colors: _,
+  indexActive: v,
+  isStudentResponses: m,
+  idDistribution: d,
+  handleHoverTooltip: f,
+  hiddenRightLegend: N,
+  hiddenDescription: g,
+  loadingComplete: $ = !0
+}) => {
+  const C = j(), { t: c } = U(), o = w(null), b = o.current ? o.current.offsetWidth : 1e3, y = H((r) => r?.common?.user).roles.includes("Student"), T = (r) => {
+    n && C(`/student-detail/overview/${r}`);
+  }, h = O(i), L = i.map((r) => A(r.questionText)) || [];
+  return /* @__PURE__ */ s("div", { className: `${e["size-100"]}`, children: [
+    !p && /* @__PURE__ */ s(S, { children: [
+      /* @__PURE__ */ s("div", { className: `${e["header-chart-container"]}`, children: [
+        /* @__PURE__ */ t(u, { className: `${e["title-chart"]}`, children: c("student_distribution") }),
+        /* @__PURE__ */ t(u, { className: `${e["header-chart-description"]}`, children: c("this_is_the_student_score_from_their_last_check_in") })
+      ] }),
+      !g && /* @__PURE__ */ t(
+        "div",
+        {
+          className: e["description-chart-distribution-stress"],
+          dangerouslySetInnerHTML: { __html: c("the_data_presented_in_this_chart_reflects_the_average_from_the_student_check_ins") }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s("div", { className: `${e["bubble-chart-custom"]}`, children: [
+      $ ? /* @__PURE__ */ s("div", { className: e["chart-custom"], children: [
+        !N && /* @__PURE__ */ t("div", { className: `${e["list-percent"]} ${l && e["percent-survey"]}`, children: k.map((r, a) => /* @__PURE__ */ s(
+          "div",
+          {
+            className: `${e["percent-item"]}`,
+            children: [
+              r,
+              "%"
+            ]
+          },
+          a
+        )) }),
+        /* @__PURE__ */ t("div", { className: e["legend-wrap"], children: !l && h.map((r, a) => /* @__PURE__ */ s(
+          "div",
+          {
+            className: `${e.item}`,
+            children: [
+              /* @__PURE__ */ t(
+                "div",
+                {
+                  className: `${e["mark-custom"]}`,
+                  style: {
+                    backgroundColor: x[a]
+                  }
+                }
+              ),
+              /* @__PURE__ */ t(
+                "label",
+                {
+                  className: `${e["label-legend-custom"]}`,
+                  children: c(r.toLocaleLowerCase())
+                }
+              )
+            ]
+          },
+          a
+        )) }),
+        /* @__PURE__ */ t("div", { className: e["chart-buddle"], children: /* @__PURE__ */ t("div", { ref: o, id: d ?? "", children: /* @__PURE__ */ t(
+          q,
+          {
+            options: R(
+              d ?? "",
+              i,
+              h,
+              T,
+              y,
+              _,
+              m,
+              f
+            ),
+            type: "scatter",
+            series: E(i, b, m),
+            width: "100%",
+            height: 250
+          }
+        ) }) })
+      ] }) : /* @__PURE__ */ t("div", { style: { width: "100%", height: 400, display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ t(I, {}) }),
+      /* @__PURE__ */ t("div", { className: `${e["question-legend-custom"]}`, children: v && L.map((r, a) => /* @__PURE__ */ t("p", { className: `${e.question}`, children: `${a + 1}. ${r}` })) })
+    ] })
+  ] });
+};
+function M(i, n) {
+  return JSON.stringify(i) === JSON.stringify(n);
+}
+const ee = B(J, M);
+export {
+  ee as B
+};

package/dist/BubbleChartCustom-DrJatddJ.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),o=require("react"),T=require("react-apexcharts"),i=require("./utils-Bkd9m9N7.cjs"),s=require("./AreaChart-CMLFdZcX.cjs"),L=require("react-router-dom"),B=require("react-redux"),R=require("mario-core"),w=require("./constantsFn-D04GunRW.cjs"),S=require("./Loading-CHowA_dQ.cjs"),y=require("@mui/material"),O=({data:r,isPlp:a,print:_,disableSeriesName:u,colors:v,indexActive:x,isStudentResponses:d,idDistribution:h,handleHoverTooltip:j,hiddenRightLegend:p,hiddenDescription:N,loadingComplete:g=!0})=>{const C=L.useNavigate(),{t:n}=R.useTranslation(),l=o.useRef(null),$=l.current?l.current.offsetWidth:1e3,q=B.useSelector(t=>t?.common?.user).roles.includes("Student"),b=t=>{a&&C(`/student-detail/overview/${t}`)},m=i.seriesNameBubbleChartCustom(r),f=r.map(t=>w.removeHTMLTags(t.questionText))||[];return e.jsxs("div",{className:`${s.styles["size-100"]}`,children:[!_&&e.jsxs(o.Fragment,{children:[e.jsxs("div",{className:`${s.styles["header-chart-container"]}`,children:[e.jsx(y.Typography,{className:`${s.styles["title-chart"]}`,children:n("student_distribution")}),e.jsx(y.Typography,{className:`${s.styles["header-chart-description"]}`,children:n("this_is_the_student_score_from_their_last_check_in")})]}),!N&&e.jsx("div",{className:s.styles["description-chart-distribution-stress"],dangerouslySetInnerHTML:{__html:n("the_data_presented_in_this_chart_reflects_the_average_from_the_student_check_ins")}})]}),e.jsxs("div",{className:`${s.styles["bubble-chart-custom"]}`,children:[g?e.jsxs("div",{className:s.styles["chart-custom"],children:[!p&&e.jsx("div",{className:`${s.styles["list-percent"]} ${u&&s.styles["percent-survey"]}`,children:i.PERCENT.map((t,c)=>e.jsxs("div",{className:`${s.styles["percent-item"]}`,children:[t,"%"]},c))}),e.jsx("div",{className:s.styles["legend-wrap"],children:!u&&m.map((t,c)=>e.jsxs("div",{className:`${s.styles.item}`,children:[e.jsx("div",{className:`${s.styles["mark-custom"]}`,style:{backgroundColor:i.COLOR_CHART_BUBBLE[c]}}),e.jsx("label",{className:`${s.styles["label-legend-custom"]}`,children:n(t.toLocaleLowerCase())})]},c))}),e.jsx("div",{className:s.styles["chart-buddle"],children:e.jsx("div",{ref:l,id:h??"",children:e.jsx(T,{options:i.readinesToLearnoptions(h??"",r,m,b,q,v,d,j),type:"scatter",series:i.convertDataToSeriesBullderChart(r,$,d),width:"100%",height:250})})})]}):e.jsx("div",{style:{width:"100%",height:400,display:"flex",justifyContent:"center",alignItems:"center"},children:e.jsx(S.Loading,{})}),e.jsx("div",{className:`${s.styles["question-legend-custom"]}`,children:x&&f.map((t,c)=>e.jsx("p",{className:`${s.styles.question}`,children:`${c+1}. ${t}`}))})]})]})};function k(r,a){return JSON.stringify(r)===JSON.stringify(a)}const E=o.memo(O,k);exports.BubbleChartCustom=E;