@cuemath/leap 2.9.2-as1 → 2.9.2-as2

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.
@@ -1,21 +1,15 @@
1
- import { jsxs as t, jsx as r } from "react/jsx-runtime";
1
+ import { jsx as t, jsxs as a } from "react/jsx-runtime";
2
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 });
3
+ import i from "../ui/text/text.js";
4
+ const l = ({ label: e, title: r }) => /* @__PURE__ */ a(c, { children: [
5
+ /* @__PURE__ */ t(c, { $background: "BLACK_T_60", $width: "fit-content", $gutterX: 0.25, children: /* @__PURE__ */ t(i, { $color: "WHITE", $renderAs: "ac4-black", children: e }) }),
6
+ /* @__PURE__ */ t(i, { $renderAs: "ac4-black", children: r })
7
+ ] }), f = ({
8
+ cardHeader: e,
9
+ nodeType: r,
10
+ courseType: n
11
+ }) => r === "MASTERY" ? /* @__PURE__ */ t(l, { label: "Smart", title: "Practice" }) : n === "REMEDIAL" ? /* @__PURE__ */ t(l, { label: "EXTRA", title: e }) : n === "EXAM" ? /* @__PURE__ */ t(l, { label: "CUSTOM", title: e }) : /* @__PURE__ */ t(i, { $renderAs: "ac4-black", children: e });
18
12
  export {
19
- a as default
13
+ f as default
20
14
  };
21
15
  //# sourceMappingURL=card-title.js.map
