@cuemath/leap 2.8.56-as1 → 2.8.56-hg1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/illustrations/illustrations.js +0 -9
- package/dist/assets/illustrations/illustrations.js.map +1 -1
- package/dist/assets/line-icons/icons/closed-eye.js +23 -0
- package/dist/assets/line-icons/icons/closed-eye.js.map +1 -0
- package/dist/features/analytics-events/whitelist-events.js +9 -7
- package/dist/features/analytics-events/whitelist-events.js.map +1 -1
- package/dist/features/chapters/chapters-list/chapter-item/chapter-item-styled.js +33 -98
- package/dist/features/chapters/chapters-list/chapter-item/chapter-item-styled.js.map +1 -1
- package/dist/features/chapters/chapters-list/chapter-item/chapter-item.js +47 -76
- package/dist/features/chapters/chapters-list/chapter-item/chapter-item.js.map +1 -1
- package/dist/features/chapters/chapters-list/chapters-list-styled.js +5 -5
- package/dist/features/chapters/chapters-list/chapters-list-styled.js.map +1 -1
- package/dist/features/chapters/chapters-list/chapters-list.js +70 -65
- package/dist/features/chapters/chapters-list/chapters-list.js.map +1 -1
- package/dist/features/milestone/create/comps/milestone-progress-v2/milestone-progress-v2.js +92 -0
- package/dist/features/milestone/create/comps/milestone-progress-v2/milestone-progress-v2.js.map +1 -0
- package/dist/features/milestone/create/comps/milestone-progress-v2/styled.js +25 -0
- package/dist/features/milestone/create/comps/milestone-progress-v2/styled.js.map +1 -0
- package/dist/features/milestone/edit/comps/edit-milestone-modal/index.js +53 -51
- package/dist/features/milestone/edit/comps/edit-milestone-modal/index.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/api/get-milestones.js +17 -9
- package/dist/features/milestone/milestone-list-container/api/get-milestones.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js +91 -116
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/context-menu-helper/menu-element-styled.js +13 -0
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/context-menu-helper/menu-element-styled.js.map +1 -0
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/context-menu-helper/menu-element.js +38 -0
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/context-menu-helper/menu-element.js.map +1 -0
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.js +121 -105
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-info.js +173 -145
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-info.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs-styled.js +10 -24
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs-styled.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.js +81 -76
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-utils.js +22 -10
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-utils.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget-status.js +53 -0
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget-status.js.map +1 -0
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget-styled.js +37 -70
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget-styled.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget.js +174 -114
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome-info.js +25 -0
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome-info.js.map +1 -0
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome-rank.js +16 -29
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome-rank.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome-styled.js +23 -19
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome-styled.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome.js +35 -23
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list-container.js +36 -34
- package/dist/features/milestone/milestone-list-container/milestone-list-container.js.map +1 -1
- package/dist/features/milestone/milestone-resources/resources-list/resources-list-styled.js +1 -1
- package/dist/features/milestone/milestone-resources/resources-list/resources-list-styled.js.map +1 -1
- package/dist/features/milestone/milestone-resources/resources-list/resources-list.js +78 -96
- package/dist/features/milestone/milestone-resources/resources-list/resources-list.js.map +1 -1
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-cta.js +71 -0
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-cta.js.map +1 -0
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-styled.js +31 -0
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-styled.js.map +1 -0
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils.js +34 -6
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils.js.map +1 -1
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item.js +73 -73
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item.js.map +1 -1
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheets-list-styled.js +7 -8
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheets-list-styled.js.map +1 -1
- package/dist/features/milestone/milestone-tests/tests-list/tests-list.js +68 -77
- package/dist/features/milestone/milestone-tests/tests-list/tests-list.js.map +1 -1
- package/dist/features/sheets/resources-list/resource-item/context-menu-helper/menu-element-styled.js +15 -0
- package/dist/features/sheets/resources-list/resource-item/context-menu-helper/menu-element-styled.js.map +1 -0
- package/dist/features/sheets/resources-list/resource-item/context-menu-helper/menu-element.js +26 -0
- package/dist/features/sheets/resources-list/resource-item/context-menu-helper/menu-element.js.map +1 -0
- package/dist/features/sheets/resources-list/resource-item/resource-item.js +179 -65
- package/dist/features/sheets/resources-list/resource-item/resource-item.js.map +1 -1
- package/dist/features/sheets/resources-list/resource-item/styled.js +38 -0
- package/dist/features/sheets/resources-list/resource-item/styled.js.map +1 -0
- package/dist/features/sheets/resources-list/resource-item/utils.js +23 -0
- package/dist/features/sheets/resources-list/resource-item/utils.js.map +1 -0
- package/dist/features/sheets/resources-list/resources-list.js +5 -5
- package/dist/features/sheets/resources-list/resources-list.js.map +1 -1
- package/dist/features/sheets/resources-list/styled.js +13 -9
- package/dist/features/sheets/resources-list/styled.js.map +1 -1
- package/dist/features/sheets/sheets-analytics-events.js +11 -0
- package/dist/features/sheets/sheets-analytics-events.js.map +1 -0
- package/dist/features/sheets/sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant.js +3 -4
- package/dist/features/sheets/sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant.js.map +1 -1
- package/dist/features/sheets/utils/is-v3-worksheet.js.map +1 -1
- package/dist/features/ui/arrow-tooltip/arrow-tooltip.js +29 -30
- package/dist/features/ui/arrow-tooltip/arrow-tooltip.js.map +1 -1
- package/dist/features/ui/constants/z-index.js +1 -1
- package/dist/features/ui/constants/z-index.js.map +1 -1
- package/dist/features/ui/context-menu/context-menu-styled.js +14 -28
- package/dist/features/ui/context-menu/context-menu-styled.js.map +1 -1
- package/dist/features/ui/context-menu/context-menu.js +15 -30
- package/dist/features/ui/context-menu/context-menu.js.map +1 -1
- package/dist/features/ui/theme/button.js +102 -17
- package/dist/features/ui/theme/button.js.map +1 -1
- package/dist/index.d.ts +12 -200
- package/dist/index.js +469 -487
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/assets/line-icons/icons/alarm.js +0 -41
- package/dist/assets/line-icons/icons/alarm.js.map +0 -1
- package/dist/assets/line-icons/icons/dart.js +0 -23
- package/dist/assets/line-icons/icons/dart.js.map +0 -1
- package/dist/assets/line-icons/icons/exclamation.js +0 -26
- package/dist/assets/line-icons/icons/exclamation.js.map +0 -1
- package/dist/assets/line-icons/icons/home2.js +0 -25
- package/dist/assets/line-icons/icons/home2.js.map +0 -1
- package/dist/assets/line-icons/icons/important.js +0 -23
- package/dist/assets/line-icons/icons/important.js.map +0 -1
- package/dist/assets/line-icons/icons/puzzle.js +0 -25
- package/dist/assets/line-icons/icons/puzzle.js.map +0 -1
- package/dist/assets/line-icons/icons/recap.js +0 -32
- package/dist/assets/line-icons/icons/recap.js.map +0 -1
- package/dist/assets/line-icons/icons/status.js +0 -41
- package/dist/assets/line-icons/icons/status.js.map +0 -1
- package/dist/assets/line-icons/icons/testtube.js +0 -33
- package/dist/assets/line-icons/icons/testtube.js.map +0 -1
- package/dist/features/chapters-v2/api/chapter.js +0 -10
- package/dist/features/chapters-v2/api/chapter.js.map +0 -1
- package/dist/features/chapters-v2/chapter-details/block-sections/block-section-view.js +0 -112
- package/dist/features/chapters-v2/chapter-details/block-sections/block-section-view.js.map +0 -1
- package/dist/features/chapters-v2/chapter-details/block-sections/block-sections-styled.js +0 -26
- package/dist/features/chapters-v2/chapter-details/block-sections/block-sections-styled.js.map +0 -1
- package/dist/features/chapters-v2/chapter-details/block-sections/block-sections.js +0 -69
- package/dist/features/chapters-v2/chapter-details/block-sections/block-sections.js.map +0 -1
- package/dist/features/chapters-v2/chapter-details/chapter-banner/chapter-banner-styled.js +0 -90
- package/dist/features/chapters-v2/chapter-details/chapter-banner/chapter-banner-styled.js.map +0 -1
- package/dist/features/chapters-v2/chapter-details/chapter-banner/chapter-banner.js +0 -97
- package/dist/features/chapters-v2/chapter-details/chapter-banner/chapter-banner.js.map +0 -1
- package/dist/features/chapters-v2/chapter-details/chapter-details-styled.js +0 -52
- package/dist/features/chapters-v2/chapter-details/chapter-details-styled.js.map +0 -1
- package/dist/features/chapters-v2/chapter-details/chapter-details.js +0 -103
- package/dist/features/chapters-v2/chapter-details/chapter-details.js.map +0 -1
- package/dist/features/chapters-v2/comps/node-card/border-path-animation.js +0 -13
- package/dist/features/chapters-v2/comps/node-card/border-path-animation.js.map +0 -1
- package/dist/features/chapters-v2/comps/node-card/node-card-styled.js +0 -153
- package/dist/features/chapters-v2/comps/node-card/node-card-styled.js.map +0 -1
- package/dist/features/chapters-v2/comps/node-card/node-card-tags.js +0 -16
- package/dist/features/chapters-v2/comps/node-card/node-card-tags.js.map +0 -1
- package/dist/features/chapters-v2/comps/node-card/node-card.js +0 -12
- package/dist/features/chapters-v2/comps/node-card/node-card.js.map +0 -1
- package/dist/features/chapters-v2/comps/node-card/node-menu-options/node-menu-options-styled.js +0 -32
- package/dist/features/chapters-v2/comps/node-card/node-menu-options/node-menu-options-styled.js.map +0 -1
- package/dist/features/chapters-v2/comps/node-card/node-menu-options/node-menu-options.js +0 -31
- package/dist/features/chapters-v2/comps/node-card/node-menu-options/node-menu-options.js.map +0 -1
- package/dist/features/chapters-v2/comps/node-card/student-actions/student-actions.js +0 -160
- package/dist/features/chapters-v2/comps/node-card/student-actions/student-actions.js.map +0 -1
- package/dist/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.js +0 -184
- package/dist/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.js.map +0 -1
- package/dist/features/chapters-v2/comps/tag/tag-styled.js +0 -13
- package/dist/features/chapters-v2/comps/tag/tag-styled.js.map +0 -1
- package/dist/features/chapters-v2/comps/tag/tag.js +0 -28
- package/dist/features/chapters-v2/comps/tag/tag.js.map +0 -1
- package/dist/features/chapters-v2/constants/block-constants.js +0 -20
- package/dist/features/chapters-v2/constants/block-constants.js.map +0 -1
- package/dist/features/chapters-v2/constants/node-constants.js +0 -15
- package/dist/features/chapters-v2/constants/node-constants.js.map +0 -1
- package/dist/features/chapters-v2/utils/index.js +0 -41
- package/dist/features/chapters-v2/utils/index.js.map +0 -1
- package/dist/features/chapters-v2/utils/node-card-utils.js +0 -106
- package/dist/features/chapters-v2/utils/node-card-utils.js.map +0 -1
- package/dist/features/homework/card-menu-options.js +0 -36
- package/dist/features/homework/card-menu-options.js.map +0 -1
- package/dist/features/homework/homework-card.js +0 -136
- package/dist/features/homework/homework-card.js.map +0 -1
- package/dist/features/homework/styles.js +0 -114
- package/dist/features/homework/styles.js.map +0 -1
- package/dist/features/homework/utils.js +0 -28
- package/dist/features/homework/utils.js.map +0 -1
- package/dist/features/recent-chapters/api/get-recent-chapters.js +0 -9
- package/dist/features/recent-chapters/api/get-recent-chapters.js.map +0 -1
- package/dist/features/recent-chapters/recent-chapters-styled.js +0 -23
- package/dist/features/recent-chapters/recent-chapters-styled.js.map +0 -1
- package/dist/features/recent-chapters/recent-chapters.js +0 -49
- package/dist/features/recent-chapters/recent-chapters.js.map +0 -1
- package/dist/static/chapter-header-bg-2.c8d96894.svg +0 -1
- package/dist/static/node-custom-test-bg.d3b757be.svg +0 -1
- package/dist/static/node-learn-bg.b61f815c.svg +0 -1
- package/dist/static/node-practice-bg.16cbaf2a.svg +0 -1
- package/dist/static/node-project-bg.e6a33e28.svg +0 -1
- package/dist/static/node-puzzle-bg.3422135c.svg +0 -1
- package/dist/static/node-recap-bg.546154e4.svg +0 -1
- package/dist/static/node-test-prep-bg.42c0b9c4.svg +0 -1
- package/dist/static/node-video-bg.3df3f73a.svg +0 -1
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"node-constants.js","sources":["../../../../src/features/chapters-v2/constants/node-constants.ts"],"sourcesContent":["export const TEACHER_MENU_LABELS = {\n ASSIGN_AS_HW: 'Assign 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 REVIEW: 'Review',\n VIEW: 'View',\n};\n\nexport enum NODE_CARD_STATES {\n LOCKED = 'LOCKED',\n NOT_STARTED = 'NOT_STARTED',\n WAIT_FOR_REVIEW = 'WAIT_FOR_REVIEW',\n IN_PROGRESS = 'IN_PROGRESS',\n COMPLETED = 'COMPLETED',\n}\n"],"names":["TEACHER_MENU_LABELS","NODE_CARD_STATES"],"mappings":"AAAO,MAAMA,IAAsB;AAAA,EACjC,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,MAAM;AAAA,EACN,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,MAAM;AACR;AAEY,IAAAC,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,cAAc,eACdA,EAAA,kBAAkB,mBAClBA,EAAA,cAAc,eACdA,EAAA,YAAY,aALFA,IAAAA,KAAA,CAAA,CAAA;"}
|
@@ -1,41 +0,0 @@
|
|
1
|
-
import { ILLUSTRATIONS as e } from "../../../assets/illustrations/illustrations.js";
|
2
|
-
const _ = (t) => {
|
3
|
-
if (!t) return 0;
|
4
|
-
const { mandatory: E } = t, { completed: c, total: r } = E;
|
5
|
-
return Math.floor(c / r * 100);
|
6
|
-
}, o = (t) => {
|
7
|
-
switch (t) {
|
8
|
-
case "LEARNING":
|
9
|
-
return e.NODE_LEARN_BG;
|
10
|
-
case "RECAP":
|
11
|
-
return e.NODE_RECAP_BG;
|
12
|
-
case "ASSESSMENT":
|
13
|
-
case "DYNAMIC":
|
14
|
-
return e.NODE_CUSTOM_TEST_BG;
|
15
|
-
case "PRACTICE":
|
16
|
-
case "EXTRA_PRACTICE":
|
17
|
-
case "TARGET_PRACTICE":
|
18
|
-
case "MASTERY":
|
19
|
-
return e.NODE_PRACTICE_BG;
|
20
|
-
case "PUZZLE_EASY":
|
21
|
-
case "PUZZLE_MEDIUM":
|
22
|
-
case "PUZZLE_HARD":
|
23
|
-
return e.NODE_PUZZLE_BG;
|
24
|
-
case "VIDEO":
|
25
|
-
return e.NODE_VIDEO_BG;
|
26
|
-
default:
|
27
|
-
return e.NODE_CUSTOM_TEST_BG;
|
28
|
-
}
|
29
|
-
}, T = (t, E, c, r) => {
|
30
|
-
if (!t) {
|
31
|
-
if (!c) return `(${E})`;
|
32
|
-
if (r !== void 0 && r > 0)
|
33
|
-
return `${r}`;
|
34
|
-
}
|
35
|
-
};
|
36
|
-
export {
|
37
|
-
_ as getChapterCompletionPercentage,
|
38
|
-
o as getNodeTypeBasedBgImage,
|
39
|
-
T as getSheetNLessonCount
|
40
|
-
};
|
41
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/features/chapters-v2/utils/index.ts"],"sourcesContent":["import type { IChapterProgressStats } from '../chapter-details/chapter-details-types';\nimport type { INodeDataProps } from '../comps/node-card/node-card-types';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\n\n// This function calculates the completion percentage of a chapter based on progress stats.\n// If no progress stats are provided, it returns 0.\n// It uses the `mandatory` field from the progress stats to determine the completed and total items.\n// It returns an integer representing the percentage of completion, rounded down to the nearest whole number.\nconst getChapterCompletionPercentage = (progressStats: IChapterProgressStats | null) => {\n if (!progressStats) return 0;\n\n const { mandatory } = progressStats;\n const { completed, total } = mandatory;\n\n const percentage = Math.floor((completed / total) * 100);\n\n return percentage;\n};\n\nconst getNodeTypeBasedBgImage = (nodeType: INodeDataProps['node_type']) => {\n switch (nodeType) {\n case 'LEARNING':\n return ILLUSTRATIONS.NODE_LEARN_BG;\n case 'RECAP':\n return ILLUSTRATIONS.NODE_RECAP_BG;\n\n case 'ASSESSMENT':\n case 'DYNAMIC':\n return ILLUSTRATIONS.NODE_CUSTOM_TEST_BG;\n\n case 'PRACTICE':\n case 'EXTRA_PRACTICE':\n case 'TARGET_PRACTICE':\n case 'MASTERY':\n return ILLUSTRATIONS.NODE_PRACTICE_BG;\n\n case 'PUZZLE_EASY':\n case 'PUZZLE_MEDIUM':\n case 'PUZZLE_HARD':\n return ILLUSTRATIONS.NODE_PUZZLE_BG;\n\n case 'VIDEO':\n return ILLUSTRATIONS.NODE_VIDEO_BG;\n\n default:\n return ILLUSTRATIONS.NODE_CUSTOM_TEST_BG;\n }\n};\n\nconst getSheetNLessonCount = (\n isSkipped: boolean,\n sheetsLength: number,\n isGoalBlock?: boolean,\n lessonIdx?: number,\n) => {\n if (isSkipped) return undefined;\n\n if (!isGoalBlock) return `(${sheetsLength})`;\n\n if (lessonIdx !== undefined && lessonIdx > 0) {\n return `${lessonIdx}`;\n }\n};\n\nexport { getChapterCompletionPercentage, getNodeTypeBasedBgImage, getSheetNLessonCount };\n"],"names":["getChapterCompletionPercentage","progressStats","mandatory","completed","total","getNodeTypeBasedBgImage","nodeType","ILLUSTRATIONS","getSheetNLessonCount","isSkipped","sheetsLength","isGoalBlock","lessonIdx"],"mappings":";AASM,MAAAA,IAAiC,CAACC,MAAgD;AAClF,MAAA,CAACA,EAAsB,QAAA;AAErB,QAAA,EAAE,WAAAC,EAAc,IAAAD,GAChB,EAAE,WAAAE,GAAW,OAAAC,EAAU,IAAAF;AAItB,SAFY,KAAK,MAAOC,IAAYC,IAAS,GAAG;AAGzD,GAEMC,IAA0B,CAACC,MAA0C;AACzE,UAAQA,GAAU;AAAA,IAChB,KAAK;AACH,aAAOC,EAAc;AAAA,IACvB,KAAK;AACH,aAAOA,EAAc;AAAA,IAEvB,KAAK;AAAA,IACL,KAAK;AACH,aAAOA,EAAc;AAAA,IAEvB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAOA,EAAc;AAAA,IAEvB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAOA,EAAc;AAAA,IAEvB,KAAK;AACH,aAAOA,EAAc;AAAA,IAEvB;AACE,aAAOA,EAAc;AAAA,EACzB;AACF,GAEMC,IAAuB,CAC3BC,GACAC,GACAC,GACAC,MACG;AACH,MAAI,CAAAH,GAEJ;AAAA,QAAI,CAACE,EAAoB,QAAA,IAAID,CAAY;AAErC,QAAAE,MAAc,UAAaA,IAAY;AACzC,aAAO,GAAGA,CAAS;AAAA;AAEvB;"}
|
@@ -1,106 +0,0 @@
|
|
1
|
-
import { jsx as e, jsxs as m } from "react/jsx-runtime";
|
2
|
-
import E from "../../../assets/line-icons/icons/alarm.js";
|
3
|
-
import I from "../../../assets/line-icons/icons/bulb2.js";
|
4
|
-
import u from "../../../assets/line-icons/icons/check2.js";
|
5
|
-
import f from "../../../assets/line-icons/icons/dart.js";
|
6
|
-
import d from "../../../assets/line-icons/icons/exclamation.js";
|
7
|
-
import p from "../../../assets/line-icons/icons/lock2.js";
|
8
|
-
import l from "../../../assets/line-icons/icons/play2.js";
|
9
|
-
import T from "../../../assets/line-icons/icons/puzzle.js";
|
10
|
-
import R from "../../../assets/line-icons/icons/recap.js";
|
11
|
-
import A from "../../../assets/line-icons/icons/status.js";
|
12
|
-
import D from "../../../assets/line-icons/icons/testtube.js";
|
13
|
-
import h from "../../ui/layout/flex-view.js";
|
14
|
-
import s from "../../ui/text/text.js";
|
15
|
-
import { InProgressIconWrapper as S } from "../comps/node-card/node-card-styled.js";
|
16
|
-
import i from "../comps/tag/tag.js";
|
17
|
-
const g = 60 * 60 * 24, $ = ["NOT_STARTED", "IN_PROGRESS"], C = (r) => {
|
18
|
-
if (!r)
|
19
|
-
return { isOverdue: !1, daysText: "" };
|
20
|
-
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` : "";
|
21
|
-
return { isOverdue: t, daysText: a };
|
22
|
-
}, W = (r, c, n) => {
|
23
|
-
const { isOverdue: o, daysText: t } = C(n);
|
24
|
-
if (o && $.includes(r))
|
25
|
-
return {
|
26
|
-
icon: /* @__PURE__ */ e(h, { $background: "RED", $borderRadius: 16, $gapX: 0.24, $gutterX: 0.5, children: /* @__PURE__ */ e(s, { $renderAs: "ac4-black", $color: "WHITE", children: "OVERDUE" }) }),
|
27
|
-
top: -10,
|
28
|
-
right: -10
|
29
|
-
};
|
30
|
-
switch (r) {
|
31
|
-
case "LOCKED":
|
32
|
-
return {
|
33
|
-
icon: /* @__PURE__ */ e(p, { width: 32, height: 32 }),
|
34
|
-
top: -12,
|
35
|
-
right: -12
|
36
|
-
};
|
37
|
-
case "IN_PROGRESS":
|
38
|
-
return {
|
39
|
-
icon: /* @__PURE__ */ m(
|
40
|
-
S,
|
41
|
-
{
|
42
|
-
$flexDirection: "row",
|
43
|
-
$alignItems: "center",
|
44
|
-
$justifyContent: "center",
|
45
|
-
$gutterX: t ? 0.5 : 0,
|
46
|
-
$borderRadius: 16,
|
47
|
-
children: [
|
48
|
-
t && /* @__PURE__ */ e(s, { $renderAs: "ac4-black", $color: "WHITE", children: t }),
|
49
|
-
/* @__PURE__ */ e(A, {})
|
50
|
-
]
|
51
|
-
}
|
52
|
-
)
|
53
|
-
};
|
54
|
-
case "COMPLETED":
|
55
|
-
return {
|
56
|
-
icon: /* @__PURE__ */ e(
|
57
|
-
i,
|
58
|
-
{
|
59
|
-
Icon: u,
|
60
|
-
label: typeof c == "number" ? `${c}%` : void 0
|
61
|
-
}
|
62
|
-
),
|
63
|
-
top: -10,
|
64
|
-
right: -10
|
65
|
-
};
|
66
|
-
case "WAIT_FOR_REVIEW":
|
67
|
-
return {
|
68
|
-
icon: /* @__PURE__ */ e(i, { Icon: d }),
|
69
|
-
//<AlertIcon width={32} height={32} fill="white" />,
|
70
|
-
top: -10,
|
71
|
-
right: -10
|
72
|
-
};
|
73
|
-
default:
|
74
|
-
return {
|
75
|
-
icon: void 0
|
76
|
-
};
|
77
|
-
}
|
78
|
-
}, X = (r) => {
|
79
|
-
switch (r) {
|
80
|
-
case "LEARNING":
|
81
|
-
return I;
|
82
|
-
case "RECAP":
|
83
|
-
return R;
|
84
|
-
case "DYNAMIC":
|
85
|
-
case "ASSESSMENT":
|
86
|
-
return E;
|
87
|
-
case "PRACTICE":
|
88
|
-
case "EXTRA_PRACTICE":
|
89
|
-
case "TARGET_PRACTICE":
|
90
|
-
case "MASTERY":
|
91
|
-
return f;
|
92
|
-
case "PUZZLE_EASY":
|
93
|
-
case "PUZZLE_MEDIUM":
|
94
|
-
case "PUZZLE_HARD":
|
95
|
-
return T;
|
96
|
-
case "VIDEO":
|
97
|
-
return l;
|
98
|
-
default:
|
99
|
-
return D;
|
100
|
-
}
|
101
|
-
};
|
102
|
-
export {
|
103
|
-
X as getNodeCardBasedIcon,
|
104
|
-
W as getNodeStateBasedTagInfo
|
105
|
-
};
|
106
|
-
//# sourceMappingURL=node-card-utils.js.map
|
@@ -1 +0,0 @@
|
|
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} />, //<AlertIcon width={32} height={32} fill=\"white\" />,\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 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;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;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;"}
|
@@ -1,36 +0,0 @@
|
|
1
|
-
import { jsx as e, jsxs as l } from "react/jsx-runtime";
|
2
|
-
import { memo as $ } from "react";
|
3
|
-
import { CardOptions as c, CardOptionWrapper as m, OptionText as d } from "./styles.js";
|
4
|
-
const h = $(({ options: o, className: n }) => o.length === 0 ? null : /* @__PURE__ */ e(
|
5
|
-
c,
|
6
|
-
{
|
7
|
-
className: n,
|
8
|
-
$background: "BLACK_2",
|
9
|
-
$borderColor: "WHITE_T_38",
|
10
|
-
$gapX: 0.5,
|
11
|
-
children: o.map(({ icon: i, label: p, id: t, disabled: r, onClick: a }) => /* @__PURE__ */ l(
|
12
|
-
m,
|
13
|
-
{
|
14
|
-
$flexDirection: "row",
|
15
|
-
$alignItems: "center",
|
16
|
-
$flexGap: 8,
|
17
|
-
$gapX: 0.5,
|
18
|
-
$gutterX: 1,
|
19
|
-
$opacity: r ? 0.5 : 1,
|
20
|
-
$disabled: r,
|
21
|
-
onClick: () => {
|
22
|
-
r || a(t);
|
23
|
-
},
|
24
|
-
children: [
|
25
|
-
/* @__PURE__ */ e(i, { width: 20, height: 20 }),
|
26
|
-
/* @__PURE__ */ e(d, { $renderAs: "ub3", $color: "WHITE", children: p })
|
27
|
-
]
|
28
|
-
},
|
29
|
-
t
|
30
|
-
))
|
31
|
-
}
|
32
|
-
));
|
33
|
-
export {
|
34
|
-
h as default
|
35
|
-
};
|
36
|
-
//# sourceMappingURL=card-menu-options.js.map
|
@@ -1 +0,0 @@
|
|
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 } from 'react';\n\nimport * as Styled from './styles';\n\nexport interface ICardMenuOption {\n id: string;\n label: string;\n icon: FC<SVGProps<SVGSVGElement>>;\n onClick: (id: string) => void;\n disabled: boolean;\n}\n\nexport interface ICardMenuOptionsProps {\n options: ICardMenuOption[];\n className?: string;\n}\n\nconst CardMenuOptions: FC<ICardMenuOptionsProps> = memo(({ options, className }) => {\n if (options.length === 0) return null;\n\n return (\n <Styled.CardOptions\n className={className}\n $background=\"BLACK_2\"\n $borderColor=\"WHITE_T_38\"\n $gapX={0.5}\n >\n {options.map(({ icon: OptionIcon, label, id, disabled, onClick }) => (\n <Styled.CardOptionWrapper\n key={id}\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 onClick={() => {\n if (!disabled) {\n onClick(id);\n }\n }}\n >\n <OptionIcon width={20} height={20} />\n <Styled.OptionText $renderAs=\"ub3\" $color=\"WHITE\">\n {label}\n </Styled.OptionText>\n </Styled.CardOptionWrapper>\n ))}\n </Styled.CardOptions>\n );\n});\n\nexport default CardMenuOptions;\n"],"names":["CardMenuOptions","memo","options","className","jsx","Styled.CardOptions","OptionIcon","label","id","disabled","onClick","jsxs","Styled.CardOptionWrapper","Styled.OptionText"],"mappings":";;;AAmBA,MAAMA,IAA6CC,EAAK,CAAC,EAAE,SAAAC,GAAS,WAAAC,QAC9DD,EAAQ,WAAW,IAAU,OAG/B,gBAAAE;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAAF;AAAA,IACA,aAAY;AAAA,IACZ,cAAa;AAAA,IACb,OAAO;AAAA,IAEN,UAAAD,EAAQ,IAAI,CAAC,EAAE,MAAMI,GAAY,OAAAC,GAAO,IAAAC,GAAI,UAAAC,GAAU,SAAAC,EACrD,MAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,UAAU;AAAA,QACV,UAAUH,IAAW,MAAM;AAAA,QAC3B,WAAWA;AAAA,QACX,SAAS,MAAM;AACb,UAAKA,KACHC,EAAQF,CAAE;AAAA,QAEd;AAAA,QAEA,UAAA;AAAA,UAAA,gBAAAJ,EAACE,GAAW,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,UACnC,gBAAAF,EAACS,GAAA,EAAkB,WAAU,OAAM,QAAO,SACvC,UACHN,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAjBKC;AAAA,IAAA,CAmBR;AAAA,EAAA;AAAA,CAGN;"}
|
@@ -1,136 +0,0 @@
|
|
1
|
-
import { jsx as e, jsxs as i } from "react/jsx-runtime";
|
2
|
-
import { useRef as u, useState as E, useLayoutEffect as M } from "react";
|
3
|
-
import R from "../../assets/line-icons/icons/eye2.js";
|
4
|
-
import W from "../../assets/line-icons/icons/more-vertical.js";
|
5
|
-
import y from "../chapters-v2/comps/node-card/node-card-tags.js";
|
6
|
-
import { getNodeTypeBasedBgImage as B } from "../chapters-v2/utils/index.js";
|
7
|
-
import { getNodeCardBasedIcon as O } from "../chapters-v2/utils/node-card-utils.js";
|
8
|
-
import $ from "../ui/arrow-tooltip/arrow-tooltip.js";
|
9
|
-
import j from "../ui/hooks/use-context-menu-click-handler.js";
|
10
|
-
import n from "../ui/layout/flex-view.js";
|
11
|
-
import S from "../ui/text/text.js";
|
12
|
-
import _ from "./card-menu-options.js";
|
13
|
-
import { CardContainer as G, CardWrapper as K, IconWrapper as L, BannerImageWrapper as z, BannerImage as F, HeaderText as q, SubHeaderText as J, CardKebabMenuWrapper as P, CardMenuOptionsWrapper as Q, StyledMinus2Icon as Y } from "./styles.js";
|
14
|
-
const ae = ({
|
15
|
-
accuracy: f,
|
16
|
-
cardHeader: g,
|
17
|
-
dueDateTs: b,
|
18
|
-
header: a,
|
19
|
-
imageHue: C = "ORANGE",
|
20
|
-
imageUrl: s,
|
21
|
-
nodeData: r,
|
22
|
-
nodeType: l,
|
23
|
-
onNodeUnassign: o,
|
24
|
-
onNodeView: c,
|
25
|
-
state: w,
|
26
|
-
subHeader: I,
|
27
|
-
userType: x
|
28
|
-
}) => {
|
29
|
-
const T = B(l), d = O(l), p = u(null), { menuVisible: k, onMenuClick: X } = j(p), t = u(null), [A, H] = E(!1);
|
30
|
-
M(() => {
|
31
|
-
t.current && t.current.scrollHeight > t.current.clientHeight && H(!0);
|
32
|
-
}, [t]);
|
33
|
-
const h = (m) => {
|
34
|
-
switch (m) {
|
35
|
-
case "card-view":
|
36
|
-
r && (c == null || c(r));
|
37
|
-
return;
|
38
|
-
case "card-unassign":
|
39
|
-
r && (o == null || o(r));
|
40
|
-
return;
|
41
|
-
default:
|
42
|
-
throw new Error(`No callback function for ${m}`);
|
43
|
-
}
|
44
|
-
}, v = [
|
45
|
-
{
|
46
|
-
id: "card-view",
|
47
|
-
label: "View",
|
48
|
-
icon: R,
|
49
|
-
disabled: !1,
|
50
|
-
onClick: h
|
51
|
-
},
|
52
|
-
{
|
53
|
-
id: "card-unassign",
|
54
|
-
label: "Unassign",
|
55
|
-
icon: Y,
|
56
|
-
disabled: !1,
|
57
|
-
onClick: h
|
58
|
-
}
|
59
|
-
];
|
60
|
-
return /* @__PURE__ */ e(G, { $widthX: 12.5, $position: "relative", children: /* @__PURE__ */ i(n, { $background: `${C}_2`, children: [
|
61
|
-
/* @__PURE__ */ i(
|
62
|
-
K,
|
63
|
-
{
|
64
|
-
$flexDirection: "row",
|
65
|
-
$alignItems: "center",
|
66
|
-
$width: "100%",
|
67
|
-
$heightX: 3.5,
|
68
|
-
$bgImage: T,
|
69
|
-
$gutterX: 0.78125,
|
70
|
-
$flexGap: 8.5,
|
71
|
-
$position: "relative",
|
72
|
-
children: [
|
73
|
-
/* @__PURE__ */ e(
|
74
|
-
L,
|
75
|
-
{
|
76
|
-
$width: 31,
|
77
|
-
$height: 31,
|
78
|
-
$borderRadiusX: 2,
|
79
|
-
$background: "WHITE_1",
|
80
|
-
$position: "relative",
|
81
|
-
$alignItems: "center",
|
82
|
-
$justifyContent: "center",
|
83
|
-
children: d && /* @__PURE__ */ e(d, { width: 20, height: 20 })
|
84
|
-
}
|
85
|
-
),
|
86
|
-
/* @__PURE__ */ e(S, { $renderAs: "ac4-black", children: g }),
|
87
|
-
!!s && /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(F, { src: s, alt: "Chapter image" }) })
|
88
|
-
]
|
89
|
-
}
|
90
|
-
),
|
91
|
-
/* @__PURE__ */ e(y, { nodeType: l, state: w, accuracy: f, dueDateTs: b }),
|
92
|
-
/* @__PURE__ */ i(n, { $gutterX: 0.75, $gapX: 1, $flexRowGapX: 0.5, $background: "WHITE", children: [
|
93
|
-
/* @__PURE__ */ e(
|
94
|
-
$,
|
95
|
-
{
|
96
|
-
renderAs: "primary",
|
97
|
-
position: "bottom",
|
98
|
-
tooltipItem: a || "",
|
99
|
-
hidden: !A,
|
100
|
-
widthX: 21.75,
|
101
|
-
children: /* @__PURE__ */ e(n, { $heightX: 2.5, children: /* @__PURE__ */ e(q, { ref: t, $renderAs: "ab3", children: a }) })
|
102
|
-
}
|
103
|
-
),
|
104
|
-
/* @__PURE__ */ i(
|
105
|
-
n,
|
106
|
-
{
|
107
|
-
$flexDirection: "row",
|
108
|
-
$heightX: 1.25,
|
109
|
-
$alignItems: "center",
|
110
|
-
$justifyContent: "space-between",
|
111
|
-
children: [
|
112
|
-
/* @__PURE__ */ e(J, { $renderAs: "ub3", $color: "BLACK_T_60", children: I }),
|
113
|
-
x === "TEACHER" && r && (c || o) && /* @__PURE__ */ i(n, { $position: "relative", $width: "fit-content", children: [
|
114
|
-
/* @__PURE__ */ e(
|
115
|
-
$,
|
116
|
-
{
|
117
|
-
renderAs: "primary",
|
118
|
-
tooltipItem: "Review",
|
119
|
-
position: "bottom",
|
120
|
-
zIndex: 5,
|
121
|
-
parentWidth: "100%",
|
122
|
-
children: /* @__PURE__ */ e(P, { ref: p, onClick: X, children: /* @__PURE__ */ e(W, { width: 16, height: 16 }) })
|
123
|
-
}
|
124
|
-
),
|
125
|
-
/* @__PURE__ */ e(Q, { $visible: k, children: /* @__PURE__ */ e(_, { options: v }) })
|
126
|
-
] })
|
127
|
-
]
|
128
|
-
}
|
129
|
-
)
|
130
|
-
] })
|
131
|
-
] }) });
|
132
|
-
};
|
133
|
-
export {
|
134
|
-
ae as default
|
135
|
-
};
|
136
|
-
//# sourceMappingURL=homework-card.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"homework-card.js","sources":["../../../src/features/homework/homework-card.tsx"],"sourcesContent":["import type { INodeDataProps, TSheetStates } from '../chapters-v2/comps/node-card/node-card-types';\nimport type { TNodeTypeProps } from '../sheets/sheets-list/sheet-item/sheet-item-types';\nimport type { THueNames } from '../ui/types';\nimport type { ICardMenuOption } from './card-menu-options';\n\nimport { useLayoutEffect, useRef, useState } from 'react';\n\nimport Eye2Icon from '../../assets/line-icons/icons/eye2';\nimport MoreVerticalIcon from '../../assets/line-icons/icons/more-vertical';\nimport NodeCardTags from '../chapters-v2/comps/node-card/node-card-tags';\nimport { getNodeTypeBasedBgImage } from '../chapters-v2/utils';\nimport { getNodeCardBasedIcon } from '../chapters-v2/utils/node-card-utils';\nimport ArrowTooltip from '../ui/arrow-tooltip/arrow-tooltip';\nimport useContextMenuClickHandler from '../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\nimport CardMenuOptions from './card-menu-options';\nimport * as Styled from './styles';\n\ninterface IHomeworkCardProps {\n accuracy: number | null;\n cardHeader: string;\n dueDateTs?: number | null;\n header: string;\n imageHue?: THueNames;\n imageUrl?: string;\n nodeData?: INodeDataProps;\n nodeType: TNodeTypeProps;\n onNodeUnassign?: (nodeData: INodeDataProps) => void;\n onNodeView?: (nodeData: INodeDataProps) => void;\n state: TSheetStates;\n subHeader: string;\n userType: 'TEACHER' | 'STUDENT';\n}\n\nconst HomeworkCard = ({\n accuracy,\n cardHeader,\n dueDateTs,\n header,\n imageHue = 'ORANGE',\n imageUrl,\n nodeData,\n nodeType,\n onNodeUnassign,\n onNodeView,\n state,\n subHeader,\n userType,\n}: IHomeworkCardProps) => {\n const bgImage = getNodeTypeBasedBgImage(nodeType);\n const NodeCardIcon = getNodeCardBasedIcon(nodeType);\n const containerRef = useRef<HTMLDivElement>(null);\n const { menuVisible, onMenuClick } = useContextMenuClickHandler(containerRef);\n const titleTextRef = useRef<HTMLDivElement>(null);\n const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n\n useLayoutEffect(() => {\n if (\n titleTextRef.current &&\n titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n ) {\n setShowTitleTooltip(true);\n }\n }, [titleTextRef]);\n const handleOnMenuOptionClick = (optionId: string) => {\n switch (optionId) {\n case 'card-view':\n nodeData && onNodeView?.(nodeData);\n\n return;\n\n case 'card-unassign':\n nodeData && onNodeUnassign?.(nodeData);\n\n return;\n\n default:\n throw new Error(`No callback function for ${optionId}`);\n }\n };\n\n const menuOptions: ICardMenuOption[] = [\n {\n id: 'card-view',\n label: 'View',\n icon: Eye2Icon,\n disabled: false,\n onClick: handleOnMenuOptionClick,\n },\n {\n id: 'card-unassign',\n label: 'Unassign',\n icon: Styled.StyledMinus2Icon,\n disabled: false,\n onClick: handleOnMenuOptionClick,\n },\n ];\n\n return (\n <Styled.CardContainer $widthX={12.5} $position=\"relative\">\n <FlexView $background={`${imageHue}_2`}>\n <Styled.CardWrapper\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $width=\"100%\"\n $heightX={3.5}\n $bgImage={bgImage}\n $gutterX={0.78125}\n $flexGap={8.5}\n $position=\"relative\"\n >\n <Styled.IconWrapper\n $width={31}\n $height={31}\n $borderRadiusX={2}\n $background=\"WHITE_1\"\n $position=\"relative\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n >\n {NodeCardIcon && <NodeCardIcon width={20} height={20} />}\n </Styled.IconWrapper>\n <Text $renderAs=\"ac4-black\">{cardHeader}</Text>\n {!!imageUrl && (\n <Styled.BannerImageWrapper>\n <Styled.BannerImage src={imageUrl} alt=\"Chapter image\" />\n </Styled.BannerImageWrapper>\n )}\n </Styled.CardWrapper>\n <NodeCardTags nodeType={nodeType} state={state} accuracy={accuracy} dueDateTs={dueDateTs} />\n <FlexView $gutterX={0.75} $gapX={1} $flexRowGapX={0.5} $background=\"WHITE\">\n <ArrowTooltip\n renderAs=\"primary\"\n position=\"bottom\"\n tooltipItem={header || ''}\n hidden={!showTitleTooltip}\n widthX={21.75}\n >\n <FlexView $heightX={2.5}>\n <Styled.HeaderText ref={titleTextRef} $renderAs=\"ab3\">\n {header}\n </Styled.HeaderText>\n </FlexView>\n </ArrowTooltip>\n <FlexView\n $flexDirection=\"row\"\n $heightX={1.25}\n $alignItems=\"center\"\n $justifyContent=\"space-between\"\n >\n <Styled.SubHeaderText $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n {subHeader}\n </Styled.SubHeaderText>\n {userType === 'TEACHER' && nodeData && (onNodeView || onNodeUnassign) && (\n <FlexView $position=\"relative\" $width=\"fit-content\">\n <ArrowTooltip\n renderAs=\"primary\"\n tooltipItem=\"Review\"\n position=\"bottom\"\n zIndex={5}\n parentWidth=\"100%\"\n >\n <Styled.CardKebabMenuWrapper ref={containerRef} onClick={onMenuClick}>\n <MoreVerticalIcon width={16} height={16} />\n </Styled.CardKebabMenuWrapper>\n </ArrowTooltip>\n <Styled.CardMenuOptionsWrapper $visible={menuVisible}>\n <CardMenuOptions options={menuOptions} />\n </Styled.CardMenuOptionsWrapper>\n </FlexView>\n )}\n </FlexView>\n </FlexView>\n </FlexView>\n </Styled.CardContainer>\n );\n};\n\nexport default HomeworkCard;\n"],"names":["HomeworkCard","accuracy","cardHeader","dueDateTs","header","imageHue","imageUrl","nodeData","nodeType","onNodeUnassign","onNodeView","state","subHeader","userType","bgImage","getNodeTypeBasedBgImage","NodeCardIcon","getNodeCardBasedIcon","containerRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","titleTextRef","showTitleTooltip","setShowTitleTooltip","useState","useLayoutEffect","handleOnMenuOptionClick","optionId","menuOptions","Eye2Icon","Styled.StyledMinus2Icon","jsx","Styled.CardContainer","jsxs","FlexView","Styled.CardWrapper","Styled.IconWrapper","Text","Styled.BannerImageWrapper","Styled.BannerImage","NodeCardTags","ArrowTooltip","Styled.HeaderText","Styled.SubHeaderText","Styled.CardKebabMenuWrapper","MoreVerticalIcon","Styled.CardMenuOptionsWrapper","CardMenuOptions"],"mappings":"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"}
|
@@ -1,114 +0,0 @@
|
|
1
|
-
import r from "styled-components";
|
2
|
-
import i from "../../assets/line-icons/icons/minus2.js";
|
3
|
-
import t from "../ui/layout/flex-view.js";
|
4
|
-
import n from "../ui/text/text.js";
|
5
|
-
const l = r(t)(({ theme: o }) => `
|
6
|
-
cursor: pointer;
|
7
|
-
width: fit-content;
|
8
|
-
|
9
|
-
&:hover {
|
10
|
-
border-radius: 50%;
|
11
|
-
background: ${o.colors.WHITE_5};
|
12
|
-
}
|
13
|
-
`), d = r(n)`
|
14
|
-
display: -webkit-box;
|
15
|
-
-webkit-line-clamp: 1;
|
16
|
-
-webkit-box-orient: vertical;
|
17
|
-
overflow: hidden;
|
18
|
-
text-overflow: ellipsis;
|
19
|
-
`, u = r(t)(({
|
20
|
-
theme: o,
|
21
|
-
$visible: e
|
22
|
-
}) => `
|
23
|
-
cursor: pointer;
|
24
|
-
position: absolute;
|
25
|
-
z-index: 6;
|
26
|
-
top: calc(100% + 4px);
|
27
|
-
left: 0;
|
28
|
-
transform-origin: top;
|
29
|
-
transform: scaleY(${e ? 1 : 0});
|
30
|
-
opacity: ${e ? 1 : 0};
|
31
|
-
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
|
32
|
-
|
33
|
-
&:hover {
|
34
|
-
border-radius: 50%;
|
35
|
-
background: ${o.colors.WHITE_5};
|
36
|
-
}
|
37
|
-
`), x = r(t)`
|
38
|
-
border: 1px solid ${({ theme: o }) => o.colors.BLACK_T_15};
|
39
|
-
|
40
|
-
/* :hover {
|
41
|
-
border: 1px solid ${({ theme: o }) => o.colors.BLACK};
|
42
|
-
} */
|
43
|
-
`, b = r(t)(({ $bgImage: o }) => `
|
44
|
-
background-image: url(${o});
|
45
|
-
background-repeat: no-repeat;
|
46
|
-
background-size: cover;
|
47
|
-
background-position: center;
|
48
|
-
overflow: hidden;
|
49
|
-
`), w = r(t)`
|
50
|
-
display: flex;
|
51
|
-
align-items: center;
|
52
|
-
justify-content: center;
|
53
|
-
`, f = r(t)`
|
54
|
-
position: absolute;
|
55
|
-
right: -18px;
|
56
|
-
top: -4px;
|
57
|
-
`, g = r.img(({ theme: o }) => {
|
58
|
-
const { gutter: e } = o.layout;
|
59
|
-
return `
|
60
|
-
border: 1px solid ${o.colors.BLACK_T_15};
|
61
|
-
width: ${e * 4}px;
|
62
|
-
height: ${e * 4}px;
|
63
|
-
border-radius: 50%;
|
64
|
-
`;
|
65
|
-
}), h = r(i)`
|
66
|
-
path {
|
67
|
-
stroke: ${({ theme: o }) => o.colors.WHITE};
|
68
|
-
}
|
69
|
-
`, m = r(n)`
|
70
|
-
display: -webkit-box;
|
71
|
-
-webkit-line-clamp: 2;
|
72
|
-
-webkit-box-orient: vertical;
|
73
|
-
overflow: hidden;
|
74
|
-
text-overflow: ellipsis;
|
75
|
-
`, k = r(t)`
|
76
|
-
box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.4);
|
77
|
-
width: 180px;
|
78
|
-
position: relative;
|
79
|
-
left: 0;
|
80
|
-
top: 0;
|
81
|
-
`, v = r(t)(({
|
82
|
-
theme: o,
|
83
|
-
$disabled: e
|
84
|
-
}) => `
|
85
|
-
cursor: ${e ? "not-allowed" : "pointer"};
|
86
|
-
|
87
|
-
&:hover {
|
88
|
-
background: ${e ? "transparent" : o.colors.BLACK};
|
89
|
-
};
|
90
|
-
|
91
|
-
path {
|
92
|
-
fill: ${o.colors.WHITE_1};
|
93
|
-
}
|
94
|
-
`), $ = r(n)`
|
95
|
-
white-space: nowrap;
|
96
|
-
overflow: hidden;
|
97
|
-
text-overflow: ellipsis;
|
98
|
-
`;
|
99
|
-
export {
|
100
|
-
g as BannerImage,
|
101
|
-
f as BannerImageWrapper,
|
102
|
-
x as CardContainer,
|
103
|
-
l as CardKebabMenuWrapper,
|
104
|
-
u as CardMenuOptionsWrapper,
|
105
|
-
v as CardOptionWrapper,
|
106
|
-
k as CardOptions,
|
107
|
-
b as CardWrapper,
|
108
|
-
m as HeaderText,
|
109
|
-
w as IconWrapper,
|
110
|
-
$ as OptionText,
|
111
|
-
h as StyledMinus2Icon,
|
112
|
-
d as SubHeaderText
|
113
|
-
};
|
114
|
-
//# sourceMappingURL=styles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../src/features/homework/styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport Minus2Icon from '../../assets/line-icons/icons/minus2';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\n\nexport interface ICardWrapperProps {\n $bgImage: string;\n}\n\nexport interface ICardOptionsMenuWrapperProps {\n $visible: boolean;\n}\n\nexport const CardKebabMenuWrapper = styled(FlexView)(({ theme }) => {\n return `\n cursor: pointer;\n width: fit-content;\n \n &:hover {\n border-radius: 50%;\n background: ${theme.colors.WHITE_5}; \n }\n `;\n});\n\nexport const SubHeaderText = styled(Text)`\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n`;\n\nexport const CardMenuOptionsWrapper = styled(FlexView)<ICardOptionsMenuWrapperProps>(({\n theme,\n $visible,\n}) => {\n return `\n cursor: pointer;\n position: absolute;\n z-index: 6;\n top: calc(100% + 4px);\n left: 0;\n transform-origin: top;\n transform: scaleY(${$visible ? 1 : 0});\n opacity: ${$visible ? 1 : 0};\n transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n \n &:hover {\n border-radius: 50%;\n background: ${theme.colors.WHITE_5}; \n }\n `;\n});\n\nexport const CardContainer = styled(FlexView)`\n border: 1px solid ${({ theme }) => theme.colors.BLACK_T_15};\n\n /* :hover {\n border: 1px solid ${({ theme }) => theme.colors.BLACK};\n } */\n`;\n\nexport const CardWrapper = styled(FlexView)<ICardWrapperProps>(({ $bgImage }) => {\n return `\n background-image: url(${$bgImage});\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center;\n overflow: hidden;\n `;\n});\n\nexport const IconWrapper = styled(FlexView)`\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nexport const BannerImageWrapper = styled(FlexView)`\n position: absolute;\n right: -18px;\n top: -4px;\n`;\n\nexport const BannerImage = styled.img(({ theme }) => {\n const { gutter } = theme.layout;\n\n return `\n border: 1px solid ${theme.colors.BLACK_T_15};\n width: ${gutter * 4}px;\n height: ${gutter * 4}px;\n border-radius: 50%;\n `;\n});\n\nexport const StyledMinus2Icon = styled(Minus2Icon)`\n path {\n stroke: ${({ theme }) => theme.colors.WHITE};\n }\n`;\n\nexport const HeaderText = styled(Text)`\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n`;\n\nexport interface ICardOptionWrapperProps {\n $disabled?: boolean;\n}\n\nexport const CardOptions = styled(FlexView)`\n box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.4);\n width: 180px;\n position: relative;\n left: 0;\n top: 0;\n`;\n\nexport const CardOptionWrapper = styled(FlexView)<ICardOptionWrapperProps>(({\n theme,\n $disabled,\n}) => {\n return `\n cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n \n &:hover {\n background: ${$disabled ? 'transparent' : theme.colors.BLACK};\n };\n \n path {\n fill: ${theme.colors.WHITE_1};\n }\n `;\n});\n\nexport const OptionText = styled(Text)`\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n`;\n"],"names":["CardKebabMenuWrapper","styled","FlexView","theme","SubHeaderText","Text","CardMenuOptionsWrapper","$visible","CardContainer","CardWrapper","$bgImage","IconWrapper","BannerImageWrapper","BannerImage","gutter","StyledMinus2Icon","Minus2Icon","HeaderText","CardOptions","CardOptionWrapper","$disabled","OptionText"],"mappings":";;;;AAcO,MAAMA,IAAuBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC/C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAMWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAEYC,IAAgBH,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ3BC,IAAyBL,EAAOC,CAAQ,EAAgC,CAAC;AAAA,EACpF,OAAAC;AAAA,EACA,UAAAI;AACF,MACS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAOeA,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKXJ,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAEYK,IAAgBP,EAAOC,CAAQ;AAAA,sBACtB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,wBAGpC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAI5CM,IAAcR,EAAOC,CAAQ,EAAqB,CAAC,EAAE,UAAAQ,QACzD;AAAA,4BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAMnC,GAEYC,IAAcV,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAM7BU,IAAqBX,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMpCW,IAAcZ,EAAO,IAAI,CAAC,EAAE,OAAAE,QAAY;AAC7C,QAAA,EAAE,QAAAW,EAAO,IAAIX,EAAM;AAElB,SAAA;AAAA,wBACeA,EAAM,OAAO,UAAU;AAAA,aAClCW,IAAS,CAAC;AAAA,cACTA,IAAS,CAAC;AAAA;AAAA;AAGxB,CAAC,GAEYC,IAAmBd,EAAOe,CAAU;AAAA;AAAA,cAEnC,CAAC,EAAE,OAAAb,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAIlCc,IAAahB,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYxBa,IAAcjB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ7BiB,IAAoBlB,EAAOC,CAAQ,EAA2B,CAAC;AAAA,EAC1E,OAAAC;AAAA,EACA,WAAAiB;AACF,MACS;AAAA,cACKA,IAAY,gBAAgB,SAAS;AAAA;AAAA;AAAA,oBAG/BA,IAAY,gBAAgBjB,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,cAIpDA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGjC,GAEYkB,IAAapB,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;"}
|
@@ -1,28 +0,0 @@
|
|
1
|
-
const r = (e) => {
|
2
|
-
switch (e) {
|
3
|
-
case "LEARNING":
|
4
|
-
return "LEARN";
|
5
|
-
case "RECAP":
|
6
|
-
return "Recap";
|
7
|
-
case "DYNAMIC":
|
8
|
-
case "ASSESSMENT":
|
9
|
-
return "Test";
|
10
|
-
case "PRACTICE":
|
11
|
-
case "EXTRA_PRACTICE":
|
12
|
-
return "Practice";
|
13
|
-
case "MASTERY":
|
14
|
-
return "Smart Practice";
|
15
|
-
case "PUZZLE_EASY":
|
16
|
-
case "PUZZLE_MEDIUM":
|
17
|
-
case "PUZZLE_HARD":
|
18
|
-
return "Puzzle";
|
19
|
-
case "VIDEO":
|
20
|
-
return "Video";
|
21
|
-
default:
|
22
|
-
return "Practice";
|
23
|
-
}
|
24
|
-
};
|
25
|
-
export {
|
26
|
-
r as getNodeTypeBasedHWCardTitle
|
27
|
-
};
|
28
|
-
//# sourceMappingURL=utils.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../src/features/homework/utils.ts"],"sourcesContent":["export const getNodeTypeBasedHWCardTitle = (nodeType: string) => {\n switch (nodeType) {\n case 'LEARNING':\n return 'LEARN';\n case 'RECAP':\n return 'Recap';\n case 'DYNAMIC':\n case 'ASSESSMENT':\n return 'Test';\n case 'PRACTICE':\n case 'EXTRA_PRACTICE':\n return 'Practice';\n case 'MASTERY':\n return 'Smart Practice';\n case 'PUZZLE_EASY':\n case 'PUZZLE_MEDIUM':\n case 'PUZZLE_HARD':\n return 'Puzzle';\n case 'VIDEO':\n return 'Video';\n default:\n return 'Practice';\n }\n};\n"],"names":["getNodeTypeBasedHWCardTitle","nodeType"],"mappings":"AAAa,MAAAA,IAA8B,CAACC,MAAqB;AAC/D,UAAQA,GAAU;AAAA,IAChB,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EACX;AACF;"}
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import { createGetAPI as r } from "@cuemath/rest-api";
|
2
|
-
import { BASE_URL_V3 as s } from "../../../constants/api.js";
|
3
|
-
const { useGet: p } = r({
|
4
|
-
getURL: (e, o, { courseStream: t }) => `${s}/users/${e}/course-streams/${t}/recent-chapters`
|
5
|
-
});
|
6
|
-
export {
|
7
|
-
p as useGetRecentChapters
|
8
|
-
};
|
9
|
-
//# sourceMappingURL=get-recent-chapters.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"get-recent-chapters.js","sources":["../../../../src/features/recent-chapters/api/get-recent-chapters.ts"],"sourcesContent":["import type { IChapterDataProps } from '../../chapters/chapter/chapter-types';\nimport type { TCourseStream } from '../../milestone/create/milestone-create-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../constants/api';\n\nconst { useGet: useGetRecentChapters } = createGetAPI<\n IChapterDataProps[],\n void,\n { courseStream: TCourseStream }\n>({\n getURL: (studentId: string, _, { courseStream }) =>\n `${BASE_URL_V3}/users/${studentId}/course-streams/${courseStream}/recent-chapters`,\n});\n\nexport { useGetRecentChapters };\n"],"names":["useGetRecentChapters","createGetAPI","studentId","_","courseStream","BASE_URL_V3"],"mappings":";;AAOA,MAAM,EAAE,QAAQA,EAAqB,IAAIC,EAIvC;AAAA,EACA,QAAQ,CAACC,GAAmBC,GAAG,EAAE,cAAAC,EAAA,MAC/B,GAAGC,CAAW,UAAUH,CAAS,mBAAmBE,CAAY;AACpE,CAAC;"}
|
@@ -1,23 +0,0 @@
|
|
1
|
-
import e from "styled-components";
|
2
|
-
import n from "../ui/layout/flex-view.js";
|
3
|
-
e(n)(({ theme: r }) => (r.colors, `
|
4
|
-
position: relative;
|
5
|
-
|
6
|
-
`));
|
7
|
-
const o = e.div(({ theme: r }) => {
|
8
|
-
const { WHITE_5: t, WHITE_2: a } = r.colors;
|
9
|
-
return `
|
10
|
-
width: 720px;
|
11
|
-
height: 800px;
|
12
|
-
display: grid;
|
13
|
-
grid-template-columns: repeat(4, 1fr);
|
14
|
-
align-content: start;
|
15
|
-
background: ${a};
|
16
|
-
background-image: linear-gradient(${t} 0.5px, transparent 0.5px), linear-gradient(90deg, ${t} 0.5px, transparent 0.5px);
|
17
|
-
background-size: 45px 45px;
|
18
|
-
`;
|
19
|
-
});
|
20
|
-
export {
|
21
|
-
o as ChaptersWrapper
|
22
|
-
};
|
23
|
-
//# sourceMappingURL=recent-chapters-styled.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"recent-chapters-styled.js","sources":["../../../src/features/recent-chapters/recent-chapters-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../ui/layout/flex-view';\n\nconst ChaptersListContainer = styled(FlexView)(({ theme }) => {\n const { WHITE_5, WHITE_2, RED } = theme.colors;\n\n return `\n position: relative;\n \n`;\n});\n\nconst ChaptersWrapper = styled.div(({ theme }) => {\n const { WHITE_5, WHITE_2 } = theme.colors;\n\n return `\n width: 720px;\n height: 800px;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n align-content: start;\n background: ${WHITE_2};\n background-image: linear-gradient(${WHITE_5} 0.5px, transparent 0.5px), linear-gradient(90deg, ${WHITE_5} 0.5px, transparent 0.5px);\n background-size: 45px 45px;\n `;\n});\n\nexport { ChaptersListContainer, ChaptersWrapper };\n"],"names":["styled","FlexView","theme","ChaptersWrapper","WHITE_5","WHITE_2"],"mappings":";;AAI8BA,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,SACdA,EAAM,QAEjC;AAAA;AAAA;AAAA,EAIR;AAED,MAAMC,IAAkBH,EAAO,IAAI,CAAC,EAAE,OAAAE,QAAY;AAChD,QAAM,EAAE,SAAAE,GAAS,SAAAC,MAAYH,EAAM;AAE5B,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMSG,CAAO;AAAA,wCACeD,CAAO,sDAAsDA,CAAO;AAAA;AAAA;AAG5G,CAAC;"}
|
@@ -1,49 +0,0 @@
|
|
1
|
-
import { jsxs as i, Fragment as C, jsx as m } from "react/jsx-runtime";
|
2
|
-
import { useCallback as u, useEffect as d } from "react";
|
3
|
-
import g from "../chapters/chapters-list/chapter-item/chapter-item.js";
|
4
|
-
import a from "../ui/text/text.js";
|
5
|
-
import { useGetRecentChapters as x } from "./api/get-recent-chapters.js";
|
6
|
-
import { ChaptersWrapper as R } from "./recent-chapters-styled.js";
|
7
|
-
const $ = ({
|
8
|
-
studentId: r,
|
9
|
-
courseStream: t,
|
10
|
-
userType: c,
|
11
|
-
onChapterClick: f
|
12
|
-
}) => {
|
13
|
-
const {
|
14
|
-
get: n,
|
15
|
-
data: e,
|
16
|
-
// isProcessing,
|
17
|
-
isProcessingFailed: o
|
18
|
-
} = x();
|
19
|
-
console.log(e, "ayush", o);
|
20
|
-
const s = u(() => {
|
21
|
-
n(r, void 0, { courseStream: t });
|
22
|
-
}, [t, n, r]);
|
23
|
-
return d(() => {
|
24
|
-
s();
|
25
|
-
}, [s]), o || (e == null ? void 0 : e.length) === 0 ? null : e && e.length > 0 ? /* @__PURE__ */ i(C, { children: [
|
26
|
-
/* @__PURE__ */ i(a, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
|
27
|
-
"Recent Chapters ($",
|
28
|
-
e == null ? void 0 : e.length,
|
29
|
-
")"
|
30
|
-
] }),
|
31
|
-
/* @__PURE__ */ m(R, { children: e == null ? void 0 : e.map((l, p) => {
|
32
|
-
const { id: h } = l;
|
33
|
-
return /* @__PURE__ */ m(
|
34
|
-
g,
|
35
|
-
{
|
36
|
-
userType: c,
|
37
|
-
chapter: l,
|
38
|
-
onChapterClick: f,
|
39
|
-
itemIndex: p
|
40
|
-
},
|
41
|
-
h
|
42
|
-
);
|
43
|
-
}) })
|
44
|
-
] }) : null;
|
45
|
-
}, _ = $;
|
46
|
-
export {
|
47
|
-
_ as default
|
48
|
-
};
|
49
|
-
//# sourceMappingURL=recent-chapters.js.map
|