@cuemath/leap 3.5.13 → 3.5.15-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,59 +1,59 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { memo as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import { getStateConf as
|
|
7
|
-
import { BLOCK_TYPE as
|
|
8
|
-
import { CODING_ACTIVITY_NODE_TYPES as
|
|
9
|
-
import { NODE_STATE as
|
|
10
|
-
import { NODE_TYPES as
|
|
11
|
-
const
|
|
12
|
-
({ type:
|
|
1
|
+
import { jsxs as t, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { memo as L, useMemo as R, useCallback as u } from "react";
|
|
3
|
+
import C from "../../../ui/buttons/text-button/text-button.js";
|
|
4
|
+
import i from "../../../ui/layout/flex-view.js";
|
|
5
|
+
import s from "../../../ui/text/text.js";
|
|
6
|
+
import { getStateConf as g } from "../utils.js";
|
|
7
|
+
import { BLOCK_TYPE as K } from "../../../chapters-v2/constants/block-constants.js";
|
|
8
|
+
import { CODING_ACTIVITY_NODE_TYPES as N } from "../constants.js";
|
|
9
|
+
import { NODE_STATE as O, CARD_TYPE as k, USER_TYPE as c } from "../../daily-timeline-types.js";
|
|
10
|
+
import { NODE_TYPES as Y } from "../../../../types/models/worksheet.js";
|
|
11
|
+
const P = L(
|
|
12
|
+
({ type: T, userType: o, card: d, onPuzzleClick: l, onReviewClick: m }) => {
|
|
13
13
|
const {
|
|
14
|
-
label:
|
|
14
|
+
label: A,
|
|
15
15
|
title: b,
|
|
16
|
-
state:
|
|
16
|
+
state: E,
|
|
17
17
|
subtext: _,
|
|
18
|
-
user_node_id:
|
|
19
|
-
block_type:
|
|
20
|
-
user_block_id:
|
|
21
|
-
node_type:
|
|
22
|
-
} =
|
|
23
|
-
|
|
24
|
-
) : !1, [
|
|
25
|
-
|
|
26
|
-
}, [
|
|
27
|
-
m &&
|
|
28
|
-
}, [n, m,
|
|
29
|
-
return /* @__PURE__ */ i
|
|
30
|
-
/* @__PURE__ */
|
|
31
|
-
/* @__PURE__ */ i
|
|
32
|
-
/* @__PURE__ */
|
|
33
|
-
/* @__PURE__ */
|
|
34
|
-
|
|
18
|
+
user_node_id: a,
|
|
19
|
+
block_type: p,
|
|
20
|
+
user_block_id: $,
|
|
21
|
+
node_type: f
|
|
22
|
+
} = d, n = p === K.SAT_MOCK_TEST, x = f === Y.PUZZLE_CARD, [h, w] = g(E), r = E === O.COMPLETED, D = R(() => T === k.CIRCLE ? !1 : o === c.TEACHER ? !n || r : o === c.STUDENT ? r && !N.includes(
|
|
23
|
+
f
|
|
24
|
+
) : !1, [o, T, n, r, f]), I = r && o === c.STUDENT || o === c.TEACHER, S = u(() => {
|
|
25
|
+
l == null || l(d);
|
|
26
|
+
}, [l, d]), B = u(() => {
|
|
27
|
+
m && a && m(a, n, $);
|
|
28
|
+
}, [n, m, $, a]);
|
|
29
|
+
return /* @__PURE__ */ t(i, { $flexDirection: "row", $flexGapX: 1.5, children: [
|
|
30
|
+
/* @__PURE__ */ e(i, { $justifyContent: "flex-end", $height: 18, $background: "WHITE", children: /* @__PURE__ */ e(i, { $background: w, $borderRadiusX: 0.5, $width: 16, $height: 16, children: h && /* @__PURE__ */ e(h, { width: 16, height: 16 }) }) }),
|
|
31
|
+
/* @__PURE__ */ t(i, { $flexRowGapX: 0.25, children: [
|
|
32
|
+
/* @__PURE__ */ t(s, { $renderAs: "ub2", $color: "BLACK_1", children: [
|
|
33
|
+
/* @__PURE__ */ t(s, { $renderAs: "ub2-bold", $inline: !0, $color: "BLACK_1", children: [
|
|
34
|
+
A,
|
|
35
35
|
":"
|
|
36
36
|
] }),
|
|
37
37
|
" ",
|
|
38
38
|
b
|
|
39
39
|
] }),
|
|
40
|
-
|
|
41
|
-
|
|
40
|
+
x ? I ? /* @__PURE__ */ e(
|
|
41
|
+
C,
|
|
42
42
|
{
|
|
43
|
-
label:
|
|
43
|
+
label: r ? "View reviewed puzzle" : "View assigned puzzle",
|
|
44
44
|
size: "small",
|
|
45
45
|
color: "BLACK_T_60",
|
|
46
|
-
onClick:
|
|
46
|
+
onClick: S
|
|
47
47
|
}
|
|
48
|
-
) : /* @__PURE__ */
|
|
49
|
-
_ && /* @__PURE__ */
|
|
50
|
-
|
|
51
|
-
|
|
48
|
+
) : /* @__PURE__ */ e(s, { $renderAs: "ub3", $color: "BLACK_T_60", children: _ }) : /* @__PURE__ */ t(i, { $flexDirection: "row", $flexGapX: 0.75, $alignItems: "center", children: [
|
|
49
|
+
_ && /* @__PURE__ */ e(s, { $renderAs: "ub3", $color: "BLACK_T_60", children: _ }),
|
|
50
|
+
D && /* @__PURE__ */ e(
|
|
51
|
+
C,
|
|
52
52
|
{
|
|
53
53
|
label: "Review",
|
|
54
54
|
size: "small",
|
|
55
55
|
color: "BLACK_T_60",
|
|
56
|
-
onClick:
|
|
56
|
+
onClick: B
|
|
57
57
|
}
|
|
58
58
|
)
|
|
59
59
|
] })
|
|
@@ -61,8 +61,8 @@ const K = k(
|
|
|
61
61
|
] });
|
|
62
62
|
}
|
|
63
63
|
);
|
|
64
|
-
|
|
64
|
+
P.displayName = "AccordionItem";
|
|
65
65
|
export {
|
|
66
|
-
|
|
66
|
+
P as default
|
|
67
67
|
};
|
|
68
68
|
//# sourceMappingURL=accordion-item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-item.js","sources":["../../../../../src/features/timeline/comps/accordion-item/accordion-item.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, type FC } from 'react';\n\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport type { IAccordionItemProps } from './accordion-item-types';\nimport { getStateConf } from '../utils';\nimport { BLOCK_TYPE } from '../../../chapters-v2/constants/block-constants';\nimport { type TColorNames } from '../../../ui/types';\nimport { CODING_ACTIVITY_NODE_TYPES } from '../constants';\nimport { CARD_TYPE, NODE_STATE, USER_TYPE } from '../../daily-timeline-types';\nimport { NODE_TYPES } from '../../../../types/models/worksheet';\n\nconst AccordionItem: FC<IAccordionItemProps> = memo(\n ({ type, userType, card, onPuzzleClick, onReviewClick }) => {\n const {\n label,\n title,\n state,\n subtext,\n user_node_id: userNodeId,\n block_type: blockType,\n user_block_id: userBlockId,\n node_type: nodeType,\n } = card;\n const isSatMockTestBlock = blockType === BLOCK_TYPE.SAT_MOCK_TEST;\n const isPuzzleCard = nodeType === NODE_TYPES.PUZZLE_CARD;\n const [Icon, bgColor] = getStateConf(state) as [FC<React.SVGProps<SVGSVGElement>>, TColorNames];\n const isCompleted = state === NODE_STATE.COMPLETED;\n const shouldShowReview = useMemo(() => {\n if (type === CARD_TYPE.CIRCLE) return false;\n\n if (userType === USER_TYPE.TEACHER) return !isSatMockTestBlock || isCompleted;\n\n if (userType === USER_TYPE.STUDENT)\n return (\n isCompleted &&\n !CODING_ACTIVITY_NODE_TYPES.includes(\n nodeType as (typeof CODING_ACTIVITY_NODE_TYPES)[number],\n )\n );\n\n return false;\n }, [userType, type, isSatMockTestBlock, isCompleted, nodeType]);\n\n const canReviewPuzzle =\n (
|
|
1
|
+
{"version":3,"file":"accordion-item.js","sources":["../../../../../src/features/timeline/comps/accordion-item/accordion-item.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, type FC } from 'react';\n\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport type { IAccordionItemProps } from './accordion-item-types';\nimport { getStateConf } from '../utils';\nimport { BLOCK_TYPE } from '../../../chapters-v2/constants/block-constants';\nimport { type TColorNames } from '../../../ui/types';\nimport { CODING_ACTIVITY_NODE_TYPES } from '../constants';\nimport { CARD_TYPE, NODE_STATE, USER_TYPE } from '../../daily-timeline-types';\nimport { NODE_TYPES } from '../../../../types/models/worksheet';\n\nconst AccordionItem: FC<IAccordionItemProps> = memo(\n ({ type, userType, card, onPuzzleClick, onReviewClick }) => {\n const {\n label,\n title,\n state,\n subtext,\n user_node_id: userNodeId,\n block_type: blockType,\n user_block_id: userBlockId,\n node_type: nodeType,\n } = card;\n const isSatMockTestBlock = blockType === BLOCK_TYPE.SAT_MOCK_TEST;\n const isPuzzleCard = nodeType === NODE_TYPES.PUZZLE_CARD;\n const [Icon, bgColor] = getStateConf(state) as [FC<React.SVGProps<SVGSVGElement>>, TColorNames];\n const isCompleted = state === NODE_STATE.COMPLETED;\n const shouldShowReview = useMemo(() => {\n if (type === CARD_TYPE.CIRCLE) return false;\n\n if (userType === USER_TYPE.TEACHER) return !isSatMockTestBlock || isCompleted;\n\n if (userType === USER_TYPE.STUDENT)\n return (\n isCompleted &&\n !CODING_ACTIVITY_NODE_TYPES.includes(\n nodeType as (typeof CODING_ACTIVITY_NODE_TYPES)[number],\n )\n );\n\n return false;\n }, [userType, type, isSatMockTestBlock, isCompleted, nodeType]);\n\n const canReviewPuzzle =\n (isCompleted && userType === USER_TYPE.STUDENT) || userType === USER_TYPE.TEACHER;\n\n const handlePuzzleClick = useCallback(() => {\n onPuzzleClick?.(card);\n }, [onPuzzleClick, card]);\n\n const handleReviewClick = useCallback(() => {\n if (onReviewClick && userNodeId) {\n onReviewClick(userNodeId, isSatMockTestBlock, userBlockId);\n }\n }, [isSatMockTestBlock, onReviewClick, userBlockId, userNodeId]);\n\n return (\n <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n <FlexView $justifyContent=\"flex-end\" $height={18} $background=\"WHITE\">\n <FlexView $background={bgColor} $borderRadiusX={0.5} $width={16} $height={16}>\n {Icon && <Icon width={16} height={16} />}\n </FlexView>\n </FlexView>\n <FlexView $flexRowGapX={0.25}>\n <Text $renderAs=\"ub2\" $color=\"BLACK_1\">\n <Text $renderAs=\"ub2-bold\" $inline $color=\"BLACK_1\">\n {label}:\n </Text>{' '}\n {title}\n </Text>\n {isPuzzleCard ? (\n canReviewPuzzle ? (\n <TextButton\n label={isCompleted ? 'View reviewed puzzle' : 'View assigned puzzle'}\n size=\"small\"\n color=\"BLACK_T_60\"\n onClick={handlePuzzleClick}\n />\n ) : (\n <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n {subtext}\n </Text>\n )\n ) : (\n <FlexView $flexDirection=\"row\" $flexGapX={0.75} $alignItems=\"center\">\n {subtext && (\n <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n {subtext}\n </Text>\n )}\n {shouldShowReview && (\n <TextButton\n label=\"Review\"\n size=\"small\"\n color=\"BLACK_T_60\"\n onClick={handleReviewClick}\n />\n )}\n </FlexView>\n )}\n </FlexView>\n </FlexView>\n );\n },\n);\n\nAccordionItem.displayName = 'AccordionItem';\n\nexport default AccordionItem;\n"],"names":["AccordionItem","memo","type","userType","card","onPuzzleClick","onReviewClick","label","title","state","subtext","userNodeId","blockType","userBlockId","nodeType","isSatMockTestBlock","BLOCK_TYPE","isPuzzleCard","NODE_TYPES","Icon","bgColor","getStateConf","isCompleted","NODE_STATE","shouldShowReview","useMemo","CARD_TYPE","USER_TYPE","CODING_ACTIVITY_NODE_TYPES","canReviewPuzzle","handlePuzzleClick","useCallback","handleReviewClick","jsxs","FlexView","jsx","Text","TextButton"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAAyCC;AAAA,EAC7C,CAAC,EAAE,MAAAC,GAAM,UAAAC,GAAU,MAAAC,GAAM,eAAAC,GAAe,eAAAC,QAAoB;AACpD,UAAA;AAAA,MACJ,OAAAC;AAAA,MACA,OAAAC;AAAA,MACA,OAAAC;AAAA,MACA,SAAAC;AAAA,MACA,cAAcC;AAAA,MACd,YAAYC;AAAA,MACZ,eAAeC;AAAA,MACf,WAAWC;AAAA,IACT,IAAAV,GACEW,IAAqBH,MAAcI,EAAW,eAC9CC,IAAeH,MAAaI,EAAW,aACvC,CAACC,GAAMC,CAAO,IAAIC,EAAaZ,CAAK,GACpCa,IAAcb,MAAUc,EAAW,WACnCC,IAAmBC,EAAQ,MAC3BvB,MAASwB,EAAU,SAAe,KAElCvB,MAAawB,EAAU,UAAgB,CAACZ,KAAsBO,IAE9DnB,MAAawB,EAAU,UAEvBL,KACA,CAACM,EAA2B;AAAA,MAC1Bd;AAAA,IAAA,IAIC,IACN,CAACX,GAAUD,GAAMa,GAAoBO,GAAaR,CAAQ,CAAC,GAExDe,IACHP,KAAenB,MAAawB,EAAU,WAAYxB,MAAawB,EAAU,SAEtEG,IAAoBC,EAAY,MAAM;AAC1C,MAAA1B,KAAA,QAAAA,EAAgBD;AAAA,IAAI,GACnB,CAACC,GAAeD,CAAI,CAAC,GAElB4B,IAAoBD,EAAY,MAAM;AAC1C,MAAIzB,KAAiBK,KACLL,EAAAK,GAAYI,GAAoBF,CAAW;AAAA,OAE1D,CAACE,GAAoBT,GAAeO,GAAaF,CAAU,CAAC;AAE/D,WACG,gBAAAsB,EAAAC,GAAA,EAAS,gBAAe,OAAM,WAAW,KACxC,UAAA;AAAA,MAAC,gBAAAC,EAAAD,GAAA,EAAS,iBAAgB,YAAW,SAAS,IAAI,aAAY,SAC5D,UAAA,gBAAAC,EAACD,GAAS,EAAA,aAAad,GAAS,gBAAgB,KAAK,QAAQ,IAAI,SAAS,IACvE,UAAQD,KAAA,gBAAAgB,EAAChB,GAAK,EAAA,OAAO,IAAI,QAAQ,GAAI,CAAA,EACxC,CAAA,GACF;AAAA,MACA,gBAAAc,EAACC,GAAS,EAAA,cAAc,MACtB,UAAA;AAAA,QAAA,gBAAAD,EAACG,GAAK,EAAA,WAAU,OAAM,QAAO,WAC3B,UAAA;AAAA,UAAA,gBAAAH,EAACG,KAAK,WAAU,YAAW,SAAO,IAAC,QAAO,WACvC,UAAA;AAAA,YAAA7B;AAAA,YAAM;AAAA,UAAA,GACT;AAAA,UAAQ;AAAA,UACPC;AAAA,QAAA,GACH;AAAA,QACCS,IACCY,IACE,gBAAAM;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAOf,IAAc,yBAAyB;AAAA,YAC9C,MAAK;AAAA,YACL,OAAM;AAAA,YACN,SAASQ;AAAA,UAAA;AAAA,QAAA,IAGV,gBAAAK,EAAAC,GAAA,EAAK,WAAU,OAAM,QAAO,cAC1B,UAAA1B,EACH,CAAA,IAGF,gBAAAuB,EAACC,KAAS,gBAAe,OAAM,WAAW,MAAM,aAAY,UACzD,UAAA;AAAA,UAAAxB,uBACE0B,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACH1B,GAAA;AAAA,UAEDc,KACC,gBAAAW;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,MAAK;AAAA,cACL,OAAM;AAAA,cACN,SAASL;AAAA,YAAA;AAAA,UACX;AAAA,QAAA,GAEJ;AAAA,MAAA,GAEJ;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF;AAEAhC,EAAc,cAAc;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"daily-timeline-types.js","sources":["../../../src/features/timeline/daily-timeline-types.ts"],"sourcesContent":["import { type TCourseStream } from '../milestone/create/milestone-create-types';\nimport { type ITimelineData } from './api/use-daily-timeline-get';\n\nexport enum NODE_STATE {\n COMPLETED = 'COMPLETED',\n IN_PROGRESS = 'IN_PROGRESS',\n PENDING = 'PENDING',\n NOT_STARTED = 'NOT_STARTED',\n}\n\nexport enum USER_TYPE {\n TEACHER = 'TEACHER',\n STUDENT = 'STUDENT',\n PARENT = 'PARENT',\n}\n\nexport enum CARD_TYPE {\n CW = 'CW',\n HW = 'HW',\n CIRCLE = 'CIRCLE',\n}\n\nexport interface IDailyTimelineProps {\n userType: USER_TYPE;\n studentId: string;\n courseStreams?: TCourseStream[];\n onPuzzleClick?: (
|
|
1
|
+
{"version":3,"file":"daily-timeline-types.js","sources":["../../../src/features/timeline/daily-timeline-types.ts"],"sourcesContent":["import { type TCourseStream } from '../milestone/create/milestone-create-types';\nimport { type ITimeLineItem, type ITimelineData } from './api/use-daily-timeline-get';\n\nexport enum NODE_STATE {\n COMPLETED = 'COMPLETED',\n IN_PROGRESS = 'IN_PROGRESS',\n PENDING = 'PENDING',\n NOT_STARTED = 'NOT_STARTED',\n}\n\nexport enum USER_TYPE {\n TEACHER = 'TEACHER',\n STUDENT = 'STUDENT',\n PARENT = 'PARENT',\n}\n\nexport enum CARD_TYPE {\n CW = 'CW',\n HW = 'HW',\n CIRCLE = 'CIRCLE',\n}\n\nexport interface IDailyTimelineProps {\n userType: USER_TYPE;\n studentId: string;\n courseStreams?: TCourseStream[];\n onPuzzleClick?: (card: ITimeLineItem) => void;\n onReviewClick?: (\n userNodeId: string | null,\n isSatMockTestBlock: boolean,\n userBlockId: string | null,\n ) => void;\n scrollAreaHeight?: string | number;\n}\n\nexport interface IDailyTimelineItemsProps extends IDailyTimelineProps {\n entry: ITimelineData;\n isFirstElement: boolean;\n shouldShowTag: boolean;\n}\n"],"names":["NODE_STATE","USER_TYPE","CARD_TYPE"],"mappings":"AAGY,IAAAA,sBAAAA,OACVA,EAAA,YAAY,aACZA,EAAA,cAAc,eACdA,EAAA,UAAU,WACVA,EAAA,cAAc,eAJJA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UAHCA,IAAAA,KAAA,CAAA,CAAA,GAMAC,sBAAAA,OACVA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,SAAS,UAHCA,IAAAA,KAAA,CAAA,CAAA;"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1569,7 +1569,7 @@ declare interface IDailyTimelineProps {
|
|
|
1569
1569
|
userType: USER_TYPE;
|
|
1570
1570
|
studentId: string;
|
|
1571
1571
|
courseStreams?: TCourseStream[];
|
|
1572
|
-
onPuzzleClick?: (
|
|
1572
|
+
onPuzzleClick?: (card: ITimeLineItem) => void;
|
|
1573
1573
|
onReviewClick?: (userNodeId: string | null, isSatMockTestBlock: boolean, userBlockId: string | null) => void;
|
|
1574
1574
|
scrollAreaHeight?: string | number;
|
|
1575
1575
|
}
|
|
@@ -4157,6 +4157,34 @@ declare interface ITimeLeftTimelineProps {
|
|
|
4157
4157
|
showRemainingTime?: boolean;
|
|
4158
4158
|
}
|
|
4159
4159
|
|
|
4160
|
+
export declare interface ITimeLineItem {
|
|
4161
|
+
accuracy: number | null;
|
|
4162
|
+
block_type: string | null;
|
|
4163
|
+
card_type?: string;
|
|
4164
|
+
chapter_name: string | null;
|
|
4165
|
+
feedback_comments: string | null;
|
|
4166
|
+
image_hue: string | null;
|
|
4167
|
+
is_timed: boolean;
|
|
4168
|
+
items: TNodeDataTestItemsDataProps[] | null;
|
|
4169
|
+
label: string;
|
|
4170
|
+
learnosity_activity_ref: string | null;
|
|
4171
|
+
max_score: number | null;
|
|
4172
|
+
node_id: string;
|
|
4173
|
+
node_type: string;
|
|
4174
|
+
points: number | null;
|
|
4175
|
+
state: NODE_STATE;
|
|
4176
|
+
subtext: string | null;
|
|
4177
|
+
task_type: string | null;
|
|
4178
|
+
time_taken: number | null;
|
|
4179
|
+
tip: string | null;
|
|
4180
|
+
title: string;
|
|
4181
|
+
total_questions: number | null;
|
|
4182
|
+
total_score: number | null;
|
|
4183
|
+
user_block_id: string | null;
|
|
4184
|
+
user_id?: string;
|
|
4185
|
+
user_node_id: string;
|
|
4186
|
+
}
|
|
4187
|
+
|
|
4160
4188
|
declare interface ITimeStampsResponseModel {
|
|
4161
4189
|
current: number;
|
|
4162
4190
|
start_timestamp: number;
|