@cuemath/leap 2.8.60 → 2.8.61-as1

package/dist/features/sheet-v2/resource-list/resource-list.js

@@ -0,0 +1,49 @@
+import { jsx as s } from "react/jsx-runtime";
+import { h as c } from "../../../node_modules/humanize-plus/dist/humanize.js";
+import { memo as p } from "react";
+import u from "styled-components";
+import l from "../../homework/homework-card.js";
+import f from "../../ui/layout/flex-view.js";
+const E = u.div`
+  display: grid;
+  grid-template-columns: repeat(3, 200px);
+  grid-gap: 32px;
+  justify-content: center;
+  padding: 32px 0;
+`, _ = (r) => {
+  const {
+    sheet_time: t,
+    node_type: o,
+    total_questions: e
+  } = r || {};
+  switch (o) {
+    case "ASSESSMENT":
+    case "MASTERY":
+    case "DYNAMIC":
+      return `${typeof e == "number" ? `${e} ${c.pluralize(e, "Question")}, ${t ? `${t / 60} min` : ""}` : ""}`;
+    case "PUZZLE_EASY":
+    case "PUZZLE_HARD":
+    case "PUZZLE_MEDIUM":
+    case "PUZZLE":
+      return "";
+    default:
+      return "";
+  }
+}, $ = ({ sheets: r, userType: t, ...o }) => /* @__PURE__ */ s(f, { children: /* @__PURE__ */ s(E, { children: r.map((e, i) => {
+  const { title: n, node_id: a, worksheet_id: d } = e, m = _(e);
+  return /* @__PURE__ */ s(
+    l,
+    {
+      header: n,
+      subHeader: m,
+      userType: t,
+      nodeData: e,
+      ...o
+    },
+    `${d}_${a}_${i}`
+  );
+}) }) }), y = p($);
+export {
+  y as default
+};
+//# sourceMappingURL=resource-list.js.map

package/dist/features/sheet-v2/resource-list/resource-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-list.js","sources":["../../../../src/features/sheet-v2/resource-list/resource-list.tsx"],"sourcesContent":["import type { INodeDataProps } from '../../chapters-v2/comps/node-card/node-card-types';\nimport type { IResourcesListProps } from './types';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { memo } from 'react';\nimport styled from 'styled-components';\n\nimport HomeworkCard from '../../homework/homework-card';\nimport FlexView from '../../ui/layout/flex-view';\n\nconst ResourceItemListWrapper = styled.div`\n  display: grid;\n  grid-template-columns: repeat(3, 200px);\n  grid-gap: 32px;\n  justify-content: center;\n  padding: 32px 0;\n`;\n\nconst getSubHeader = (sheet: INodeDataProps) => {\n  const {\n    sheet_time: sheetTime,\n    node_type: nodeType,\n    total_questions: totalQuestions,\n  } = sheet || {};\n\n  switch (nodeType) {\n    case 'ASSESSMENT':\n    case 'MASTERY':\n    case 'DYNAMIC':\n      return `${\n        typeof totalQuestions === 'number'\n          ? `${totalQuestions} ${pluralize(totalQuestions, 'Question')}, ${\n              sheetTime ? `${sheetTime / 60} min` : ''\n            }`\n          : ''\n      }`;\n    case 'PUZZLE_EASY':\n    case 'PUZZLE_HARD':\n    case 'PUZZLE_MEDIUM':\n    case 'PUZZLE':\n      return '';\n    default:\n      return '';\n  }\n};\n\nconst ResourcesList: FC<IResourcesListProps> = ({ sheets, userType, ...sheetCallBacks }) => (\n  <FlexView>\n    <ResourceItemListWrapper>\n      {sheets.map((sheet, idx) => {\n        const { title, node_id: nodeId, worksheet_id: worksheetId } = sheet;\n        const subHeader = getSubHeader(sheet);\n\n        return (\n          <HomeworkCard\n            key={`${worksheetId}_${nodeId}_${idx}`}\n            header={title}\n            subHeader={subHeader}\n            userType={userType}\n            nodeData={sheet}\n            {...sheetCallBacks}\n          />\n        );\n      })}\n    </ResourceItemListWrapper>\n  </FlexView>\n);\n\nexport default memo(ResourcesList);\n"],"names":["ResourceItemListWrapper","styled","getSubHeader","sheet","sheetTime","nodeType","totalQuestions","pluralize","ResourcesList","sheets","userType","sheetCallBacks","jsx","FlexView","idx","title","nodeId","worksheetId","subHeader","HomeworkCard","ResourcesList$1","memo"],"mappings":";;;;;;AAWA,MAAMA,IAA0BC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCC,IAAe,CAACC,MAA0B;AACxC,QAAA;AAAA,IACJ,YAAYC;AAAA,IACZ,WAAWC;AAAA,IACX,iBAAiBC;AAAA,EAAA,IACfH,KAAS,CAAA;AAEb,UAAQE,GAAU;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,GACL,OAAOC,KAAmB,WACtB,GAAGA,CAAc,IAAIC,YAAUD,GAAgB,UAAU,CAAC,KACxDF,IAAY,GAAGA,IAAY,EAAE,SAAS,EACxC,KACA,EACN;AAAA,IACF,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EACX;AACF,GAEMI,IAAyC,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,GAAGC,EAAe,MACnF,gBAAAC,EAAAC,GAAA,EACC,4BAACb,GACE,EAAA,UAAAS,EAAO,IAAI,CAACN,GAAOW,MAAQ;AAC1B,QAAM,EAAE,OAAAC,GAAO,SAASC,GAAQ,cAAcC,EAAgB,IAAAd,GACxDe,IAAYhB,EAAaC,CAAK;AAGlC,SAAA,gBAAAS;AAAA,IAACO;AAAA,IAAA;AAAA,MAEC,QAAQJ;AAAA,MACR,WAAAG;AAAA,MACA,UAAAR;AAAA,MACA,UAAUP;AAAA,MACT,GAAGQ;AAAA,IAAA;AAAA,IALC,GAAGM,CAAW,IAAID,CAAM,IAAIF,CAAG;AAAA,EAAA;AAQ1C,CAAC,GACH,EACF,CAAA,GAGaM,IAAAC,EAAKb,CAAa;"}

package/dist/features/sheets/resources-list/resource-item/styled.js

