@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.
Files changed (59) hide show
  1. package/dist/assets/line-icons/icons/chevron-left.js.map +1 -1
  2. package/dist/assets/line-icons/icons/recap.js +3 -3
  3. package/dist/assets/line-icons/icons/recap.js.map +1 -1
  4. package/dist/assets/lottie/lottie.js +1 -9
  5. package/dist/assets/lottie/lottie.js.map +1 -1
  6. package/dist/features/chapters/chapters-list/chapter-item/chapter-item-styled.js +19 -20
  7. package/dist/features/chapters/chapters-list/chapter-item/chapter-item-styled.js.map +1 -1
  8. package/dist/features/chapters-v2/chapter-details/block-sections/block-section-view.js +25 -25
  9. package/dist/features/chapters-v2/chapter-details/block-sections/block-section-view.js.map +1 -1
  10. package/dist/features/chapters-v2/chapter-details/block-sections/block-sections.js +28 -32
  11. package/dist/features/chapters-v2/chapter-details/block-sections/block-sections.js.map +1 -1
  12. package/dist/features/chapters-v2/comps/node-card/student-actions/student-actions.js +78 -85
  13. package/dist/features/chapters-v2/comps/node-card/student-actions/student-actions.js.map +1 -1
  14. package/dist/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.js +90 -98
  15. package/dist/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.js.map +1 -1
  16. package/dist/features/chapters-v2/constants/node-constants.js +1 -0
  17. package/dist/features/chapters-v2/constants/node-constants.js.map +1 -1
  18. package/dist/features/chapters-v2/utils/node-card-utils.js +39 -77
  19. package/dist/features/chapters-v2/utils/node-card-utils.js.map +1 -1
  20. package/dist/features/communication/pub-sub/constants.js +2 -5
  21. package/dist/features/communication/pub-sub/constants.js.map +1 -1
  22. package/dist/features/homework/card-menu-options.js +44 -34
  23. package/dist/features/homework/card-menu-options.js.map +1 -1
  24. package/dist/features/homework/homework-card.js +227 -157
  25. package/dist/features/homework/homework-card.js.map +1 -1
  26. package/dist/features/homework/hw-card-list/api/get-homeworks.js +1 -1
  27. package/dist/features/homework/hw-card-list/api/get-homeworks.js.map +1 -1
  28. package/dist/features/homework/hw-card-list/hw-card-list.js +104 -177
  29. package/dist/features/homework/hw-card-list/hw-card-list.js.map +1 -1
  30. package/dist/features/homework/styles.js +31 -36
  31. package/dist/features/homework/styles.js.map +1 -1
  32. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-info.js +49 -48
  33. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-info.js.map +1 -1
  34. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.js +35 -36
  35. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.js.map +1 -1
  36. package/dist/features/milestone/milestone-tests/test-list-v2/test-list-view.js +38 -40
  37. package/dist/features/milestone/milestone-tests/test-list-v2/test-list-view.js.map +1 -1
  38. package/dist/features/sheet-v2/resource-list/resource-list.js +36 -25
  39. package/dist/features/sheet-v2/resource-list/resource-list.js.map +1 -1
  40. package/dist/index.d.ts +1 -36
  41. package/dist/index.js +379 -381
  42. package/dist/index.js.map +1 -1
  43. package/package.json +1 -1
  44. package/dist/assets/line-icons/icons/closed-eye.js +0 -23
  45. package/dist/assets/line-icons/icons/closed-eye.js.map +0 -1
  46. package/dist/features/homework/card-title.js +0 -21
  47. package/dist/features/homework/card-title.js.map +0 -1
  48. package/dist/features/homework/homework-card-view.js +0 -133
  49. package/dist/features/homework/homework-card-view.js.map +0 -1
  50. package/dist/features/homework/hw-card-list/hw-card-list-styled.js +0 -71
  51. package/dist/features/homework/hw-card-list/hw-card-list-styled.js.map +0 -1
  52. package/dist/static/competitive-arena.b9c40801.json +0 -1
  53. package/dist/static/learn.71b13323.json +0 -1
  54. package/dist/static/practice.158dd488.json +0 -1
  55. package/dist/static/project.eb665827.json +0 -1
  56. package/dist/static/puzzle.b298c7e4.json +0 -1
  57. package/dist/static/recap.0dd2c1e2.json +0 -1
  58. package/dist/static/test.803d6036.json +0 -1
  59. 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,6 +1,6 @@
1
1
  {
2
2
  "name": "@cuemath/leap",
3
- "version": "2.8.61-as17",
3
+ "version": "2.8.61-as3",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"
@@ -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;"}