@@ -1 +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;"}
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 LabelledTitle = ({ label, title }: { label: string; title: string }) => (\n <FlexView>\n <FlexView $background=\"BLACK_T_60\" $width=\"fit-content\" $gutterX={0.25}>\n <Text $color=\"WHITE\" $renderAs=\"ac4-black\">\n {label}\n </Text>\n </FlexView>\n <Text $renderAs=\"ac4-black\">{title}</Text>\n </FlexView>\n);\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 <LabelledTitle label=\"Smart\" title=\"Practice\" />;\n }\n\n if (courseType === 'REMEDIAL') {\n return <LabelledTitle label=\"EXTRA\" title={cardHeader} />;\n }\n\n if (courseType === 'EXAM') {\n return <LabelledTitle label=\"CUSTOM\" title={cardHeader} />;\n }\n\n return <Text $renderAs=\"ac4-black\">{cardHeader}</Text>;\n};\n\nexport default CardTitle;\n"],"names":["LabelledTitle","label","title","FlexView","jsx","Text","CardTitle","cardHeader","nodeType","courseType"],"mappings":";;;AAKA,MAAMA,IAAgB,CAAC,EAAE,OAAAC,GAAO,OAAAC,EAAM,wBACnCC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACD,GAAS,EAAA,aAAY,cAAa,QAAO,eAAc,UAAU,MAChE,UAAC,gBAAAC,EAAAC,GAAA,EAAK,QAAO,SAAQ,WAAU,aAC5B,YACH,CAAA,GACF;AAAA,EACC,gBAAAD,EAAAC,GAAA,EAAK,WAAU,aAAa,UAAMH,GAAA;AAAA,EACrC,CAAA,GAGII,IAAY,CAAC;AAAA,EACjB,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAKMD,MAAa,YACP,gBAAAJ,EAAAJ,GAAA,EAAc,OAAM,SAAQ,OAAM,WAAW,CAAA,IAGnDS,MAAe,aACT,gBAAAL,EAAAJ,GAAA,EAAc,OAAM,SAAQ,OAAOO,EAAY,CAAA,IAGrDE,MAAe,SACT,gBAAAL,EAAAJ,GAAA,EAAc,OAAM,UAAS,OAAOO,EAAY,CAAA,IAGlD,gBAAAH,EAAAC,GAAA,EAAK,WAAU,aAAa,UAAWE,EAAA,CAAA;"}
@@ -1,65 +1,63 @@
1
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";
2
+ import { useState as m, useRef as E, useCallback as p, useLayoutEffect as L } from "react";
3
+ import N from "../../assets/line-icons/icons/closed-eye.js";
4
+ import B from "../chapters-v2/comps/node-card/node-card-tags.js";
5
+ import { getNodeTypeBasedBgImage as R } from "../chapters-v2/utils/index.js";
6
+ import { getNodeCardBasedIcon as v } from "../chapters-v2/utils/node-card-utils.js";
7
+ import u from "../ui/arrow-tooltip/arrow-tooltip.js";
8
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 = ({
9
+ import O from "../ui/lottie-animation/lottie-animation.js";
10
+ import W from "./card-title.js";
11
+ import j from "./node-progress.js";
12
+ import { CardWrapper as D, IconWrapper as G, BannerImageWrapper as M, BannerImage as S, HeaderText as z, SubHeaderText as V } from "./styles.js";
13
+ const oe = ({
15
14
  header: a,
16
- isInQueue: g,
17
- nodeData: $,
18
- studentContainerRef: f,
19
- subHeader: T,
20
- isHomeWork: I
15
+ isInQueue: h,
16
+ nodeData: g,
17
+ studentContainerRef: $,
18
+ subHeader: f
21
19
  }) => {
22
20
  const {
23
21
  node_type: o,
24
- state: w,
25
- accuracy: b,
22
+ state: I,
23
+ accuracy: T,
26
24
  due_date_ts: n,
27
25
  image_url: d,
28
26
  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);
27
+ card_header: w = "",
28
+ unlocked_on_ts: c,
29
+ course_type: b
30
+ } = g, [_, x] = m(!1), t = E(null), [y, l] = m(!1), C = R(o), { icon: A, lottie: H } = v(o), X = p(() => {
31
+ l(!0);
32
+ }, []), k = p(() => {
33
+ l(!1);
36
34
  }, []);
37
- return N(() => {
38
- t.current && t.current.scrollHeight > t.current.clientHeight && y(!0);
35
+ return L(() => {
36
+ t.current && t.current.scrollHeight > t.current.clientHeight && x(!0);
39
37
  }, [t]), /* @__PURE__ */ i(
40
38
  r,
41
39
  {
42
- ref: f,
40
+ ref: $,
43
41
  $widthX: 12.38,
44
42
  $position: "relative",
45
43
  $background: `${s || "ORANGE"}_2`,
46
44
  onMouseEnter: X,
47
- onMouseLeave: E,
45
+ onMouseLeave: k,
48
46
  children: [
49
47
  /* @__PURE__ */ i(
50
- M,
48
+ D,
51
49
  {
52
50
  $flexDirection: "row",
53
51
  $alignItems: "center",
54
52
  $width: "100%",
55
53
  $heightX: 3.5,
56
- $bgImage: A,
54
+ $bgImage: C,
57
55
  $gutterX: 0.78125,
58
56
  $flexGap: 8.5,
59
57
  $position: "relative",
60
58
  children: [
61
59
  /* @__PURE__ */ e(
62
- S,
60
+ G,
63
61
  {
64
62
  $width: 31,
65
63
  $height: 31,
@@ -68,36 +66,36 @@ const ae = ({
68
66
  $position: "relative",
69
67
  $alignItems: "center",
70
68
  $justifyContent: "center",
71
- children: C ? /* @__PURE__ */ e(W, { src: H }) : /* @__PURE__ */ e(k, { width: 20, height: 20 })
69
+ children: y ? /* @__PURE__ */ e(O, { src: H }) : /* @__PURE__ */ e(A, { width: 20, height: 20 })
72
70
  }
73
71
  ),
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,
72
+ /* @__PURE__ */ e(W, { cardHeader: w, nodeType: o, courseType: b }),
73
+ h && /* @__PURE__ */ e(
74
+ u,
77
75
  {
78
76
  renderAs: "primary",
79
77
  tooltipItem: "Not visible to student",
80
78
  position: "bottom",
81
79
  zIndex: 6,
82
- children: /* @__PURE__ */ e(B, {})
80
+ children: /* @__PURE__ */ e(N, {})
83
81
  }
84
82
  ),
85
- !!d && /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(V, { src: d, alt: "Chapter image" }) })
83
+ !!d && /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(S, { src: d, alt: "Chapter image" }) })
86
84
  ]
87
85
  }
88
86
  ),
89
- /* @__PURE__ */ e(R, { nodeType: o, state: w, accuracy: b, dueDateTs: n }),
90
- n && l && /* @__PURE__ */ e(
91
- G,
87
+ /* @__PURE__ */ e(B, { nodeType: o, state: I, accuracy: T, dueDateTs: n }),
88
+ n && c && /* @__PURE__ */ e(
89
+ j,
92
90
  {
93
91
  dueDate: n * 1e3,
94
- unlockedOn: l * 1e3,
92
+ unlockedOn: c * 1e3,
95
93
  progressBg: `${s || "ORANGE"}_4`
96
94
  }
97
95
  ),
98
96
  /* @__PURE__ */ i(r, { $gutterX: 0.75, $gapX: 1, $flexRowGapX: 0.5, $background: "WHITE", children: [
99
97
  /* @__PURE__ */ e(
100
- h,
98
+ u,
101
99
  {
102
100
  renderAs: "primary",
103
101
  position: "bottom",
@@ -106,7 +104,7 @@ const ae = ({
106
104
  hidden: !_,
107
105
  parentWidth: "auto",
108
106
  zIndex: 6,
109
- children: /* @__PURE__ */ e(r, { $heightX: 2.5, children: /* @__PURE__ */ e(F, { ref: t, $renderAs: "ab3", children: a }) })
107
+ children: /* @__PURE__ */ e(r, { $heightX: 2.5, children: /* @__PURE__ */ e(z, { ref: t, $renderAs: "ab3", children: a }) })
110
108
  }
111
109
  ),
112
110
  /* @__PURE__ */ i(
@@ -117,7 +115,7 @@ const ae = ({
117
115
  $alignItems: "center",
118
116
  $justifyContent: "space-between",
119
117
  children: [
120
- /* @__PURE__ */ e(K, { $renderAs: "ub3", $color: "BLACK_T_60", children: T }),
118
+ /* @__PURE__ */ e(V, { $renderAs: "ub3", $color: "BLACK_T_60", children: f }),
121
119
  /* @__PURE__ */ e(r, { $width: 32 })
122
120
  ]
123
121
  }
@@ -128,6 +126,6 @@ const ae = ({
128
126
  );
129
127
  };
130
128
  export {
131
- ae as default
129
+ oe as default
132
130
  };
133
131
  //# sourceMappingURL=homework-card-view.js.map
@@ -1 +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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"}
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 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}\n\nconst HomeworkView: FC<IHomeworkCardViewProps> = ({\n header,\n isInQueue,\n nodeData,\n studentContainerRef,\n subHeader,\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 <CardTitle cardHeader={cardHeader} nodeType={nodeType} courseType={courseType} />\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","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","ArrowTooltip","ClosedEyeIcon","Styled.BannerImageWrapper","Styled.BannerImage","NodeCardTags","NodeProgress","Styled.HeaderText","Styled.SubHeaderText"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cuemath/leap",
3
- "version": "2.9.2-as1",
3
+ "version": "2.9.2-as2",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"