@@ -8,7 +8,7 @@ const c = e(i)(({ theme: r, $isMilestoneWidget: o }) => {
       ${o && `
         border-top-width: 0;
         border-left-width: 0;
-
+        
         &:nth-child(even) {
           border-right-width: 0;
         }

package/dist/features/sheets/resources-list/resource-item/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/features/sheets/resources-list/resource-item/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ninterface IResourceItemCard {\n  $isMilestoneWidget?: boolean;\n}\n\nconst ResourceItemCard = styled(FlexView)<IResourceItemCard>(({ theme, $isMilestoneWidget }) => {\n  const { WHITE_5 } = theme.colors;\n\n  return `\n      border: 1px solid ${WHITE_5};\n      ${\n        $isMilestoneWidget &&\n        `\n        border-top-width: 0;\n        border-left-width: 0;\n\n        &:nth-child(even) {\n          border-right-width: 0;\n        }\n      `\n      }\n    `;\n});\n\nconst ResourceItemTitle = styled(Text)(() => {\n  return `\n        display: -webkit-box;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n        text-overflow: ellipsis;\n        overflow: hidden;\n    `;\n});\n\nconst IconButtonWrapper = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n  const { BLACK_T_87 } = theme.colors;\n\n  return `\n      width: ${gutter * 2}px;\n      height: ${gutter * 2}px;\n      border: 1px solid ${BLACK_T_87};\n      border-radius: 50%;\n      cursor: pointer;\n    `;\n});\n\nexport { ResourceItemCard, ResourceItemTitle, IconButtonWrapper };\n"],"names":["ResourceItemCard","styled","FlexView","theme","$isMilestoneWidget","WHITE_5","ResourceItemTitle","Text","IconButtonWrapper","gutter","BLACK_T_87"],"mappings":";;;AASM,MAAAA,IAAmBC,EAAOC,CAAQ,EAAqB,CAAC,EAAE,OAAAC,GAAO,oBAAAC,QAAyB;AACxF,QAAA,EAAE,SAAAC,EAAQ,IAAIF,EAAM;AAEnB,SAAA;AAAA,0BACiBE,CAAO;AAAA,QAEzBD,KACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAQF;AAAA;AAEN,CAAC,GAEKE,IAAoBL,EAAOM,CAAI,EAAE,MAC9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOR,GAEKC,IAAoBP,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAClD,QAAA,EAAE,QAAAM,EAAO,IAAIN,EAAM,QACnB,EAAE,YAAAO,EAAW,IAAIP,EAAM;AAEtB,SAAA;AAAA,eACMM,IAAS,CAAC;AAAA,gBACTA,IAAS,CAAC;AAAA,0BACAC,CAAU;AAAA;AAAA;AAAA;AAIpC,CAAC;"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/features/sheets/resources-list/resource-item/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ninterface IResourceItemCard {\n  $isMilestoneWidget?: boolean;\n}\n\nconst ResourceItemCard = styled(FlexView)<IResourceItemCard>(({ theme, $isMilestoneWidget }) => {\n  const { WHITE_5 } = theme.colors;\n\n  return `\n      border: 1px solid ${WHITE_5};\n      ${\n        $isMilestoneWidget &&\n        `\n        border-top-width: 0;\n        border-left-width: 0;\n        \n        &:nth-child(even) {\n          border-right-width: 0;\n        }\n      `\n      }\n    `;\n});\n\nconst ResourceItemTitle = styled(Text)(() => {\n  return `\n        display: -webkit-box;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n        text-overflow: ellipsis;\n        overflow: hidden;\n    `;\n});\n\nconst IconButtonWrapper = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n  const { BLACK_T_87 } = theme.colors;\n\n  return `\n      width: ${gutter * 2}px;\n      height: ${gutter * 2}px;\n      border: 1px solid ${BLACK_T_87};\n      border-radius: 50%;\n      cursor: pointer;\n    `;\n});\n\nexport { ResourceItemCard, ResourceItemTitle, IconButtonWrapper };\n"],"names":["ResourceItemCard","styled","FlexView","theme","$isMilestoneWidget","WHITE_5","ResourceItemTitle","Text","IconButtonWrapper","gutter","BLACK_T_87"],"mappings":";;;AASM,MAAAA,IAAmBC,EAAOC,CAAQ,EAAqB,CAAC,EAAE,OAAAC,GAAO,oBAAAC,QAAyB;AACxF,QAAA,EAAE,SAAAC,EAAQ,IAAIF,EAAM;AAEnB,SAAA;AAAA,0BACiBE,CAAO;AAAA,QAEzBD,KACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAQF;AAAA;AAEN,CAAC,GAEKE,IAAoBL,EAAOM,CAAI,EAAE,MAC9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOR,GAEKC,IAAoBP,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAClD,QAAA,EAAE,QAAAM,EAAO,IAAIN,EAAM,QACnB,EAAE,YAAAO,EAAW,IAAIP,EAAM;AAEtB,SAAA;AAAA,eACMM,IAAS,CAAC;AAAA,gBACTA,IAAS,CAAC;AAAA,0BACAC,CAAU;AAAA;AAAA;AAAA;AAIpC,CAAC;"}

package/dist/features/sheets/sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant.js

@@ -1,4 +1,4 @@
-const E = {
+const A = {
   CHANGE_LOCATION: "Change location",
   RESET_PROGRESS: "Reset progress",
   MARK_AS_FAMILIAR: "Mark as learned",
@@ -11,9 +11,10 @@ const E = {
   MARK_AS_DONE: "Mark as Done",
   SKIP: "Skip",
   REVERT_SKIP: "Revert Skip",
-  REDO: "Redo"
+  REDO: "Redo",
+  ASSIGN_AS_HW: "Assign as HW"
 };
 export {
-  E as TEACHER_MENU_OPTIONS
+  A as TEACHER_MENU_OPTIONS
 };
 //# sourceMappingURL=teacher-actions-constant.js.map

package/dist/features/sheets/sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant.js.map

@@ -1 +1 @@
-{"version":3,"file":"teacher-actions-constant.js","sources":["../../../../../../../src/features/sheets/sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant.ts"],"sourcesContent":["export const TEACHER_MENU_OPTIONS = {\n  CHANGE_LOCATION: 'Change location',\n  RESET_PROGRESS: 'Reset progress',\n  MARK_AS_FAMILIAR: 'Mark as learned',\n  MARK_BACK_AS_RELEVANT: 'Mark back as relevant',\n  MARK_AS_NOT_NEEDED: 'Mark as not needed',\n  UNASSIGN: 'Unassign',\n  //* New options\n  ENABLE_AS_HW: 'Enable as HW',\n  REVERT_TO_CW: 'Revert to CW',\n  MARK_AS_DONE: 'Mark as Done',\n  SKIP: 'Skip',\n  REVERT_SKIP: 'Revert Skip',\n  REDO: 'Redo',\n} as const;\n"],"names":["TEACHER_MENU_OPTIONS"],"mappings":"AAAO,MAAMA,IAAuB;AAAA,EAClC,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,oBAAoB;AAAA,EACpB,UAAU;AAAA;AAAA,EAEV,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,MAAM;AAAA,EACN,aAAa;AAAA,EACb,MAAM;AACR;"}
+{"version":3,"file":"teacher-actions-constant.js","sources":["../../../../../../../src/features/sheets/sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant.ts"],"sourcesContent":["export const TEACHER_MENU_OPTIONS = {\n  CHANGE_LOCATION: 'Change location',\n  RESET_PROGRESS: 'Reset progress',\n  MARK_AS_FAMILIAR: 'Mark as learned',\n  MARK_BACK_AS_RELEVANT: 'Mark back as relevant',\n  MARK_AS_NOT_NEEDED: 'Mark as not needed',\n  UNASSIGN: 'Unassign',\n  //* New options\n  ENABLE_AS_HW: 'Enable as HW',\n  REVERT_TO_CW: 'Revert to CW',\n  MARK_AS_DONE: 'Mark as Done',\n  SKIP: 'Skip',\n  REVERT_SKIP: 'Revert Skip',\n  REDO: 'Redo',\n  ASSIGN_AS_HW: 'Assign as HW',\n} as const;\n"],"names":["TEACHER_MENU_OPTIONS"],"mappings":"AAAO,MAAMA,IAAuB;AAAA,EAClC,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,oBAAoB;AAAA,EACpB,UAAU;AAAA;AAAA,EAEV,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,MAAM;AAAA,EACN,aAAa;AAAA,EACb,MAAM;AAAA,EACN,cAAc;AAChB;"}

package/dist/features/sheets/utils/is-v3-worksheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"is-v3-worksheet.js","sources":["../../../../src/features/sheets/utils/is-v3-worksheet.ts"],"sourcesContent":["import type { IWorksheetAttemptModel } from '../../../types/models/worksheet';\nimport type { TLPARSheetData } from '../../chapters/lpar-chapter/block-section/sheet-item/sheet-item-type';\nimport type { ISheetDataProps, TNodeTypeProps } from '../sheets-list/sheet-item/sheet-item-types';\n\nimport { NODE_TYPE } from '../constants/sheet';\n\nconst SAT_V3_NODE_TYPES: TNodeTypeProps[] = [\n  'SAT_MATH_ASSESSMENT',\n  'SAT_ENGLISH_ASSESSMENT',\n  'SAT_MATH_RECAP',\n  'SAT_MATH_LEARNING',\n  'SAT_ENGLISH_LEARNING',\n];\nconst WORKSHEET_V3_NODE_TYPES: TNodeTypeProps[] = [\n  ...SAT_V3_NODE_TYPES,\n  NODE_TYPE.REMEDIAL,\n  NODE_TYPE.LEGACY,\n  NODE_TYPE.RECAP,\n  NODE_TYPE.GENERAL,\n  NODE_TYPE.LEVEL3,\n  NODE_TYPE.LEVEL2,\n  NODE_TYPE.REVISION,\n  NODE_TYPE.TARGET_PRACTICE,\n  NODE_TYPE.EXTRA_PRACTICE,\n  NODE_TYPE.PRACTICE,\n  NODE_TYPE.LEARNING,\n  NODE_TYPE.PUZZLE_EASY,\n  NODE_TYPE.PUZZLE_MEDIUM,\n  NODE_TYPE.PUZZLE_HARD,\n  NODE_TYPE.CHAPTER_ASSESSMENT,\n  NODE_TYPE.ASSESSMENT,\n  NODE_TYPE.MASTERY,\n  NODE_TYPE.TRIAL_DIAGNOSTIC,\n  NODE_TYPE.DYNAMIC,\n  NODE_TYPE.TURING_ASSESSMENT,\n  NODE_TYPE.TURING_PRACTICE,\n  NODE_TYPE.DIAGNOSTIC,\n  NODE_TYPE.SUBJECTIVE,\n  NODE_TYPE.TURING_SUBJECTIVE,\n];\n\nconst isV3Worksheet = (\n  sheet: ISheetDataProps | TLPARSheetData,\n  mode?: 'resume' | 'review',\n): boolean => {\n  const { node_type, is_worksheet_v3, is_lesson_v3_enabled } = sheet;\n\n  if (mode === 'review') {\n    return WORKSHEET_V3_NODE_TYPES.includes(node_type);\n  }\n\n  const canStart = 'can_start' in sheet ? sheet.can_start : sheet.permissions.can_start;\n  const canReattempt =\n    'can_reattempt' in sheet ? sheet.can_reattempt : sheet.permissions.can_reattempt;\n  const canRedo = 'can_redo' in sheet ? sheet.can_redo : false;\n\n  if (is_worksheet_v3 || is_lesson_v3_enabled) {\n    return true;\n  }\n\n  // For new and reattemptable worksheets start the worksheet in v3 mode\n  if (canStart || canReattempt || canRedo) {\n    return WORKSHEET_V3_NODE_TYPES.includes(node_type);\n  }\n\n  // For SAT assessments start the worksheet in v3 mode\n  if (SAT_V3_NODE_TYPES.includes(node_type)) {\n    return true;\n  }\n\n  return false;\n};\n\nconst isV3WorksheetAttempt = (attempt: IWorksheetAttemptModel): boolean => {\n  const { node_type, is_worksheet_v3, is_lesson_v3_enabled } = attempt;\n\n  return (\n    is_worksheet_v3 ||\n    is_lesson_v3_enabled ||\n    SAT_V3_NODE_TYPES.includes(node_type as TNodeTypeProps)\n  );\n};\n\nexport { isV3Worksheet, isV3WorksheetAttempt };\n"],"names":["SAT_V3_NODE_TYPES","WORKSHEET_V3_NODE_TYPES","NODE_TYPE","isV3Worksheet","sheet","mode","node_type","is_worksheet_v3","is_lesson_v3_enabled","canStart","canReattempt","canRedo","isV3WorksheetAttempt","attempt"],"mappings":";AAMA,MAAMA,IAAsC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GACMC,IAA4C;AAAA,EAChD,GAAGD;AAAA,EACHE,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AACZ,GAEMC,IAAgB,CACpBC,GACAC,MACY;AACZ,QAAM,EAAE,WAAAC,GAAW,iBAAAC,GAAiB,sBAAAC,EAAA,IAAyBJ;AAE7D,MAAIC,MAAS;AACJ,WAAAJ,EAAwB,SAASK,CAAS;AAGnD,QAAMG,IAAW,eAAeL,IAAQA,EAAM,YAAYA,EAAM,YAAY,WACtEM,IACJ,mBAAmBN,IAAQA,EAAM,gBAAgBA,EAAM,YAAY,eAC/DO,IAAU,cAAcP,IAAQA,EAAM,WAAW;AAEvD,SAAIG,KAAmBC,IACd,KAILC,KAAYC,KAAgBC,IACvBV,EAAwB,SAASK,CAAS,IAI/C,EAAAN,EAAkB,SAASM,CAAS;AAK1C,GAEMM,IAAuB,CAACC,MAA6C;AACzE,QAAM,EAAE,WAAAP,GAAW,iBAAAC,GAAiB,sBAAAC,EAAA,IAAyBK;AAE7D,SACEN,KACAC,KACAR,EAAkB,SAASM,CAA2B;AAE1D;"}
+{"version":3,"file":"is-v3-worksheet.js","sources":["../../../../src/features/sheets/utils/is-v3-worksheet.ts"],"sourcesContent":["import type { IWorksheetAttemptModel } from '../../../types/models/worksheet';\nimport type { INodeDataProps } from '../../chapters-v2/comps/node-card/node-card-types';\nimport type { TLPARSheetData } from '../../chapters/lpar-chapter/block-section/sheet-item/sheet-item-type';\nimport type { ISheetDataProps, TNodeTypeProps } from '../sheets-list/sheet-item/sheet-item-types';\n\nimport { NODE_TYPE } from '../constants/sheet';\n\nconst SAT_V3_NODE_TYPES: TNodeTypeProps[] = [\n  'SAT_MATH_ASSESSMENT',\n  'SAT_ENGLISH_ASSESSMENT',\n  'SAT_MATH_RECAP',\n  'SAT_MATH_LEARNING',\n  'SAT_ENGLISH_LEARNING',\n];\nconst WORKSHEET_V3_NODE_TYPES: TNodeTypeProps[] = [\n  ...SAT_V3_NODE_TYPES,\n  NODE_TYPE.REMEDIAL,\n  NODE_TYPE.LEGACY,\n  NODE_TYPE.RECAP,\n  NODE_TYPE.GENERAL,\n  NODE_TYPE.LEVEL3,\n  NODE_TYPE.LEVEL2,\n  NODE_TYPE.REVISION,\n  NODE_TYPE.TARGET_PRACTICE,\n  NODE_TYPE.EXTRA_PRACTICE,\n  NODE_TYPE.PRACTICE,\n  NODE_TYPE.LEARNING,\n  NODE_TYPE.PUZZLE_EASY,\n  NODE_TYPE.PUZZLE_MEDIUM,\n  NODE_TYPE.PUZZLE_HARD,\n  NODE_TYPE.CHAPTER_ASSESSMENT,\n  NODE_TYPE.ASSESSMENT,\n  NODE_TYPE.MASTERY,\n  NODE_TYPE.TRIAL_DIAGNOSTIC,\n  NODE_TYPE.DYNAMIC,\n  NODE_TYPE.TURING_ASSESSMENT,\n  NODE_TYPE.TURING_PRACTICE,\n  NODE_TYPE.DIAGNOSTIC,\n  NODE_TYPE.SUBJECTIVE,\n  NODE_TYPE.TURING_SUBJECTIVE,\n];\n\nconst isV3Worksheet = (\n  sheet: ISheetDataProps | TLPARSheetData | INodeDataProps,\n  mode?: 'resume' | 'review',\n): boolean => {\n  const { node_type, is_worksheet_v3, is_lesson_v3_enabled } = sheet;\n\n  if (mode === 'review') {\n    return WORKSHEET_V3_NODE_TYPES.includes(node_type);\n  }\n\n  const canStart = 'can_start' in sheet ? sheet.can_start : sheet.permissions.can_start;\n  const canReattempt =\n    'can_reattempt' in sheet ? sheet.can_reattempt : sheet.permissions.can_reattempt;\n  const canRedo = 'can_redo' in sheet ? sheet.can_redo : false;\n\n  if (is_worksheet_v3 || is_lesson_v3_enabled) {\n    return true;\n  }\n\n  // For new and reattemptable worksheets start the worksheet in v3 mode\n  if (canStart || canReattempt || canRedo) {\n    return WORKSHEET_V3_NODE_TYPES.includes(node_type);\n  }\n\n  // For SAT assessments start the worksheet in v3 mode\n  if (SAT_V3_NODE_TYPES.includes(node_type)) {\n    return true;\n  }\n\n  return false;\n};\n\nconst isV3WorksheetAttempt = (attempt: IWorksheetAttemptModel): boolean => {\n  const { node_type, is_worksheet_v3, is_lesson_v3_enabled } = attempt;\n\n  return (\n    is_worksheet_v3 ||\n    is_lesson_v3_enabled ||\n    SAT_V3_NODE_TYPES.includes(node_type as TNodeTypeProps)\n  );\n};\n\nexport { isV3Worksheet, isV3WorksheetAttempt };\n"],"names":["SAT_V3_NODE_TYPES","WORKSHEET_V3_NODE_TYPES","NODE_TYPE","isV3Worksheet","sheet","mode","node_type","is_worksheet_v3","is_lesson_v3_enabled","canStart","canReattempt","canRedo","isV3WorksheetAttempt","attempt"],"mappings":";AAOA,MAAMA,IAAsC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GACMC,IAA4C;AAAA,EAChD,GAAGD;AAAA,EACHE,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AACZ,GAEMC,IAAgB,CACpBC,GACAC,MACY;AACZ,QAAM,EAAE,WAAAC,GAAW,iBAAAC,GAAiB,sBAAAC,EAAA,IAAyBJ;AAE7D,MAAIC,MAAS;AACJ,WAAAJ,EAAwB,SAASK,CAAS;AAGnD,QAAMG,IAAW,eAAeL,IAAQA,EAAM,YAAYA,EAAM,YAAY,WACtEM,IACJ,mBAAmBN,IAAQA,EAAM,gBAAgBA,EAAM,YAAY,eAC/DO,IAAU,cAAcP,IAAQA,EAAM,WAAW;AAEvD,SAAIG,KAAmBC,IACd,KAILC,KAAYC,KAAgBC,IACvBV,EAAwB,SAASK,CAAS,IAI/C,EAAAN,EAAkB,SAASM,CAAS;AAK1C,GAEMM,IAAuB,CAACC,MAA6C;AACzE,QAAM,EAAE,WAAAP,GAAW,iBAAAC,GAAiB,sBAAAC,EAAA,IAAyBK;AAE7D,SACEN,KACAC,KACAR,EAAkB,SAASM,CAA2B;AAE1D;"}

package/dist/features/ui/arrow-tooltip/arrow-tooltip.js

@@ -1,17 +1,17 @@
-import { jsxs as D, Fragment as I, jsx as r } from "react/jsx-runtime";
-import U from "../../../node_modules/lodash.throttle/index.js";
-import { useRef as W, useState as m, useCallback as $, useEffect as Y } from "react";
-import { useTheme as H } from "styled-components";
+import { jsxs as I, Fragment as U, jsx as r } from "react/jsx-runtime";
+import W from "../../../node_modules/lodash.throttle/index.js";
+import { useRef as Y, useState as m, useCallback as $, useEffect as H } from "react";
+import { useTheme as P } from "styled-components";
 import C from "../layout/flex-view.js";
-import P from "../portal/portal.js";
-import V from "../text/text.js";
-import { TooltipBody as Z } from "./arrow-tooltip-styled.js";
-import { computeTooltipNewCoOrdinates as q } from "./arrow-tooltip-util.js";
-const y = 8, G = 100, J = ({
+import V from "../portal/portal.js";
+import Z from "../text/text.js";
+import { TooltipBody as q } from "./arrow-tooltip-styled.js";
+import { computeTooltipNewCoOrdinates as y } from "./arrow-tooltip-util.js";
+const G = 8, J = 100, K = ({
   isAnimated: O,
   alwaysVisible: o = !1,
   arrowColor: T,
-  arrowSize: h = y,
+  arrowSize: h = G,
   arrowXCoOrdinates: g,
   arrowYCoOrdinates: w,
   backgroundColor: R,
@@ -27,61 +27,62 @@ const y = 8, G = 100, J = ({
   tooltipYCoOrdinates: k,
   width: F,
   widthX: L,
-  zIndex: M
+  zIndex: M,
+  parentWidth: S
 }) => {
-  const { arrowTooltip: S } = H(), { tooltipVariants: a } = S, { backgroundColorName: X } = a[i], u = W(null), [_, p] = m(o), [j, v] = m(
+  const { arrowTooltip: X } = P(), { tooltipVariants: a } = X, { backgroundColorName: _ } = a[i], u = Y(null), [j, p] = m(o), [v, z] = m(
     null
   ), s = $(
     (e, n) => {
-      v(e), p(n);
+      z(e), p(n);
     },
     []
-  ), z = $(() => {
+  ), B = $(() => {
     if (t || o)
       return null;
     s(null, !1);
-  }, [o, s, t]), d = U(() => {
+  }, [o, s, t]), d = W(() => {
     var f;
     const { current: e } = u;
     if (t || !e) return null;
-    const n = (f = e.children[0]) == null ? void 0 : f.getBoundingClientRect(), B = n ? q(c, n) : null;
-    return s(B, !0), null;
-  }, G);
-  return Y(() => {
+    const n = (f = e.children[0]) == null ? void 0 : f.getBoundingClientRect(), D = n ? y(c, n) : null;
+    return s(D, !0), null;
+  }, J);
+  return H(() => {
     t && p(!1), o && d();
-  }, [o, t]), /* @__PURE__ */ D(I, { children: [
+  }, [o, t]), /* @__PURE__ */ I(U, { children: [
     /* @__PURE__ */ r(
       C,
       {
-        $width: "fit-content",
+        $width: S || "fit-content",
         ref: u,
         onMouseEnter: d,
-        onMouseLeave: z,
+        onMouseLeave: B,
         children: /* @__PURE__ */ r(C, { children: x })
       }
     ),
-    _ && /* @__PURE__ */ r(P, { portalId: "tooltip-root", children: /* @__PURE__ */ r(
-      Z,
+    j && /* @__PURE__ */ r(V, { portalId: "tooltip-root", children: /* @__PURE__ */ r(
+      q,
       {
         $arrowSize: h,
         $arrowXCoOrdinates: g,
         $arrowYCoOrdinates: w,
         $position: c,
         $renderAs: i,
-        $tooltipCoOrdinates: j,
+        $tooltipCoOrdinates: v,
         $tooltipOffset: E,
         $tooltipXCoOrdinates: N,
         $tooltipYCoOrdinates: k,
         $width: F,
         $widthX: L,
         $zIndex: M,
-        $background: X,
+        $background: _,
         $backgroundColor: R,
         $arrowColor: T,
         $borderColor: b,
         $isAnimated: O,
         children: typeof l == "string" ? /* @__PURE__ */ r(
-          V,
+          Z,
           {
             $renderAs: A || "body3",
             $color: a[i].textColorName,
@@ -92,8 +93,8 @@ const y = 8, G = 100, J = ({
       }
     ) })
   ] });
-}, so = J;
+}, co = K;
 export {
-  so as default
+  co as default
 };
 //# sourceMappingURL=arrow-tooltip.js.map

package/dist/features/ui/arrow-tooltip/arrow-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-tooltip.js","sources":["../../../../src/features/ui/arrow-tooltip/arrow-tooltip.tsx"],"sourcesContent":["import type {\n  IArrowTooltipProps,\n  THandleVisibleNCoOrdinatesProps,\n  TTooltipCoOrdinatesProps,\n} from './arrow-tooltip-types';\n\nimport throttle from 'lodash.throttle';\nimport { useState, type FC, useCallback, useRef, useEffect } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\nimport Portal from '../portal/portal';\nimport Text from '../text/text';\nimport * as Styled from './arrow-tooltip-styled';\nimport { computeTooltipNewCoOrdinates } from './arrow-tooltip-util';\n\nconst DEFAULT_ARROW_SIZE = 8;\nconst THROTTLE_DURATION = 100;\n\nconst ArrowTooltip: FC<IArrowTooltipProps> = ({\n  isAnimated,\n  alwaysVisible = false,\n  arrowColor,\n  arrowSize = DEFAULT_ARROW_SIZE,\n  arrowXCoOrdinates,\n  arrowYCoOrdinates,\n  backgroundColor,\n  borderColor,\n  children,\n  hidden,\n  position,\n  renderAs,\n  textVariant,\n  tooltipItem,\n  tooltipOffset,\n  tooltipXCoOrdinates,\n  tooltipYCoOrdinates,\n  width,\n  widthX,\n  zIndex,\n}) => {\n  const { arrowTooltip } = useTheme();\n  const { tooltipVariants } = arrowTooltip;\n  const { backgroundColorName } = tooltipVariants[renderAs];\n\n  const tooltipWrapperRef = useRef<HTMLDivElement>(null);\n  const [visible, setVisible] = useState(alwaysVisible);\n  const [tooltipCoOrdinates, setTooltipCoOrdinates] = useState<TTooltipCoOrdinatesProps | null>(\n    null,\n  );\n\n  const handleVisibleNCoOrdinates: THandleVisibleNCoOrdinatesProps = useCallback(\n    (newCoOrdinates, visibility) => {\n      setTooltipCoOrdinates(newCoOrdinates);\n      setVisible(visibility);\n    },\n    [],\n  );\n\n  const handleVisibility = useCallback(() => {\n    if (hidden || alwaysVisible) {\n      return null;\n    }\n\n    handleVisibleNCoOrdinates(null, false);\n\n    return;\n  }, [alwaysVisible, handleVisibleNCoOrdinates, hidden]);\n\n  const handleOnMouseEnter = throttle(() => {\n    const { current } = tooltipWrapperRef;\n\n    if (hidden || !current) return null;\n\n    const boundingClientRect = current.children[0]?.getBoundingClientRect();\n    const newCoOrdinates = boundingClientRect\n      ? computeTooltipNewCoOrdinates(position, boundingClientRect)\n      : null;\n\n    handleVisibleNCoOrdinates(newCoOrdinates, true);\n\n    return null;\n  }, THROTTLE_DURATION);\n\n  useEffect(() => {\n    if (hidden) {\n      setVisible(false);\n    }\n\n    if (alwaysVisible) {\n      handleOnMouseEnter();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [alwaysVisible, hidden]);\n\n  return (\n    <>\n      <FlexView\n        $width=\"fit-content\"\n        ref={tooltipWrapperRef}\n        onMouseEnter={handleOnMouseEnter}\n        onMouseLeave={handleVisibility}\n      >\n        <FlexView>{children}</FlexView>\n      </FlexView>\n      {visible && (\n        <Portal portalId=\"tooltip-root\">\n          <Styled.TooltipBody\n            $arrowSize={arrowSize}\n            $arrowXCoOrdinates={arrowXCoOrdinates}\n            $arrowYCoOrdinates={arrowYCoOrdinates}\n            $position={position}\n            $renderAs={renderAs}\n            $tooltipCoOrdinates={tooltipCoOrdinates}\n            $tooltipOffset={tooltipOffset}\n            $tooltipXCoOrdinates={tooltipXCoOrdinates}\n            $tooltipYCoOrdinates={tooltipYCoOrdinates}\n            $width={width}\n            $widthX={widthX}\n            $zIndex={zIndex}\n            $background={backgroundColorName}\n            $backgroundColor={backgroundColor}\n            $arrowColor={arrowColor}\n            $borderColor={borderColor}\n            $isAnimated={isAnimated}\n          >\n            {typeof tooltipItem === 'string' ? (\n              <Text\n                $renderAs={textVariant || 'body3'}\n                $color={tooltipVariants[renderAs].textColorName}\n                $align=\"center\"\n              >\n                {tooltipItem}\n              </Text>\n            ) : (\n              tooltipItem\n            )}\n          </Styled.TooltipBody>\n        </Portal>\n      )}\n    </>\n  );\n};\n\nexport default ArrowTooltip;\n"],"names":["DEFAULT_ARROW_SIZE","THROTTLE_DURATION","ArrowTooltip","isAnimated","alwaysVisible","arrowColor","arrowSize","arrowXCoOrdinates","arrowYCoOrdinates","backgroundColor","borderColor","children","hidden","position","renderAs","textVariant","tooltipItem","tooltipOffset","tooltipXCoOrdinates","tooltipYCoOrdinates","width","widthX","zIndex","arrowTooltip","useTheme","tooltipVariants","backgroundColorName","tooltipWrapperRef","useRef","visible","setVisible","useState","tooltipCoOrdinates","setTooltipCoOrdinates","handleVisibleNCoOrdinates","useCallback","newCoOrdinates","visibility","handleVisibility","handleOnMouseEnter","throttle","current","boundingClientRect","_a","computeTooltipNewCoOrdinates","useEffect","jsxs","Fragment","jsx","FlexView","Portal","Styled.TooltipBody","Text","ArrowTooltip$1"],"mappings":"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"}
+{"version":3,"file":"arrow-tooltip.js","sources":["../../../../src/features/ui/arrow-tooltip/arrow-tooltip.tsx"],"sourcesContent":["import type {\n  IArrowTooltipProps,\n  THandleVisibleNCoOrdinatesProps,\n  TTooltipCoOrdinatesProps,\n} from './arrow-tooltip-types';\n\nimport throttle from 'lodash.throttle';\nimport { useState, type FC, useCallback, useRef, useEffect } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\nimport Portal from '../portal/portal';\nimport Text from '../text/text';\nimport * as Styled from './arrow-tooltip-styled';\nimport { computeTooltipNewCoOrdinates } from './arrow-tooltip-util';\n\nconst DEFAULT_ARROW_SIZE = 8;\nconst THROTTLE_DURATION = 100;\n\nconst ArrowTooltip: FC<IArrowTooltipProps> = ({\n  isAnimated,\n  alwaysVisible = false,\n  arrowColor,\n  arrowSize = DEFAULT_ARROW_SIZE,\n  arrowXCoOrdinates,\n  arrowYCoOrdinates,\n  backgroundColor,\n  borderColor,\n  children,\n  hidden,\n  position,\n  renderAs,\n  textVariant,\n  tooltipItem,\n  tooltipOffset,\n  tooltipXCoOrdinates,\n  tooltipYCoOrdinates,\n  width,\n  widthX,\n  zIndex,\n  parentWidth,\n}) => {\n  const { arrowTooltip } = useTheme();\n  const { tooltipVariants } = arrowTooltip;\n  const { backgroundColorName } = tooltipVariants[renderAs];\n\n  const tooltipWrapperRef = useRef<HTMLDivElement>(null);\n  const [visible, setVisible] = useState(alwaysVisible);\n  const [tooltipCoOrdinates, setTooltipCoOrdinates] = useState<TTooltipCoOrdinatesProps | null>(\n    null,\n  );\n\n  const handleVisibleNCoOrdinates: THandleVisibleNCoOrdinatesProps = useCallback(\n    (newCoOrdinates, visibility) => {\n      setTooltipCoOrdinates(newCoOrdinates);\n      setVisible(visibility);\n    },\n    [],\n  );\n\n  const handleVisibility = useCallback(() => {\n    if (hidden || alwaysVisible) {\n      return null;\n    }\n\n    handleVisibleNCoOrdinates(null, false);\n\n    return;\n  }, [alwaysVisible, handleVisibleNCoOrdinates, hidden]);\n\n  const handleOnMouseEnter = throttle(() => {\n    const { current } = tooltipWrapperRef;\n\n    if (hidden || !current) return null;\n\n    const boundingClientRect = current.children[0]?.getBoundingClientRect();\n    const newCoOrdinates = boundingClientRect\n      ? computeTooltipNewCoOrdinates(position, boundingClientRect)\n      : null;\n\n    handleVisibleNCoOrdinates(newCoOrdinates, true);\n\n    return null;\n  }, THROTTLE_DURATION);\n\n  useEffect(() => {\n    if (hidden) {\n      setVisible(false);\n    }\n\n    if (alwaysVisible) {\n      handleOnMouseEnter();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [alwaysVisible, hidden]);\n\n  return (\n    <>\n      <FlexView\n        $width={parentWidth || 'fit-content'}\n        ref={tooltipWrapperRef}\n        onMouseEnter={handleOnMouseEnter}\n        onMouseLeave={handleVisibility}\n      >\n        <FlexView>{children}</FlexView>\n      </FlexView>\n      {visible && (\n        <Portal portalId=\"tooltip-root\">\n          <Styled.TooltipBody\n            $arrowSize={arrowSize}\n            $arrowXCoOrdinates={arrowXCoOrdinates}\n            $arrowYCoOrdinates={arrowYCoOrdinates}\n            $position={position}\n            $renderAs={renderAs}\n            $tooltipCoOrdinates={tooltipCoOrdinates}\n            $tooltipOffset={tooltipOffset}\n            $tooltipXCoOrdinates={tooltipXCoOrdinates}\n            $tooltipYCoOrdinates={tooltipYCoOrdinates}\n            $width={width}\n            $widthX={widthX}\n            $zIndex={zIndex}\n            $background={backgroundColorName}\n            $backgroundColor={backgroundColor}\n            $arrowColor={arrowColor}\n            $borderColor={borderColor}\n            $isAnimated={isAnimated}\n          >\n            {typeof tooltipItem === 'string' ? (\n              <Text\n                $renderAs={textVariant || 'body3'}\n                $color={tooltipVariants[renderAs].textColorName}\n                $align=\"center\"\n              >\n                {tooltipItem}\n              </Text>\n            ) : (\n              tooltipItem\n            )}\n          </Styled.TooltipBody>\n        </Portal>\n      )}\n    </>\n  );\n};\n\nexport default ArrowTooltip;\n"],"names":["DEFAULT_ARROW_SIZE","THROTTLE_DURATION","ArrowTooltip","isAnimated","alwaysVisible","arrowColor","arrowSize","arrowXCoOrdinates","arrowYCoOrdinates","backgroundColor","borderColor","children","hidden","position","renderAs","textVariant","tooltipItem","tooltipOffset","tooltipXCoOrdinates","tooltipYCoOrdinates","width","widthX","zIndex","parentWidth","arrowTooltip","useTheme","tooltipVariants","backgroundColorName","tooltipWrapperRef","useRef","visible","setVisible","useState","tooltipCoOrdinates","setTooltipCoOrdinates","handleVisibleNCoOrdinates","useCallback","newCoOrdinates","visibility","handleVisibility","handleOnMouseEnter","throttle","current","boundingClientRect","_a","computeTooltipNewCoOrdinates","useEffect","jsxs","Fragment","jsx","FlexView","Portal","Styled.TooltipBody","Text","ArrowTooltip$1"],"mappings":"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"}

package/dist/features/ui/constants/z-index.js

@@ -1,7 +1,7 @@
 const _ = {
   CHAPTER_CROWN_ICON: 4,
   CHAPTER_PLUS_ICON: 2,
-  CHAPTER_PROGRESS_SVG: 1,
+  CHAPTER_PROGRESS_SVG: 2,
   LPAR_SHEET_ITEM_BOTTOM_DASH_BOX: 1,
   LPAR_SHEET_ITEM_TOP_VERTICAL_ICON: 2,
   MODAL: 20,

package/dist/features/ui/constants/z-index.js.map

@@ -1 +1 @@
-{"version":3,"file":"z-index.js","sources":["../../../../src/features/ui/constants/z-index.ts"],"sourcesContent":["const ZINDEX = {\n  CHAPTER_CROWN_ICON: 4,\n  CHAPTER_PLUS_ICON: 2,\n  CHAPTER_PROGRESS_SVG: 1,\n  LPAR_SHEET_ITEM_BOTTOM_DASH_BOX: 1,\n  LPAR_SHEET_ITEM_TOP_VERTICAL_ICON: 2,\n  MODAL: 20,\n  SAT_SUMMARY_SCORE: 25, //* SAT_SUMMARY_SCORE > MODAL\n  CANVAS_SCRIBBLING: 26, //* CANVAS_SCRIBBLING > Learnosity\n  TILE_CONTAINER: 30, //whiteboard\n  QUESTION_TIPS: -1,\n  DESMOS_CALCULATOR: 2,\n  GOAL_CHAPTER_SHEETS_MENU: 4,\n} as const;\n\nexport { ZINDEX };\n"],"names":["ZINDEX"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,iCAAiC;AAAA,EACjC,mCAAmC;AAAA,EACnC,OAAO;AAAA,EACP,mBAAmB;AAAA;AAAA,EACnB,mBAAmB;AAAA;AAAA,EACnB,gBAAgB;AAAA;AAAA,EAChB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,0BAA0B;AAC5B;"}
+{"version":3,"file":"z-index.js","sources":["../../../../src/features/ui/constants/z-index.ts"],"sourcesContent":["const ZINDEX = {\n  CHAPTER_CROWN_ICON: 4,\n  CHAPTER_PLUS_ICON: 2,\n  CHAPTER_PROGRESS_SVG: 2,\n  LPAR_SHEET_ITEM_BOTTOM_DASH_BOX: 1,\n  LPAR_SHEET_ITEM_TOP_VERTICAL_ICON: 2,\n  MODAL: 20,\n  SAT_SUMMARY_SCORE: 25, //* SAT_SUMMARY_SCORE > MODAL\n  CANVAS_SCRIBBLING: 26, //* CANVAS_SCRIBBLING > Learnosity\n  TILE_CONTAINER: 30, //whiteboard\n  QUESTION_TIPS: -1,\n  DESMOS_CALCULATOR: 2,\n  GOAL_CHAPTER_SHEETS_MENU: 4,\n} as const;\n\nexport { ZINDEX };\n"],"names":["ZINDEX"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,iCAAiC;AAAA,EACjC,mCAAmC;AAAA,EACnC,OAAO;AAAA,EACP,mBAAmB;AAAA;AAAA,EACnB,mBAAmB;AAAA;AAAA,EACnB,gBAAgB;AAAA;AAAA,EAChB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,0BAA0B;AAC5B;"}

package/dist/features/ui/context-menu/context-menu-styled.js

@@ -1,27 +1,41 @@
-import e from "styled-components";
-const s = e.div`
-  width: fit-content;
+import o from "styled-components";
+const d = o.div`
+  width: auto;
   height: fit-content;
   position: relative;
   border-radius: 50%;
-`, p = e.div(
-  ({ $visible: t, $menuOffset: o, $startLeft: n, $menuZIndex: i, $placeTop: r }) => `
+`, f = o.div(
+  ({
+    $visible: t,
+    $menuOffset: a,
+    $startLeft: i,
+    $menuZIndex: s,
+    $placeTop: e,
+    $menuWidth: r,
+    $menuWidthX: n,
+    theme: p
+  }) => {
+    const { layout: u } = p;
+    return `
     position: absolute;
-    top: calc(${r ? "0% -" : "100% +"} ${o ?? 0}px);
-    ${n ? "left: 0" : "right: 0"};
-    z-index: ${i ?? "unset"};
+    width: ${r ? `${r}` : "auto"}${typeof r == "number" ? "px" : ""};
+    ${n ? `width: ${n * u.gutter}px;` : ""}
+    top: calc(${e ? "0% -" : "100% +"} ${a ?? 0}px);
+    ${i ? "left: 0" : "right: 0"};
+    z-index: ${s ?? "unset"};
 
     transform-origin: top;
-    transform: scaleY(${t ? 1 : 0}) rotate(${r ? 180 : 0}deg);
+    transform: scaleY(${t ? 1 : 0}) rotate(${e ? 180 : 0}deg);
     opacity: ${t ? 1 : 0};
     transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-  `
-), d = e.div(({ $placeTop: t }) => `
+  `;
+  }
+), $ = o.div(({ $placeTop: t }) => `
     transform: rotate(${t ? 180 : 0}deg);
   `);
 export {
-  d as MenuElementWrapper,
-  p as OptionsMenuWrapper,
-  s as TargetElementWrapper
+  $ as MenuElementWrapper,
+  f as OptionsMenuWrapper,
+  d as TargetElementWrapper
 };
 //# sourceMappingURL=context-menu-styled.js.map

package/dist/features/ui/context-menu/context-menu-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu-styled.js","sources":["../../../../src/features/ui/context-menu/context-menu-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nconst TargetElementWrapper = styled.div`\n  width: fit-content;\n  height: fit-content;\n  position: relative;\n  border-radius: 50%;\n`;\n\ninterface IOptionsMenuWrapperProps {\n  $visible: boolean;\n  $startLeft?: boolean;\n  $menuOffset?: number;\n  $menuZIndex?: number;\n  $placeTop?: boolean;\n}\n\nconst OptionsMenuWrapper = styled.div<IOptionsMenuWrapperProps>(\n  ({ $visible, $menuOffset, $startLeft, $menuZIndex, $placeTop }) => {\n    return `\n    position: absolute;\n    top: calc(${$placeTop ? '0% -' : '100% +'} ${$menuOffset ?? 0}px);\n    ${$startLeft ? 'left: 0' : 'right: 0'};\n    z-index: ${$menuZIndex ?? 'unset'};\n\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0}) rotate(${$placeTop ? 180 : 0}deg);\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n  `;\n  },\n);\n\ninterface IMenuElementWrapperProps {\n  $placeTop?: boolean;\n}\n\nconst MenuElementWrapper = styled.div<IMenuElementWrapperProps>(({ $placeTop }) => {\n  return `\n    transform: rotate(${$placeTop ? 180 : 0}deg);\n  `;\n});\n\nexport { TargetElementWrapper, OptionsMenuWrapper, MenuElementWrapper };\n"],"names":["TargetElementWrapper","styled","OptionsMenuWrapper","$visible","$menuOffset","$startLeft","$menuZIndex","$placeTop","MenuElementWrapper"],"mappings":";AAEA,MAAMA,IAAuBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAe9BC,IAAqBD,EAAO;AAAA,EAChC,CAAC,EAAE,UAAAE,GAAU,aAAAC,GAAa,YAAAC,GAAY,aAAAC,GAAa,WAAAC,QAC1C;AAAA;AAAA,gBAEKA,IAAY,SAAS,QAAQ,IAAIH,KAAe,CAAC;AAAA,MAC3DC,IAAa,YAAY,UAAU;AAAA,eAC1BC,KAAe,OAAO;AAAA;AAAA;AAAA,wBAGbH,IAAW,IAAI,CAAC,YAAYI,IAAY,MAAM,CAAC;AAAA,eACxDJ,IAAW,IAAI,CAAC;AAAA;AAAA;AAI/B,GAMMK,IAAqBP,EAAO,IAA8B,CAAC,EAAE,WAAAM,QAC1D;AAAA,wBACeA,IAAY,MAAM,CAAC;AAAA,GAE1C;"}
+{"version":3,"file":"context-menu-styled.js","sources":["../../../../src/features/ui/context-menu/context-menu-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nconst TargetElementWrapper = styled.div`\n  width: auto;\n  height: fit-content;\n  position: relative;\n  border-radius: 50%;\n`;\n\ninterface IOptionsMenuWrapperProps {\n  $visible: boolean;\n  $startLeft?: boolean;\n  $menuOffset?: number;\n  $menuZIndex?: number;\n  $placeTop?: boolean;\n  $menuWidth?: number | string;\n  $menuWidthX?: number;\n}\n\nconst OptionsMenuWrapper = styled.div<IOptionsMenuWrapperProps>(\n  ({\n    $visible,\n    $menuOffset,\n    $startLeft,\n    $menuZIndex,\n    $placeTop,\n    $menuWidth,\n    $menuWidthX,\n    theme,\n  }) => {\n    const { layout } = theme;\n\n    return `\n    position: absolute;\n    width: ${$menuWidth ? `${$menuWidth}` : 'auto'}${typeof $menuWidth === 'number' ? 'px' : ''};\n    ${$menuWidthX ? `width: ${$menuWidthX * layout.gutter}px;` : ''}\n    top: calc(${$placeTop ? '0% -' : '100% +'} ${$menuOffset ?? 0}px);\n    ${$startLeft ? 'left: 0' : 'right: 0'};\n    z-index: ${$menuZIndex ?? 'unset'};\n\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0}) rotate(${$placeTop ? 180 : 0}deg);\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n  `;\n  },\n);\n\ninterface IMenuElementWrapperProps {\n  $placeTop?: boolean;\n}\n\nconst MenuElementWrapper = styled.div<IMenuElementWrapperProps>(({ $placeTop }) => {\n  return `\n    transform: rotate(${$placeTop ? 180 : 0}deg);\n  `;\n});\n\nexport { TargetElementWrapper, OptionsMenuWrapper, MenuElementWrapper };\n"],"names":["TargetElementWrapper","styled","OptionsMenuWrapper","$visible","$menuOffset","$startLeft","$menuZIndex","$placeTop","$menuWidth","$menuWidthX","theme","layout","MenuElementWrapper"],"mappings":";AAEA,MAAMA,IAAuBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAiB9BC,IAAqBD,EAAO;AAAA,EAChC,CAAC;AAAA,IACC,UAAAE;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,MACI;AACE,UAAA,EAAE,QAAAC,EAAW,IAAAD;AAEZ,WAAA;AAAA;AAAA,aAEEF,IAAa,GAAGA,CAAU,KAAK,MAAM,GAAG,OAAOA,KAAe,WAAW,OAAO,EAAE;AAAA,MACzFC,IAAc,UAAUA,IAAcE,EAAO,MAAM,QAAQ,EAAE;AAAA,gBACnDJ,IAAY,SAAS,QAAQ,IAAIH,KAAe,CAAC;AAAA,MAC3DC,IAAa,YAAY,UAAU;AAAA,eAC1BC,KAAe,OAAO;AAAA;AAAA;AAAA,wBAGbH,IAAW,IAAI,CAAC,YAAYI,IAAY,MAAM,CAAC;AAAA,eACxDJ,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA,EAG7B;AACF,GAMMS,IAAqBX,EAAO,IAA8B,CAAC,EAAE,WAAAM,QAC1D;AAAA,wBACeA,IAAY,MAAM,CAAC;AAAA,GAE1C;"}

package/dist/features/ui/context-menu/context-menu.js

@@ -1,27 +1,42 @@
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import { memo as c, useRef as f } from "react";
-import a from "../hooks/use-context-menu-click-handler.js";
-import { TargetElementWrapper as x, OptionsMenuWrapper as $, MenuElementWrapper as d } from "./context-menu-styled.js";
-const C = c(
-  ({ targetElement: r, menuElement: o, menuOffset: i, startLeft: l, menuZIndex: m, placeTop: e }) => {
-    const n = f(null), { menuVisible: s, onMenuClick: p } = a(n);
-    return /* @__PURE__ */ u(x, { ref: n, onClick: p, children: [
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { memo as $, useRef as d } from "react";
+import x from "../hooks/use-context-menu-click-handler.js";
+import { TargetElementWrapper as C, OptionsMenuWrapper as M, MenuElementWrapper as h } from "./context-menu-styled.js";
+const W = $(
+  ({
+    targetElement: r,
+    menuElement: o,
+    menuOffset: i,
+    startLeft: m,
+    menuZIndex: u,
+    placeTop: e,
+    menuWidth: l,
+    menuWidthX: s,
+    handleOnMenuClick: p
+  }) => {
+    const n = d(null), { menuVisible: c, onMenuClick: f } = x(
+      n,
+      p
+    );
+    return /* @__PURE__ */ a(C, { ref: n, onClick: f, children: [
       r,
       /* @__PURE__ */ t(
-        $,
+        M,
         {
           $menuOffset: i,
-          $visible: s,
-          $startLeft: l,
-          $menuZIndex: m,
+          $visible: c,
+          $startLeft: m,
+          $menuZIndex: u,
           $placeTop: e,
-          children: /* @__PURE__ */ t(d, { $placeTop: e, children: o })
+          $menuWidth: l,
+          $menuWidthX: s,
+          children: /* @__PURE__ */ t(h, { $placeTop: e, children: o })
         }
       )
     ] });
   }
-), b = C;
+), O = W;
 export {
-  b as default
+  O as default
 };
 //# sourceMappingURL=context-menu.js.map

package/dist/features/ui/context-menu/context-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.js","sources":["../../../../src/features/ui/context-menu/context-menu.tsx"],"sourcesContent":["import type { IContextMenuProps } from './context-menu-types';\nimport type { FC } from 'react';\n\nimport { memo, useRef } from 'react';\n\nimport useContextMenuClickHandler from '../hooks/use-context-menu-click-handler';\nimport * as Styled from './context-menu-styled';\n\nconst ContextMenu: FC<IContextMenuProps> = memo(\n  ({ targetElement, menuElement, menuOffset, startLeft, menuZIndex, placeTop }) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const { menuVisible, onMenuClick } = useContextMenuClickHandler(containerRef);\n\n    return (\n      <Styled.TargetElementWrapper ref={containerRef} onClick={onMenuClick}>\n        {targetElement}\n\n        <Styled.OptionsMenuWrapper\n          $menuOffset={menuOffset}\n          $visible={menuVisible}\n          $startLeft={startLeft}\n          $menuZIndex={menuZIndex}\n          $placeTop={placeTop}\n        >\n          <Styled.MenuElementWrapper $placeTop={placeTop}>{menuElement}</Styled.MenuElementWrapper>\n        </Styled.OptionsMenuWrapper>\n      </Styled.TargetElementWrapper>\n    );\n  },\n);\n\nexport default ContextMenu;\n"],"names":["ContextMenu","memo","targetElement","menuElement","menuOffset","startLeft","menuZIndex","placeTop","containerRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","Styled.TargetElementWrapper","jsx","Styled.OptionsMenuWrapper","Styled.MenuElementWrapper","ContextMenu$1"],"mappings":";;;;AAQA,MAAMA,IAAqCC;AAAA,EACzC,CAAC,EAAE,eAAAC,GAAe,aAAAC,GAAa,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,UAAAC,QAAe;AACzE,UAAAC,IAAeC,EAAuB,IAAI,GAE1C,EAAE,aAAAC,GAAa,aAAAC,EAAY,IAAIC,EAA2BJ,CAAY;AAE5E,6BACGK,GAAA,EAA4B,KAAKL,GAAc,SAASG,GACtD,UAAA;AAAA,MAAAT;AAAA,MAED,gBAAAY;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,aAAaX;AAAA,UACb,UAAUM;AAAA,UACV,YAAYL;AAAA,UACZ,aAAaC;AAAA,UACb,WAAWC;AAAA,UAEX,4BAACS,GAAA,EAA0B,WAAWT,GAAW,UAAYJ,GAAA;AAAA,QAAA;AAAA,MAC/D;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAc,IAAejB;"}
+{"version":3,"file":"context-menu.js","sources":["../../../../src/features/ui/context-menu/context-menu.tsx"],"sourcesContent":["import type { IContextMenuProps } from './context-menu-types';\nimport type { FC } from 'react';\n\nimport { memo, useRef } from 'react';\n\nimport useContextMenuClickHandler from '../hooks/use-context-menu-click-handler';\nimport * as Styled from './context-menu-styled';\n\nconst ContextMenu: FC<IContextMenuProps> = memo(\n  ({\n    targetElement,\n    menuElement,\n    menuOffset,\n    startLeft,\n    menuZIndex,\n    placeTop,\n    menuWidth,\n    menuWidthX,\n    handleOnMenuClick,\n  }) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const { menuVisible, onMenuClick } = useContextMenuClickHandler(\n      containerRef,\n      handleOnMenuClick,\n    );\n\n    return (\n      <Styled.TargetElementWrapper ref={containerRef} onClick={onMenuClick}>\n        {targetElement}\n\n        <Styled.OptionsMenuWrapper\n          $menuOffset={menuOffset}\n          $visible={menuVisible}\n          $startLeft={startLeft}\n          $menuZIndex={menuZIndex}\n          $placeTop={placeTop}\n          $menuWidth={menuWidth}\n          $menuWidthX={menuWidthX}\n        >\n          <Styled.MenuElementWrapper $placeTop={placeTop}>{menuElement}</Styled.MenuElementWrapper>\n        </Styled.OptionsMenuWrapper>\n      </Styled.TargetElementWrapper>\n    );\n  },\n);\n\nexport default ContextMenu;\n"],"names":["ContextMenu","memo","targetElement","menuElement","menuOffset","startLeft","menuZIndex","placeTop","menuWidth","menuWidthX","handleOnMenuClick","containerRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","Styled.TargetElementWrapper","jsx","Styled.OptionsMenuWrapper","Styled.MenuElementWrapper","ContextMenu$1"],"mappings":";;;;AAQA,MAAMA,IAAqCC;AAAA,EACzC,CAAC;AAAA,IACC,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,EAAA,MACI;AACE,UAAAC,IAAeC,EAAuB,IAAI,GAE1C,EAAE,aAAAC,GAAa,aAAAC,EAAA,IAAgBC;AAAA,MACnCJ;AAAA,MACAD;AAAA,IAAA;AAGF,6BACGM,GAAA,EAA4B,KAAKL,GAAc,SAASG,GACtD,UAAA;AAAA,MAAAZ;AAAA,MAED,gBAAAe;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,aAAad;AAAA,UACb,UAAUS;AAAA,UACV,YAAYR;AAAA,UACZ,aAAaC;AAAA,UACb,WAAWC;AAAA,UACX,YAAYC;AAAA,UACZ,aAAaC;AAAA,UAEb,4BAACU,GAAA,EAA0B,WAAWZ,GAAW,UAAYJ,GAAA;AAAA,QAAA;AAAA,MAC/D;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAiB,IAAepB;"}

package/dist/features/ui/theme/button.js

@@ -81,123 +81,38 @@ const o = (i) => ({ sizes: {
   },
   tertiary: {
     backgroundColorName: {
-      inactive: "WHITE",
-      active: "RED",
+      inactive: "RED",
+      active: "BLACK",
       disabled: "GREY_3"
     },
     colorName: {
-      inactive: "RED",
+      inactive: "WHITE",
       active: "WHITE",
       disabled: "BLACK"
     },
     borderColorName: {
-      inactive: "RED",
-      active: "RED",
+      inactive: "BLACK",
+      active: "BLACK",
+      disabled: "GREY_3"
+    }
+  },
+  "secondary-gray": {
+    backgroundColorName: {
+      inactive: "WHITE",
+      active: "WHITE_4",
+      disabled: "GREY_3"
+    },
+    colorName: {
+      inactive: "BLACK",
+      active: "BLACK",
+      disabled: "BLACK"
+    },
+    borderColorName: {
+      inactive: "BLACK",
+      active: "BLACK",
       disabled: "GREY_3"
     }
   }
-  // 'yellow': {
-  //   backgroundColorName: {
-  //     inactive: 'YELLOW_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  //   borderColorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  //   colorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'WHITE_4',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  // },
-  // 'yellow-dark': {
-  //   backgroundColorName: {
-  //     inactive: 'YELLOW_4',
-  //     active: 'WHITE_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  //   borderColorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  //   colorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  // },
-  // 'white': {
-  //   backgroundColorName: {
-  //     inactive: 'WHITE_1',
-  //     active: 'BLACK_T_35',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  //   borderColorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  //   colorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  // },
-  // 'white-dark': {
-  //   backgroundColorName: {
-  //     inactive: 'WHITE_4',
-  //     active: 'WHITE_T_70',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  //   borderColorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  //   colorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  // },
-  // 'black': {
-  //   backgroundColorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_T_60',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  //   borderColorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  //   colorName: {
-  //     inactive: 'WHITE_4',
-  //     active: 'WHITE_4',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  // },
-  // 'black-dark': {
-  //   backgroundColorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'WHITE_T_40',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  //   borderColorName: {
-  //     inactive: 'WHITE_4',
-  //     active: 'WHITE_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  //   colorName: {
-  //     inactive: 'WHITE_4',
-  //     active: 'WHITE_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  // },
 } });
 export {
   o as default