@cuemath/leap 2.8.61-as15 → 2.8.61-as16
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/closed-eye.js +23 -0
- package/dist/assets/line-icons/icons/closed-eye.js.map +1 -0
- package/dist/features/chapters-v2/constants/node-constants.js.map +1 -1
- package/dist/features/homework/card-title.js +21 -0
- package/dist/features/homework/card-title.js.map +1 -0
- package/dist/features/homework/homework-card-view.js +133 -0
- package/dist/features/homework/homework-card-view.js.map +1 -0
- package/dist/features/homework/homework-card.js +140 -237
- package/dist/features/homework/homework-card.js.map +1 -1
- package/dist/features/homework/hw-card-list/hw-card-list-styled.js +38 -19
- package/dist/features/homework/hw-card-list/hw-card-list-styled.js.map +1 -1
- package/dist/features/homework/hw-card-list/hw-card-list.js +94 -79
- package/dist/features/homework/hw-card-list/hw-card-list.js.map +1 -1
- package/dist/features/homework/styles.js +31 -18
- package/dist/features/homework/styles.js.map +1 -1
- package/dist/index.d.ts +10 -0
- package/package.json +1 -1
|
@@ -0,0 +1,23 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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 +1 @@
|
|
|
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 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,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
|
+
{"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 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\nexport enum NODE_CARD_COURSE_TYPES {\n PROGRAM = 'PROGRAM',\n REMEDIAL = 'REMEDIAL',\n TEST_SERIES = 'TEST_SERIES',\n EXAM = 'EXAM',\n}\n"],"names":["TEACHER_MENU_LABELS","NODE_CARD_STATES"],"mappings":"AAAO,MAAMA,IAAsB;AAAA,EACjC,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;"}
|
|
@@ -0,0 +1,21 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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;"}
|
|
@@ -0,0 +1,133 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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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"}
|