@cuemath/leap 2.8.61-as3 → 2.8.61-as5

package/dist/features/chapters-v2/utils/node-card-utils.js

@@ -1,63 +1,79 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import E from "../../../assets/line-icons/icons/alarm.js";
-import I from "../../../assets/line-icons/icons/bulb2.js";
-import u from "../../../assets/line-icons/icons/check2.js";
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import u from "../../../assets/line-icons/icons/alarm.js";
+import d from "../../../assets/line-icons/icons/bulb2.js";
+import I from "../../../assets/line-icons/icons/check2.js";
 import f from "../../../assets/line-icons/icons/dart.js";
-import d from "../../../assets/line-icons/icons/exclamation.js";
+import l from "../../../assets/line-icons/icons/exclamation.js";
 import T from "../../../assets/line-icons/icons/lock2.js";
 import p from "../../../assets/line-icons/icons/play2.js";
-import l from "../../../assets/line-icons/icons/puzzle.js";
-import R from "../../../assets/line-icons/icons/recap.js";
-import A from "../../../assets/line-icons/icons/status.js";
-import S from "../../../assets/line-icons/icons/testtube.js";
-import D from "../../ui/layout/flex-view.js";
-import s from "../../ui/text/text.js";
-import { InProgressIconWrapper as h } from "../comps/node-card/node-card-styled.js";
-import i from "../comps/tag/tag.js";
-const g = 60 * 60 * 24, C = ["NOT_STARTED", "IN_PROGRESS"], P = (r) => {
-  if (!r)
+import R from "../../../assets/line-icons/icons/puzzle.js";
+import A from "../../../assets/line-icons/icons/recap.js";
+import S from "../../../assets/line-icons/icons/status.js";
+import $ from "../../../assets/line-icons/icons/testtube.js";
+import h from "../../ui/layout/flex-view.js";
+import i from "../../ui/text/text.js";
+import { InProgressIconWrapper as s } from "../comps/node-card/node-card-styled.js";
+import a from "../comps/tag/tag.js";
+const D = 60 * 60 * 24, g = ["NOT_STARTED", "IN_PROGRESS"], C = (e) => {
+  if (!e)
     return { isOverdue: !1, daysText: "" };
-  const c = Math.floor(Date.now() / 1e3), n = r - c, o = Math.ceil(n / g), t = o < 0, a = o > 0 ? `${Math.abs(o)}D` : "";
-  return { isOverdue: t, daysText: a };
-}, W = (r, c, n) => {
-  const { isOverdue: o, daysText: t } = P(n);
-  if (o && C.includes(r))
+  const n = Math.floor(Date.now() / 1e3), c = e - n, t = Math.ceil(c / D), o = t < 0, E = t > 0 ? `${Math.abs(t)}D` : "";
+  return { isOverdue: o, daysText: E };
+}, V = (e, n, c) => {
+  const { isOverdue: t, daysText: o } = C(c);
+  if (t && g.includes(e))
     return {
-      icon: /* @__PURE__ */ e(D, { $background: "RED", $borderRadius: 16, $gapX: 0.24, $gutterX: 0.5, children: /* @__PURE__ */ e(s, { $renderAs: "ac4-black", $color: "WHITE", children: "OVERDUE" }) }),
+      icon: /* @__PURE__ */ r(h, { $background: "RED", $borderRadius: 16, $gapX: 0.24, $gutterX: 0.5, children: /* @__PURE__ */ r(i, { $renderAs: "ac4-black", $color: "WHITE", children: "OVERDUE" }) }),
       top: -10,
       right: -10
     };
-  switch (r) {
+  switch (e) {
+    case "NOT_STARTED":
+      return {
+        icon: /* @__PURE__ */ r(
+          s,
+          {
+            $flexDirection: "row",
+            $alignItems: "center",
+            $justifyContent: "center",
+            $gutterX: 0.5,
+            $borderRadius: 16,
+            children: o && /* @__PURE__ */ r(i, { $renderAs: "ub3-bold", $color: "WHITE", children: o })
+          }
+        ),
+        top: 0,
+        right: 0
+      };
     case "LOCKED":
       return {
-        icon: /* @__PURE__ */ e(T, { width: 32, height: 32 }),
+        icon: /* @__PURE__ */ r(T, { width: 32, height: 32 }),
         top: -12,
         right: -12
       };
     case "IN_PROGRESS":
       return {
         icon: /* @__PURE__ */ m(
-          h,
+          s,
           {
             $flexDirection: "row",
             $alignItems: "center",
             $justifyContent: "center",
-            $gutterX: t ? 0.5 : 0,
+            $gutterX: o ? 0.25 : 0,
             $borderRadius: 16,
             children: [
-              t && /* @__PURE__ */ e(s, { $renderAs: "ac4-black", $color: "WHITE", children: t }),
-              /* @__PURE__ */ e(A, {})
+              o && /* @__PURE__ */ r(i, { $renderAs: "ub3-bold", $color: "WHITE", children: o }),
+              /* @__PURE__ */ r(S, {})
             ]
           }
         )
       };
     case "COMPLETED":
       return {
-        icon: /* @__PURE__ */ e(
-          i,
+        icon: /* @__PURE__ */ r(
+          a,
           {
-            Icon: u,
-            label: typeof c == "number" ? `${c}%` : void 0
+            Icon: I,
+            label: typeof n == "number" ? `${n}%` : void 0
           }
         ),
         top: -10,
@@ -65,7 +81,7 @@ const g = 60 * 60 * 24, C = ["NOT_STARTED", "IN_PROGRESS"], P = (r) => {
       };
     case "WAIT_FOR_REVIEW":
       return {
-        icon: /* @__PURE__ */ e(i, { Icon: d }),
+        icon: /* @__PURE__ */ r(a, { Icon: l }),
         top: -10,
         right: -10
       };
@@ -74,16 +90,16 @@ const g = 60 * 60 * 24, C = ["NOT_STARTED", "IN_PROGRESS"], P = (r) => {
         icon: void 0
       };
   }
-}, H = (r) => {
-  switch (r) {
+}, X = (e) => {
+  switch (e) {
     case "LEARNING":
-      return I;
+      return d;
     case "RECAP":
-      return R;
+      return A;
     case "DYNAMIC":
     case "ASSESSMENT":
     case "CHAPTER_ASSESSMENT":
-      return E;
+      return u;
     case "PRACTICE":
     case "EXTRA_PRACTICE":
     case "TARGET_PRACTICE":
@@ -92,15 +108,15 @@ const g = 60 * 60 * 24, C = ["NOT_STARTED", "IN_PROGRESS"], P = (r) => {
     case "PUZZLE_EASY":
     case "PUZZLE_MEDIUM":
     case "PUZZLE_HARD":
-      return l;
+      return R;
     case "VIDEO":
       return p;
     default:
-      return S;
+      return $;
   }
 };
 export {
-  H as getNodeCardBasedIcon,
-  W as getNodeStateBasedTagInfo
+  X as getNodeCardBasedIcon,
+  V as getNodeStateBasedTagInfo
 };
 //# sourceMappingURL=node-card-utils.js.map

package/dist/features/chapters-v2/utils/node-card-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"node-card-utils.js","sources":["../../../../src/features/chapters-v2/utils/node-card-utils.tsx"],"sourcesContent":["import type { INodeDataProps } from '../comps/node-card/node-card-types';\n\nimport AlarmIcon from '../../../assets/line-icons/icons/alarm';\nimport Bulb2Icon from '../../../assets/line-icons/icons/bulb2';\nimport Check2Icon from '../../../assets/line-icons/icons/check2';\nimport DartIcon from '../../../assets/line-icons/icons/dart';\nimport ExclamationIcon from '../../../assets/line-icons/icons/exclamation';\nimport Lock2Icon from '../../../assets/line-icons/icons/lock2';\nimport Play2Icon from '../../../assets/line-icons/icons/play2';\nimport PuzzleIcon from '../../../assets/line-icons/icons/puzzle';\nimport RecapIcon from '../../../assets/line-icons/icons/recap';\nimport StatusIcon from '../../../assets/line-icons/icons/status';\nimport TestTubeIcon from '../../../assets/line-icons/icons/testtube';\nimport FlexView from '../..//ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { InProgressIconWrapper } from '../comps/node-card/node-card-styled';\nimport Tag from '../comps/tag/tag';\n\ninterface DueDateInfo {\n  isOverdue: boolean;\n  daysText: string;\n}\n\nconst SECONDS_PER_DAY = 60 * 60 * 24;\nconst OVERDUE_TAG_STATES: INodeDataProps['state'][] = ['NOT_STARTED', 'IN_PROGRESS'];\n\nconst calculateDueDateInfo = (dueDateTs?: number | null): DueDateInfo => {\n  if (!dueDateTs) {\n    return { isOverdue: false, daysText: '' };\n  }\n\n  const currentTimestamp = Math.floor(Date.now() / 1000);\n  const differenceInSeconds = dueDateTs - currentTimestamp;\n  const differenceInDays = Math.ceil(differenceInSeconds / SECONDS_PER_DAY);\n\n  const isOverdue = differenceInDays < 0;\n\n  const daysText = differenceInDays > 0 ? `${Math.abs(differenceInDays)}D` : '';\n\n  return { isOverdue, daysText };\n};\n\nconst getNodeStateBasedTagInfo = (\n  nodeState: INodeDataProps['state'],\n  accuracy?: number | null,\n  dueDateTs?: number | null,\n) => {\n  const { isOverdue, daysText } = calculateDueDateInfo(dueDateTs);\n\n  if (isOverdue && OVERDUE_TAG_STATES.includes(nodeState)) {\n    return {\n      icon: (\n        <FlexView $background=\"RED\" $borderRadius={16} $gapX={0.24} $gutterX={0.5}>\n          <Text $renderAs=\"ac4-black\" $color=\"WHITE\">\n            OVERDUE\n          </Text>\n        </FlexView>\n      ),\n      top: -10,\n      right: -10,\n    };\n  }\n\n  switch (nodeState) {\n    case 'LOCKED':\n      return {\n        icon: <Lock2Icon width={32} height={32} />,\n        top: -12,\n        right: -12,\n      };\n    case 'IN_PROGRESS':\n      return {\n        icon: (\n          <InProgressIconWrapper\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $gutterX={daysText ? 0.5 : 0}\n            $borderRadius={16}\n          >\n            {daysText && (\n              <Text $renderAs=\"ac4-black\" $color=\"WHITE\">\n                {daysText}\n              </Text>\n            )}\n            <StatusIcon />\n          </InProgressIconWrapper>\n        ),\n      };\n    case 'COMPLETED':\n      return {\n        icon: (\n          <Tag\n            Icon={Check2Icon}\n            label={typeof accuracy === 'number' ? `${accuracy}%` : undefined}\n          />\n        ),\n        top: -10,\n        right: -10,\n      };\n    case 'WAIT_FOR_REVIEW':\n      return {\n        icon: <Tag Icon={ExclamationIcon} />,\n        top: -10,\n        right: -10,\n      };\n\n    default:\n      return {\n        icon: undefined,\n      };\n  }\n};\n\nconst getNodeCardBasedIcon = (nodeType: INodeDataProps['node_type']) => {\n  switch (nodeType) {\n    case 'LEARNING':\n      return Bulb2Icon;\n    case 'RECAP':\n      return RecapIcon;\n    case 'DYNAMIC':\n    case 'ASSESSMENT':\n    case 'CHAPTER_ASSESSMENT':\n      return AlarmIcon;\n    case 'PRACTICE':\n    case 'EXTRA_PRACTICE':\n    case 'TARGET_PRACTICE':\n    case 'MASTERY':\n      return DartIcon;\n    case 'PUZZLE_EASY':\n    case 'PUZZLE_MEDIUM':\n    case 'PUZZLE_HARD':\n      return PuzzleIcon;\n    case 'VIDEO':\n      return Play2Icon;\n\n    default:\n      return TestTubeIcon;\n  }\n};\n\nexport { getNodeStateBasedTagInfo, getNodeCardBasedIcon };\n"],"names":["SECONDS_PER_DAY","OVERDUE_TAG_STATES","calculateDueDateInfo","dueDateTs","currentTimestamp","differenceInSeconds","differenceInDays","isOverdue","daysText","getNodeStateBasedTagInfo","nodeState","accuracy","jsx","FlexView","Text","Lock2Icon","jsxs","InProgressIconWrapper","StatusIcon","Tag","Check2Icon","ExclamationIcon","getNodeCardBasedIcon","nodeType","Bulb2Icon","RecapIcon","AlarmIcon","DartIcon","PuzzleIcon","Play2Icon","TestTubeIcon"],"mappings":";;;;;;;;;;;;;;;;AAuBA,MAAMA,IAAkB,KAAK,KAAK,IAC5BC,IAAgD,CAAC,eAAe,aAAa,GAE7EC,IAAuB,CAACC,MAA2C;AACvE,MAAI,CAACA;AACH,WAAO,EAAE,WAAW,IAAO,UAAU,GAAG;AAG1C,QAAMC,IAAmB,KAAK,MAAM,KAAK,IAAA,IAAQ,GAAI,GAC/CC,IAAsBF,IAAYC,GAClCE,IAAmB,KAAK,KAAKD,IAAsBL,CAAe,GAElEO,IAAYD,IAAmB,GAE/BE,IAAWF,IAAmB,IAAI,GAAG,KAAK,IAAIA,CAAgB,CAAC,MAAM;AAEpE,SAAA,EAAE,WAAAC,GAAW,UAAAC;AACtB,GAEMC,IAA2B,CAC/BC,GACAC,GACAR,MACG;AACH,QAAM,EAAE,WAAAI,GAAW,UAAAC,EAAS,IAAIN,EAAqBC,CAAS;AAE9D,MAAII,KAAaN,EAAmB,SAASS,CAAS;AAC7C,WAAA;AAAA,MACL,MACG,gBAAAE,EAAAC,GAAA,EAAS,aAAY,OAAM,eAAe,IAAI,OAAO,MAAM,UAAU,KACpE,4BAACC,GAAK,EAAA,WAAU,aAAY,QAAO,SAAQ,oBAE3C,CAAA,GACF;AAAA,MAEF,KAAK;AAAA,MACL,OAAO;AAAA,IAAA;AAIX,UAAQJ,GAAW;AAAA,IACjB,KAAK;AACI,aAAA;AAAA,QACL,MAAO,gBAAAE,EAAAG,GAAA,EAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,QACxC,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IAEX,KAAK;AACI,aAAA;AAAA,QACL,MACE,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,UAAUT,IAAW,MAAM;AAAA,YAC3B,eAAe;AAAA,YAEd,UAAA;AAAA,cAAAA,uBACEM,GAAK,EAAA,WAAU,aAAY,QAAO,SAChC,UACHN,GAAA;AAAA,gCAEDU,GAAW,EAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IAGN,KAAK;AACI,aAAA;AAAA,QACL,MACE,gBAAAN;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,MAAMC;AAAA,YACN,OAAO,OAAOT,KAAa,WAAW,GAAGA,CAAQ,MAAM;AAAA,UAAA;AAAA,QACzD;AAAA,QAEF,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IAEX,KAAK;AACI,aAAA;AAAA,QACL,MAAM,gBAAAC,EAACO,GAAI,EAAA,MAAME,EAAiB,CAAA;AAAA,QAClC,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IAGX;AACS,aAAA;AAAA,QACL,MAAM;AAAA,MAAA;AAAA,EAEZ;AACF,GAEMC,IAAuB,CAACC,MAA0C;AACtE,UAAQA,GAAU;AAAA,IAChB,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AACI,aAAAC;AAAA,IAET;AACS,aAAAC;AAAA,EACX;AACF;"}
+{"version":3,"file":"node-card-utils.js","sources":["../../../../src/features/chapters-v2/utils/node-card-utils.tsx"],"sourcesContent":["import type { INodeDataProps } from '../comps/node-card/node-card-types';\n\nimport AlarmIcon from '../../../assets/line-icons/icons/alarm';\nimport Bulb2Icon from '../../../assets/line-icons/icons/bulb2';\nimport Check2Icon from '../../../assets/line-icons/icons/check2';\nimport DartIcon from '../../../assets/line-icons/icons/dart';\nimport ExclamationIcon from '../../../assets/line-icons/icons/exclamation';\nimport Lock2Icon from '../../../assets/line-icons/icons/lock2';\nimport Play2Icon from '../../../assets/line-icons/icons/play2';\nimport PuzzleIcon from '../../../assets/line-icons/icons/puzzle';\nimport RecapIcon from '../../../assets/line-icons/icons/recap';\nimport StatusIcon from '../../../assets/line-icons/icons/status';\nimport TestTubeIcon from '../../../assets/line-icons/icons/testtube';\nimport FlexView from '../..//ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { InProgressIconWrapper } from '../comps/node-card/node-card-styled';\nimport Tag from '../comps/tag/tag';\n\ninterface DueDateInfo {\n  isOverdue: boolean;\n  daysText: string;\n}\n\nconst SECONDS_PER_DAY = 60 * 60 * 24;\nconst OVERDUE_TAG_STATES: INodeDataProps['state'][] = ['NOT_STARTED', 'IN_PROGRESS'];\n\nconst calculateDueDateInfo = (dueDateTs?: number | null): DueDateInfo => {\n  if (!dueDateTs) {\n    return { isOverdue: false, daysText: '' };\n  }\n\n  const currentTimestamp = Math.floor(Date.now() / 1000);\n  const differenceInSeconds = dueDateTs - currentTimestamp;\n  const differenceInDays = Math.ceil(differenceInSeconds / SECONDS_PER_DAY);\n\n  const isOverdue = differenceInDays < 0;\n\n  const daysText = differenceInDays > 0 ? `${Math.abs(differenceInDays)}D` : '';\n\n  return { isOverdue, daysText };\n};\n\nconst getNodeStateBasedTagInfo = (\n  nodeState: INodeDataProps['state'],\n  accuracy?: number | null,\n  dueDateTs?: number | null,\n) => {\n  const { isOverdue, daysText } = calculateDueDateInfo(dueDateTs);\n\n  if (isOverdue && OVERDUE_TAG_STATES.includes(nodeState)) {\n    return {\n      icon: (\n        <FlexView $background=\"RED\" $borderRadius={16} $gapX={0.24} $gutterX={0.5}>\n          <Text $renderAs=\"ac4-black\" $color=\"WHITE\">\n            OVERDUE\n          </Text>\n        </FlexView>\n      ),\n      top: -10,\n      right: -10,\n    };\n  }\n\n  switch (nodeState) {\n    case 'NOT_STARTED':\n      return {\n        icon: (\n          <InProgressIconWrapper\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $gutterX={0.5}\n            $borderRadius={16}\n          >\n            {daysText && (\n              <Text $renderAs=\"ub3-bold\" $color=\"WHITE\">\n                {daysText}\n              </Text>\n            )}\n          </InProgressIconWrapper>\n        ),\n        top: 0,\n        right: 0,\n      };\n    case 'LOCKED':\n      return {\n        icon: <Lock2Icon width={32} height={32} />,\n        top: -12,\n        right: -12,\n      };\n    case 'IN_PROGRESS':\n      return {\n        icon: (\n          <InProgressIconWrapper\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $gutterX={daysText ? 0.25 : 0}\n            $borderRadius={16}\n          >\n            {daysText && (\n              <Text $renderAs=\"ub3-bold\" $color=\"WHITE\">\n                {daysText}\n              </Text>\n            )}\n            <StatusIcon />\n          </InProgressIconWrapper>\n        ),\n      };\n    case 'COMPLETED':\n      return {\n        icon: (\n          <Tag\n            Icon={Check2Icon}\n            label={typeof accuracy === 'number' ? `${accuracy}%` : undefined}\n          />\n        ),\n        top: -10,\n        right: -10,\n      };\n    case 'WAIT_FOR_REVIEW':\n      return {\n        icon: <Tag Icon={ExclamationIcon} />,\n        top: -10,\n        right: -10,\n      };\n\n    default:\n      return {\n        icon: undefined,\n      };\n  }\n};\n\nconst getNodeCardBasedIcon = (nodeType: INodeDataProps['node_type']) => {\n  switch (nodeType) {\n    case 'LEARNING':\n      return Bulb2Icon;\n    case 'RECAP':\n      return RecapIcon;\n    case 'DYNAMIC':\n    case 'ASSESSMENT':\n    case 'CHAPTER_ASSESSMENT':\n      return AlarmIcon;\n    case 'PRACTICE':\n    case 'EXTRA_PRACTICE':\n    case 'TARGET_PRACTICE':\n    case 'MASTERY':\n      return DartIcon;\n    case 'PUZZLE_EASY':\n    case 'PUZZLE_MEDIUM':\n    case 'PUZZLE_HARD':\n      return PuzzleIcon;\n    case 'VIDEO':\n      return Play2Icon;\n\n    default:\n      return TestTubeIcon;\n  }\n};\n\nexport { getNodeStateBasedTagInfo, getNodeCardBasedIcon };\n"],"names":["SECONDS_PER_DAY","OVERDUE_TAG_STATES","calculateDueDateInfo","dueDateTs","currentTimestamp","differenceInSeconds","differenceInDays","isOverdue","daysText","getNodeStateBasedTagInfo","nodeState","accuracy","jsx","FlexView","Text","InProgressIconWrapper","Lock2Icon","jsxs","StatusIcon","Tag","Check2Icon","ExclamationIcon","getNodeCardBasedIcon","nodeType","Bulb2Icon","RecapIcon","AlarmIcon","DartIcon","PuzzleIcon","Play2Icon","TestTubeIcon"],"mappings":"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"}

package/dist/features/homework/card-menu-options.js

@@ -1,48 +1,38 @@
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import { memo as $, useState as d, useRef as h, useEffect as C } from "react";
-import w from "../ui/buttons/clickable/clickable.js";
-import g from "../ui/portal/portal.js";
-import { CardOptions as x, CardOptionWrapper as I, OptionText as O } from "./styles.js";
-const W = $(
-  ({ options: p, triggerRef: e, visible: n, $width: s }) => {
-    const [i, f] = d({ top: 0, left: 0 }), u = h(null);
-    return C(() => {
-      if (e.current && n) {
-        const r = e.current.getBoundingClientRect(), l = r.bottom + window.scrollY, t = r.left + window.scrollX;
-        f({ top: l, left: t });
-      }
-    }, [e, n]), n ? /* @__PURE__ */ o(g, { portalId: "menu-options-root", children: /* @__PURE__ */ o(
-      x,
-      {
-        ref: u,
-        $background: "BLACK_2",
-        $top: i.top,
-        $left: i.left,
-        $borderColor: "WHITE_T_38",
-        $gapX: 0.5,
-        $width: s || 180,
-        children: p.map(({ icon: r, label: l, id: t, onClick: a, disabled: c }) => /* @__PURE__ */ o(w, { onClick: () => c ? null : a(t), label: t, children: /* @__PURE__ */ m(
-          I,
-          {
-            $flexDirection: "row",
-            $alignItems: "center",
-            $flexGap: 8,
-            $gapX: 0.5,
-            $gutterX: 1,
-            $opacity: c ? 0.5 : 1,
-            $disabled: c,
-            children: [
-              /* @__PURE__ */ o(r, { width: 20, height: 20 }),
-              /* @__PURE__ */ o(O, { $renderAs: "ub3", $color: "WHITE", children: l })
-            ]
-          },
-          t
-        ) }, t))
-      }
-    ) }) : null;
-  }
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { memo as m } from "react";
+import u from "../ui/buttons/clickable/clickable.js";
+import { CardMenuOptionsWrapper as h, CardOptionWrapper as s, OptionText as d } from "./styles.js";
+const b = m(
+  ({ options: t, shouldOpenOnRight: i, visible: n, $width: l }) => n ? /* @__PURE__ */ o(
+    h,
+    {
+      $visible: n,
+      $background: "BLACK_2",
+      $borderColor: "WHITE_T_38",
+      $gapX: 0.5,
+      $width: l,
+      $shouldopenonright: i,
+      children: t.map(({ icon: p, label: a, id: r, onClick: $, disabled: e }) => /* @__PURE__ */ o(u, { onClick: () => e ? null : $(r), label: r, children: /* @__PURE__ */ c(
+        s,
+        {
+          $flexDirection: "row",
+          $alignItems: "center",
+          $flexGap: 8,
+          $gapX: 0.5,
+          $gutterX: 1,
+          $opacity: e ? 0.5 : 1,
+          $disabled: e,
+          children: [
+            /* @__PURE__ */ o(p, { width: 20, height: 20 }),
+            /* @__PURE__ */ o(d, { $renderAs: "ub3", $color: "WHITE", children: a })
+          ]
+        },
+        r
+      ) }, r))
+    }
+  ) : null
 );
 export {
-  W as default
+  b as default
 };
 //# sourceMappingURL=card-menu-options.js.map

package/dist/features/homework/card-menu-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"card-menu-options.js","sources":["../../../src/features/homework/card-menu-options.tsx"],"sourcesContent":["import type { FC, SVGProps } from 'react';\n\nimport { memo, useEffect, useRef, useState } from 'react';\n\nimport Clickable from '../ui/buttons/clickable/clickable';\nimport Portal from '../ui/portal/portal';\nimport * as Styled from './styles';\n\ninterface ICardMenuOption {\n  id: string;\n  label: string;\n  icon: FC<SVGProps<SVGSVGElement>>;\n  onClick: (id: string) => void;\n  disabled: boolean;\n}\n\ninterface ICardMenuOptionsProps {\n  $width?: string | number;\n  options: ICardMenuOption[];\n  triggerRef: React.RefObject<HTMLElement>;\n  visible: boolean;\n}\n\nconst CardMenuOptions: FC<ICardMenuOptionsProps> = memo(\n  ({ options, triggerRef, visible, $width }) => {\n    const [position, setPosition] = useState<{ top: number; left: number }>({ top: 0, left: 0 });\n    const menuRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n      if (triggerRef.current && visible) {\n        const triggerRect = triggerRef.current.getBoundingClientRect();\n        const top = triggerRect.bottom + window.scrollY;\n        const left = triggerRect.left + window.scrollX;\n\n        setPosition({ top, left });\n      }\n    }, [triggerRef, visible]);\n\n    if (!visible) return null;\n\n    return (\n      <Portal portalId=\"menu-options-root\">\n        <Styled.CardOptions\n          ref={menuRef}\n          $background=\"BLACK_2\"\n          $top={position.top}\n          $left={position.left}\n          $borderColor=\"WHITE_T_38\"\n          $gapX={0.5}\n          $width={$width || 180}\n        >\n          {options.map(({ icon: OptionIcon, label, id, onClick, disabled }) => (\n            <Clickable onClick={() => (!disabled ? onClick(id) : null)} label={id} key={id}>\n              <Styled.CardOptionWrapper\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $flexGap={8}\n                $gapX={0.5}\n                $gutterX={1}\n                $opacity={disabled ? 0.5 : 1}\n                $disabled={disabled}\n                key={id}\n              >\n                <OptionIcon width={20} height={20} />\n                <Styled.OptionText $renderAs=\"ub3\" $color=\"WHITE\">\n                  {label}\n                </Styled.OptionText>\n              </Styled.CardOptionWrapper>\n            </Clickable>\n          ))}\n        </Styled.CardOptions>\n      </Portal>\n    );\n  },\n);\n\nexport default CardMenuOptions;\n"],"names":["CardMenuOptions","memo","options","triggerRef","visible","$width","position","setPosition","useState","menuRef","useRef","useEffect","triggerRect","top","left","jsx","Portal","Styled.CardOptions","OptionIcon","label","id","onClick","disabled","Clickable","jsxs","Styled.CardOptionWrapper","Styled.OptionText"],"mappings":";;;;;AAuBA,MAAMA,IAA6CC;AAAA,EACjD,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,SAAAC,GAAS,QAAAC,QAAa;AACtC,UAAA,CAACC,GAAUC,CAAW,IAAIC,EAAwC,EAAE,KAAK,GAAG,MAAM,EAAA,CAAG,GACrFC,IAAUC,EAAuB,IAAI;AAYvC,WAVJC,EAAU,MAAM;AACV,UAAAR,EAAW,WAAWC,GAAS;AAC3B,cAAAQ,IAAcT,EAAW,QAAQ,sBAAsB,GACvDU,IAAMD,EAAY,SAAS,OAAO,SAClCE,IAAOF,EAAY,OAAO,OAAO;AAE3B,QAAAL,EAAA,EAAE,KAAAM,GAAK,MAAAC,EAAA,CAAM;AAAA,MAC3B;AAAA,IAAA,GACC,CAACX,GAAYC,CAAO,CAAC,GAEnBA,IAGH,gBAAAW,EAACC,GAAO,EAAA,UAAS,qBACf,UAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,KAAKR;AAAA,QACL,aAAY;AAAA,QACZ,MAAMH,EAAS;AAAA,QACf,OAAOA,EAAS;AAAA,QAChB,cAAa;AAAA,QACb,OAAO;AAAA,QACP,QAAQD,KAAU;AAAA,QAEjB,UAAAH,EAAQ,IAAI,CAAC,EAAE,MAAMgB,GAAY,OAAAC,GAAO,IAAAC,GAAI,SAAAC,GAAS,UAAAC,0BACnDC,GAAU,EAAA,SAAS,MAAQD,IAAyB,OAAdD,EAAQD,CAAE,GAAW,OAAOA,GACjE,UAAA,gBAAAI;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,UAAU;AAAA,YACV,OAAO;AAAA,YACP,UAAU;AAAA,YACV,UAAUH,IAAW,MAAM;AAAA,YAC3B,WAAWA;AAAA,YAGX,UAAA;AAAA,cAAA,gBAAAP,EAACG,GAAW,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,cACnC,gBAAAH,EAACW,GAAA,EAAkB,WAAU,OAAM,QAAO,SACvC,UACHP,GAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UALKC;AAAA,QAAA,EAMP,GAf0EA,CAgB5E,CACD;AAAA,MAAA;AAAA,IAEL,EAAA,CAAA,IAjCmB;AAAA,EAmCvB;AACF;"}
+{"version":3,"file":"card-menu-options.js","sources":["../../../src/features/homework/card-menu-options.tsx"],"sourcesContent":["import type { FC, SVGProps } from 'react';\n\nimport { memo } from 'react';\n\nimport Clickable from '../ui/buttons/clickable/clickable';\nimport * as Styled from './styles';\n\ninterface ICardMenuOption {\n  id: string;\n  label: string;\n  icon: FC<SVGProps<SVGSVGElement>>;\n  onClick: (id: string) => void;\n  disabled: boolean;\n}\n\ninterface ICardMenuOptionsProps {\n  $width?: string | number;\n  options: ICardMenuOption[];\n  triggerRef: React.RefObject<HTMLElement>;\n  visible: boolean;\n  shouldOpenOnRight: boolean;\n}\n\nconst CardMenuOptions: FC<ICardMenuOptionsProps> = memo(\n  ({ options, shouldOpenOnRight, visible, $width }) => {\n    if (!visible) return null;\n\n    return (\n      <Styled.CardMenuOptionsWrapper\n        $visible={visible}\n        $background=\"BLACK_2\"\n        $borderColor=\"WHITE_T_38\"\n        $gapX={0.5}\n        $width={$width}\n        $shouldopenonright={shouldOpenOnRight}\n      >\n        {options.map(({ icon: OptionIcon, label, id, onClick, disabled }) => (\n          <Clickable onClick={() => (!disabled ? onClick(id) : null)} label={id} key={id}>\n            <Styled.CardOptionWrapper\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $flexGap={8}\n              $gapX={0.5}\n              $gutterX={1}\n              $opacity={disabled ? 0.5 : 1}\n              $disabled={disabled}\n              key={id}\n            >\n              <OptionIcon width={20} height={20} />\n              <Styled.OptionText $renderAs=\"ub3\" $color=\"WHITE\">\n                {label}\n              </Styled.OptionText>\n            </Styled.CardOptionWrapper>\n          </Clickable>\n        ))}\n      </Styled.CardMenuOptionsWrapper>\n    );\n  },\n);\n\nexport default CardMenuOptions;\n"],"names":["CardMenuOptions","memo","options","shouldOpenOnRight","visible","$width","jsx","Styled.CardMenuOptionsWrapper","OptionIcon","label","id","onClick","disabled","Clickable","jsxs","Styled.CardOptionWrapper","Styled.OptionText"],"mappings":";;;;AAuBA,MAAMA,IAA6CC;AAAA,EACjD,CAAC,EAAE,SAAAC,GAAS,mBAAAC,GAAmB,SAAAC,GAAS,QAAAC,QACjCD,IAGH,gBAAAE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAUH;AAAA,MACV,aAAY;AAAA,MACZ,cAAa;AAAA,MACb,OAAO;AAAA,MACP,QAAAC;AAAA,MACA,oBAAoBF;AAAA,MAEnB,UAAAD,EAAQ,IAAI,CAAC,EAAE,MAAMM,GAAY,OAAAC,GAAO,IAAAC,GAAI,SAAAC,GAAS,UAAAC,0BACnDC,GAAU,EAAA,SAAS,MAAQD,IAAyB,OAAdD,EAAQD,CAAE,GAAW,OAAOA,GACjE,UAAA,gBAAAI;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,UAAU;AAAA,UACV,OAAO;AAAA,UACP,UAAU;AAAA,UACV,UAAUH,IAAW,MAAM;AAAA,UAC3B,WAAWA;AAAA,UAGX,UAAA;AAAA,YAAA,gBAAAN,EAACE,GAAW,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,YACnC,gBAAAF,EAACU,GAAA,EAAkB,WAAU,OAAM,QAAO,SACvC,UACHP,GAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QALKC;AAAA,MAAA,EAMP,GAf0EA,CAgB5E,CACD;AAAA,IAAA;AAAA,EAAA,IA7BgB;AAiCzB;"}