@cuemath/leap 3.5.4-as7 → 3.5.4-as8
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/features/timeline/comps/accordion-item/accordion-item.js +14 -14
- package/dist/features/timeline/comps/accordion-item/accordion-item.js.map +1 -1
- package/dist/features/timeline/daily-timeline/daily-timeline-items/daily-timeline-items.js +12 -11
- package/dist/features/timeline/daily-timeline/daily-timeline-items/daily-timeline-items.js.map +1 -1
- package/package.json +1 -1
|
@@ -3,25 +3,25 @@ import { memo as k, useCallback as b } from "react";
|
|
|
3
3
|
import p from "../../../ui/buttons/text-button/text-button.js";
|
|
4
4
|
import t from "../../../ui/layout/flex-view.js";
|
|
5
5
|
import s from "../../../ui/text/text.js";
|
|
6
|
-
import { getStateColor as
|
|
7
|
-
import { BLOCK_TYPE as
|
|
8
|
-
const
|
|
9
|
-
({ userType: n, card:
|
|
6
|
+
import { getStateColor as B, getStateIcon as E } from "./utils.js";
|
|
7
|
+
import { BLOCK_TYPE as I } from "../../../chapters-v2/constants/block-constants.js";
|
|
8
|
+
const S = k(
|
|
9
|
+
({ type: _, userType: n, card: $, onPuzzleClick: l, onReviewClick: i }) => {
|
|
10
10
|
const {
|
|
11
11
|
label: d,
|
|
12
|
-
title:
|
|
12
|
+
title: T,
|
|
13
13
|
state: a,
|
|
14
14
|
subtext: m,
|
|
15
15
|
user_node_id: e,
|
|
16
|
-
block_type:
|
|
16
|
+
block_type: x,
|
|
17
17
|
user_block_id: h
|
|
18
|
-
} =
|
|
18
|
+
} = $, A = d === "PUZZLE", u = E(a), c = (n === "TEACHER" || n === "STUDENT") && _ !== "CIRCLE", C = b(() => {
|
|
19
19
|
c && e && l && l(e);
|
|
20
|
-
}, [l, c, e]), f =
|
|
20
|
+
}, [l, c, e]), f = x === I.SAT_MOCK_TEST, w = b(() => {
|
|
21
21
|
i && e && i(e, f, h);
|
|
22
22
|
}, [f, i, h, e]);
|
|
23
23
|
return /* @__PURE__ */ o(t, { $flexDirection: "row", $flexGapX: 1.5, children: [
|
|
24
|
-
/* @__PURE__ */ r(t, { $background:
|
|
24
|
+
/* @__PURE__ */ r(t, { $background: B(a), $borderRadiusX: 0.5, $width: 16, $height: 16, children: u && /* @__PURE__ */ r(u, { width: 16, height: 16 }) }),
|
|
25
25
|
/* @__PURE__ */ o(t, { $flexRowGapX: 0.25, children: [
|
|
26
26
|
/* @__PURE__ */ o(s, { $renderAs: "ub3", children: [
|
|
27
27
|
/* @__PURE__ */ o(s, { $renderAs: "ub3-bold", $inline: !0, children: [
|
|
@@ -29,15 +29,15 @@ const g = k(
|
|
|
29
29
|
":"
|
|
30
30
|
] }),
|
|
31
31
|
" ",
|
|
32
|
-
|
|
32
|
+
T
|
|
33
33
|
] }),
|
|
34
|
-
|
|
34
|
+
A ? /* @__PURE__ */ r(
|
|
35
35
|
p,
|
|
36
36
|
{
|
|
37
37
|
label: "View assigned puzzle",
|
|
38
38
|
size: "small",
|
|
39
39
|
color: "BLACK_T_60",
|
|
40
|
-
onClick:
|
|
40
|
+
onClick: C
|
|
41
41
|
}
|
|
42
42
|
) : /* @__PURE__ */ o(t, { $flexDirection: "row", $flexGapX: 0.25, children: [
|
|
43
43
|
m && /* @__PURE__ */ r(s, { $renderAs: "ub3", $color: "BLACK_T_60", children: m }),
|
|
@@ -55,8 +55,8 @@ const g = k(
|
|
|
55
55
|
] });
|
|
56
56
|
}
|
|
57
57
|
);
|
|
58
|
-
|
|
58
|
+
S.displayName = "AccordionItem";
|
|
59
59
|
export {
|
|
60
|
-
|
|
60
|
+
S as default
|
|
61
61
|
};
|
|
62
62
|
//# 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, 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 { AccordionItemProps } from './accordion-item-types';\nimport { getStateColor, getStateIcon } from './utils';\nimport { BLOCK_TYPE } from '../../../chapters-v2/constants/block-constants';\n\nconst AccordionItem: FC<AccordionItemProps> = memo(\n ({ 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 } = card;\n const isPuzzle = label === 'PUZZLE';\n const Icon = getStateIcon(state);\n\n const shouldShowReview
|
|
1
|
+
{"version":3,"file":"accordion-item.js","sources":["../../../../../src/features/timeline/comps/accordion-item/accordion-item.tsx"],"sourcesContent":["import { memo, useCallback, 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 { AccordionItemProps } from './accordion-item-types';\nimport { getStateColor, getStateIcon } from './utils';\nimport { BLOCK_TYPE } from '../../../chapters-v2/constants/block-constants';\n\nconst AccordionItem: FC<AccordionItemProps> = 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 } = card;\n const isPuzzle = label === 'PUZZLE';\n const Icon = getStateIcon(state);\n\n const shouldShowReview =\n (userType === 'TEACHER' || userType === 'STUDENT') && type !== 'CIRCLE';\n\n const handlePuzzleClick = useCallback(() => {\n if (shouldShowReview && userNodeId && onPuzzleClick) {\n onPuzzleClick(userNodeId);\n }\n }, [onPuzzleClick, shouldShowReview, userNodeId]);\n const isSatMockTestBlock = blockType === BLOCK_TYPE.SAT_MOCK_TEST;\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 $background={getStateColor(state)} $borderRadiusX={0.5} $width={16} $height={16}>\n {Icon && <Icon width={16} height={16} />}\n </FlexView>\n <FlexView $flexRowGapX={0.25}>\n <Text $renderAs=\"ub3\">\n <Text $renderAs=\"ub3-bold\" $inline>\n {label}:\n </Text>{' '}\n {title}\n </Text>\n {isPuzzle ? (\n <TextButton\n label=\"View assigned puzzle\"\n size=\"small\"\n color=\"BLACK_T_60\"\n onClick={handlePuzzleClick}\n />\n ) : (\n <FlexView $flexDirection=\"row\" $flexGapX={0.25}>\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","isPuzzle","Icon","getStateIcon","shouldShowReview","handlePuzzleClick","useCallback","isSatMockTestBlock","BLOCK_TYPE","handleReviewClick","jsxs","FlexView","jsx","getStateColor","Text","TextButton"],"mappings":";;;;;;;AASA,MAAMA,IAAwCC;AAAA,EAC5C,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,IACb,IAAAT,GACEU,IAAWP,MAAU,UACrBQ,IAAOC,EAAaP,CAAK,GAEzBQ,KACHd,MAAa,aAAaA,MAAa,cAAcD,MAAS,UAE3DgB,IAAoBC,EAAY,MAAM;AACtC,MAAAF,KAAoBN,KAAcN,KACpCA,EAAcM,CAAU;AAAA,IAEzB,GAAA,CAACN,GAAeY,GAAkBN,CAAU,CAAC,GAC1CS,IAAqBR,MAAcS,EAAW,eAE9CC,IAAoBH,EAAY,MAAM;AAC1C,MAAIb,KAAiBK,KACLL,EAAAK,GAAYS,GAAoBP,CAAW;AAAA,OAE1D,CAACO,GAAoBd,GAAeO,GAAaF,CAAU,CAAC;AAE/D,WACG,gBAAAY,EAAAC,GAAA,EAAS,gBAAe,OAAM,WAAW,KACxC,UAAA;AAAA,MAAA,gBAAAC,EAACD,KAAS,aAAaE,EAAcjB,CAAK,GAAG,gBAAgB,KAAK,QAAQ,IAAI,SAAS,IACpF,eAAS,gBAAAgB,EAAAV,GAAA,EAAK,OAAO,IAAI,QAAQ,GAAI,CAAA,GACxC;AAAA,MACA,gBAAAQ,EAACC,GAAS,EAAA,cAAc,MACtB,UAAA;AAAA,QAAC,gBAAAD,EAAAI,GAAA,EAAK,WAAU,OACd,UAAA;AAAA,UAAA,gBAAAJ,EAACI,GAAK,EAAA,WAAU,YAAW,SAAO,IAC/B,UAAA;AAAA,YAAApB;AAAA,YAAM;AAAA,UAAA,GACT;AAAA,UAAQ;AAAA,UACPC;AAAA,QAAA,GACH;AAAA,QACCM,IACC,gBAAAW;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,MAAK;AAAA,YACL,OAAM;AAAA,YACN,SAASV;AAAA,UAAA;AAAA,QAAA,IAGV,gBAAAK,EAAAC,GAAA,EAAS,gBAAe,OAAM,WAAW,MACvC,UAAA;AAAA,UAAAd,uBACEiB,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHjB,GAAA;AAAA,UAEDO,KACC,gBAAAQ;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,MAAK;AAAA,cACL,OAAM;AAAA,cACN,SAASN;AAAA,YAAA;AAAA,UACX;AAAA,QAAA,GAEJ;AAAA,MAAA,GAEJ;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF;AAEAtB,EAAc,cAAc;"}
|
|
@@ -7,38 +7,39 @@ import { getTimelineCardIcon as $ } from "../../comps/accordion-item/utils.js";
|
|
|
7
7
|
import { Card as x } from "./daily-timeline-items-styled.js";
|
|
8
8
|
const B = p(
|
|
9
9
|
({
|
|
10
|
-
type:
|
|
11
|
-
summary:
|
|
12
|
-
cards:
|
|
10
|
+
type: i,
|
|
11
|
+
summary: e,
|
|
12
|
+
cards: m,
|
|
13
13
|
onPuzzleClick: n,
|
|
14
14
|
onReviewClick: l,
|
|
15
15
|
courseStream: d,
|
|
16
16
|
shouldShowTag: a,
|
|
17
17
|
userType: f
|
|
18
18
|
}) => {
|
|
19
|
-
const c = s(() => $(
|
|
19
|
+
const c = s(() => $(i), [i]);
|
|
20
20
|
return /* @__PURE__ */ o(
|
|
21
21
|
h,
|
|
22
22
|
{
|
|
23
23
|
tag: a ? d : void 0,
|
|
24
|
-
title:
|
|
24
|
+
title: e,
|
|
25
25
|
defaultExpanded: !1,
|
|
26
26
|
icon: c ?? "",
|
|
27
|
-
children:
|
|
27
|
+
children: m.length > 0 && /* @__PURE__ */ o(g, { $gutter: 32, $marginBottom: 24, children: m.map((r, t) => /* @__PURE__ */ o(
|
|
28
28
|
x,
|
|
29
29
|
{
|
|
30
|
-
$isLastCard:
|
|
30
|
+
$isLastCard: t === m.length - 1,
|
|
31
31
|
children: /* @__PURE__ */ o(
|
|
32
32
|
u,
|
|
33
33
|
{
|
|
34
|
-
|
|
35
|
-
card: i,
|
|
34
|
+
card: r,
|
|
36
35
|
onPuzzleClick: n,
|
|
37
|
-
onReviewClick: l
|
|
36
|
+
onReviewClick: l,
|
|
37
|
+
type: i,
|
|
38
|
+
userType: f
|
|
38
39
|
}
|
|
39
40
|
)
|
|
40
41
|
},
|
|
41
|
-
`${
|
|
42
|
+
`${r.node_id}-${t}`
|
|
42
43
|
)) })
|
|
43
44
|
}
|
|
44
45
|
);
|
package/dist/features/timeline/daily-timeline/daily-timeline-items/daily-timeline-items.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"daily-timeline-items.js","sources":["../../../../../src/features/timeline/daily-timeline/daily-timeline-items/daily-timeline-items.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Accordion from '../../../ui/simple-accordian/accordion';\nimport AccordionItem from '../../comps/accordion-item/accordion-item';\nimport { getTimelineCardIcon } from '../../comps/accordion-item/utils';\nimport * as Styled from './daily-timeline-items-styled';\nimport type { DailyTimelineItemsProps } from './daily-timeline-items.types';\n\nconst DailyTimelineItems: FC<DailyTimelineItemsProps> = memo(\n ({\n type,\n summary,\n cards,\n onPuzzleClick,\n onReviewClick,\n courseStream,\n shouldShowTag,\n userType,\n }) => {\n const icon = useMemo(() => getTimelineCardIcon(type), [type]);\n\n return (\n <Accordion\n tag={shouldShowTag ? courseStream : undefined}\n title={summary}\n defaultExpanded={false}\n icon={icon ?? ''}\n >\n {cards.length > 0 && (\n <FlexView $gutter={32} $marginBottom={24}>\n {cards.map((card, index) => (\n <Styled.Card\n key={`${card.node_id}-${index}`}\n $isLastCard={index === cards.length - 1}\n >\n <AccordionItem\n
|
|
1
|
+
{"version":3,"file":"daily-timeline-items.js","sources":["../../../../../src/features/timeline/daily-timeline/daily-timeline-items/daily-timeline-items.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Accordion from '../../../ui/simple-accordian/accordion';\nimport AccordionItem from '../../comps/accordion-item/accordion-item';\nimport { getTimelineCardIcon } from '../../comps/accordion-item/utils';\nimport * as Styled from './daily-timeline-items-styled';\nimport type { DailyTimelineItemsProps } from './daily-timeline-items.types';\n\nconst DailyTimelineItems: FC<DailyTimelineItemsProps> = memo(\n ({\n type,\n summary,\n cards,\n onPuzzleClick,\n onReviewClick,\n courseStream,\n shouldShowTag,\n userType,\n }) => {\n const icon = useMemo(() => getTimelineCardIcon(type), [type]);\n\n return (\n <Accordion\n tag={shouldShowTag ? courseStream : undefined}\n title={summary}\n defaultExpanded={false}\n icon={icon ?? ''}\n >\n {cards.length > 0 && (\n <FlexView $gutter={32} $marginBottom={24}>\n {cards.map((card, index) => (\n <Styled.Card\n key={`${card.node_id}-${index}`}\n $isLastCard={index === cards.length - 1}\n >\n <AccordionItem\n card={card}\n onPuzzleClick={onPuzzleClick}\n onReviewClick={onReviewClick}\n type={type}\n userType={userType}\n />\n </Styled.Card>\n ))}\n </FlexView>\n )}\n </Accordion>\n );\n },\n);\n\nexport default DailyTimelineItems;\n"],"names":["DailyTimelineItems","memo","type","summary","cards","onPuzzleClick","onReviewClick","courseStream","shouldShowTag","userType","icon","useMemo","getTimelineCardIcon","jsx","Accordion","FlexView","card","index","Styled.Card","AccordionItem"],"mappings":";;;;;;;AASA,MAAMA,IAAkDC;AAAA,EACtD,CAAC;AAAA,IACC,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,MACI;AACE,UAAAC,IAAOC,EAAQ,MAAMC,EAAoBV,CAAI,GAAG,CAACA,CAAI,CAAC;AAG1D,WAAA,gBAAAW;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAKN,IAAgBD,IAAe;AAAA,QACpC,OAAOJ;AAAA,QACP,iBAAiB;AAAA,QACjB,MAAMO,KAAQ;AAAA,QAEb,UAAMN,EAAA,SAAS,KACd,gBAAAS,EAACE,GAAS,EAAA,SAAS,IAAI,eAAe,IACnC,UAAAX,EAAM,IAAI,CAACY,GAAMC,MAChB,gBAAAJ;AAAA,UAACK;AAAAA,UAAA;AAAA,YAEC,aAAaD,MAAUb,EAAM,SAAS;AAAA,YAEtC,UAAA,gBAAAS;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,MAAAH;AAAA,gBACA,eAAAX;AAAA,gBACA,eAAAC;AAAA,gBACA,MAAAJ;AAAA,gBACA,UAAAO;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,UATK,GAAGO,EAAK,OAAO,IAAIC,CAAK;AAAA,QAWhC,CAAA,GACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
|