@cuemath/leap 2.9.9-as6 → 2.9.10

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js

@@ -1,155 +1,122 @@
-import { jsxs as t, Fragment as ee, jsx as n } from "react/jsx-runtime";
-import te, { memo as ne, useState as oe, useCallback as A } from "react";
-import ie from "../../../hooks/use-lazy-ref.js";
-import u from "../../../ui/buttons/text-button/text-button.js";
-import c from "../../../ui/layout/flex-view.js";
-import re from "../../../ui/separator/separator.js";
-import C from "../../../ui/text/text.js";
-import se from "./milestone-widget/milestone-widget.js";
-import { StyledDownIcon as ae } from "./milestone-widget/milestone-widget-styled.js";
-import le from "./no-active-milestone/no-active-milestone.js";
-import ce from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
-const Ne = ne(
-  ({ milestones: e, studentId: M, milestoneType: s, ...x }) => {
-    const [a, N] = oe(!1), {
-      canCreatePlan: m,
-      isClassOngoing: T,
-      isFiltersAdded: $,
-      isStudentPresent: I,
-      onAddChapter: v,
-      onAddOutcome: i,
-      onChapterClick: w,
-      onCreatePlan: r,
-      onDelete: E,
-      onDraftPublish: R,
-      onEdit: D,
-      onExpandPastMilestones: f,
-      onCreateMilestoneTest: P,
-      onNodeAttempt: S,
-      onNodeView: b,
-      onNodeReview: F,
-      onNodeReattempt: k,
-      onNodeReset: B,
-      onNodeUnassign: V,
-      onAssignResources: j,
-      onTestPreview: G,
-      onTestReview: L,
-      onTestStart: O,
-      activeMilestoneId: _,
-      activeTabId: y,
-      onWidgetTabSelection: z,
-      studentName: p,
-      teacherName: X,
-      parentName: U,
-      userType: d,
-      courseStream: W
-    } = x, l = s === "ACTIVE", h = s === "DRAFT", g = ie(ce), H = A(() => {
-      r == null || r(g);
-    }, [r, g]), q = () => {
-      !a && f && f(), N(!a);
-    }, J = A(() => {
-      i == null || i();
-    }, [i]);
-    if (!e) return null;
-    const K = e.some(
-      (o) => o.milestone_state === "ACTIVE"
-    ), Q = e.some(
-      (o) => o.milestone_state === "DRAFT"
+import { jsxs as s, Fragment as J, jsx as i } from "react/jsx-runtime";
+import K, { memo as Q, useState as Y } from "react";
+import m from "../../../ui/layout/flex-view.js";
+import Z from "../../../ui/text/text.js";
+import ee from "./milestone-widget/milestone-widget.js";
+import { StyledDownIcon as te } from "./milestone-widget/milestone-widget-styled.js";
+import ne from "./no-active-milestone/no-active-milestone.js";
+const de = Q(
+  ({ milestones: e, studentId: f, milestoneType: n, ...p }) => {
+    const [o, A] = Y(!1), {
+      canCreatePlan: u,
+      isClassOngoing: g,
+      isFiltersAdded: M,
+      isStudentPresent: h,
+      onAddChapter: C,
+      onAddOutcome: v,
+      onChapterClick: I,
+      onCreatePlan: P,
+      onDelete: T,
+      onDraftPublish: x,
+      onEdit: S,
+      onExpandPastMilestones: a,
+      onCreateMilestoneTest: R,
+      onPreview: w,
+      onReattempt: E,
+      onReset: D,
+      onResume: N,
+      onReview: $,
+      onStart: F,
+      onAssignResources: b,
+      onUnAssignSheet: O,
+      onTestPreview: V,
+      onTestReview: _,
+      onTestStart: j,
+      activeMilestoneId: L,
+      activeTabId: k,
+      onWidgetTabSelection: U,
+      studentName: l,
+      teacherName: W,
+      parentName: y,
+      userType: c,
+      courseStream: B
+    } = p;
+    if (!e)
+      return null;
+    const r = n === "ACTIVE", d = n === "DRAFT", G = () => {
+      !o && a && a(), A(!o);
+    }, X = e.some(
+      (t) => t.milestone_state === "ACTIVE"
+    ), q = e.some(
+      (t) => t.milestone_state === "DRAFT"
     );
-    return /* @__PURE__ */ t(ee, { children: [
-      l && !K && /* @__PURE__ */ n(c, { $marginBottom: 40, children: /* @__PURE__ */ n(
-        le,
+    return /* @__PURE__ */ s(J, { children: [
+      r && !X && /* @__PURE__ */ i(
+        ne,
         {
-          canCreatePlan: m,
-          isDraftMilestonePresent: Q,
-          isFiltersAdded: $,
-          onCreatePlan: r,
-          studentName: p,
-          userType: d
+          canCreatePlan: u,
+          isDraftMilestonePresent: q,
+          isFiltersAdded: M,
+          onCreatePlan: P,
+          studentName: l,
+          userType: c
         }
-      ) }),
-      l && /* @__PURE__ */ t(c, { $flexDirection: "row", $justifyContent: "space-between", $marginBottom: 16, children: [
-        /* @__PURE__ */ t(C, { $renderAs: "ac4", children: [
-          "Goals (",
+      ),
+      n === "INACTIVE" && !!e.length && /* @__PURE__ */ s(m, { $flexDirection: "row", $alignItems: "center", $justifyContent: "space-between", children: [
+        /* @__PURE__ */ s(Z, { $renderAs: "eyebrow1", children: [
+          "PAST LEARNING PLANS & OUTCOMES (",
           e.length,
           ")"
         ] }),
-        d === "TEACHER" && /* @__PURE__ */ t(c, { $flexDirection: "row", $flexGapX: 1, children: [
-          /* @__PURE__ */ n(
-            u,
-            {
-              label: "Create Goal",
-              size: "small",
-              onClick: H,
-              disabled: !m
-            }
-          ),
-          /* @__PURE__ */ n(u, { label: "Add Milestone", size: "small", onClick: J })
-        ] })
+        /* @__PURE__ */ i(te, { onClick: G, $expanded: o })
       ] }),
-      s === "INACTIVE" && !!e.length && /* @__PURE__ */ t(
-        c,
-        {
-          $flexDirection: "row",
-          $alignItems: "center",
-          $justifyContent: "space-between",
-          $marginBottomX: 1,
-          children: [
-            /* @__PURE__ */ t(C, { $renderAs: "ac4", children: [
-              "PAST LEARNING PLANS & OUTCOMES (",
-              e.length,
-              ")"
-            ] }),
-            /* @__PURE__ */ n(ae, { onClick: q, $expanded: a })
-          ]
-        }
-      ),
-      (h || l || a) && e.map((o, Y) => {
-        const { id: Z } = o;
-        return /* @__PURE__ */ t(te.Fragment, { children: [
-          /* @__PURE__ */ n(
-            se,
+      (d || r || o) && e.map((t, z) => {
+        const { id: H } = t;
+        return /* @__PURE__ */ s(K.Fragment, { children: [
+          /* @__PURE__ */ i(
+            ee,
             {
-              milestone: o,
-              studentId: M,
-              studentName: p,
-              parentName: U,
-              teacherName: X,
-              userType: d,
-              onAddOutcome: i,
-              onChapterClick: w,
-              isMilestoneActive: l || h,
-              milestoneType: s,
-              onEdit: D,
-              onCreateMilestoneTest: P,
-              onAddChapter: v,
-              onDelete: E,
-              onDraftPublish: R,
-              isClassOngoing: T,
-              isStudentPresent: I,
-              onAssignResources: j,
-              onNodeAttempt: S,
-              onNodeView: b,
-              onNodeReview: F,
-              onNodeReattempt: k,
-              onNodeReset: B,
-              onNodeUnassign: V,
-              onTestPreview: G,
-              onTestReview: L,
-              onTestStart: O,
-              courseStream: W,
-              activeMilestoneId: _,
-              activeTabId: y,
-              onWidgetTabSelection: z
+              milestone: t,
+              studentId: f,
+              studentName: l,
+              parentName: y,
+              teacherName: W,
+              userType: c,
+              onAddOutcome: v,
+              onChapterClick: I,
+              isMilestoneActive: r || d,
+              milestoneType: n,
+              onEdit: S,
+              onCreateMilestoneTest: R,
+              onPreview: w,
+              onReattempt: E,
+              onReset: D,
+              onResume: N,
+              onReview: $,
+              onStart: F,
+              onAddChapter: C,
+              onDelete: T,
+              onDraftPublish: x,
+              isClassOngoing: g,
+              isStudentPresent: h,
+              onAssignResources: b,
+              onUnAssignSheet: O,
+              onTestPreview: V,
+              onTestReview: _,
+              onTestStart: j,
+              courseStream: B,
+              activeMilestoneId: L,
+              activeTabId: k,
+              onWidgetTabSelection: U
             }
           ),
-          Y !== e.length - 1 && /* @__PURE__ */ n(re, { heightX: 2 })
-        ] }, `milestone=${Z}`);
+          z !== e.length - 1 && /* @__PURE__ */ i(m, { $heightX: 2.625 })
+        ] }, `milestone=${H}`);
       })
     ] });
   }
 );
 export {
-  Ne as default
+  de as default
 };
 //# sourceMappingURL=milestone-list.js.map

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-list.tsx"],"sourcesContent":["import type { IMilestoneListProps } from './milestone-list-types';\n\nimport React, { memo, useCallback, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport useLazyRef from '../../../hooks/use-lazy-ref';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport MilestoneWidget from './milestone-widget/milestone-widget';\nimport { StyledDownIcon } from './milestone-widget/milestone-widget-styled';\nimport NoActiveMilestone from './no-active-milestone/no-active-milestone';\n\nconst MilestoneList: React.FC<IMilestoneListProps> = memo(\n  ({ milestones, studentId, milestoneType, ...restMilestoneListProps }) => {\n    const [expandInactiveMilestones, setExpandInactiveMilestones] = useState(false);\n    const {\n      canCreatePlan,\n      isClassOngoing,\n      isFiltersAdded,\n      isStudentPresent,\n      onAddChapter,\n      onAddOutcome,\n      onChapterClick,\n      onCreatePlan,\n      onDelete,\n      onDraftPublish,\n      onEdit,\n      onExpandPastMilestones,\n      onCreateMilestoneTest,\n      onNodeAttempt,\n      onNodeView,\n      onNodeReview,\n      onNodeReattempt,\n      onNodeReset,\n      onNodeUnassign,\n      onAssignResources,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n      activeMilestoneId,\n      activeTabId,\n      onWidgetTabSelection,\n      studentName,\n      teacherName,\n      parentName,\n      userType,\n      courseStream,\n    } = restMilestoneListProps;\n\n    const isMilestoneActive = milestoneType === 'ACTIVE';\n    const isDraftMilestone = milestoneType === 'DRAFT';\n    const temporaryMilestoneId = useLazyRef(uuidv4);\n\n    const handleCreatePlan = useCallback(() => {\n      onCreatePlan?.(temporaryMilestoneId);\n    }, [onCreatePlan, temporaryMilestoneId]);\n\n    const toggleExpand = () => {\n      if (!expandInactiveMilestones && onExpandPastMilestones) {\n        onExpandPastMilestones();\n      }\n      setExpandInactiveMilestones(!expandInactiveMilestones);\n    };\n\n    const handleOnAddOutcome = useCallback(() => {\n      onAddOutcome?.();\n    }, [onAddOutcome]);\n\n    if (!milestones) return null;\n\n    const activeMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'ACTIVE',\n    );\n    const draftMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'DRAFT',\n    );\n\n    return (\n      <>\n        {isMilestoneActive && !activeMilestonePresent && (\n          <FlexView $marginBottom={40}>\n            <NoActiveMilestone\n              canCreatePlan={canCreatePlan}\n              isDraftMilestonePresent={draftMilestonePresent}\n              isFiltersAdded={isFiltersAdded}\n              onCreatePlan={onCreatePlan}\n              studentName={studentName}\n              userType={userType}\n            />\n          </FlexView>\n        )}\n\n        {isMilestoneActive && (\n          <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $marginBottom={16}>\n            <Text $renderAs=\"ac4\">Goals ({milestones.length})</Text>\n\n            {userType === 'TEACHER' && (\n              <FlexView $flexDirection=\"row\" $flexGapX={1}>\n                <TextButton\n                  label=\"Create Goal\"\n                  size=\"small\"\n                  onClick={handleCreatePlan}\n                  disabled={!canCreatePlan}\n                />\n                <TextButton label=\"Add Milestone\" size=\"small\" onClick={handleOnAddOutcome} />\n              </FlexView>\n            )}\n          </FlexView>\n        )}\n\n        {milestoneType === 'INACTIVE' && Boolean(milestones.length) && (\n          <FlexView\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent=\"space-between\"\n            $marginBottomX={1}\n          >\n            <Text $renderAs=\"ac4\">PAST LEARNING PLANS & OUTCOMES ({milestones.length})</Text>\n            <StyledDownIcon onClick={toggleExpand} $expanded={expandInactiveMilestones} />\n          </FlexView>\n        )}\n\n        {(isDraftMilestone || isMilestoneActive || expandInactiveMilestones) &&\n          milestones.map((milestone, idx) => {\n            const { id: milestoneId } = milestone;\n\n            return (\n              <React.Fragment key={`milestone=${milestoneId}`}>\n                <MilestoneWidget\n                  milestone={milestone}\n                  studentId={studentId}\n                  studentName={studentName}\n                  parentName={parentName}\n                  teacherName={teacherName}\n                  userType={userType}\n                  onAddOutcome={onAddOutcome}\n                  onChapterClick={onChapterClick}\n                  isMilestoneActive={isMilestoneActive || isDraftMilestone}\n                  milestoneType={milestoneType}\n                  onEdit={onEdit}\n                  onCreateMilestoneTest={onCreateMilestoneTest}\n                  onAddChapter={onAddChapter}\n                  onDelete={onDelete}\n                  onDraftPublish={onDraftPublish}\n                  isClassOngoing={isClassOngoing}\n                  isStudentPresent={isStudentPresent}\n                  onAssignResources={onAssignResources}\n                  onNodeAttempt={onNodeAttempt}\n                  onNodeView={onNodeView}\n                  onNodeReview={onNodeReview}\n                  onNodeReattempt={onNodeReattempt}\n                  onNodeReset={onNodeReset}\n                  onNodeUnassign={onNodeUnassign}\n                  onTestPreview={onTestPreview}\n                  onTestReview={onTestReview}\n                  onTestStart={onTestStart}\n                  courseStream={courseStream}\n                  activeMilestoneId={activeMilestoneId}\n                  activeTabId={activeTabId}\n                  onWidgetTabSelection={onWidgetTabSelection}\n                />\n                {idx !== milestones.length - 1 && <Separator heightX={2} />}\n              </React.Fragment>\n            );\n          })}\n      </>\n    );\n  },\n);\n\nexport default MilestoneList;\n"],"names":["MilestoneList","memo","milestones","studentId","milestoneType","restMilestoneListProps","expandInactiveMilestones","setExpandInactiveMilestones","useState","canCreatePlan","isClassOngoing","isFiltersAdded","isStudentPresent","onAddChapter","onAddOutcome","onChapterClick","onCreatePlan","onDelete","onDraftPublish","onEdit","onExpandPastMilestones","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onAssignResources","onTestPreview","onTestReview","onTestStart","activeMilestoneId","activeTabId","onWidgetTabSelection","studentName","teacherName","parentName","userType","courseStream","isMilestoneActive","isDraftMilestone","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","toggleExpand","handleOnAddOutcome","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","FlexView","NoActiveMilestone","Text","TextButton","StyledDownIcon","idx","milestoneId","React","MilestoneWidget","Separator"],"mappings":"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"}
+{"version":3,"file":"milestone-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-list.tsx"],"sourcesContent":["import type { IMilestoneListProps } from './milestone-list-types';\n\nimport React, { memo, useState } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport MilestoneWidget from './milestone-widget/milestone-widget';\nimport { StyledDownIcon } from './milestone-widget/milestone-widget-styled';\nimport NoActiveMilestone from './no-active-milestone/no-active-milestone';\n\nconst MilestoneList: React.FC<IMilestoneListProps> = memo(\n  ({ milestones, studentId, milestoneType, ...restMilestoneListProps }) => {\n    const [expandInactiveMilestones, setExpandInactiveMilestones] = useState(false);\n    const {\n      canCreatePlan,\n      isClassOngoing,\n      isFiltersAdded,\n      isStudentPresent,\n      onAddChapter,\n      onAddOutcome,\n      onChapterClick,\n      onCreatePlan,\n      onDelete,\n      onDraftPublish,\n      onEdit,\n      onExpandPastMilestones,\n      onCreateMilestoneTest,\n      onPreview,\n      onReattempt,\n      onReset,\n      onResume,\n      onReview,\n      onStart,\n      onAssignResources,\n      onUnAssignSheet,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n      activeMilestoneId,\n      activeTabId,\n      onWidgetTabSelection,\n      studentName,\n      teacherName,\n      parentName,\n      userType,\n      courseStream,\n    } = restMilestoneListProps;\n\n    if (!milestones) {\n      return null;\n    }\n\n    const isMilestoneActive = milestoneType === 'ACTIVE';\n    const isDraftMilestone = milestoneType === 'DRAFT';\n\n    const toggleExpand = () => {\n      if (!expandInactiveMilestones && onExpandPastMilestones) {\n        onExpandPastMilestones();\n      }\n      setExpandInactiveMilestones(!expandInactiveMilestones);\n    };\n\n    const activeMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'ACTIVE',\n    );\n    const draftMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'DRAFT',\n    );\n\n    return (\n      <>\n        {isMilestoneActive && !activeMilestonePresent && (\n          <NoActiveMilestone\n            canCreatePlan={canCreatePlan}\n            isDraftMilestonePresent={draftMilestonePresent}\n            isFiltersAdded={isFiltersAdded}\n            onCreatePlan={onCreatePlan}\n            studentName={studentName}\n            userType={userType}\n          />\n        )}\n\n        {milestoneType === 'INACTIVE' && Boolean(milestones.length) && (\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n            <Text $renderAs=\"eyebrow1\">PAST LEARNING PLANS & OUTCOMES ({milestones.length})</Text>\n            <StyledDownIcon onClick={toggleExpand} $expanded={expandInactiveMilestones} />\n          </FlexView>\n        )}\n\n        {(isDraftMilestone || isMilestoneActive || expandInactiveMilestones) &&\n          milestones.map((milestone, idx) => {\n            const { id: milestoneId } = milestone;\n\n            return (\n              <React.Fragment key={`milestone=${milestoneId}`}>\n                <MilestoneWidget\n                  milestone={milestone}\n                  studentId={studentId}\n                  studentName={studentName}\n                  parentName={parentName}\n                  teacherName={teacherName}\n                  userType={userType}\n                  onAddOutcome={onAddOutcome}\n                  onChapterClick={onChapterClick}\n                  isMilestoneActive={isMilestoneActive || isDraftMilestone}\n                  milestoneType={milestoneType}\n                  onEdit={onEdit}\n                  onCreateMilestoneTest={onCreateMilestoneTest}\n                  onPreview={onPreview}\n                  onReattempt={onReattempt}\n                  onReset={onReset}\n                  onResume={onResume}\n                  onReview={onReview}\n                  onStart={onStart}\n                  onAddChapter={onAddChapter}\n                  onDelete={onDelete}\n                  onDraftPublish={onDraftPublish}\n                  isClassOngoing={isClassOngoing}\n                  isStudentPresent={isStudentPresent}\n                  onAssignResources={onAssignResources}\n                  onUnAssignSheet={onUnAssignSheet}\n                  onTestPreview={onTestPreview}\n                  onTestReview={onTestReview}\n                  onTestStart={onTestStart}\n                  courseStream={courseStream}\n                  activeMilestoneId={activeMilestoneId}\n                  activeTabId={activeTabId}\n                  onWidgetTabSelection={onWidgetTabSelection}\n                />\n                {idx !== milestones.length - 1 && <FlexView $heightX={2.625} />}\n              </React.Fragment>\n            );\n          })}\n      </>\n    );\n  },\n);\n\nexport default MilestoneList;\n"],"names":["MilestoneList","memo","milestones","studentId","milestoneType","restMilestoneListProps","expandInactiveMilestones","setExpandInactiveMilestones","useState","canCreatePlan","isClassOngoing","isFiltersAdded","isStudentPresent","onAddChapter","onAddOutcome","onChapterClick","onCreatePlan","onDelete","onDraftPublish","onEdit","onExpandPastMilestones","onCreateMilestoneTest","onPreview","onReattempt","onReset","onResume","onReview","onStart","onAssignResources","onUnAssignSheet","onTestPreview","onTestReview","onTestStart","activeMilestoneId","activeTabId","onWidgetTabSelection","studentName","teacherName","parentName","userType","courseStream","isMilestoneActive","isDraftMilestone","toggleExpand","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","NoActiveMilestone","FlexView","Text","StyledDownIcon","idx","milestoneId","React","MilestoneWidget"],"mappings":"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"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/context-menu-helper/menu-element-styled.js

@@ -0,0 +1,13 @@
+import r from "styled-components";
+import t from "../../../../../ui/layout/flex-view.js";
+const n = r(t)(({ theme: o }) => `
+    box-shadow: 0px 4px 15px 0px ${o.colors.BLACK_T_20};
+  `), x = r(t)(({ $disabled: o }) => `
+      cursor: ${o ? "not-allowed" : "pointer"};
+      opacity: ${o ? 0.38 : 1};
+    `);
+export {
+  n as MenuElementWrapper,
+  x as MenuOption
+};
+//# sourceMappingURL=menu-element-styled.js.map

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/context-menu-helper/menu-element-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-element-styled.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/context-menu-helper/menu-element-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nconst MenuElementWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    box-shadow: 0px 4px 15px 0px ${theme.colors.BLACK_T_20};\n  `;\n});\n\ninterface IMenuOption {\n  $disabled: boolean;\n}\n\nconst MenuOption = styled(FlexView)<IMenuOption>(({ $disabled }) => {\n  return `\n      cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n      opacity: ${$disabled ? 0.38 : 1};\n    `;\n});\n\nexport { MenuElementWrapper, MenuOption };\n"],"names":["MenuElementWrapper","styled","FlexView","theme","MenuOption","$disabled"],"mappings":";;AAIA,MAAMA,IAAqBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACtC;AAAA,mCAC0BA,EAAM,OAAO,UAAU;AAAA,GAEzD,GAMKC,IAAaH,EAAOC,CAAQ,EAAe,CAAC,EAAE,WAAAG,QAC3C;AAAA,gBACOA,IAAY,gBAAgB,SAAS;AAAA,iBACpCA,IAAY,OAAO,CAAC;AAAA,KAEpC;"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/context-menu-helper/menu-element.js

@@ -0,0 +1,38 @@
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import { memo as c, useCallback as s } from "react";
+import p from "../../../../../ui/text/text.js";
+import { MenuElementWrapper as f, MenuOption as h } from "./menu-element-styled.js";
+const k = c(
+  ({ menuOptions: o, onMenuOptionSelection: n }) => {
+    const a = s(
+      (r, e) => {
+        if (e) return null;
+        n(r);
+      },
+      [n]
+    );
+    return /* @__PURE__ */ t(f, { $background: "WHITE", $width: "max-content", children: o.map((r) => {
+      const { label: e, Icon: l, id: d, disabled: i, visible: m } = r;
+      return m ? /* @__PURE__ */ u(
+        h,
+        {
+          $flexDirection: "row",
+          $flexGap: 8,
+          $gap: 8,
+          $gutterX: 1,
+          onClick: () => a(e, i),
+          $disabled: !!i,
+          children: [
+            l && /* @__PURE__ */ t(l, { width: 20, height: 20 }),
+            /* @__PURE__ */ t(p, { $renderAs: "ub2", children: e })
+          ]
+        },
+        d
+      ) : null;
+    }) });
+  }
+);
+export {
+  k as default
+};
+//# sourceMappingURL=menu-element.js.map

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/context-menu-helper/menu-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-element.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/context-menu-helper/menu-element.tsx"],"sourcesContent":["import type { IContextMenuElement } from './menu-element-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport Text from '../../../../../ui/text/text';\nimport * as Styled from './menu-element-styled';\n\nconst ContextMenuElement: FC<IContextMenuElement> = memo(\n  ({ menuOptions, onMenuOptionSelection }) => {\n    const handleOnClick = useCallback(\n      (selectedOption: string, disabled?: boolean) => {\n        if (disabled) return null;\n\n        onMenuOptionSelection(selectedOption);\n      },\n      [onMenuOptionSelection],\n    );\n\n    return (\n      <Styled.MenuElementWrapper $background=\"WHITE\" $width=\"max-content\">\n        {menuOptions.map(opt => {\n          const { label, Icon, id, disabled, visible } = opt;\n\n          if (!visible) return null;\n\n          return (\n            <Styled.MenuOption\n              key={id}\n              $flexDirection=\"row\"\n              $flexGap={8}\n              $gap={8}\n              $gutterX={1}\n              onClick={() => handleOnClick(label, disabled)}\n              $disabled={!!disabled}\n            >\n              {Icon && <Icon width={20} height={20} />}\n\n              <Text $renderAs=\"ub2\">{label}</Text>\n            </Styled.MenuOption>\n          );\n        })}\n      </Styled.MenuElementWrapper>\n    );\n  },\n);\n\nexport default ContextMenuElement;\n"],"names":["ContextMenuElement","memo","menuOptions","onMenuOptionSelection","handleOnClick","useCallback","selectedOption","disabled","jsx","Styled.MenuElementWrapper","opt","label","Icon","id","visible","jsxs","Styled.MenuOption","Text"],"mappings":";;;;AAQA,MAAMA,IAA8CC;AAAA,EAClD,CAAC,EAAE,aAAAC,GAAa,uBAAAC,QAA4B;AAC1C,UAAMC,IAAgBC;AAAA,MACpB,CAACC,GAAwBC,MAAuB;AAC9C,YAAIA,EAAiB,QAAA;AAErB,QAAAJ,EAAsBG,CAAc;AAAA,MACtC;AAAA,MACA,CAACH,CAAqB;AAAA,IAAA;AAItB,WAAA,gBAAAK,EAACC,GAAA,EAA0B,aAAY,SAAQ,QAAO,eACnD,UAAYP,EAAA,IAAI,CAAOQ,MAAA;AACtB,YAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,IAAAC,GAAI,UAAAN,GAAU,SAAAO,EAAY,IAAAJ;AAE3C,aAACI,IAGH,gBAAAC;AAAA,QAACC;AAAAA,QAAA;AAAA,UAEC,gBAAe;AAAA,UACf,UAAU;AAAA,UACV,MAAM;AAAA,UACN,UAAU;AAAA,UACV,SAAS,MAAMZ,EAAcO,GAAOJ,CAAQ;AAAA,UAC5C,WAAW,CAAC,CAACA;AAAA,UAEZ,UAAA;AAAA,YAAAK,KAAS,gBAAAJ,EAAAI,GAAA,EAAK,OAAO,IAAI,QAAQ,IAAI;AAAA,YAErC,gBAAAJ,EAAAS,GAAA,EAAK,WAAU,OAAO,UAAMN,GAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAVxBE;AAAA,MAAA,IAJY;AAAA,IAiBtB,CAAA,EACH,CAAA;AAAA,EAEJ;AACF;"}