@cuemath/leap 2.8.61-as17 → 2.8.61-as3
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/line-icons/icons/chevron-left.js.map +1 -1
- package/dist/assets/line-icons/icons/recap.js +3 -3
- package/dist/assets/line-icons/icons/recap.js.map +1 -1
- package/dist/assets/lottie/lottie.js +1 -9
- package/dist/assets/lottie/lottie.js.map +1 -1
- package/dist/features/chapters/chapters-list/chapter-item/chapter-item-styled.js +19 -20
- package/dist/features/chapters/chapters-list/chapter-item/chapter-item-styled.js.map +1 -1
- package/dist/features/chapters-v2/chapter-details/block-sections/block-section-view.js +25 -25
- package/dist/features/chapters-v2/chapter-details/block-sections/block-section-view.js.map +1 -1
- package/dist/features/chapters-v2/chapter-details/block-sections/block-sections.js +28 -32
- package/dist/features/chapters-v2/chapter-details/block-sections/block-sections.js.map +1 -1
- package/dist/features/chapters-v2/comps/node-card/student-actions/student-actions.js +78 -85
- package/dist/features/chapters-v2/comps/node-card/student-actions/student-actions.js.map +1 -1
- package/dist/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.js +90 -98
- package/dist/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.js.map +1 -1
- package/dist/features/chapters-v2/constants/node-constants.js +1 -0
- package/dist/features/chapters-v2/constants/node-constants.js.map +1 -1
- package/dist/features/chapters-v2/utils/node-card-utils.js +39 -77
- package/dist/features/chapters-v2/utils/node-card-utils.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/homework/card-menu-options.js +44 -34
- package/dist/features/homework/card-menu-options.js.map +1 -1
- package/dist/features/homework/homework-card.js +227 -157
- package/dist/features/homework/homework-card.js.map +1 -1
- package/dist/features/homework/hw-card-list/api/get-homeworks.js +1 -1
- package/dist/features/homework/hw-card-list/api/get-homeworks.js.map +1 -1
- package/dist/features/homework/hw-card-list/hw-card-list.js +104 -177
- package/dist/features/homework/hw-card-list/hw-card-list.js.map +1 -1
- package/dist/features/homework/styles.js +31 -36
- package/dist/features/homework/styles.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-info.js +49 -48
- 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.js +35 -36
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.js.map +1 -1
- package/dist/features/milestone/milestone-tests/test-list-v2/test-list-view.js +38 -40
- package/dist/features/milestone/milestone-tests/test-list-v2/test-list-view.js.map +1 -1
- package/dist/features/sheet-v2/resource-list/resource-list.js +36 -25
- package/dist/features/sheet-v2/resource-list/resource-list.js.map +1 -1
- package/dist/index.d.ts +1 -36
- package/dist/index.js +379 -381
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/assets/line-icons/icons/closed-eye.js +0 -23
- package/dist/assets/line-icons/icons/closed-eye.js.map +0 -1
- package/dist/features/homework/card-title.js +0 -21
- package/dist/features/homework/card-title.js.map +0 -1
- package/dist/features/homework/homework-card-view.js +0 -133
- package/dist/features/homework/homework-card-view.js.map +0 -1
- package/dist/features/homework/hw-card-list/hw-card-list-styled.js +0 -71
- package/dist/features/homework/hw-card-list/hw-card-list-styled.js.map +0 -1
- package/dist/static/competitive-arena.b9c40801.json +0 -1
- package/dist/static/learn.71b13323.json +0 -1
- package/dist/static/practice.158dd488.json +0 -1
- package/dist/static/project.eb665827.json +0 -1
- package/dist/static/puzzle.b298c7e4.json +0 -1
- package/dist/static/recap.0dd2c1e2.json +0 -1
- package/dist/static/test.803d6036.json +0 -1
- package/dist/static/video.b41451e2.json +0 -1
package/dist/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
@@ -1,23 +0,0 @@
|
|
1
|
-
import { jsx as o } from "react/jsx-runtime";
|
2
|
-
const M = (t) => /* @__PURE__ */ o(
|
3
|
-
"svg",
|
4
|
-
{
|
5
|
-
xmlns: "http://www.w3.org/2000/svg",
|
6
|
-
width: "24",
|
7
|
-
height: "24",
|
8
|
-
viewBox: "0 0 24 24",
|
9
|
-
fill: "none",
|
10
|
-
...t,
|
11
|
-
children: /* @__PURE__ */ o(
|
12
|
-
"path",
|
13
|
-
{
|
14
|
-
d: "M18.9663 12C18.526 13.0841 17.84 14.0422 16.9773 14.8052M5.03383 12C5.47631 13.0895 6.16696 14.0517 7.03562 14.8165M12.0163 19L12.0163 16.6893M16.9773 14.8052L19.1699 16.071M16.9773 14.8052C15.6555 15.9743 13.9189 16.6853 12.0163 16.6893M14.5546 16.3373L15.6831 18.2919M9.51717 16.2696C10.2944 16.5415 11.13 16.6894 12 16.6894C12.0055 16.6894 12.0109 16.6894 12.0163 16.6893M9.51717 16.2696C8.59464 15.9468 7.75422 15.4492 7.03562 14.8165M9.51717 16.2696L8.34354 18.3024M7.03562 14.8165L4.84277 16.0826",
|
15
|
-
stroke: "currentColor"
|
16
|
-
}
|
17
|
-
)
|
18
|
-
}
|
19
|
-
);
|
20
|
-
export {
|
21
|
-
M as default
|
22
|
-
};
|
23
|
-
//# sourceMappingURL=closed-eye.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"closed-eye.js","sources":["../../../../src/assets/line-icons/icons/closed-eye.tsx"],"sourcesContent":["const ClosedEyeIcon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n {...props}\n >\n <path\n d=\"M18.9663 12C18.526 13.0841 17.84 14.0422 16.9773 14.8052M5.03383 12C5.47631 13.0895 6.16696 14.0517 7.03562 14.8165M12.0163 19L12.0163 16.6893M16.9773 14.8052L19.1699 16.071M16.9773 14.8052C15.6555 15.9743 13.9189 16.6853 12.0163 16.6893M14.5546 16.3373L15.6831 18.2919M9.51717 16.2696C10.2944 16.5415 11.13 16.6894 12 16.6894C12.0055 16.6894 12.0109 16.6894 12.0163 16.6893M9.51717 16.2696C8.59464 15.9468 7.75422 15.4492 7.03562 14.8165M9.51717 16.2696L8.34354 18.3024M7.03562 14.8165L4.84277 16.0826\"\n stroke=\"currentColor\"\n />\n </svg>\n);\n\nexport default ClosedEyeIcon;\n"],"names":["ClosedEyeIcon","props","jsx"],"mappings":";AAAA,MAAMA,IAAyD,CAC7DC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AACF;"}
|
@@ -1,21 +0,0 @@
|
|
1
|
-
import { jsxs as t, jsx as r } from "react/jsx-runtime";
|
2
|
-
import c from "../ui/layout/flex-view.js";
|
3
|
-
import e from "../ui/text/text.js";
|
4
|
-
const a = ({
|
5
|
-
cardHeader: n,
|
6
|
-
nodeType: l,
|
7
|
-
courseType: i
|
8
|
-
}) => l === "MASTERY" ? /* @__PURE__ */ t(c, { children: [
|
9
|
-
/* @__PURE__ */ r(c, { $background: "BLACK_T_60", $width: "fit-content", $gutterX: 0.25, children: /* @__PURE__ */ r(e, { $color: "WHITE", $renderAs: "ac4-black", children: "Smart" }) }),
|
10
|
-
/* @__PURE__ */ r(e, { $renderAs: "ac4-black", children: "Practice" })
|
11
|
-
] }) : i === "REMEDIAL" ? /* @__PURE__ */ t(c, { children: [
|
12
|
-
/* @__PURE__ */ r(c, { $background: "BLACK_T_60", $width: "fit-content", $gutterX: 0.25, children: /* @__PURE__ */ r(e, { $color: "WHITE", $renderAs: "ac4-black", children: "EXTRA" }) }),
|
13
|
-
/* @__PURE__ */ r(e, { $renderAs: "ac4-black", children: n })
|
14
|
-
] }) : i === "EXAM" ? /* @__PURE__ */ t(c, { children: [
|
15
|
-
/* @__PURE__ */ r(c, { $background: "BLACK_T_60", $width: "fit-content", $gutterX: 0.25, children: /* @__PURE__ */ r(e, { $color: "WHITE", $renderAs: "ac4-black", children: "CUSTOM" }) }),
|
16
|
-
/* @__PURE__ */ r(e, { $renderAs: "ac4-black", children: n })
|
17
|
-
] }) : /* @__PURE__ */ r(e, { $renderAs: "ac4-black", children: n });
|
18
|
-
export {
|
19
|
-
a as default
|
20
|
-
};
|
21
|
-
//# sourceMappingURL=card-title.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"card-title.js","sources":["../../../src/features/homework/card-title.tsx"],"sourcesContent":["import type { TCourseType, TNodeTypes } from '../chapters-v2/comps/node-card/node-card-types';\n\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\n\nconst CardTitle = ({\n cardHeader,\n nodeType,\n courseType,\n}: {\n cardHeader: string;\n nodeType: TNodeTypes;\n courseType: TCourseType;\n}) => {\n if (nodeType === 'MASTERY') {\n return (\n <FlexView>\n <FlexView $background=\"BLACK_T_60\" $width=\"fit-content\" $gutterX={0.25}>\n <Text $color=\"WHITE\" $renderAs=\"ac4-black\">\n Smart\n </Text>\n </FlexView>\n <Text $renderAs=\"ac4-black\">Practice</Text>\n </FlexView>\n );\n }\n\n if (courseType === 'REMEDIAL') {\n return (\n <FlexView>\n <FlexView $background=\"BLACK_T_60\" $width=\"fit-content\" $gutterX={0.25}>\n <Text $color=\"WHITE\" $renderAs=\"ac4-black\">\n EXTRA\n </Text>\n </FlexView>\n <Text $renderAs=\"ac4-black\">{cardHeader}</Text>\n </FlexView>\n );\n }\n\n if (courseType === 'EXAM') {\n return (\n <FlexView>\n <FlexView $background=\"BLACK_T_60\" $width=\"fit-content\" $gutterX={0.25}>\n <Text $color=\"WHITE\" $renderAs=\"ac4-black\">\n CUSTOM\n </Text>\n </FlexView>\n <Text $renderAs=\"ac4-black\">{cardHeader}</Text>\n </FlexView>\n );\n }\n\n return <Text $renderAs=\"ac4-black\">{cardHeader}</Text>;\n};\n\nexport default CardTitle;\n"],"names":["CardTitle","cardHeader","nodeType","courseType","FlexView","jsx","Text"],"mappings":";;;AAKA,MAAMA,IAAY,CAAC;AAAA,EACjB,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAKMD,MAAa,8BAEZE,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACD,GAAS,EAAA,aAAY,cAAa,QAAO,eAAc,UAAU,MAChE,UAAC,gBAAAC,EAAAC,GAAA,EAAK,QAAO,SAAQ,WAAU,aAAY,kBAE3C,CAAA,GACF;AAAA,EACC,gBAAAD,EAAAC,GAAA,EAAK,WAAU,aAAY,UAAQ,YAAA;AACtC,EAAA,CAAA,IAIAH,MAAe,+BAEdC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACD,GAAS,EAAA,aAAY,cAAa,QAAO,eAAc,UAAU,MAChE,UAAC,gBAAAC,EAAAC,GAAA,EAAK,QAAO,SAAQ,WAAU,aAAY,kBAE3C,CAAA,GACF;AAAA,EACC,gBAAAD,EAAAC,GAAA,EAAK,WAAU,aAAa,UAAWL,GAAA;AAC1C,EAAA,CAAA,IAIAE,MAAe,2BAEdC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACD,GAAS,EAAA,aAAY,cAAa,QAAO,eAAc,UAAU,MAChE,UAAC,gBAAAC,EAAAC,GAAA,EAAK,QAAO,SAAQ,WAAU,aAAY,mBAE3C,CAAA,GACF;AAAA,EACC,gBAAAD,EAAAC,GAAA,EAAK,WAAU,aAAa,UAAWL,GAAA;AAC1C,EAAA,CAAA,IAII,gBAAAI,EAAAC,GAAA,EAAK,WAAU,aAAa,UAAWL,EAAA,CAAA;"}
|
@@ -1,133 +0,0 @@
|
|
1
|
-
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
2
|
-
import { useState as p, useRef as L, useCallback as u, useLayoutEffect as N } from "react";
|
3
|
-
import B from "../../assets/line-icons/icons/closed-eye.js";
|
4
|
-
import R from "../chapters-v2/comps/node-card/node-card-tags.js";
|
5
|
-
import { getNodeTypeBasedBgImage as v } from "../chapters-v2/utils/index.js";
|
6
|
-
import { getNodeCardBasedIcon as O } from "../chapters-v2/utils/node-card-utils.js";
|
7
|
-
import h from "../ui/arrow-tooltip/arrow-tooltip.js";
|
8
|
-
import r from "../ui/layout/flex-view.js";
|
9
|
-
import W from "../ui/lottie-animation/lottie-animation.js";
|
10
|
-
import j from "../ui/text/text.js";
|
11
|
-
import D from "./card-title.js";
|
12
|
-
import G from "./node-progress.js";
|
13
|
-
import { CardWrapper as M, IconWrapper as S, BannerImageWrapper as z, BannerImage as V, HeaderText as F, SubHeaderText as K } from "./styles.js";
|
14
|
-
const ae = ({
|
15
|
-
header: a,
|
16
|
-
isInQueue: g,
|
17
|
-
nodeData: $,
|
18
|
-
studentContainerRef: f,
|
19
|
-
subHeader: T,
|
20
|
-
isHomeWork: I
|
21
|
-
}) => {
|
22
|
-
const {
|
23
|
-
node_type: o,
|
24
|
-
state: w,
|
25
|
-
accuracy: b,
|
26
|
-
due_date_ts: n,
|
27
|
-
image_url: d,
|
28
|
-
image_hue: s,
|
29
|
-
card_header: c = "",
|
30
|
-
unlocked_on_ts: l,
|
31
|
-
course_type: x
|
32
|
-
} = $, [_, y] = p(!1), t = L(null), [C, m] = p(!1), A = v(o), { icon: k, lottie: H } = O(o), X = u(() => {
|
33
|
-
m(!0);
|
34
|
-
}, []), E = u(() => {
|
35
|
-
m(!1);
|
36
|
-
}, []);
|
37
|
-
return N(() => {
|
38
|
-
t.current && t.current.scrollHeight > t.current.clientHeight && y(!0);
|
39
|
-
}, [t]), /* @__PURE__ */ i(
|
40
|
-
r,
|
41
|
-
{
|
42
|
-
ref: f,
|
43
|
-
$widthX: 12.38,
|
44
|
-
$position: "relative",
|
45
|
-
$background: `${s || "ORANGE"}_2`,
|
46
|
-
onMouseEnter: X,
|
47
|
-
onMouseLeave: E,
|
48
|
-
children: [
|
49
|
-
/* @__PURE__ */ i(
|
50
|
-
M,
|
51
|
-
{
|
52
|
-
$flexDirection: "row",
|
53
|
-
$alignItems: "center",
|
54
|
-
$width: "100%",
|
55
|
-
$heightX: 3.5,
|
56
|
-
$bgImage: A,
|
57
|
-
$gutterX: 0.78125,
|
58
|
-
$flexGap: 8.5,
|
59
|
-
$position: "relative",
|
60
|
-
children: [
|
61
|
-
/* @__PURE__ */ e(
|
62
|
-
S,
|
63
|
-
{
|
64
|
-
$width: 31,
|
65
|
-
$height: 31,
|
66
|
-
$borderRadiusX: 2,
|
67
|
-
$background: "WHITE_1",
|
68
|
-
$position: "relative",
|
69
|
-
$alignItems: "center",
|
70
|
-
$justifyContent: "center",
|
71
|
-
children: C ? /* @__PURE__ */ e(W, { src: H }) : /* @__PURE__ */ e(k, { width: 20, height: 20 })
|
72
|
-
}
|
73
|
-
),
|
74
|
-
I ? /* @__PURE__ */ e(D, { cardHeader: c, nodeType: o, courseType: x }) : /* @__PURE__ */ e(j, { $renderAs: "ac4-black", children: c }),
|
75
|
-
g && /* @__PURE__ */ e(
|
76
|
-
h,
|
77
|
-
{
|
78
|
-
renderAs: "primary",
|
79
|
-
tooltipItem: "Not visible to student",
|
80
|
-
position: "bottom",
|
81
|
-
zIndex: 6,
|
82
|
-
children: /* @__PURE__ */ e(B, {})
|
83
|
-
}
|
84
|
-
),
|
85
|
-
!!d && /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(V, { src: d, alt: "Chapter image" }) })
|
86
|
-
]
|
87
|
-
}
|
88
|
-
),
|
89
|
-
/* @__PURE__ */ e(R, { nodeType: o, state: w, accuracy: b, dueDateTs: n }),
|
90
|
-
n && l && /* @__PURE__ */ e(
|
91
|
-
G,
|
92
|
-
{
|
93
|
-
dueDate: n * 1e3,
|
94
|
-
unlockedOn: l * 1e3,
|
95
|
-
progressBg: `${s || "ORANGE"}_4`
|
96
|
-
}
|
97
|
-
),
|
98
|
-
/* @__PURE__ */ i(r, { $gutterX: 0.75, $gapX: 1, $flexRowGapX: 0.5, $background: "WHITE", children: [
|
99
|
-
/* @__PURE__ */ e(
|
100
|
-
h,
|
101
|
-
{
|
102
|
-
renderAs: "primary",
|
103
|
-
position: "bottom",
|
104
|
-
tooltipItem: a,
|
105
|
-
width: 300,
|
106
|
-
hidden: !_,
|
107
|
-
parentWidth: "auto",
|
108
|
-
zIndex: 6,
|
109
|
-
children: /* @__PURE__ */ e(r, { $heightX: 2.5, children: /* @__PURE__ */ e(F, { ref: t, $renderAs: "ab3", children: a }) })
|
110
|
-
}
|
111
|
-
),
|
112
|
-
/* @__PURE__ */ i(
|
113
|
-
r,
|
114
|
-
{
|
115
|
-
$flexDirection: "row",
|
116
|
-
$heightX: 1.25,
|
117
|
-
$alignItems: "center",
|
118
|
-
$justifyContent: "space-between",
|
119
|
-
children: [
|
120
|
-
/* @__PURE__ */ e(K, { $renderAs: "ub3", $color: "BLACK_T_60", children: T }),
|
121
|
-
/* @__PURE__ */ e(r, { $width: 32 })
|
122
|
-
]
|
123
|
-
}
|
124
|
-
)
|
125
|
-
] })
|
126
|
-
]
|
127
|
-
}
|
128
|
-
);
|
129
|
-
};
|
130
|
-
export {
|
131
|
-
ae as default
|
132
|
-
};
|
133
|
-
//# sourceMappingURL=homework-card-view.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"homework-card-view.js","sources":["../../../src/features/homework/homework-card-view.tsx"],"sourcesContent":["import type { INodeDataProps } from '../chapters-v2/comps/node-card/node-card-types';\nimport type { IHomeworkData } from './hw-card-list/api/get-homeworks';\nimport type { FC } from 'react';\n\nimport { useCallback, useLayoutEffect, useRef, useState } from 'react';\n\nimport ClosedEyeIcon from '../../assets/line-icons/icons/closed-eye';\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 FlexView from '../ui/layout/flex-view';\nimport LottieAnimation from '../ui/lottie-animation/lottie-animation';\nimport Text from '../ui/text/text';\nimport CardTitle from './card-title';\nimport NodeProgress from './node-progress';\nimport * as Styled from './styles';\n\ninterface IHomeworkCardViewProps {\n header: string;\n isInQueue?: boolean;\n nodeData: INodeDataProps | IHomeworkData;\n studentContainerRef: React.RefObject<HTMLDivElement>;\n subHeader: string;\n isHomeWork: boolean;\n}\n\nconst HomeworkView: FC<IHomeworkCardViewProps> = ({\n header,\n isInQueue,\n nodeData,\n studentContainerRef,\n subHeader,\n isHomeWork,\n}) => {\n const {\n node_type: nodeType,\n state,\n accuracy,\n due_date_ts: dueDateTs,\n image_url: imageUrl,\n image_hue: imageHue,\n card_header: cardHeader = '',\n unlocked_on_ts: unlockedOnTs,\n course_type: courseType,\n } = nodeData;\n const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n const titleTextRef = useRef<HTMLDivElement>(null);\n const [renderLottie, setRenderLottie] = useState(false);\n const bgImage = getNodeTypeBasedBgImage(nodeType);\n const { icon: NodeCardIcon, lottie: nodeCardLottie } = getNodeCardBasedIcon(nodeType);\n\n const handleOnMouseEnter = useCallback(() => {\n setRenderLottie(true);\n }, []);\n\n const handleOnMouseLeave = useCallback(() => {\n setRenderLottie(false);\n }, []);\n\n useLayoutEffect(() => {\n if (\n titleTextRef.current &&\n titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n ) {\n setShowTitleTooltip(true);\n }\n }, [titleTextRef]);\n\n return (\n <FlexView\n ref={studentContainerRef}\n $widthX={12.38}\n $position=\"relative\"\n $background={`${imageHue || 'ORANGE'}_2`}\n onMouseEnter={handleOnMouseEnter}\n onMouseLeave={handleOnMouseLeave}\n >\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 {renderLottie ? (\n <LottieAnimation src={nodeCardLottie} />\n ) : (\n <NodeCardIcon width={20} height={20} />\n )}\n </Styled.IconWrapper>\n {isHomeWork ? (\n <CardTitle cardHeader={cardHeader} nodeType={nodeType} courseType={courseType} />\n ) : (\n <Text $renderAs=\"ac4-black\">{cardHeader}</Text>\n )}\n {isInQueue && (\n <ArrowTooltip\n renderAs=\"primary\"\n tooltipItem=\"Not visible to student\"\n position=\"bottom\"\n zIndex={6}\n >\n <ClosedEyeIcon />\n </ArrowTooltip>\n )}\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 {dueDateTs && unlockedOnTs && (\n <NodeProgress\n dueDate={dueDateTs * 1000}\n unlockedOn={unlockedOnTs * 1000}\n progressBg={`${imageHue || 'ORANGE'}_4`}\n />\n )}\n <FlexView $gutterX={0.75} $gapX={1} $flexRowGapX={0.5} $background=\"WHITE\">\n <ArrowTooltip\n renderAs=\"primary\"\n position=\"bottom\"\n tooltipItem={header}\n width={300}\n hidden={!showTitleTooltip}\n parentWidth=\"auto\"\n zIndex={6}\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 <FlexView $width={32} />\n </FlexView>\n </FlexView>\n </FlexView>\n );\n};\n\nexport default HomeworkView;\n"],"names":["HomeworkView","header","isInQueue","nodeData","studentContainerRef","subHeader","isHomeWork","nodeType","state","accuracy","dueDateTs","imageUrl","imageHue","cardHeader","unlockedOnTs","courseType","showTitleTooltip","setShowTitleTooltip","useState","titleTextRef","useRef","renderLottie","setRenderLottie","bgImage","getNodeTypeBasedBgImage","NodeCardIcon","nodeCardLottie","getNodeCardBasedIcon","handleOnMouseEnter","useCallback","handleOnMouseLeave","useLayoutEffect","jsxs","FlexView","Styled.CardWrapper","jsx","Styled.IconWrapper","LottieAnimation","CardTitle","Text","ArrowTooltip","ClosedEyeIcon","Styled.BannerImageWrapper","Styled.BannerImage","NodeCardTags","NodeProgress","Styled.HeaderText","Styled.SubHeaderText"],"mappings":"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"}
|
@@ -1,71 +0,0 @@
|
|
1
|
-
import o, { css as n } from "styled-components";
|
2
|
-
import e from "../../ui/layout/flex-view.js";
|
3
|
-
import i from "../../ui/text/text.js";
|
4
|
-
const l = o(e)`
|
5
|
-
overflow-x: hidden;
|
6
|
-
overflow-y: visible;
|
7
|
-
padding: 16px 0px 92px 0px;
|
8
|
-
margin-bottom: -92px;
|
9
|
-
margin-top: -16px;
|
10
|
-
`, c = o(e)`
|
11
|
-
right: ${({ right: t }) => t};
|
12
|
-
left: ${({ left: t }) => t};
|
13
|
-
width: 32px;
|
14
|
-
cursor: pointer;
|
15
|
-
transition: opacity 0.3s ease-in-out;
|
16
|
-
opacity: ${({ $visible: t }) => t ? 1 : 0};
|
17
|
-
pointer-events: ${({ $visible: t }) => t ? "auto" : "none"};
|
18
|
-
z-index: 10;
|
19
|
-
path {
|
20
|
-
fill: ${({ theme: t }) => t.colors.WHITE};
|
21
|
-
}
|
22
|
-
`, x = o(e)(
|
23
|
-
({ $disablePointerEvents: t, theme: r }) => `
|
24
|
-
position: relative;
|
25
|
-
pointer-events: auto;
|
26
|
-
${t && n`
|
27
|
-
pointer-events: none;
|
28
|
-
:after {
|
29
|
-
content: '';
|
30
|
-
position: absolute;
|
31
|
-
top: 0;
|
32
|
-
left: 0;
|
33
|
-
right: 0;
|
34
|
-
bottom: 0;
|
35
|
-
background: ${r.colors.GREY_3};
|
36
|
-
}
|
37
|
-
`}
|
38
|
-
`
|
39
|
-
), d = o(i)`
|
40
|
-
writing-mode: sideways-lr;
|
41
|
-
`, g = o(e)`
|
42
|
-
position: relative;
|
43
|
-
|
44
|
-
&::after {
|
45
|
-
content: '';
|
46
|
-
position: absolute;
|
47
|
-
height: 8px;
|
48
|
-
width: 8px;
|
49
|
-
clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
|
50
|
-
background-color: ${({ theme: t }) => t.colors.BLACK_4};
|
51
|
-
top: 50%;
|
52
|
-
right: 0;
|
53
|
-
transform: translate(50%, calc(-50% + 0px)) rotate(225deg);
|
54
|
-
}
|
55
|
-
`, u = o(e)`
|
56
|
-
cursor: pointer;
|
57
|
-
height: 100%;
|
58
|
-
right: ${({ right: t }) => t};
|
59
|
-
left: ${({ left: t }) => t};
|
60
|
-
pointer-events: all;
|
61
|
-
z-index: 5;
|
62
|
-
`;
|
63
|
-
export {
|
64
|
-
x as ContentWrapper,
|
65
|
-
u as HoverZone,
|
66
|
-
d as QueueText,
|
67
|
-
g as QueueWrapper,
|
68
|
-
c as ScrollButton,
|
69
|
-
l as ScrollContainer
|
70
|
-
};
|
71
|
-
//# sourceMappingURL=hw-card-list-styled.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"hw-card-list-styled.js","sources":["../../../../src/features/homework/hw-card-list/hw-card-list-styled.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\n\nexport const ScrollContainer = styled(FlexView)`\n overflow-x: hidden;\n overflow-y: visible;\n padding: 16px 0px 92px 0px;\n margin-bottom: -92px;\n margin-top: -16px;\n`;\n\nexport const ScrollButton = styled(FlexView)<{ $visible: boolean; right: string; left: string }>`\n right: ${({ right }) => right};\n left: ${({ left }) => left};\n width: 32px;\n cursor: pointer;\n transition: opacity 0.3s ease-in-out;\n opacity: ${({ $visible }) => ($visible ? 1 : 0)};\n pointer-events: ${({ $visible }) => ($visible ? 'auto' : 'none')};\n z-index: 10;\n path {\n fill: ${({ theme }) => theme.colors.WHITE};\n }\n`;\n\nexport const ContentWrapper = styled(FlexView)<{ $disablePointerEvents: boolean }>(\n ({ $disablePointerEvents, theme }) => `\n position: relative;\n pointer-events: auto;\n ${\n $disablePointerEvents &&\n css`\n pointer-events: none;\n :after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: ${theme.colors.GREY_3};\n }\n `\n }\n `,\n);\n\nexport const QueueText = styled(Text)`\n writing-mode: sideways-lr;\n`;\n\nexport const QueueWrapper = styled(FlexView)`\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n height: 8px;\n width: 8px;\n clip-path: polygon(0% 0%, 100% 100%, 0% 100%);\n background-color: ${({ theme }) => theme.colors.BLACK_4};\n top: 50%;\n right: 0;\n transform: translate(50%, calc(-50% + 0px)) rotate(225deg);\n }\n`;\nexport const HoverZone = styled(FlexView)<{ right: string; left: string }>`\n cursor: pointer;\n height: 100%;\n right: ${({ right }) => right};\n left: ${({ left }) => left};\n pointer-events: all;\n z-index: 5;\n`;\n"],"names":["ScrollContainer","styled","FlexView","ScrollButton","right","left","$visible","theme","ContentWrapper","$disablePointerEvents","css","QueueText","Text","QueueWrapper","HoverZone"],"mappings":";;;AAKa,MAAAA,IAAkBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCC,IAAeF,EAAOC,CAAQ;AAAA,WAChC,CAAC,EAAE,OAAAE,EAAM,MAAMA,CAAK;AAAA,UACrB,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA;AAAA;AAAA;AAAA,aAIf,CAAC,EAAE,UAAAC,EAAA,MAAgBA,IAAW,IAAI,CAAE;AAAA,oBAC7B,CAAC,EAAE,UAAAA,EAAA,MAAgBA,IAAW,SAAS,MAAO;AAAA;AAAA;AAAA,YAGtD,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAIhCC,IAAiBP,EAAOC,CAAQ;AAAA,EAC3C,CAAC,EAAE,uBAAAO,GAAuB,OAAAF,EAAA,MAAY;AAAA;AAAA;AAAA,MAIlCE,KACAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASkBH,EAAM,OAAO,MAAM;AAAA;AAAA,OAGvC;AAAA;AAEJ,GAEaI,IAAYV,EAAOW,CAAI;AAAA;AAAA,GAIvBC,IAAeZ,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASnB,CAAC,EAAE,OAAAK,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAM9CO,IAAYb,EAAOC,CAAQ;AAAA;AAAA;AAAA,WAG7B,CAAC,EAAE,OAAAE,EAAM,MAAMA,CAAK;AAAA,UACrB,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA;AAAA;AAAA;"}
|