@cuemath/leap 2.8.61-as9 → 2.8.61-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/bin2.js +8 -7
- package/dist/assets/line-icons/icons/bin2.js.map +1 -1
- package/dist/assets/line-icons/icons/chevron-left.js.map +1 -1
- package/dist/assets/line-icons/icons/chevron-right.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/constants/api.js +2 -3
- package/dist/constants/api.js.map +1 -1
- package/dist/features/chapters/chapters-list/chapter-item/chapter-item-styled.js +33 -99
- 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 +49 -92
- 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 -64
- package/dist/features/chapters/chapters-list/chapters-list.js.map +1 -1
- package/dist/features/circle-games/games/web-view/web-view-types.js.map +1 -1
- package/dist/features/circle-games/games/web-view/web-view.js +47 -53
- package/dist/features/circle-games/games/web-view/web-view.js.map +1 -1
- package/dist/features/communication/pub-sub/constants.js +2 -5
- package/dist/features/communication/pub-sub/constants.js.map +1 -1
- package/dist/features/milestone/create/api/goal-submit.js +1 -1
- package/dist/features/milestone/create/api/goal-submit.js.map +1 -1
- package/dist/features/milestone/create/comps/chapter-item/chapter-item.js +49 -42
- package/dist/features/milestone/create/comps/chapter-item/chapter-item.js.map +1 -1
- package/dist/features/milestone/create/comps/chapters-selection-step/chapters-selection-step-styled.js +4 -12
- package/dist/features/milestone/create/comps/chapters-selection-step/chapters-selection-step-styled.js.map +1 -1
- package/dist/features/milestone/create/comps/chapters-selection-step/chapters-selection-step.js +105 -128
- package/dist/features/milestone/create/comps/chapters-selection-step/chapters-selection-step.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/create/comps/sheets-list/sheets-list-styled.js +20 -14
- package/dist/features/milestone/create/comps/sheets-list/sheets-list-styled.js.map +1 -1
- package/dist/features/milestone/create/comps/sheets-list/sheets-list.js +50 -26
- package/dist/features/milestone/create/comps/sheets-list/sheets-list.js.map +1 -1
- package/dist/features/milestone/create/milestone-create.js +43 -49
- package/dist/features/milestone/create/milestone-create.js.map +1 -1
- package/dist/features/milestone/create/utils/index.js +38 -33
- package/dist/features/milestone/create/utils/index.js.map +1 -1
- package/dist/features/milestone/edit/comps/edit-milestone-modal/api/get-milestone.js +1 -1
- package/dist/features/milestone/edit/comps/edit-milestone-modal/api/get-milestone.js.map +1 -1
- package/dist/features/milestone/edit/comps/edit-milestone-modal/api/patch-goal-plan.js +1 -1
- package/dist/features/milestone/edit/comps/edit-milestone-modal/api/patch-goal-plan.js.map +1 -1
- 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/edit/goal-drafts/goal-draft-edit-container.js +40 -42
- package/dist/features/milestone/edit/goal-drafts/goal-draft-edit-container.js.map +1 -1
- package/dist/features/milestone/edit/goal-edit-container.js +62 -64
- package/dist/features/milestone/edit/goal-edit-container.js.map +1 -1
- package/dist/features/milestone/edit/goal-edit-helpers.js +53 -50
- package/dist/features/milestone/edit/goal-edit-helpers.js.map +1 -1
- package/dist/features/milestone/edit/milestone-edit-container.js +52 -54
- package/dist/features/milestone/edit/milestone-edit-container.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/api/get-milestone-resources.js +1 -1
- package/dist/features/milestone/milestone-list-container/api/get-milestone-resources.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/api/get-tests-list.js +1 -1
- package/dist/features/milestone/milestone-list-container/api/get-tests-list.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js +104 -136
- 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 +123 -107
- 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 +176 -157
- 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 +83 -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 +176 -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 +100 -96
- 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 +112 -114
- package/dist/features/milestone/milestone-resources/resources-list/resources-list.js.map +1 -1
- package/dist/features/milestone/milestone-tests/tests-creation/tests-creation.js +18 -16
- package/dist/features/milestone/milestone-tests/tests-creation/tests-creation.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 +79 -0
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item.js.map +1 -0
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheets-list-styled.js +18 -0
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheets-list-styled.js.map +1 -0
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheets-list.js +51 -0
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheets-list.js.map +1 -0
- package/dist/features/milestone/milestone-tests/tests-list/tests-list-styled.js +11 -0
- package/dist/features/milestone/milestone-tests/tests-list/tests-list-styled.js.map +1 -0
- package/dist/features/milestone/milestone-tests/tests-list/tests-list.js +135 -0
- package/dist/features/milestone/milestone-tests/tests-list/tests-list.js.map +1 -0
- package/dist/features/sheets/resources-list/resource-item/styled.js +1 -1
- package/dist/features/sheets/resources-list/resource-item/styled.js.map +1 -1
- 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 +107 -22
- package/dist/features/ui/theme/button.js.map +1 -1
- package/dist/index.d.ts +31 -258
- package/dist/index.js +471 -495
- 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/skip-colored.js +0 -43
- package/dist/assets/line-icons/icons/skip-colored.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 -73
- 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 -164
- 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 -183
- 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 -14
- 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 -122
- package/dist/features/chapters-v2/utils/node-card-utils.js.map +0 -1
- package/dist/features/homework/card-menu-options.js +0 -38
- package/dist/features/homework/card-menu-options.js.map +0 -1
- package/dist/features/homework/homework-card.js +0 -288
- package/dist/features/homework/homework-card.js.map +0 -1
- package/dist/features/homework/hw-card-list/api/get-homeworks.js +0 -10
- package/dist/features/homework/hw-card-list/api/get-homeworks.js.map +0 -1
- package/dist/features/homework/hw-card-list/hw-card-list-styled.js +0 -34
- package/dist/features/homework/hw-card-list/hw-card-list-styled.js.map +0 -1
- package/dist/features/homework/hw-card-list/hw-card-list.js +0 -159
- package/dist/features/homework/hw-card-list/hw-card-list.js.map +0 -1
- package/dist/features/homework/node-progress.js +0 -29
- package/dist/features/homework/node-progress.js.map +0 -1
- package/dist/features/homework/styles.js +0 -117
- package/dist/features/homework/styles.js.map +0 -1
- package/dist/features/milestone/milestone-tests/test-list-v2/test-list-container.js +0 -165
- package/dist/features/milestone/milestone-tests/test-list-v2/test-list-container.js.map +0 -1
- package/dist/features/milestone/milestone-tests/test-list-v2/test-list-view-styled.js +0 -25
- package/dist/features/milestone/milestone-tests/test-list-v2/test-list-view-styled.js.map +0 -1
- package/dist/features/milestone/milestone-tests/test-list-v2/test-list-view.js +0 -84
- package/dist/features/milestone/milestone-tests/test-list-v2/test-list-view.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 -16
- package/dist/features/recent-chapters/recent-chapters-styled.js.map +0 -1
- package/dist/features/recent-chapters/recent-chapters.js +0 -34
- package/dist/features/recent-chapters/recent-chapters.js.map +0 -1
- package/dist/features/sheet-v2/resource-list/resource-list.js +0 -51
- package/dist/features/sheet-v2/resource-list/resource-list.js.map +0 -1
- package/dist/node_modules/date-fns/differenceInDays.js +0 -17
- package/dist/node_modules/date-fns/differenceInDays.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,159 +0,0 @@
|
|
1
|
-
import { jsxs as s, jsx as t } from "react/jsx-runtime";
|
2
|
-
import { h as J } from "../../../node_modules/humanize-plus/dist/humanize.js";
|
3
|
-
import { useRef as ee, useState as a, useCallback as n, useEffect as u } from "react";
|
4
|
-
import te from "../../../assets/line-icons/icons/chevron-left.js";
|
5
|
-
import oe from "../../../assets/line-icons/icons/chevron-right.js";
|
6
|
-
import { getTopicsFromItems as re } from "../../milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils.js";
|
7
|
-
import h from "../../ui/layout/flex-view.js";
|
8
|
-
import p from "../../ui/text/text.js";
|
9
|
-
import ne from "../homework-card.js";
|
10
|
-
import { useGetHomeworks as ie } from "./api/get-homeworks.js";
|
11
|
-
import { HoverZone as _, ScrollButton as b, ScrollContainer as se } from "./hw-card-list-styled.js";
|
12
|
-
const le = ({
|
13
|
-
userType: k = "STUDENT",
|
14
|
-
studentId: d,
|
15
|
-
stream: $,
|
16
|
-
onTestStart: w,
|
17
|
-
onNodeAttempt: x,
|
18
|
-
onTestPreview: R,
|
19
|
-
onNodeView: S,
|
20
|
-
onTestReview: T,
|
21
|
-
onNodeReview: A,
|
22
|
-
onNodeUnassign: E
|
23
|
-
}) => {
|
24
|
-
const r = ee(null), [y, g] = a(!1), [B, v] = a(!1), [I, M] = a(!1), [N, j] = a(!0), { get: L, data: e, isProcessingFailed: K } = ie(d), z = n(() => {
|
25
|
-
r.current && r.current.scrollBy({ left: -200, behavior: "smooth" });
|
26
|
-
}, []), G = n(() => {
|
27
|
-
r.current && r.current.scrollBy({ left: 200, behavior: "smooth" });
|
28
|
-
}, []), W = n(() => {
|
29
|
-
g(!0);
|
30
|
-
}, []), F = n(() => {
|
31
|
-
g(!1);
|
32
|
-
}, []), X = n(() => {
|
33
|
-
v(!0);
|
34
|
-
}, []), O = n(() => {
|
35
|
-
v(!1);
|
36
|
-
}, []), i = n(() => {
|
37
|
-
if (r.current) {
|
38
|
-
const { scrollLeft: o, scrollWidth: l, clientWidth: f } = r.current;
|
39
|
-
M(o > 10), j(o < l - f - 10);
|
40
|
-
}
|
41
|
-
}, []);
|
42
|
-
u(() => {
|
43
|
-
const o = r.current;
|
44
|
-
if (o)
|
45
|
-
return o.addEventListener("scroll", i), i(), () => {
|
46
|
-
o.removeEventListener("scroll", i);
|
47
|
-
};
|
48
|
-
}, [i]), u(() => {
|
49
|
-
i();
|
50
|
-
}, [e, i]);
|
51
|
-
const C = n(() => {
|
52
|
-
L(d, void 0, { stream: $ });
|
53
|
-
}, [L, $, d]);
|
54
|
-
return u(() => {
|
55
|
-
C();
|
56
|
-
}, [C]), e && e.length === 0 ? /* @__PURE__ */ s(h, { $flexRowGapX: 1, children: [
|
57
|
-
/* @__PURE__ */ s(p, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
|
58
|
-
"Homework (",
|
59
|
-
e == null ? void 0 : e.length,
|
60
|
-
")"
|
61
|
-
] }),
|
62
|
-
/* @__PURE__ */ t(p, { $renderAs: "ab2", $color: "BLACK_T_60", children: "No Homework assigned yet" })
|
63
|
-
] }) : K ? null : /* @__PURE__ */ s(h, { $flexRowGapX: 1, children: [
|
64
|
-
/* @__PURE__ */ s(p, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
|
65
|
-
"Homework (",
|
66
|
-
e == null ? void 0 : e.length,
|
67
|
-
")"
|
68
|
-
] }),
|
69
|
-
/* @__PURE__ */ s(h, { $position: "relative", onMouseEnter: i, children: [
|
70
|
-
I && /* @__PURE__ */ t(
|
71
|
-
_,
|
72
|
-
{
|
73
|
-
$position: "absolute",
|
74
|
-
$width: "60px",
|
75
|
-
left: "0",
|
76
|
-
right: "auto",
|
77
|
-
onMouseEnter: W,
|
78
|
-
onMouseLeave: F,
|
79
|
-
children: /* @__PURE__ */ t(
|
80
|
-
b,
|
81
|
-
{
|
82
|
-
$position: "absolute",
|
83
|
-
$background: "BLACK_T_60",
|
84
|
-
$justifyContent: "center",
|
85
|
-
$alignItems: "center",
|
86
|
-
$height: "100%",
|
87
|
-
onClick: z,
|
88
|
-
$visible: y,
|
89
|
-
left: "0px",
|
90
|
-
right: "auto",
|
91
|
-
children: /* @__PURE__ */ t(te, { width: 24, height: 24 })
|
92
|
-
}
|
93
|
-
)
|
94
|
-
},
|
95
|
-
"left-hover-zone"
|
96
|
-
),
|
97
|
-
/* @__PURE__ */ t(se, { ref: r, children: /* @__PURE__ */ t(h, { $flexDirection: "row", $flexGapX: 1, children: e == null ? void 0 : e.map((o, l) => {
|
98
|
-
const {
|
99
|
-
items: f,
|
100
|
-
node_id: P,
|
101
|
-
sheet_time: H,
|
102
|
-
total_questions: m,
|
103
|
-
worksheet_id: Q,
|
104
|
-
node_type: V,
|
105
|
-
title: q,
|
106
|
-
chapter_name: D
|
107
|
-
} = o, U = H && Math.ceil(H / 60) || 0, Y = re(f).join(", "), Z = `${typeof m == "number" ? `${m} ${J.pluralize(m, "Question")}, ` : ""}${U} Mins`, c = V === "DYNAMIC";
|
108
|
-
return /* @__PURE__ */ t(
|
109
|
-
ne,
|
110
|
-
{
|
111
|
-
userType: k,
|
112
|
-
header: c ? Y : q,
|
113
|
-
subHeader: D ?? Z,
|
114
|
-
nodeData: o,
|
115
|
-
renderAs: "homework",
|
116
|
-
onNodeAttempt: c ? w : x,
|
117
|
-
shouldOpenOnRight: e.length > 3 && l === e.length - 1,
|
118
|
-
onNodeView: c ? R : S,
|
119
|
-
onNodeReview: c ? T : A,
|
120
|
-
onNodeUnassign: E
|
121
|
-
},
|
122
|
-
`${Q}_${P}_${l}`
|
123
|
-
);
|
124
|
-
}) }) }),
|
125
|
-
N && /* @__PURE__ */ t(
|
126
|
-
_,
|
127
|
-
{
|
128
|
-
$position: "absolute",
|
129
|
-
$width: "60px",
|
130
|
-
right: "0",
|
131
|
-
left: "auto",
|
132
|
-
onMouseEnter: X,
|
133
|
-
onMouseLeave: O,
|
134
|
-
children: /* @__PURE__ */ t(
|
135
|
-
b,
|
136
|
-
{
|
137
|
-
$position: "absolute",
|
138
|
-
$width: "60px",
|
139
|
-
$height: "100%",
|
140
|
-
$background: "BLACK_T_60",
|
141
|
-
$justifyContent: "center",
|
142
|
-
$alignItems: "center",
|
143
|
-
onClick: G,
|
144
|
-
$visible: B,
|
145
|
-
left: "auto",
|
146
|
-
right: "0px",
|
147
|
-
children: /* @__PURE__ */ t(oe, { width: 24, height: 24 })
|
148
|
-
}
|
149
|
-
)
|
150
|
-
},
|
151
|
-
"right-hover-zone"
|
152
|
-
)
|
153
|
-
] })
|
154
|
-
] });
|
155
|
-
}, Ce = le;
|
156
|
-
export {
|
157
|
-
Ce as default
|
158
|
-
};
|
159
|
-
//# sourceMappingURL=hw-card-list.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"hw-card-list.js","sources":["../../../../src/features/homework/hw-card-list/hw-card-list.tsx"],"sourcesContent":["import type {\n INodeCardCallbacks,\n INodeDataProps,\n} from '../../chapters-v2/comps/node-card/node-card-types';\nimport type { TUserTypes } from '../../ui/types';\n\nimport { pluralize } from 'humanize-plus';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport ChevronLeftIcon from '../../../assets/line-icons/icons/chevron-left';\nimport ChevronRightIcon from '../../../assets/line-icons/icons/chevron-right';\nimport { getTopicsFromItems } from '../../milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport HomeworkCard from '../homework-card';\nimport { useGetHomeworks } from './api/get-homeworks';\nimport * as Styled from './hw-card-list-styled';\n\ninterface HWCardListProps extends INodeCardCallbacks {\n userType: TUserTypes;\n studentId: string;\n stream: string;\n onTestPreview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n onTestStart?: (sheetData: INodeDataProps) => void;\n onTestReview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n}\n\nconst HWCardList: React.FC<HWCardListProps> = ({\n userType = 'STUDENT',\n studentId,\n stream,\n onTestStart,\n onNodeAttempt,\n onTestPreview,\n onNodeView,\n onTestReview,\n onNodeReview,\n onNodeUnassign,\n}) => {\n const scrollRef = useRef<HTMLDivElement>(null);\n const [isLeftHovered, setIsLeftHovered] = useState(false);\n const [isRightHovered, setIsRightHovered] = useState(false);\n const [canScrollLeft, setCanScrollLeft] = useState(false);\n const [canScrollRight, setCanScrollRight] = useState(true);\n const { get: getHomeworks, data: hwDetails, isProcessingFailed } = useGetHomeworks(studentId);\n\n const handleScrollLeft = useCallback(() => {\n if (scrollRef.current) {\n scrollRef.current.scrollBy({ left: -200, behavior: 'smooth' });\n }\n }, []);\n\n const handleScrollRight = useCallback(() => {\n if (scrollRef.current) {\n scrollRef.current.scrollBy({ left: 200, behavior: 'smooth' });\n }\n }, []);\n\n const handleLeftHoverEnter = useCallback(() => {\n setIsLeftHovered(true);\n }, []);\n\n const handleLeftHoverLeave = useCallback(() => {\n setIsLeftHovered(false);\n }, []);\n\n const handleRightHoverEnter = useCallback(() => {\n setIsRightHovered(true);\n }, []);\n\n const handleRightHoverLeave = useCallback(() => {\n setIsRightHovered(false);\n }, []);\n\n // Function to check scroll position and update button availability\n const checkScrollPosition = useCallback(() => {\n if (scrollRef.current) {\n const { scrollLeft, scrollWidth, clientWidth } = scrollRef.current;\n\n // Can scroll left if scrolled to the right\n setCanScrollLeft(scrollLeft > 10);\n\n // Can scroll right if not at the end\n setCanScrollRight(scrollLeft < scrollWidth - clientWidth - 10);\n }\n }, []);\n\n // Add scroll event listener to check scroll position\n useEffect(() => {\n const scrollElement = scrollRef.current;\n\n if (scrollElement) {\n scrollElement.addEventListener('scroll', checkScrollPosition);\n // Run once on mount to set initial button states\n checkScrollPosition();\n\n return () => {\n scrollElement.removeEventListener('scroll', checkScrollPosition);\n };\n }\n }, [checkScrollPosition]);\n\n // Also check when content changes\n useEffect(() => {\n checkScrollPosition();\n }, [hwDetails, checkScrollPosition]);\n\n const fetchChapterDetails = useCallback(() => {\n getHomeworks(studentId, undefined, { stream });\n }, [getHomeworks, stream, studentId]);\n\n useEffect(() => {\n fetchChapterDetails();\n }, [fetchChapterDetails]);\n\n if (hwDetails && hwDetails.length === 0) {\n return (\n <FlexView $flexRowGapX={1}>\n <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n Homework ({hwDetails?.length})\n </Text>\n <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n No Homework assigned yet\n </Text>\n </FlexView>\n );\n }\n\n if (isProcessingFailed) {\n return null;\n }\n\n return (\n <FlexView $flexRowGapX={1}>\n <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n Homework ({hwDetails?.length})\n </Text>\n <FlexView $position=\"relative\" onMouseEnter={checkScrollPosition}>\n {/* Left hover zone */}\n {canScrollLeft && (\n <Styled.HoverZone\n key=\"left-hover-zone\"\n $position=\"absolute\"\n $width=\"60px\"\n left=\"0\"\n right=\"auto\"\n onMouseEnter={handleLeftHoverEnter}\n onMouseLeave={handleLeftHoverLeave}\n >\n {/* Left scroll button - only visible when hovered */}\n <Styled.ScrollButton\n $position=\"absolute\"\n $background=\"BLACK_T_60\"\n $justifyContent=\"center\"\n $alignItems=\"center\"\n $height=\"100%\"\n onClick={handleScrollLeft}\n $visible={isLeftHovered}\n left=\"0px\"\n right=\"auto\"\n >\n <ChevronLeftIcon width={24} height={24} />\n </Styled.ScrollButton>\n </Styled.HoverZone>\n )}\n\n <Styled.ScrollContainer ref={scrollRef}>\n <FlexView $flexDirection=\"row\" $flexGapX={1}>\n {hwDetails?.map((sheet, idx) => {\n const {\n items,\n node_id: nodeId,\n sheet_time: sheetTime,\n total_questions: totalQuestions,\n worksheet_id: worksheetId,\n node_type: nodeType,\n title,\n chapter_name: chapterName,\n } = sheet;\n const totalSheetTime = (sheetTime && Math.ceil(sheetTime / 60)) || 0;\n const topics = getTopicsFromItems(items);\n const testChapterName = topics.join(', ');\n const subHeader = `${\n typeof totalQuestions === 'number'\n ? `${totalQuestions} ${pluralize(totalQuestions, 'Question')}, `\n : ''\n }${totalSheetTime} Mins`;\n const isDynamicSheet = nodeType === 'DYNAMIC';\n\n return (\n <HomeworkCard\n key={`${worksheetId}_${nodeId}_${idx}`}\n userType={userType}\n header={isDynamicSheet ? testChapterName : title}\n subHeader={chapterName ?? subHeader}\n nodeData={sheet}\n renderAs=\"homework\"\n onNodeAttempt={isDynamicSheet ? onTestStart : onNodeAttempt}\n shouldOpenOnRight={hwDetails.length > 3 && idx === hwDetails.length - 1}\n onNodeView={isDynamicSheet ? onTestPreview : onNodeView}\n onNodeReview={isDynamicSheet ? onTestReview : onNodeReview}\n onNodeUnassign={onNodeUnassign}\n />\n );\n })}\n </FlexView>\n </Styled.ScrollContainer>\n\n {/* Right hover zone */}\n {canScrollRight && (\n <Styled.HoverZone\n key=\"right-hover-zone\"\n $position=\"absolute\"\n $width=\"60px\"\n right=\"0\"\n left=\"auto\"\n onMouseEnter={handleRightHoverEnter}\n onMouseLeave={handleRightHoverLeave}\n >\n {/* Right scroll button - only visible when hovered */}\n <Styled.ScrollButton\n $position=\"absolute\"\n $width=\"60px\"\n $height=\"100%\"\n $background=\"BLACK_T_60\"\n $justifyContent=\"center\"\n $alignItems=\"center\"\n onClick={handleScrollRight}\n $visible={isRightHovered}\n left=\"auto\"\n right=\"0px\"\n >\n <ChevronRightIcon width={24} height={24} />\n </Styled.ScrollButton>\n </Styled.HoverZone>\n )}\n </FlexView>\n </FlexView>\n );\n};\n\nexport default HWCardList;\n"],"names":["HWCardList","userType","studentId","stream","onTestStart","onNodeAttempt","onTestPreview","onNodeView","onTestReview","onNodeReview","onNodeUnassign","scrollRef","useRef","isLeftHovered","setIsLeftHovered","useState","isRightHovered","setIsRightHovered","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","getHomeworks","hwDetails","isProcessingFailed","useGetHomeworks","handleScrollLeft","useCallback","handleScrollRight","handleLeftHoverEnter","handleLeftHoverLeave","handleRightHoverEnter","handleRightHoverLeave","checkScrollPosition","scrollLeft","scrollWidth","clientWidth","useEffect","scrollElement","fetchChapterDetails","jsxs","FlexView","Text","jsx","Styled.HoverZone","Styled.ScrollButton","ChevronLeftIcon","Styled.ScrollContainer","sheet","idx","items","nodeId","sheetTime","totalQuestions","worksheetId","nodeType","title","chapterName","totalSheetTime","testChapterName","getTopicsFromItems","subHeader","pluralize","isDynamicSheet","HomeworkCard","ChevronRightIcon","HWCardList$1"],"mappings":"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"}
|
@@ -1,29 +0,0 @@
|
|
1
|
-
import { jsx as t } from "react/jsx-runtime";
|
2
|
-
import { memo as m } from "react";
|
3
|
-
import a from "styled-components";
|
4
|
-
import n from "../ui/layout/flex-view.js";
|
5
|
-
import { differenceInDays as e } from "../../node_modules/date-fns/differenceInDays.js";
|
6
|
-
const g = a(n)`
|
7
|
-
height: 100%;
|
8
|
-
border-radius: 4px;
|
9
|
-
transition: all 300ms;
|
10
|
-
width: ${(r) => r.progress}%;
|
11
|
-
`, d = a(n)`
|
12
|
-
position: absolute;
|
13
|
-
top: -1px;
|
14
|
-
right: 0px;
|
15
|
-
width: 100%;
|
16
|
-
height: 2px;
|
17
|
-
background-color: ${(r) => r.theme.colors.BLACK};
|
18
|
-
z-index: 2;
|
19
|
-
`, l = ({ unlockedOn: r, dueDate: i, progressBg: c }) => {
|
20
|
-
const p = (() => {
|
21
|
-
const o = e(i, r), s = e(/* @__PURE__ */ new Date(), r);
|
22
|
-
return s > o ? 100 : Math.min(Math.max(s / o * 100, 0), 100);
|
23
|
-
})();
|
24
|
-
return /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(g, { progress: p, $background: c }) });
|
25
|
-
}, y = m(l);
|
26
|
-
export {
|
27
|
-
y as default
|
28
|
-
};
|
29
|
-
//# sourceMappingURL=node-progress.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"node-progress.js","sources":["../../../src/features/homework/node-progress.tsx"],"sourcesContent":["import type { TColorNames } from '../ui/types';\n\nimport { differenceInDays } from 'date-fns';\nimport React, { memo } from 'react';\nimport styled from 'styled-components';\n\nimport FlexView from '../ui/layout/flex-view';\n\ninterface NodeProgressProps {\n unlockedOn: number | string | Date;\n dueDate: number | string | Date;\n progressBg: TColorNames;\n}\n\nconst ProgressBar = styled(FlexView)<{ progress: number }>`\n height: 100%;\n border-radius: 4px;\n transition: all 300ms;\n width: ${props => props.progress}%;\n`;\n\nconst ProgressContainer = styled(FlexView)`\n position: absolute;\n top: -1px;\n right: 0px;\n width: 100%;\n height: 2px;\n background-color: ${props => props.theme.colors.BLACK};\n z-index: 2;\n`;\n\nconst NodeProgress: React.FC<NodeProgressProps> = ({ unlockedOn, dueDate, progressBg }) => {\n const calculateProgress = () => {\n const totalDays = differenceInDays(dueDate, unlockedOn);\n const daysElapsed = differenceInDays(new Date(), unlockedOn);\n\n if (daysElapsed > totalDays) return 100;\n\n const progress = Math.min(Math.max((daysElapsed / totalDays) * 100, 0), 100);\n\n return progress;\n };\n\n const progress = calculateProgress();\n\n return (\n <ProgressContainer>\n <ProgressBar progress={progress} $background={progressBg} />\n </ProgressContainer>\n );\n};\n\nexport default memo(NodeProgress);\n"],"names":["ProgressBar","styled","FlexView","props","ProgressContainer","NodeProgress","unlockedOn","dueDate","progressBg","progress","totalDays","differenceInDays","daysElapsed","jsx","NodeProgress$1","memo"],"mappings":";;;;;AAcA,MAAMA,IAAcC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,WAIxB,CAAAC,MAASA,EAAM,QAAQ;AAAA,GAG5BC,IAAoBH,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMnB,CAASC,MAAAA,EAAM,MAAM,OAAO,KAAK;AAAA;AAAA,GAIjDE,IAA4C,CAAC,EAAE,YAAAC,GAAY,SAAAC,GAAS,YAAAC,QAAiB;AAYzF,QAAMC,KAXoB,MAAM;AACxB,UAAAC,IAAYC,EAAiBJ,GAASD,CAAU,GAChDM,IAAcD,EAAqB,oBAAA,QAAQL,CAAU;AAEvD,WAAAM,IAAcF,IAAkB,MAEnB,KAAK,IAAI,KAAK,IAAKE,IAAcF,IAAa,KAAK,CAAC,GAAG,GAAG;AAAA,EAEpE;AAKT,2BACGN,GACC,EAAA,UAAA,gBAAAS,EAACb,KAAY,UAAAS,GAAoB,aAAaD,EAAY,CAAA,EAC5D,CAAA;AAEJ,GAEeM,IAAAC,EAAKV,CAAY;"}
|
@@ -1,117 +0,0 @@
|
|
1
|
-
import r from "styled-components";
|
2
|
-
import i from "../../assets/line-icons/icons/minus2.js";
|
3
|
-
import e from "../ui/layout/flex-view.js";
|
4
|
-
import n from "../ui/text/text.js";
|
5
|
-
const l = r(e)(({ theme: o }) => `
|
6
|
-
cursor: pointer;
|
7
|
-
width: 24px;
|
8
|
-
height: 24px;
|
9
|
-
|
10
|
-
|
11
|
-
&:hover {
|
12
|
-
border-radius: 50%;
|
13
|
-
background: ${o.colors.WHITE_5};
|
14
|
-
}
|
15
|
-
`), d = r(n)`
|
16
|
-
display: -webkit-box;
|
17
|
-
-webkit-line-clamp: 1;
|
18
|
-
-webkit-box-orient: vertical;
|
19
|
-
overflow: hidden;
|
20
|
-
text-overflow: ellipsis;
|
21
|
-
`, x = r(e)(({
|
22
|
-
$shouldopenonright: o,
|
23
|
-
$visible: t
|
24
|
-
}) => `
|
25
|
-
cursor: pointer;
|
26
|
-
position: absolute;
|
27
|
-
z-index: 6;
|
28
|
-
top: calc(100% + 4px);
|
29
|
-
right: ${o ? 0 : "auto"};
|
30
|
-
transform-origin: top;
|
31
|
-
transform: scaleY(${t ? 1 : 0});
|
32
|
-
opacity: ${t ? 1 : 0};
|
33
|
-
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
|
34
|
-
box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.4);
|
35
|
-
z-index: 10;
|
36
|
-
`), u = r(e)`
|
37
|
-
border: 1px solid ${({ theme: o }) => o.colors.BLACK_T_15};
|
38
|
-
|
39
|
-
&:hover {
|
40
|
-
border: 1px solid ${({ theme: o }) => o.colors.BLACK};
|
41
|
-
}
|
42
|
-
`, b = r(e)(({ $bgImage: o }) => o ? `
|
43
|
-
background-image: url(${o});
|
44
|
-
background-repeat: no-repeat;
|
45
|
-
background-size: cover;
|
46
|
-
background-position: center;
|
47
|
-
overflow: hidden;
|
48
|
-
` : "overflow: hidden;"), w = r(e)`
|
49
|
-
display: flex;
|
50
|
-
align-items: center;
|
51
|
-
justify-content: center;
|
52
|
-
`, f = r(e)`
|
53
|
-
position: absolute;
|
54
|
-
right: -18px;
|
55
|
-
top: -4px;
|
56
|
-
`, h = r.img(({ theme: o }) => {
|
57
|
-
const { gutter: t } = o.layout;
|
58
|
-
return `
|
59
|
-
border: 1px solid ${o.colors.BLACK_T_15};
|
60
|
-
width: ${t * 4}px;
|
61
|
-
height: ${t * 4}px;
|
62
|
-
border-radius: 50%;
|
63
|
-
`;
|
64
|
-
}), g = r(i)`
|
65
|
-
path {
|
66
|
-
stroke: ${({ theme: o }) => o.colors.WHITE};
|
67
|
-
}
|
68
|
-
`, m = r(n)`
|
69
|
-
display: -webkit-box;
|
70
|
-
-webkit-line-clamp: 2;
|
71
|
-
-webkit-box-orient: vertical;
|
72
|
-
overflow: hidden;
|
73
|
-
text-overflow: ellipsis;
|
74
|
-
white-space: break-spaces;
|
75
|
-
`;
|
76
|
-
r(e)``;
|
77
|
-
const k = r(e)(({
|
78
|
-
theme: o,
|
79
|
-
$disabled: t
|
80
|
-
}) => `
|
81
|
-
cursor: ${t ? "not-allowed" : "pointer"};
|
82
|
-
|
83
|
-
&:hover {
|
84
|
-
background: ${t ? "transparent" : o.colors.BLACK};
|
85
|
-
};
|
86
|
-
|
87
|
-
path {
|
88
|
-
fill: ${o.colors.WHITE_1};
|
89
|
-
}
|
90
|
-
`), v = r(n)`
|
91
|
-
white-space: nowrap;
|
92
|
-
overflow: hidden;
|
93
|
-
text-overflow: ellipsis;
|
94
|
-
`, $ = r(e)`
|
95
|
-
position: absolute;
|
96
|
-
z-index: 6;
|
97
|
-
top: calc(100% - 36px);
|
98
|
-
right: 12px;
|
99
|
-
transform-origin: top;
|
100
|
-
transform: scaleY(1);
|
101
|
-
`;
|
102
|
-
export {
|
103
|
-
h as BannerImage,
|
104
|
-
f as BannerImageWrapper,
|
105
|
-
u as CardContainer,
|
106
|
-
l as CardKebabMenuWrapper,
|
107
|
-
x as CardMenuOptionsWrapper,
|
108
|
-
k as CardOptionWrapper,
|
109
|
-
b as CardWrapper,
|
110
|
-
m as HeaderText,
|
111
|
-
w as IconWrapper,
|
112
|
-
$ as MenuWrapper,
|
113
|
-
v as OptionText,
|
114
|
-
g as StyledMinus2Icon,
|
115
|
-
d as SubHeaderText
|
116
|
-
};
|
117
|
-
//# 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\ninterface ICardWrapperProps {\n $bgImage: string;\n}\ninterface ICardOptionsMenuWrapperProps {\n $visible: boolean;\n $shouldopenonright: boolean;\n}\n\nexport const CardKebabMenuWrapper = styled(FlexView)(({ theme }) => {\n return `\n cursor: pointer;\n width: 24px;\n height: 24px;\n \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 $shouldopenonright,\n $visible,\n}) => {\n return `\n cursor: pointer;\n position: absolute;\n z-index: 6;\n top: calc(100% + 4px);\n right: ${$shouldopenonright ? 0 : 'auto'};\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 box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.4);\n z-index: 10;\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 if ($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\n return 'overflow: hidden;';\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 white-space: break-spaces;\n`;\n\ninterface ICardOptionWrapperProps {\n $disabled?: boolean;\n}\ninterface ICardOptionsProps {\n $top: number;\n $left: number;\n}\n\nexport const CardOptions = styled(FlexView)<ICardOptionsProps>``;\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\nexport const MenuWrapper = styled(FlexView)`\n position: absolute;\n z-index: 6;\n top: calc(100% - 36px);\n right: 12px;\n transform-origin: top;\n transform: scaleY(1);\n`;\n"],"names":["CardKebabMenuWrapper","styled","FlexView","theme","SubHeaderText","Text","CardMenuOptionsWrapper","$shouldopenonright","$visible","CardContainer","CardWrapper","$bgImage","IconWrapper","BannerImageWrapper","BannerImage","gutter","StyledMinus2Icon","Minus2Icon","HeaderText","CardOptionWrapper","$disabled","OptionText","MenuWrapper"],"mappings":";;;;AAcO,MAAMA,IAAuBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC/C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAQWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAEYC,IAAgBH,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ3BC,IAAyBL,EAAOC,CAAQ,EAAgC,CAAC;AAAA,EACpF,oBAAAK;AAAA,EACA,UAAAC;AACF,MACS;AAAA;AAAA;AAAA;AAAA;AAAA,aAKID,IAAqB,IAAI,MAAM;AAAA;AAAA,wBAEpBC,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA,GAK9B,GAEYC,IAAgBR,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,GAI5CO,IAAcT,EAAOC,CAAQ,EAAqB,CAAC,EAAE,UAAAS,QAC5DA,IACK;AAAA,8BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,QAQ7B,mBACR,GAEYC,IAAcX,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAM7BW,IAAqBZ,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMpCY,IAAcb,EAAO,IAAI,CAAC,EAAE,OAAAE,QAAY;AAC7C,QAAA,EAAE,QAAAY,EAAO,IAAIZ,EAAM;AAElB,SAAA;AAAA,wBACeA,EAAM,OAAO,UAAU;AAAA,aAClCY,IAAS,CAAC;AAAA,cACTA,IAAS,CAAC;AAAA;AAAA;AAGxB,CAAC,GAEYC,IAAmBf,EAAOgB,CAAU;AAAA;AAAA,cAEnC,CAAC,EAAE,OAAAd,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAIlCe,IAAajB,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBVJ,EAAOC,CAAQ;AAEnC,MAAMiB,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,GAMxBiB,IAAcrB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
|
@@ -1,165 +0,0 @@
|
|
1
|
-
import { jsxs as u, jsx as e, Fragment as x } from "react/jsx-runtime";
|
2
|
-
import { memo as H, useCallback as l, useEffect as L } from "react";
|
3
|
-
import { IMAGES as X } from "../../../../assets/images/images.js";
|
4
|
-
import D from "../../../ui/arrow-tooltip/arrow-tooltip.js";
|
5
|
-
import S from "../../../ui/buttons/button/button.js";
|
6
|
-
import T from "../../../ui/layout/flex-view.js";
|
7
|
-
import j from "../../../ui/loader/app-loader/app-loader.js";
|
8
|
-
import _ from "../../../ui/separator/separator.js";
|
9
|
-
import N from "../../../ui/text/text.js";
|
10
|
-
import { MILESTONE_WIDGET_MIN_HEIGHT as v } from "../../constants.js";
|
11
|
-
import { useGetTestHelpData as G } from "../../milestone-list-container/api/get-tests-list.js";
|
12
|
-
import { TESTS_CREATION_ANALYTICS_EVENTS as R } from "../tests-creation/tests-creation-analytics-events.js";
|
13
|
-
import W from "./test-list-view.js";
|
14
|
-
const re = H((c) => {
|
15
|
-
const {
|
16
|
-
isChaptersAvailable: g,
|
17
|
-
isDraftMilestone: E,
|
18
|
-
isMilestoneActive: d,
|
19
|
-
userType: b,
|
20
|
-
studentId: m,
|
21
|
-
userMilestoneId: t,
|
22
|
-
canUpdatePlan: I
|
23
|
-
} = c, { onCreateMilestoneTest: i, onTestPreview: o, onTestStart: n, onTestReview: s } = c, {
|
24
|
-
get: A,
|
25
|
-
data: r,
|
26
|
-
isProcessingFailed: p,
|
27
|
-
isProcessed: f,
|
28
|
-
isStale: C,
|
29
|
-
isProcessing: w
|
30
|
-
} = G(), y = !I || !g || !d || d && E, k = d && !g ? "Chapters need to be assigned" : E ? "Allowed after plan is published" : "Plan is completed", h = l(() => {
|
31
|
-
A(t, void 0, {
|
32
|
-
studentId: m
|
33
|
-
});
|
34
|
-
}, [A, m, t]);
|
35
|
-
L(() => {
|
36
|
-
!w && (!f && !p || C) && h();
|
37
|
-
}, [h, f, w, p, C]);
|
38
|
-
const $ = l(() => {
|
39
|
-
if (typeof i == "function") {
|
40
|
-
i == null || i(t, ((r == null ? void 0 : r.length) || 0) + 1);
|
41
|
-
return;
|
42
|
-
}
|
43
|
-
throw new Error("No callback provided. If provided it must be a function");
|
44
|
-
}, [i, t, r]), M = l(
|
45
|
-
(a) => {
|
46
|
-
if (typeof o == "function") {
|
47
|
-
o == null || o(a, t);
|
48
|
-
return;
|
49
|
-
}
|
50
|
-
throw new Error("No callback provided. If provided it must be a function");
|
51
|
-
},
|
52
|
-
[o, t]
|
53
|
-
), O = l(
|
54
|
-
(a) => {
|
55
|
-
if (typeof n == "function") {
|
56
|
-
n == null || n(a);
|
57
|
-
return;
|
58
|
-
}
|
59
|
-
throw new Error("No callback provided. If provided it must be a function");
|
60
|
-
},
|
61
|
-
[n]
|
62
|
-
), P = l(
|
63
|
-
(a) => {
|
64
|
-
if (typeof s == "function") {
|
65
|
-
s == null || s(a, t);
|
66
|
-
return;
|
67
|
-
}
|
68
|
-
throw new Error("No callback provided. If provided it must be a function");
|
69
|
-
},
|
70
|
-
[s, t]
|
71
|
-
);
|
72
|
-
return p ? /* @__PURE__ */ u(
|
73
|
-
T,
|
74
|
-
{
|
75
|
-
$flexGapX: 1.5,
|
76
|
-
$alignItems: "center",
|
77
|
-
$justifyContent: "center",
|
78
|
-
$height: "100%",
|
79
|
-
$background: "WHITE",
|
80
|
-
children: [
|
81
|
-
/* @__PURE__ */ e(N, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
|
82
|
-
/* @__PURE__ */ e(
|
83
|
-
S,
|
84
|
-
{
|
85
|
-
widthX: 14,
|
86
|
-
size: "small",
|
87
|
-
shape: "square",
|
88
|
-
renderAs: "primary",
|
89
|
-
label: "Try again",
|
90
|
-
onClick: h
|
91
|
-
}
|
92
|
-
)
|
93
|
-
]
|
94
|
-
}
|
95
|
-
) : f ? r != null && r.length ? /* @__PURE__ */ e(
|
96
|
-
W,
|
97
|
-
{
|
98
|
-
...c,
|
99
|
-
onNodeAttempt: O,
|
100
|
-
onNodeView: M,
|
101
|
-
onNodeReview: P,
|
102
|
-
milestoneId: t,
|
103
|
-
sheets: r,
|
104
|
-
userType: b,
|
105
|
-
studentId: m,
|
106
|
-
onCreateNewTest: $,
|
107
|
-
canUpdatedPlan: I,
|
108
|
-
isMilestoneActive: d
|
109
|
-
}
|
110
|
-
) : /* @__PURE__ */ u(
|
111
|
-
T,
|
112
|
-
{
|
113
|
-
$gapX: 6.75,
|
114
|
-
$alignItems: "center",
|
115
|
-
$justifyContent: "center",
|
116
|
-
$background: "WHITE",
|
117
|
-
$height: v,
|
118
|
-
children: [
|
119
|
-
/* @__PURE__ */ e("img", { src: X.EMPTY_MIX_TESTS, alt: "empty_mix_tests" }),
|
120
|
-
/* @__PURE__ */ e(_, { heightX: 2 }),
|
121
|
-
b === "TEACHER" ? /* @__PURE__ */ u(x, { children: [
|
122
|
-
/* @__PURE__ */ e(
|
123
|
-
D,
|
124
|
-
{
|
125
|
-
renderAs: "primary",
|
126
|
-
position: "bottom",
|
127
|
-
hidden: !y,
|
128
|
-
tooltipItem: k,
|
129
|
-
children: /* @__PURE__ */ e(
|
130
|
-
S,
|
131
|
-
{
|
132
|
-
widthX: 10,
|
133
|
-
renderAs: "primary",
|
134
|
-
shape: "square",
|
135
|
-
size: "small",
|
136
|
-
label: "Create a Test",
|
137
|
-
onClick: $,
|
138
|
-
disabled: y,
|
139
|
-
analyticsLabel: R.CUSTOM_TEST_CREATION_STARTED,
|
140
|
-
analyticsProps: {
|
141
|
-
milestone_id: t
|
142
|
-
}
|
143
|
-
}
|
144
|
-
)
|
145
|
-
}
|
146
|
-
),
|
147
|
-
/* @__PURE__ */ e(_, { heightX: 2 })
|
148
|
-
] }) : /* @__PURE__ */ e(N, { $renderAs: "ab2-bold", $color: "BLACK_T_87", children: "Wait for the teacher to create a test" })
|
149
|
-
]
|
150
|
-
}
|
151
|
-
) : /* @__PURE__ */ e(
|
152
|
-
T,
|
153
|
-
{
|
154
|
-
$height: v,
|
155
|
-
$alignItems: "center",
|
156
|
-
$justifyContent: "center",
|
157
|
-
$background: "WHITE",
|
158
|
-
children: /* @__PURE__ */ e(j, { height: "100%" })
|
159
|
-
}
|
160
|
-
);
|
161
|
-
});
|
162
|
-
export {
|
163
|
-
re as default
|
164
|
-
};
|
165
|
-
//# sourceMappingURL=test-list-container.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"test-list-container.js","sources":["../../../../../src/features/milestone/milestone-tests/test-list-v2/test-list-container.tsx"],"sourcesContent":["import type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\nimport type { ITestsListProps } from './types';\n\nimport { memo, useCallback, useEffect, type FC } from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../constants';\nimport { useGetTestHelpData } from '../../milestone-list-container/api/get-tests-list';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../tests-creation/tests-creation-analytics-events';\nimport TestSheetsList from './test-list-view';\n\nconst MilestoneTestsList: FC<ITestsListProps> = memo(props => {\n const {\n isChaptersAvailable,\n isDraftMilestone,\n isMilestoneActive,\n userType,\n studentId,\n userMilestoneId,\n canUpdatePlan,\n } = props;\n const { onCreateMilestoneTest, onTestPreview, onTestStart, onTestReview } = props;\n\n const {\n get: getTestHelpData,\n data,\n isProcessingFailed,\n isProcessed,\n isStale,\n isProcessing,\n } = useGetTestHelpData();\n\n const isTestSheetCreationDisabled =\n !canUpdatePlan ||\n !isChaptersAvailable ||\n !isMilestoneActive ||\n (isMilestoneActive && isDraftMilestone);\n const testCreationCtaTooltipText =\n isMilestoneActive && !isChaptersAvailable\n ? 'Chapters need to be assigned'\n : isDraftMilestone\n ? 'Allowed after plan is published'\n : 'Plan is completed';\n\n const handleOnTryAgain = useCallback(() => {\n getTestHelpData(userMilestoneId, undefined, {\n studentId,\n });\n }, [getTestHelpData, studentId, userMilestoneId]);\n\n useEffect(() => {\n if (!isProcessing && ((!isProcessed && !isProcessingFailed) || isStale)) {\n handleOnTryAgain();\n }\n }, [handleOnTryAgain, isProcessed, isProcessing, isProcessingFailed, isStale]);\n\n const handleOnCreateMilestoneTest = useCallback(() => {\n if (typeof onCreateMilestoneTest === 'function') {\n onCreateMilestoneTest?.(userMilestoneId, (data?.length || 0) + 1);\n\n return;\n }\n\n throw new Error('No callback provided. If provided it must be a function');\n }, [onCreateMilestoneTest, userMilestoneId, data]);\n\n const handleOnTestPreview = useCallback(\n (sheetData: INodeDataProps) => {\n if (typeof onTestPreview === 'function') {\n onTestPreview?.(sheetData, userMilestoneId);\n\n return;\n }\n\n throw new Error('No callback provided. If provided it must be a function');\n },\n [onTestPreview, userMilestoneId],\n );\n\n const handleOnTestStart = useCallback(\n (sheetData: INodeDataProps) => {\n if (typeof onTestStart === 'function') {\n onTestStart?.(sheetData);\n\n return;\n }\n\n throw new Error('No callback provided. If provided it must be a function');\n },\n [onTestStart],\n );\n\n const handleOnTestReview = useCallback(\n (sheetData: INodeDataProps) => {\n if (typeof onTestReview === 'function') {\n onTestReview?.(sheetData, userMilestoneId);\n\n return;\n }\n\n throw new Error('No callback provided. If provided it must be a function');\n },\n [onTestReview, userMilestoneId],\n );\n\n if (isProcessingFailed) {\n return (\n <FlexView\n $flexGapX={1.5}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $height=\"100%\"\n $background=\"WHITE\"\n >\n <Text $renderAs=\"h6\">Oops! Something went wrong. Please try again later.</Text>\n <Button\n widthX={14}\n size=\"small\"\n shape=\"square\"\n renderAs=\"primary\"\n label=\"Try again\"\n onClick={handleOnTryAgain}\n />\n </FlexView>\n );\n }\n\n if (isProcessed) {\n if (data?.length) {\n return (\n <TestSheetsList\n {...props}\n onNodeAttempt={handleOnTestStart}\n onNodeView={handleOnTestPreview}\n onNodeReview={handleOnTestReview}\n milestoneId={userMilestoneId}\n sheets={data}\n userType={userType}\n studentId={studentId}\n onCreateNewTest={handleOnCreateMilestoneTest}\n canUpdatedPlan={canUpdatePlan}\n isMilestoneActive={isMilestoneActive}\n />\n );\n }\n\n return (\n <FlexView\n $gapX={6.75}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $background=\"WHITE\"\n $height={MILESTONE_WIDGET_MIN_HEIGHT}\n >\n <img src={IMAGES.EMPTY_MIX_TESTS} alt=\"empty_mix_tests\" />\n <Separator heightX={2} />\n {userType === 'TEACHER' ? (\n <>\n <ArrowTooltip\n renderAs=\"primary\"\n position=\"bottom\"\n hidden={!isTestSheetCreationDisabled}\n tooltipItem={testCreationCtaTooltipText}\n >\n <Button\n widthX={10}\n renderAs=\"primary\"\n shape=\"square\"\n size=\"small\"\n label=\"Create a Test\"\n onClick={handleOnCreateMilestoneTest}\n disabled={isTestSheetCreationDisabled}\n analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_CREATION_STARTED}\n analyticsProps={{\n milestone_id: userMilestoneId,\n }}\n />\n </ArrowTooltip>\n <Separator heightX={2} />\n </>\n ) : (\n <Text $renderAs=\"ab2-bold\" $color=\"BLACK_T_87\">\n Wait for the teacher to create a test\n </Text>\n )}\n </FlexView>\n );\n }\n\n return (\n <FlexView\n $height={MILESTONE_WIDGET_MIN_HEIGHT}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $background=\"WHITE\"\n >\n <AppLoader height=\"100%\" />\n </FlexView>\n );\n});\n\nexport default MilestoneTestsList;\n"],"names":["MilestoneTestsList","memo","props","isChaptersAvailable","isDraftMilestone","isMilestoneActive","userType","studentId","userMilestoneId","canUpdatePlan","onCreateMilestoneTest","onTestPreview","onTestStart","onTestReview","getTestHelpData","data","isProcessingFailed","isProcessed","isStale","isProcessing","useGetTestHelpData","isTestSheetCreationDisabled","testCreationCtaTooltipText","handleOnTryAgain","useCallback","useEffect","handleOnCreateMilestoneTest","handleOnTestPreview","sheetData","handleOnTestStart","handleOnTestReview","jsxs","FlexView","jsx","Text","Button","TestSheetsList","MILESTONE_WIDGET_MIN_HEIGHT","IMAGES","Separator","Fragment","ArrowTooltip","TESTS_CREATION_ANALYTICS_EVENTS","AppLoader"],"mappings":"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"}
|
@@ -1,25 +0,0 @@
|
|
1
|
-
import { styled as t } from "styled-components";
|
2
|
-
import o from "../../../ui/layout/flex-view.js";
|
3
|
-
const i = t(o)`
|
4
|
-
position: sticky;
|
5
|
-
bottom: 0;
|
6
|
-
margin-left: auto;
|
7
|
-
`, s = t(o)(({ theme: e }) => {
|
8
|
-
const { colors: r } = e;
|
9
|
-
return `
|
10
|
-
border-radius: 50%;
|
11
|
-
box-shadow: 0px 10px 20px 0px ${r.BLACK_T_15};
|
12
|
-
`;
|
13
|
-
}), a = t.div`
|
14
|
-
display: grid;
|
15
|
-
grid-template-columns: repeat(3, 200px);
|
16
|
-
grid-gap: 32px;
|
17
|
-
justify-content: center;
|
18
|
-
padding: 32px 0;
|
19
|
-
`;
|
20
|
-
export {
|
21
|
-
s as IconButtonCover,
|
22
|
-
i as IconContainer,
|
23
|
-
a as TestSheetItemWrapper
|
24
|
-
};
|
25
|
-
//# sourceMappingURL=test-list-view-styled.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"test-list-view-styled.js","sources":["../../../../../src/features/milestone/milestone-tests/test-list-v2/test-list-view-styled.ts"],"sourcesContent":["import { styled } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst IconContainer = styled(FlexView)`\n position: sticky;\n bottom: 0;\n margin-left: auto;\n`;\n\nconst IconButtonCover = styled(FlexView)(({ theme }) => {\n const { colors } = theme;\n\n return `\n border-radius: 50%;\n box-shadow: 0px 10px 20px 0px ${colors.BLACK_T_15};\n `;\n});\n\nconst TestSheetItemWrapper = 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\nexport { IconContainer, IconButtonCover, TestSheetItemWrapper };\n"],"names":["IconContainer","styled","FlexView","IconButtonCover","theme","colors","TestSheetItemWrapper"],"mappings":";;AAIM,MAAAA,IAAgBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAM/BC,IAAkBF,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAE,QAAY;AAChD,QAAA,EAAE,QAAAC,EAAW,IAAAD;AAEZ,SAAA;AAAA;AAAA,sCAE6BC,EAAO,UAAU;AAAA;AAEvD,CAAC,GAEKC,IAAuBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
|
@@ -1,84 +0,0 @@
|
|
1
|
-
import { jsxs as E, jsx as t } from "react/jsx-runtime";
|
2
|
-
import { h as $ } from "../../../../node_modules/humanize-plus/dist/humanize.js";
|
3
|
-
import { memo as C } from "react";
|
4
|
-
import S from "../../../../assets/line-icons/icons/plus2.js";
|
5
|
-
import A from "../../../homework/homework-card.js";
|
6
|
-
import N from "../../../ui/buttons/icon-button/icon-button.js";
|
7
|
-
import w from "../../../ui/layout/flex-view.js";
|
8
|
-
import { MILESTONE_WIDGET_MIN_HEIGHT as x } from "../../constants.js";
|
9
|
-
import { TESTS_CREATION_ANALYTICS_EVENTS as y } from "../tests-creation/tests-creation-analytics-events.js";
|
10
|
-
import { TestSheetItemWrapper as O, IconContainer as b, IconButtonCover as g } from "./test-list-view-styled.js";
|
11
|
-
const j = (e) => {
|
12
|
-
const o = /* @__PURE__ */ new Set();
|
13
|
-
return e == null || e.forEach((r) => {
|
14
|
-
o.add(r.chapter_name);
|
15
|
-
}), Array.from(o).join(", ");
|
16
|
-
}, G = C(
|
17
|
-
({
|
18
|
-
milestoneId: e,
|
19
|
-
studentId: o,
|
20
|
-
sheets: r,
|
21
|
-
userType: i,
|
22
|
-
onCreateNewTest: m,
|
23
|
-
isMilestoneActive: c,
|
24
|
-
canUpdatedPlan: d,
|
25
|
-
...p
|
26
|
-
}) => /* @__PURE__ */ E(
|
27
|
-
w,
|
28
|
-
{
|
29
|
-
$height: x,
|
30
|
-
$position: "relative",
|
31
|
-
$justifyContent: "space-between",
|
32
|
-
children: [
|
33
|
-
/* @__PURE__ */ t(O, { children: r.map((s, a) => {
|
34
|
-
const {
|
35
|
-
items: l,
|
36
|
-
node_id: h,
|
37
|
-
sheet_time: T,
|
38
|
-
total_questions: n,
|
39
|
-
worksheet_id: f
|
40
|
-
} = s, u = Math.ceil((T || 0) / 60), I = j(l), _ = `${typeof n == "number" ? `${n} ${$.pluralize(n, "Question")}, ` : ""}${u} Mins`;
|
41
|
-
return /* @__PURE__ */ t(
|
42
|
-
A,
|
43
|
-
{
|
44
|
-
userType: i,
|
45
|
-
header: I,
|
46
|
-
subHeader: _,
|
47
|
-
nodeData: s,
|
48
|
-
renderAs: "milestone",
|
49
|
-
shouldOpenOnRight: (a + 1) % 3 === 0,
|
50
|
-
...p
|
51
|
-
},
|
52
|
-
`${f}_${h}_${a}`
|
53
|
-
);
|
54
|
-
}) }),
|
55
|
-
i === "TEACHER" && d && /* @__PURE__ */ t(
|
56
|
-
b,
|
57
|
-
{
|
58
|
-
$flexDirection: "row",
|
59
|
-
$justifyContent: "flex-end",
|
60
|
-
$gapX: 1,
|
61
|
-
$gutterX: 1,
|
62
|
-
children: /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(
|
63
|
-
N,
|
64
|
-
{
|
65
|
-
Icon: S,
|
66
|
-
renderAs: "secondary",
|
67
|
-
analyticsLabel: y.CUSTOM_TEST_CREATION_STARTED,
|
68
|
-
onClick: m,
|
69
|
-
disabled: !c,
|
70
|
-
analyticsProps: {
|
71
|
-
milestone_id: e
|
72
|
-
}
|
73
|
-
}
|
74
|
-
) })
|
75
|
-
}
|
76
|
-
)
|
77
|
-
]
|
78
|
-
}
|
79
|
-
)
|
80
|
-
);
|
81
|
-
export {
|
82
|
-
G as default
|
83
|
-
};
|
84
|
-
//# sourceMappingURL=test-list-view.js.map
|