@cuemath/leap 2.8.60-gs1 → 2.8.61-as1
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/constants/api.js +3 -2
- package/dist/constants/api.js.map +1 -1
- package/dist/features/chapters/chapters-list/chapter-item/chapter-item.js +1 -1
- package/dist/features/chapters/chapters-list/chapter-item/chapter-item.js.map +1 -1
- package/dist/features/chapters-v2/chapter-details/block-sections/block-section-view.js +7 -7
- package/dist/features/chapters-v2/chapter-details/block-sections/block-section-view.js.map +1 -1
- package/dist/features/chapters-v2/comps/node-card/node-card-styled.js +15 -16
- package/dist/features/chapters-v2/comps/node-card/node-card-styled.js.map +1 -1
- package/dist/features/chapters-v2/comps/node-card/node-card-tags.js +12 -8
- package/dist/features/chapters-v2/comps/node-card/node-card-tags.js.map +1 -1
- package/dist/features/chapters-v2/comps/node-card/student-actions/student-actions.js +2 -2
- package/dist/features/chapters-v2/comps/node-card/student-actions/student-actions.js.map +1 -1
- package/dist/features/chapters-v2/utils/index.js +5 -4
- package/dist/features/chapters-v2/utils/index.js.map +1 -1
- package/dist/features/chapters-v2/utils/node-card-utils.js +62 -35
- package/dist/features/chapters-v2/utils/node-card-utils.js.map +1 -1
- package/dist/features/homework/card-menu-options.js +23 -0
- package/dist/features/homework/card-menu-options.js.map +1 -0
- package/dist/features/homework/homework-card.js +209 -0
- package/dist/features/homework/homework-card.js.map +1 -0
- package/dist/features/homework/styles.js +114 -0
- package/dist/features/homework/styles.js.map +1 -0
- package/dist/features/milestone/create/api/goal-submit.js +1 -1
- package/dist/features/milestone/create/api/goal-submit.js.map +1 -1
- package/dist/features/milestone/edit/comps/edit-milestone-modal/api/patch-goal-plan.js +1 -1
- package/dist/features/milestone/edit/comps/edit-milestone-modal/api/patch-goal-plan.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/api/get-milestone-resources.js +1 -1
- package/dist/features/milestone/milestone-list-container/api/get-milestone-resources.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/api/get-tests-list.js +1 -1
- package/dist/features/milestone/milestone-list-container/api/get-tests-list.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js +79 -81
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.js +59 -61
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget.js +83 -85
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list-container.js +88 -90
- package/dist/features/milestone/milestone-list-container/milestone-list-container.js.map +1 -1
- package/dist/features/milestone/milestone-resources/resources-list/resources-list.js +82 -98
- package/dist/features/milestone/milestone-resources/resources-list/resources-list.js.map +1 -1
- package/dist/features/milestone/milestone-tests/test-list-v2/test-list-container.js +165 -0
- package/dist/features/milestone/milestone-tests/test-list-v2/test-list-container.js.map +1 -0
- package/dist/features/milestone/milestone-tests/test-list-v2/test-list-view-styled.js +25 -0
- package/dist/features/milestone/milestone-tests/test-list-v2/test-list-view-styled.js.map +1 -0
- package/dist/features/milestone/milestone-tests/test-list-v2/test-list-view.js +82 -0
- package/dist/features/milestone/milestone-tests/test-list-v2/test-list-view.js.map +1 -0
- package/dist/features/recent-chapters/api/get-recent-chapters.js +9 -0
- package/dist/features/recent-chapters/api/get-recent-chapters.js.map +1 -0
- package/dist/features/recent-chapters/recent-chapters-styled.js +16 -0
- package/dist/features/recent-chapters/recent-chapters-styled.js.map +1 -0
- package/dist/features/recent-chapters/recent-chapters.js +40 -0
- package/dist/features/recent-chapters/recent-chapters.js.map +1 -0
- package/dist/features/sheet-v2/resource-list/resource-list.js +49 -0
- package/dist/features/sheet-v2/resource-list/resource-list.js.map +1 -0
- package/dist/features/sheets/resources-list/resource-item/styled.js +1 -1
- package/dist/features/sheets/resources-list/resource-item/styled.js.map +1 -1
- package/dist/index.d.ts +35 -16
- package/dist/index.js +31 -29
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-cta.js +0 -71
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-cta.js.map +0 -1
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-styled.js +0 -31
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-styled.js.map +0 -1
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils.js +0 -38
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils.js.map +0 -1
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item.js +0 -79
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item.js.map +0 -1
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheets-list-styled.js +0 -18
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheets-list-styled.js.map +0 -1
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheets-list.js +0 -51
- package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheets-list.js.map +0 -1
- package/dist/features/milestone/milestone-tests/tests-list/tests-list-styled.js +0 -11
- package/dist/features/milestone/milestone-tests/tests-list/tests-list-styled.js.map +0 -1
- package/dist/features/milestone/milestone-tests/tests-list/tests-list.js +0 -144
- package/dist/features/milestone/milestone-tests/tests-list/tests-list.js.map +0 -1
@@ -0,0 +1,23 @@
|
|
1
|
+
import { jsx as r, jsxs as a } from "react/jsx-runtime";
|
2
|
+
import { memo as p } from "react";
|
3
|
+
import c from "../ui/buttons/clickable/clickable.js";
|
4
|
+
import { CardOptions as m, CardOptionWrapper as u, OptionText as d } from "./styles.js";
|
5
|
+
const g = p(({ options: n }) => n.length === 0 ? null : /* @__PURE__ */ r(m, { $background: "BLACK_2", $borderColor: "WHITE_T_38", $gapX: 0.5, children: n.map(({ icon: o, label: t, id: e, onClick: l, visible: i }) => i ? /* @__PURE__ */ r(c, { onClick: () => l(e), label: e, children: /* @__PURE__ */ a(
|
6
|
+
u,
|
7
|
+
{
|
8
|
+
$flexDirection: "row",
|
9
|
+
$alignItems: "center",
|
10
|
+
$flexGap: 8,
|
11
|
+
$gapX: 0.5,
|
12
|
+
$gutterX: 1,
|
13
|
+
children: [
|
14
|
+
/* @__PURE__ */ r(o, { width: 20, height: 20 }),
|
15
|
+
/* @__PURE__ */ r(d, { $renderAs: "ub3", $color: "WHITE", children: t })
|
16
|
+
]
|
17
|
+
},
|
18
|
+
e
|
19
|
+
) }) : null) }));
|
20
|
+
export {
|
21
|
+
g as default
|
22
|
+
};
|
23
|
+
//# sourceMappingURL=card-menu-options.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"card-menu-options.js","sources":["../../../src/features/homework/card-menu-options.tsx"],"sourcesContent":["import type { FC, SVGProps } from 'react';\n\nimport { memo } from 'react';\n\nimport Clickable from '../ui/buttons/clickable/clickable';\nimport * as Styled from './styles';\n\ninterface ICardMenuOption {\n id: string;\n label: string;\n icon: FC<SVGProps<SVGSVGElement>>;\n onClick: (id: string) => void;\n visible: boolean;\n}\n\ninterface ICardMenuOptionsProps {\n options: ICardMenuOption[];\n}\n\nconst CardMenuOptions: FC<ICardMenuOptionsProps> = memo(({ options }) => {\n if (options.length === 0) return null;\n\n return (\n <Styled.CardOptions $background=\"BLACK_2\" $borderColor=\"WHITE_T_38\" $gapX={0.5}>\n {options.map(({ icon: OptionIcon, label, id, onClick, visible }) => {\n if (!visible) return null;\n\n return (\n <Clickable onClick={() => onClick(id)} label={id}>\n <Styled.CardOptionWrapper\n key={id}\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $flexGap={8}\n $gapX={0.5}\n $gutterX={1}\n >\n <OptionIcon width={20} height={20} />\n <Styled.OptionText $renderAs=\"ub3\" $color=\"WHITE\">\n {label}\n </Styled.OptionText>\n </Styled.CardOptionWrapper>\n </Clickable>\n );\n })}\n </Styled.CardOptions>\n );\n});\n\nexport default CardMenuOptions;\n"],"names":["CardMenuOptions","memo","options","jsx","Styled.CardOptions","OptionIcon","label","id","onClick","visible","Clickable","jsxs","Styled.CardOptionWrapper","Styled.OptionText"],"mappings":";;;;AAmBA,MAAMA,IAA6CC,EAAK,CAAC,EAAE,SAAAC,QACrDA,EAAQ,WAAW,IAAU,OAG/B,gBAAAC,EAACC,GAAA,EAAmB,aAAY,WAAU,cAAa,cAAa,OAAO,KACxE,YAAQ,IAAI,CAAC,EAAE,MAAMC,GAAY,OAAAC,GAAO,IAAAC,GAAI,SAAAC,GAAS,SAAAC,QAC/CA,IAGH,gBAAAN,EAACO,KAAU,SAAS,MAAMF,EAAQD,CAAE,GAAG,OAAOA,GAC5C,UAAA,gBAAAI;AAAA,EAACC;AAAAA,EAAA;AAAA,IAEC,gBAAe;AAAA,IACf,aAAY;AAAA,IACZ,UAAU;AAAA,IACV,OAAO;AAAA,IACP,UAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAAT,EAACE,GAAW,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,MACnC,gBAAAF,EAACU,GAAA,EAAkB,WAAU,OAAM,QAAO,SACvC,UACHP,GAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAVKC;AAYT,EAAA,CAAA,IAjBmB,IAmBtB,EACH,CAAA,CAEH;"}
|
@@ -0,0 +1,209 @@
|
|
1
|
+
import { jsx as e, jsxs as o } from "react/jsx-runtime";
|
2
|
+
import { memo as P, useRef as x, useState as q, useLayoutEffect as J, useCallback as f } from "react";
|
3
|
+
import Q from "../../assets/line-icons/icons/eye2.js";
|
4
|
+
import Y from "../../assets/line-icons/icons/more-vertical.js";
|
5
|
+
import Z from "../../assets/line-icons/icons/redo.js";
|
6
|
+
import U from "../chapters-v2/comps/node-card/node-card-tags.js";
|
7
|
+
import { getNodeTypeBasedBgImage as D } from "../chapters-v2/utils/index.js";
|
8
|
+
import { getNodeCardBasedIcon as N } from "../chapters-v2/utils/node-card-utils.js";
|
9
|
+
import E from "../ui/arrow-tooltip/arrow-tooltip.js";
|
10
|
+
import ee from "../ui/buttons/clickable/clickable.js";
|
11
|
+
import re from "../ui/hooks/use-context-menu-click-handler.js";
|
12
|
+
import s from "../ui/layout/flex-view.js";
|
13
|
+
import te from "../ui/text/text.js";
|
14
|
+
import ie from "./card-menu-options.js";
|
15
|
+
import { CardContainer as ne, CardWrapper as oe, IconWrapper as ce, BannerImageWrapper as ae, BannerImage as le, HeaderText as se, SubHeaderText as ue, CardKebabMenuWrapper as me, CardMenuOptionsWrapper as he, StyledMinus2Icon as pe } from "./styles.js";
|
16
|
+
const fe = ({
|
17
|
+
header: d,
|
18
|
+
nodeData: r,
|
19
|
+
subHeader: I,
|
20
|
+
userType: H,
|
21
|
+
userMilestoneId: t,
|
22
|
+
onNodeUnassign: c,
|
23
|
+
onNodeReset: a,
|
24
|
+
onNodeView: u,
|
25
|
+
onNodeReview: i,
|
26
|
+
onNodeAttempt: m
|
27
|
+
}) => {
|
28
|
+
const {
|
29
|
+
node_type: h,
|
30
|
+
state: X,
|
31
|
+
accuracy: S,
|
32
|
+
due_date_ts: W,
|
33
|
+
image_url: w,
|
34
|
+
image_hue: A,
|
35
|
+
card_header: B = "",
|
36
|
+
permissions: O,
|
37
|
+
user_node_id: l
|
38
|
+
} = r, R = D(h), $ = N(h), b = x(null), n = x(null), { menuVisible: j, onMenuClick: V } = re(b), [G, K] = q(!1), {
|
39
|
+
can_start: g,
|
40
|
+
can_resume: C,
|
41
|
+
can_review: T,
|
42
|
+
can_teacher_review: _,
|
43
|
+
can_unassign: L,
|
44
|
+
can_reset: z
|
45
|
+
} = O, k = H === "STUDENT";
|
46
|
+
J(() => {
|
47
|
+
n.current && n.current.scrollHeight > n.current.clientHeight && K(!0);
|
48
|
+
}, [n]);
|
49
|
+
const F = f(() => {
|
50
|
+
if (g || C) {
|
51
|
+
if (typeof m != "function")
|
52
|
+
throw new Error("onNodeAttempt must be a function");
|
53
|
+
m(r);
|
54
|
+
return;
|
55
|
+
}
|
56
|
+
if (T) {
|
57
|
+
if (typeof i != "function")
|
58
|
+
throw new Error("onReview must be a function");
|
59
|
+
if (!l)
|
60
|
+
throw new Error("user node id must be present to review the sheet");
|
61
|
+
i(r, t);
|
62
|
+
return;
|
63
|
+
}
|
64
|
+
}, [
|
65
|
+
C,
|
66
|
+
T,
|
67
|
+
g,
|
68
|
+
t,
|
69
|
+
r,
|
70
|
+
m,
|
71
|
+
i,
|
72
|
+
l
|
73
|
+
]), v = f(() => {
|
74
|
+
if (_) {
|
75
|
+
if (typeof i != "function")
|
76
|
+
throw new Error("onReview must be a function");
|
77
|
+
if (!l)
|
78
|
+
throw new Error("user node id must be present to review the sheet");
|
79
|
+
i(r, t);
|
80
|
+
return;
|
81
|
+
}
|
82
|
+
if (typeof u != "function")
|
83
|
+
throw new Error("onPreview must be a function");
|
84
|
+
u(r, t);
|
85
|
+
}, [_, t, r, i, u, l]), p = f(
|
86
|
+
(y) => {
|
87
|
+
switch (y) {
|
88
|
+
case "card-view":
|
89
|
+
v();
|
90
|
+
return;
|
91
|
+
case "card-unassign":
|
92
|
+
c == null || c(r, t);
|
93
|
+
return;
|
94
|
+
case "card-reset":
|
95
|
+
a == null || a(r, t);
|
96
|
+
return;
|
97
|
+
default:
|
98
|
+
throw new Error(`No callback function for ${y}`);
|
99
|
+
}
|
100
|
+
},
|
101
|
+
[r, a, c, v, t]
|
102
|
+
), M = [
|
103
|
+
{
|
104
|
+
id: "card-view",
|
105
|
+
label: "View",
|
106
|
+
icon: Q,
|
107
|
+
visible: !0,
|
108
|
+
onClick: p
|
109
|
+
},
|
110
|
+
{
|
111
|
+
id: "card-unassign",
|
112
|
+
label: "Unassign",
|
113
|
+
icon: pe,
|
114
|
+
visible: !!L,
|
115
|
+
onClick: p
|
116
|
+
},
|
117
|
+
{
|
118
|
+
id: "card-reset",
|
119
|
+
label: "Reset",
|
120
|
+
icon: Z,
|
121
|
+
visible: !!z,
|
122
|
+
onClick: p
|
123
|
+
}
|
124
|
+
];
|
125
|
+
return /* @__PURE__ */ e(ee, { onClick: k ? F : void 0, label: "homework-card", children: /* @__PURE__ */ o(
|
126
|
+
ne,
|
127
|
+
{
|
128
|
+
$widthX: 12.5,
|
129
|
+
$position: "relative",
|
130
|
+
$background: `${A || "ORANGE"}_2`,
|
131
|
+
children: [
|
132
|
+
/* @__PURE__ */ o(
|
133
|
+
oe,
|
134
|
+
{
|
135
|
+
$flexDirection: "row",
|
136
|
+
$alignItems: "center",
|
137
|
+
$width: "100%",
|
138
|
+
$heightX: 3.5,
|
139
|
+
$bgImage: R,
|
140
|
+
$gutterX: 0.78125,
|
141
|
+
$flexGap: 8.5,
|
142
|
+
$position: "relative",
|
143
|
+
children: [
|
144
|
+
/* @__PURE__ */ e(
|
145
|
+
ce,
|
146
|
+
{
|
147
|
+
$width: 31,
|
148
|
+
$height: 31,
|
149
|
+
$borderRadiusX: 2,
|
150
|
+
$background: "WHITE_1",
|
151
|
+
$position: "relative",
|
152
|
+
$alignItems: "center",
|
153
|
+
$justifyContent: "center",
|
154
|
+
children: $ && /* @__PURE__ */ e($, { width: 20, height: 20 })
|
155
|
+
}
|
156
|
+
),
|
157
|
+
/* @__PURE__ */ e(te, { $renderAs: "ac4-black", children: B }),
|
158
|
+
!!w && /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(le, { src: w, alt: "Chapter image" }) })
|
159
|
+
]
|
160
|
+
}
|
161
|
+
),
|
162
|
+
/* @__PURE__ */ e(U, { nodeType: h, state: X, accuracy: S, dueDateTs: W }),
|
163
|
+
/* @__PURE__ */ o(s, { $gutterX: 0.75, $gapX: 1, $flexRowGapX: 0.5, $background: "WHITE", children: [
|
164
|
+
/* @__PURE__ */ e(
|
165
|
+
E,
|
166
|
+
{
|
167
|
+
renderAs: "primary",
|
168
|
+
position: "bottom",
|
169
|
+
tooltipItem: d,
|
170
|
+
hidden: !G,
|
171
|
+
widthX: 21.75,
|
172
|
+
children: /* @__PURE__ */ e(s, { $heightX: 2.5, children: /* @__PURE__ */ e(se, { ref: n, $renderAs: "ab3", children: d }) })
|
173
|
+
}
|
174
|
+
),
|
175
|
+
/* @__PURE__ */ o(
|
176
|
+
s,
|
177
|
+
{
|
178
|
+
$flexDirection: "row",
|
179
|
+
$heightX: 1.25,
|
180
|
+
$alignItems: "center",
|
181
|
+
$justifyContent: "space-between",
|
182
|
+
children: [
|
183
|
+
/* @__PURE__ */ e(ue, { $renderAs: "ub3", $color: "BLACK_T_60", children: I }),
|
184
|
+
!k && /* @__PURE__ */ o(s, { $position: "relative", $width: "fit-content", children: [
|
185
|
+
/* @__PURE__ */ e(
|
186
|
+
E,
|
187
|
+
{
|
188
|
+
renderAs: "primary",
|
189
|
+
tooltipItem: "Review",
|
190
|
+
position: "bottom",
|
191
|
+
zIndex: 5,
|
192
|
+
parentWidth: "100%",
|
193
|
+
children: /* @__PURE__ */ e(me, { ref: b, onClick: V, children: /* @__PURE__ */ e(Y, { width: 16, height: 16 }) })
|
194
|
+
}
|
195
|
+
),
|
196
|
+
/* @__PURE__ */ e(he, { $visible: j, children: /* @__PURE__ */ e(ie, { options: M }) })
|
197
|
+
] })
|
198
|
+
]
|
199
|
+
}
|
200
|
+
)
|
201
|
+
] })
|
202
|
+
]
|
203
|
+
}
|
204
|
+
) });
|
205
|
+
}, Xe = P(fe);
|
206
|
+
export {
|
207
|
+
Xe as default
|
208
|
+
};
|
209
|
+
//# sourceMappingURL=homework-card.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"homework-card.js","sources":["../../../src/features/homework/homework-card.tsx"],"sourcesContent":["import type {\n INodeCardCallbacks,\n INodeDataProps,\n} from '../chapters-v2/comps/node-card/node-card-types';\n\nimport { memo, useCallback, useLayoutEffect, useRef, useState } from 'react';\n\nimport Eye2Icon from '../../assets/line-icons/icons/eye2';\nimport MoreVerticalIcon from '../../assets/line-icons/icons/more-vertical';\nimport RedoIcon from '../../assets/line-icons/icons/redo';\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 Clickable from '../ui/buttons/clickable/clickable';\nimport useContextMenuClickHandler from '../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\nimport CardMenuOptions from './card-menu-options';\nimport * as Styled from './styles';\n\ninterface IHomeworkCardProps extends INodeCardCallbacks {\n header: string;\n nodeData: INodeDataProps;\n subHeader: string;\n userType: 'TEACHER' | 'STUDENT';\n userMilestoneId?: string;\n}\n\nconst HomeworkCard = ({\n header,\n nodeData,\n subHeader,\n userType,\n userMilestoneId,\n onNodeUnassign,\n onNodeReset,\n onNodeView,\n onNodeReview,\n onNodeAttempt,\n}: IHomeworkCardProps) => {\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 permissions,\n user_node_id: userNodeId,\n } = nodeData;\n\n const bgImage = getNodeTypeBasedBgImage(nodeType);\n const NodeCardIcon = getNodeCardBasedIcon(nodeType);\n const containerRef = useRef<HTMLDivElement>(null);\n const titleTextRef = useRef<HTMLDivElement>(null);\n const { menuVisible, onMenuClick } = useContextMenuClickHandler(containerRef);\n const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n\n const {\n can_start: canStart,\n can_resume: canResume,\n can_review: canReview,\n can_teacher_review: canTeacherReview,\n can_unassign: canUnassign,\n can_reset: canReset,\n } = permissions;\n const isStudent = userType === 'STUDENT';\n\n useLayoutEffect(() => {\n if (\n titleTextRef.current &&\n titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n ) {\n setShowTitleTooltip(true);\n }\n }, [titleTextRef]);\n\n const onStudentView = useCallback(() => {\n if (canStart || canResume) {\n if (typeof onNodeAttempt !== 'function') {\n throw new Error('onNodeAttempt must be a function');\n }\n\n onNodeAttempt(nodeData);\n\n return;\n }\n\n if (canReview) {\n if (typeof onNodeReview !== 'function') {\n throw new Error('onReview must be a function');\n }\n\n if (!userNodeId) {\n throw new Error('user node id must be present to review the sheet');\n }\n onNodeReview(nodeData, userMilestoneId);\n\n return;\n }\n }, [\n canResume,\n canReview,\n canStart,\n userMilestoneId,\n nodeData,\n onNodeAttempt,\n onNodeReview,\n userNodeId,\n ]);\n\n const onTeacherView = useCallback(() => {\n if (canTeacherReview) {\n if (typeof onNodeReview !== 'function') {\n throw new Error('onReview must be a function');\n }\n\n if (!userNodeId) {\n throw new Error('user node id must be present to review the sheet');\n }\n\n onNodeReview(nodeData, userMilestoneId);\n\n return;\n }\n\n if (typeof onNodeView !== 'function') {\n throw new Error('onPreview must be a function');\n }\n\n onNodeView(nodeData, userMilestoneId);\n }, [canTeacherReview, userMilestoneId, nodeData, onNodeReview, onNodeView, userNodeId]);\n\n const handleOnMenuOptionClick = useCallback(\n (optionId: string) => {\n switch (optionId) {\n case 'card-view':\n onTeacherView();\n\n return;\n case 'card-unassign':\n onNodeUnassign?.(nodeData, userMilestoneId);\n\n return;\n case 'card-reset':\n onNodeReset?.(nodeData, userMilestoneId);\n\n return;\n\n default:\n throw new Error(`No callback function for ${optionId}`);\n }\n },\n [nodeData, onNodeReset, onNodeUnassign, onTeacherView, userMilestoneId],\n );\n\n const menuOptions = [\n {\n id: 'card-view',\n label: 'View',\n icon: Eye2Icon,\n visible: true,\n onClick: handleOnMenuOptionClick,\n },\n {\n id: 'card-unassign',\n label: 'Unassign',\n icon: Styled.StyledMinus2Icon,\n visible: !!canUnassign,\n onClick: handleOnMenuOptionClick,\n },\n {\n id: 'card-reset',\n label: 'Reset',\n icon: RedoIcon,\n visible: !!canReset,\n onClick: handleOnMenuOptionClick,\n },\n ];\n\n return (\n <Clickable onClick={isStudent ? onStudentView : undefined} label=\"homework-card\">\n <Styled.CardContainer\n $widthX={12.5}\n $position=\"relative\"\n $background={`${imageHue || 'ORANGE'}_2`}\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 {NodeCardIcon && <NodeCardIcon width={20} height={20} />}\n </Styled.IconWrapper>\n <Text $renderAs=\"ac4-black\">{cardHeader}</Text>\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 <FlexView $gutterX={0.75} $gapX={1} $flexRowGapX={0.5} $background=\"WHITE\">\n <ArrowTooltip\n renderAs=\"primary\"\n position=\"bottom\"\n tooltipItem={header}\n hidden={!showTitleTooltip}\n widthX={21.75}\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 {!isStudent && (\n <FlexView $position=\"relative\" $width=\"fit-content\">\n <ArrowTooltip\n renderAs=\"primary\"\n tooltipItem=\"Review\"\n position=\"bottom\"\n zIndex={5}\n parentWidth=\"100%\"\n >\n <Styled.CardKebabMenuWrapper ref={containerRef} onClick={onMenuClick}>\n <MoreVerticalIcon width={16} height={16} />\n </Styled.CardKebabMenuWrapper>\n </ArrowTooltip>\n <Styled.CardMenuOptionsWrapper $visible={menuVisible}>\n <CardMenuOptions options={menuOptions} />\n </Styled.CardMenuOptionsWrapper>\n </FlexView>\n )}\n </FlexView>\n </FlexView>\n </Styled.CardContainer>\n </Clickable>\n );\n};\n\nexport default memo(HomeworkCard);\n"],"names":["HomeworkCard","header","nodeData","subHeader","userType","userMilestoneId","onNodeUnassign","onNodeReset","onNodeView","onNodeReview","onNodeAttempt","nodeType","state","accuracy","dueDateTs","imageUrl","imageHue","cardHeader","permissions","userNodeId","bgImage","getNodeTypeBasedBgImage","NodeCardIcon","getNodeCardBasedIcon","containerRef","useRef","titleTextRef","menuVisible","onMenuClick","useContextMenuClickHandler","showTitleTooltip","setShowTitleTooltip","useState","canStart","canResume","canReview","canTeacherReview","canUnassign","canReset","isStudent","useLayoutEffect","onStudentView","useCallback","onTeacherView","handleOnMenuOptionClick","optionId","menuOptions","Eye2Icon","Styled.StyledMinus2Icon","RedoIcon","Clickable","jsxs","Styled.CardContainer","Styled.CardWrapper","jsx","Styled.IconWrapper","Text","Styled.BannerImageWrapper","Styled.BannerImage","NodeCardTags","FlexView","ArrowTooltip","Styled.HeaderText","Styled.SubHeaderText","Styled.CardKebabMenuWrapper","MoreVerticalIcon","Styled.CardMenuOptionsWrapper","CardMenuOptions","HomeworkCard$1","memo"],"mappings":"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"}
|
@@ -0,0 +1,114 @@
|
|
1
|
+
import r from "styled-components";
|
2
|
+
import i from "../../assets/line-icons/icons/minus2.js";
|
3
|
+
import t from "../ui/layout/flex-view.js";
|
4
|
+
import n from "../ui/text/text.js";
|
5
|
+
const l = r(t)(({ theme: o }) => `
|
6
|
+
cursor: pointer;
|
7
|
+
width: fit-content;
|
8
|
+
|
9
|
+
&:hover {
|
10
|
+
border-radius: 50%;
|
11
|
+
background: ${o.colors.WHITE_5};
|
12
|
+
}
|
13
|
+
`), d = r(n)`
|
14
|
+
display: -webkit-box;
|
15
|
+
-webkit-line-clamp: 1;
|
16
|
+
-webkit-box-orient: vertical;
|
17
|
+
overflow: hidden;
|
18
|
+
text-overflow: ellipsis;
|
19
|
+
`, u = r(t)(({
|
20
|
+
theme: o,
|
21
|
+
$visible: e
|
22
|
+
}) => `
|
23
|
+
cursor: pointer;
|
24
|
+
position: absolute;
|
25
|
+
z-index: 6;
|
26
|
+
top: calc(100% + 4px);
|
27
|
+
left: 0;
|
28
|
+
transform-origin: top;
|
29
|
+
transform: scaleY(${e ? 1 : 0});
|
30
|
+
opacity: ${e ? 1 : 0};
|
31
|
+
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
|
32
|
+
|
33
|
+
&:hover {
|
34
|
+
border-radius: 50%;
|
35
|
+
background: ${o.colors.WHITE_5};
|
36
|
+
}
|
37
|
+
`), x = r(t)`
|
38
|
+
border: 1px solid ${({ theme: o }) => o.colors.BLACK_T_15};
|
39
|
+
|
40
|
+
&:hover {
|
41
|
+
border: 1px solid ${({ theme: o }) => o.colors.BLACK};
|
42
|
+
}
|
43
|
+
`, b = r(t)(({ $bgImage: o }) => o ? `
|
44
|
+
background-image: url(${o});
|
45
|
+
background-repeat: no-repeat;
|
46
|
+
background-size: cover;
|
47
|
+
background-position: center;
|
48
|
+
overflow: hidden;
|
49
|
+
` : "overflow: hidden;"), f = r(t)`
|
50
|
+
display: flex;
|
51
|
+
align-items: center;
|
52
|
+
justify-content: center;
|
53
|
+
`, w = r(t)`
|
54
|
+
position: absolute;
|
55
|
+
right: -18px;
|
56
|
+
top: -4px;
|
57
|
+
`, h = r.img(({ theme: o }) => {
|
58
|
+
const { gutter: e } = o.layout;
|
59
|
+
return `
|
60
|
+
border: 1px solid ${o.colors.BLACK_T_15};
|
61
|
+
width: ${e * 4}px;
|
62
|
+
height: ${e * 4}px;
|
63
|
+
border-radius: 50%;
|
64
|
+
`;
|
65
|
+
}), g = r(i)`
|
66
|
+
path {
|
67
|
+
stroke: ${({ theme: o }) => o.colors.WHITE};
|
68
|
+
}
|
69
|
+
`, m = r(n)`
|
70
|
+
display: -webkit-box;
|
71
|
+
-webkit-line-clamp: 2;
|
72
|
+
-webkit-box-orient: vertical;
|
73
|
+
overflow: hidden;
|
74
|
+
text-overflow: ellipsis;
|
75
|
+
`, v = r(t)`
|
76
|
+
box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.4);
|
77
|
+
width: 180px;
|
78
|
+
position: relative;
|
79
|
+
left: 0;
|
80
|
+
top: 0;
|
81
|
+
`, k = r(t)(({
|
82
|
+
theme: o,
|
83
|
+
$disabled: e
|
84
|
+
}) => `
|
85
|
+
cursor: ${e ? "not-allowed" : "pointer"};
|
86
|
+
|
87
|
+
&:hover {
|
88
|
+
background: ${e ? "transparent" : o.colors.BLACK};
|
89
|
+
};
|
90
|
+
|
91
|
+
path {
|
92
|
+
fill: ${o.colors.WHITE_1};
|
93
|
+
}
|
94
|
+
`), C = r(n)`
|
95
|
+
white-space: nowrap;
|
96
|
+
overflow: hidden;
|
97
|
+
text-overflow: ellipsis;
|
98
|
+
`;
|
99
|
+
export {
|
100
|
+
h as BannerImage,
|
101
|
+
w as BannerImageWrapper,
|
102
|
+
x as CardContainer,
|
103
|
+
l as CardKebabMenuWrapper,
|
104
|
+
u as CardMenuOptionsWrapper,
|
105
|
+
k as CardOptionWrapper,
|
106
|
+
v as CardOptions,
|
107
|
+
b as CardWrapper,
|
108
|
+
m as HeaderText,
|
109
|
+
f as IconWrapper,
|
110
|
+
C as OptionText,
|
111
|
+
g as StyledMinus2Icon,
|
112
|
+
d as SubHeaderText
|
113
|
+
};
|
114
|
+
//# sourceMappingURL=styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"styles.js","sources":["../../../src/features/homework/styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport Minus2Icon from '../../assets/line-icons/icons/minus2';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\n\ninterface ICardWrapperProps {\n $bgImage: string;\n}\ninterface ICardOptionsMenuWrapperProps {\n $visible: boolean;\n}\n\nexport const CardKebabMenuWrapper = styled(FlexView)(({ theme }) => {\n return `\n cursor: pointer;\n width: fit-content;\n \n &:hover {\n border-radius: 50%;\n background: ${theme.colors.WHITE_5}; \n }\n `;\n});\n\nexport const SubHeaderText = styled(Text)`\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n`;\n\nexport const CardMenuOptionsWrapper = styled(FlexView)<ICardOptionsMenuWrapperProps>(({\n theme,\n $visible,\n}) => {\n return `\n cursor: pointer;\n position: absolute;\n z-index: 6;\n top: calc(100% + 4px);\n left: 0;\n transform-origin: top;\n transform: scaleY(${$visible ? 1 : 0});\n opacity: ${$visible ? 1 : 0};\n transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n \n &:hover {\n border-radius: 50%;\n background: ${theme.colors.WHITE_5}; \n }\n `;\n});\n\nexport const CardContainer = styled(FlexView)`\n border: 1px solid ${({ theme }) => theme.colors.BLACK_T_15};\n\n &:hover {\n border: 1px solid ${({ theme }) => theme.colors.BLACK};\n }\n`;\n\nexport const CardWrapper = styled(FlexView)<ICardWrapperProps>(({ $bgImage }) => {\n if ($bgImage) {\n return `\n background-image: url(${$bgImage});\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center;\n overflow: hidden;\n `;\n }\n\n return 'overflow: hidden;';\n});\n\nexport const IconWrapper = styled(FlexView)`\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nexport const BannerImageWrapper = styled(FlexView)`\n position: absolute;\n right: -18px;\n top: -4px;\n`;\n\nexport const BannerImage = styled.img(({ theme }) => {\n const { gutter } = theme.layout;\n\n return `\n border: 1px solid ${theme.colors.BLACK_T_15};\n width: ${gutter * 4}px;\n height: ${gutter * 4}px;\n border-radius: 50%;\n `;\n});\n\nexport const StyledMinus2Icon = styled(Minus2Icon)`\n path {\n stroke: ${({ theme }) => theme.colors.WHITE};\n }\n`;\n\nexport const HeaderText = styled(Text)`\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n`;\n\nexport interface ICardOptionWrapperProps {\n $disabled?: boolean;\n}\n\nexport const CardOptions = styled(FlexView)`\n box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.4);\n width: 180px;\n position: relative;\n left: 0;\n top: 0;\n`;\n\nexport const CardOptionWrapper = styled(FlexView)<ICardOptionWrapperProps>(({\n theme,\n $disabled,\n}) => {\n return `\n cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n \n &:hover {\n background: ${$disabled ? 'transparent' : theme.colors.BLACK};\n };\n \n path {\n fill: ${theme.colors.WHITE_1};\n }\n `;\n});\n\nexport const OptionText = styled(Text)`\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n`;\n"],"names":["CardKebabMenuWrapper","styled","FlexView","theme","SubHeaderText","Text","CardMenuOptionsWrapper","$visible","CardContainer","CardWrapper","$bgImage","IconWrapper","BannerImageWrapper","BannerImage","gutter","StyledMinus2Icon","Minus2Icon","HeaderText","CardOptions","CardOptionWrapper","$disabled","OptionText"],"mappings":";;;;AAaO,MAAMA,IAAuBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC/C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAMWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAEYC,IAAgBH,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ3BC,IAAyBL,EAAOC,CAAQ,EAAgC,CAAC;AAAA,EACpF,OAAAC;AAAA,EACA,UAAAI;AACF,MACS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAOeA,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKXJ,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAEYK,IAAgBP,EAAOC,CAAQ;AAAA,sBACtB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,wBAGpC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAI5CM,IAAcR,EAAOC,CAAQ,EAAqB,CAAC,EAAE,UAAAQ,QAC5DA,IACK;AAAA,8BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,QAQ7B,mBACR,GAEYC,IAAcV,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAM7BU,IAAqBX,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMpCW,IAAcZ,EAAO,IAAI,CAAC,EAAE,OAAAE,QAAY;AAC7C,QAAA,EAAE,QAAAW,EAAO,IAAIX,EAAM;AAElB,SAAA;AAAA,wBACeA,EAAM,OAAO,UAAU;AAAA,aAClCW,IAAS,CAAC;AAAA,cACTA,IAAS,CAAC;AAAA;AAAA;AAGxB,CAAC,GAEYC,IAAmBd,EAAOe,CAAU;AAAA;AAAA,cAEnC,CAAC,EAAE,OAAAb,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAIlCc,IAAahB,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYxBa,IAAcjB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ7BiB,IAAoBlB,EAAOC,CAAQ,EAA2B,CAAC;AAAA,EAC1E,OAAAC;AAAA,EACA,WAAAiB;AACF,MACS;AAAA,cACKA,IAAY,gBAAgB,SAAS;AAAA;AAAA;AAAA,oBAG/BA,IAAY,gBAAgBjB,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,cAIpDA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGjC,GAEYkB,IAAapB,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { createPostAPI as t } from "@cuemath/rest-api";
|
2
|
-
import {
|
2
|
+
import { BASE_URL_V3_2 as e } from "../../../../constants/api.js";
|
3
3
|
const { usePost: i } = t({
|
4
4
|
getURL: (s, { studentId: o }) => `${e}/users/${o}/milestones/`
|
5
5
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"goal-submit.js","sources":["../../../../../src/features/milestone/create/api/goal-submit.ts"],"sourcesContent":["import type { TMilestonePayload } from '../milestone-create-types';\n\nimport { createPostAPI } from '@cuemath/rest-api';\n\nimport {
|
1
|
+
{"version":3,"file":"goal-submit.js","sources":["../../../../../src/features/milestone/create/api/goal-submit.ts"],"sourcesContent":["import type { TMilestonePayload } from '../milestone-create-types';\n\nimport { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_2 } from '../../../../constants/api';\n\nconst { usePost: useGoalCreationPost } = createPostAPI<\n { id: string },\n TMilestonePayload,\n { studentId: string }\n>({\n getURL: (_, { studentId }) => `${BASE_URL_V3_2}/users/${studentId}/milestones/`,\n});\n\nexport { useGoalCreationPost };\n"],"names":["useGoalCreationPost","createPostAPI","_","studentId","BASE_URL_V3_2"],"mappings":";;AAMA,MAAM,EAAE,SAASA,EAAoB,IAAIC,EAIvC;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,EAAgB,MAAA,GAAGC,CAAa,UAAUD,CAAS;AACnE,CAAC;"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { createPatchAPI as e } from "@cuemath/rest-api";
|
2
|
-
import {
|
2
|
+
import { BASE_URL_V3_2 as o } from "../../../../../../constants/api.js";
|
3
3
|
const { usePatch: c } = e({
|
4
4
|
getURL: (t) => `${o}/user-milestone/${t}`
|
5
5
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"patch-goal-plan.js","sources":["../../../../../../../src/features/milestone/edit/comps/edit-milestone-modal/api/patch-goal-plan.ts"],"sourcesContent":["import { createPatchAPI } from '@cuemath/rest-api';\n\nimport {
|
1
|
+
{"version":3,"file":"patch-goal-plan.js","sources":["../../../../../../../src/features/milestone/edit/comps/edit-milestone-modal/api/patch-goal-plan.ts"],"sourcesContent":["import { createPatchAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_2 } from '../../../../../../constants/api';\n\nconst { usePatch: useGoalPlanPatch } = createPatchAPI<{ id: string }, Record<string, unknown>>({\n getURL: milestoneId => `${BASE_URL_V3_2}/user-milestone/${milestoneId}`,\n});\n\nexport { useGoalPlanPatch };\n"],"names":["useGoalPlanPatch","createPatchAPI","milestoneId","BASE_URL_V3_2"],"mappings":";;AAIA,MAAM,EAAE,UAAUA,EAAiB,IAAIC,EAAwD;AAAA,EAC7F,QAAQ,CAAAC,MAAe,GAAGC,CAAa,mBAAmBD,CAAW;AACvE,CAAC;"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { createGetAPI as t } from "@cuemath/rest-api";
|
2
|
-
import {
|
2
|
+
import { BASE_URL_V3_1 as o } from "../../../../constants/api.js";
|
3
3
|
const { useGet: n, invalidate: a } = t({
|
4
4
|
getURL: (e, r, { studentId: s }) => `${o}/users/${s}/user-milestone/${e}/resources`
|
5
5
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"get-milestone-resources.js","sources":["../../../../../src/features/milestone/milestone-list-container/api/get-milestone-resources.ts"],"sourcesContent":["import type {
|
1
|
+
{"version":3,"file":"get-milestone-resources.js","sources":["../../../../../src/features/milestone/milestone-list-container/api/get-milestone-resources.ts"],"sourcesContent":["import type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_1 } from '../../../../constants/api';\n\ninterface IGetMilestoneResourcesAPIMetaData {\n studentId: string;\n}\n\nconst { useGet: useGetMilestoneResources, invalidate: invalidateMilestoneResources } = createGetAPI<\n INodeDataProps[],\n void,\n IGetMilestoneResourcesAPIMetaData\n>({\n getURL: (userMilestoneId, _, { studentId }) =>\n `${BASE_URL_V3_1}/users/${studentId}/user-milestone/${userMilestoneId}/resources`,\n});\n\nexport { useGetMilestoneResources, invalidateMilestoneResources };\n"],"names":["useGetMilestoneResources","invalidateMilestoneResources","createGetAPI","userMilestoneId","_","studentId","BASE_URL_V3_1"],"mappings":";;AAUA,MAAM,EAAE,QAAQA,GAA0B,YAAYC,EAAA,IAAiCC,EAIrF;AAAA,EACA,QAAQ,CAACC,GAAiBC,GAAG,EAAE,WAAAC,EAAA,MAC7B,GAAGC,CAAa,UAAUD,CAAS,mBAAmBF,CAAe;AACzE,CAAC;"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { createGetAPI as s } from "@cuemath/rest-api";
|
2
|
-
import {
|
2
|
+
import { BASE_URL_V3_1 as a } from "../../../../constants/api.js";
|
3
3
|
const { useGet: l, invalidate: m } = s({
|
4
4
|
getURL: (e, r, { studentId: t }) => `${a}/users/${t}/user-milestone/${e}/tests`
|
5
5
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"get-tests-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/api/get-tests-list.ts"],"sourcesContent":["import type {
|
1
|
+
{"version":3,"file":"get-tests-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/api/get-tests-list.ts"],"sourcesContent":["import type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_1 } from '../../../../constants/api';\n\n//* Home page test help data.\nconst { useGet: useGetTestHelpData, invalidate: invalidateTestHelpData } = createGetAPI<\n INodeDataProps[],\n void,\n {\n studentId: string;\n }\n>({\n getURL: (userMilestoneId, _, { studentId }) =>\n `${BASE_URL_V3_1}/users/${studentId}/user-milestone/${userMilestoneId}/tests`,\n});\n\nexport { useGetTestHelpData, invalidateTestHelpData };\n"],"names":["useGetTestHelpData","invalidateTestHelpData","createGetAPI","userMilestoneId","_","studentId","BASE_URL_V3_1"],"mappings":";;AAOA,MAAM,EAAE,QAAQA,GAAoB,YAAYC,EAAA,IAA2BC,EAMzE;AAAA,EACA,QAAQ,CAACC,GAAiBC,GAAG,EAAE,WAAAC,EAAA,MAC7B,GAAGC,CAAa,UAAUD,CAAS,mBAAmBF,CAAe;AACzE,CAAC;"}
|