@cuemath/leap 3.5.32-as7 → 3.5.32-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/monthly-timeline/monthly-report/comps/activities/activities-card-puzzles/activity-puzzle-card.js +10 -10
- package/dist/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card-puzzles/activity-puzzle-card.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsxs as d, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { memo as f, useCallback as p } from "react";
|
|
3
|
-
import { PuzzleContainer as E, StatusIcon as
|
|
3
|
+
import { PuzzleContainer as E, StatusIcon as T } from "./activities-card-puzzles.styled.js";
|
|
4
4
|
import g from "../../../../../../ui/layout/flex-view.js";
|
|
5
|
-
import
|
|
6
|
-
import
|
|
5
|
+
import _ from "../../../../../../ui/image/image.js";
|
|
6
|
+
import A from "../../../../../../ui/separator/separator.js";
|
|
7
7
|
import b from "../../../../../../ui/text/text.js";
|
|
8
8
|
import { NODE_STATE as o } from "../../../../../daily-timeline/daily-timeline-types.js";
|
|
9
9
|
import { stateIcon as h } from "../constants.js";
|
|
10
|
-
function
|
|
10
|
+
function I({ puzzle: u, onPuzzleClick: e }) {
|
|
11
11
|
const {
|
|
12
12
|
image_url: m,
|
|
13
13
|
state: r,
|
|
@@ -30,10 +30,10 @@ function D({ puzzle: u, onPuzzleClick: e }) {
|
|
|
30
30
|
onClick: $,
|
|
31
31
|
children: [
|
|
32
32
|
/* @__PURE__ */ t(
|
|
33
|
-
|
|
33
|
+
T,
|
|
34
34
|
{
|
|
35
35
|
$borderRadiusX: 1,
|
|
36
|
-
$background: l
|
|
36
|
+
$background: l,
|
|
37
37
|
$widthX: 1,
|
|
38
38
|
$heightX: 1,
|
|
39
39
|
$alignItems: "center",
|
|
@@ -43,7 +43,7 @@ function D({ puzzle: u, onPuzzleClick: e }) {
|
|
|
43
43
|
),
|
|
44
44
|
/* @__PURE__ */ d(g, { $background: "TRANSPARENT", $alignItems: "center", children: [
|
|
45
45
|
m && /* @__PURE__ */ t(
|
|
46
|
-
|
|
46
|
+
_,
|
|
47
47
|
{
|
|
48
48
|
src: m ?? "",
|
|
49
49
|
alt: "Puzzle illustration",
|
|
@@ -52,15 +52,15 @@ function D({ puzzle: u, onPuzzleClick: e }) {
|
|
|
52
52
|
withLoader: !0
|
|
53
53
|
}
|
|
54
54
|
),
|
|
55
|
-
/* @__PURE__ */ t(
|
|
55
|
+
/* @__PURE__ */ t(A, { heightX: 1 }),
|
|
56
56
|
/* @__PURE__ */ t(g, { $gutterX: 0.25, children: /* @__PURE__ */ t(b, { $renderAs: "ab3", $align: "center", children: a }) })
|
|
57
57
|
] })
|
|
58
58
|
]
|
|
59
59
|
}
|
|
60
60
|
);
|
|
61
61
|
}
|
|
62
|
-
const
|
|
62
|
+
const C = f(I);
|
|
63
63
|
export {
|
|
64
|
-
|
|
64
|
+
C as default
|
|
65
65
|
};
|
|
66
66
|
//# sourceMappingURL=activity-puzzle-card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"activity-puzzle-card.js","sources":["../../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card-puzzles/activity-puzzle-card.tsx"],"sourcesContent":["import { memo, useCallback } from 'react';\n\nimport * as Styled from './activities-card-puzzles.styled';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport Image from '../../../../../../ui/image/image';\nimport Separator from '../../../../../../ui/separator/separator';\nimport Text from '../../../../../../ui/text/text';\nimport { NODE_STATE } from '../../../../../daily-timeline/daily-timeline-types';\nimport { stateIcon } from '../constants';\nimport { type IActivityPuzzleCardProps } from './activities-card-puzzles-types';\n\nfunction ActivityPuzzleCard({ puzzle, onPuzzleClick }: IActivityPuzzleCardProps) {\n const {\n image_url: imageUrl,\n state,\n item_ref,\n feedback_comments,\n image_hue: imageHue,\n title,\n tip,\n } = puzzle;\n\n const handlePuzzleClick = useCallback(() => {\n onPuzzleClick?.({ item_ref, feedback_comments, image_hue: imageHue, title, tip });\n }, [onPuzzleClick, item_ref, feedback_comments, imageHue, title, tip]);\n const statusBg =\n state === NODE_STATE.PENDING || state === NODE_STATE.NOT_STARTED ? 'RED' : 'BLACK_1';\n\n return (\n <Styled.PuzzleContainer\n $gapX={1}\n $imageHue={imageHue || 'BLUE'}\n $width={146}\n $height={162}\n $background={`${imageHue || 'BLUE'}_2`}\n onClick={handlePuzzleClick}\n >\n <Styled.StatusIcon\n $borderRadiusX={1}\n $background={statusBg
|
|
1
|
+
{"version":3,"file":"activity-puzzle-card.js","sources":["../../../../../../../../src/features/timeline/monthly-timeline/monthly-report/comps/activities/activities-card-puzzles/activity-puzzle-card.tsx"],"sourcesContent":["import { memo, useCallback } from 'react';\n\nimport * as Styled from './activities-card-puzzles.styled';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport Image from '../../../../../../ui/image/image';\nimport Separator from '../../../../../../ui/separator/separator';\nimport Text from '../../../../../../ui/text/text';\nimport { NODE_STATE } from '../../../../../daily-timeline/daily-timeline-types';\nimport { stateIcon } from '../constants';\nimport { type IActivityPuzzleCardProps } from './activities-card-puzzles-types';\n\nfunction ActivityPuzzleCard({ puzzle, onPuzzleClick }: IActivityPuzzleCardProps) {\n const {\n image_url: imageUrl,\n state,\n item_ref,\n feedback_comments,\n image_hue: imageHue,\n title,\n tip,\n } = puzzle;\n\n const handlePuzzleClick = useCallback(() => {\n onPuzzleClick?.({ item_ref, feedback_comments, image_hue: imageHue, title, tip });\n }, [onPuzzleClick, item_ref, feedback_comments, imageHue, title, tip]);\n const statusBg =\n state === NODE_STATE.PENDING || state === NODE_STATE.NOT_STARTED ? 'RED' : 'BLACK_1';\n\n return (\n <Styled.PuzzleContainer\n $gapX={1}\n $imageHue={imageHue || 'BLUE'}\n $width={146}\n $height={162}\n $background={`${imageHue || 'BLUE'}_2`}\n onClick={handlePuzzleClick}\n >\n <Styled.StatusIcon\n $borderRadiusX={1}\n $background={statusBg}\n $widthX={1}\n $heightX={1}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n >\n {state && (stateIcon[state as NODE_STATE] || stateIcon[NODE_STATE.COMPLETED])}\n </Styled.StatusIcon>\n <FlexView $background=\"TRANSPARENT\" $alignItems=\"center\">\n {imageUrl && (\n <Image\n src={imageUrl ?? ''}\n alt=\"Puzzle illustration\"\n width={68}\n height={68}\n withLoader={true}\n />\n )}\n <Separator heightX={1} />\n <FlexView $gutterX={0.25}>\n <Text $renderAs=\"ab3\" $align=\"center\">\n {title}\n </Text>\n </FlexView>\n </FlexView>\n </Styled.PuzzleContainer>\n );\n}\n\nexport default memo(ActivityPuzzleCard);\n"],"names":["ActivityPuzzleCard","puzzle","onPuzzleClick","imageUrl","state","item_ref","feedback_comments","imageHue","title","tip","handlePuzzleClick","useCallback","statusBg","NODE_STATE","jsxs","Styled.PuzzleContainer","jsx","Styled.StatusIcon","stateIcon","FlexView","Image","Separator","Text","ActivityPuzzleCard$1","memo"],"mappings":";;;;;;;;;AAWA,SAASA,EAAmB,EAAE,QAAAC,GAAQ,eAAAC,KAA2C;AACzE,QAAA;AAAA,IACJ,WAAWC;AAAA,IACX,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,WAAWC;AAAA,IACX,OAAAC;AAAA,IACA,KAAAC;AAAA,EACE,IAAAR,GAEES,IAAoBC,EAAY,MAAM;AAC1C,IAAAT,KAAA,QAAAA,EAAgB,EAAE,UAAAG,GAAU,mBAAAC,GAAmB,WAAWC,GAAU,OAAAC,GAAO,KAAAC;EAAK,GAC/E,CAACP,GAAeG,GAAUC,GAAmBC,GAAUC,GAAOC,CAAG,CAAC,GAC/DG,IACJR,MAAUS,EAAW,WAAWT,MAAUS,EAAW,cAAc,QAAQ;AAG3E,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAWR,KAAY;AAAA,MACvB,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,aAAa,GAAGA,KAAY,MAAM;AAAA,MAClC,SAASG;AAAA,MAET,UAAA;AAAA,QAAA,gBAAAM;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,gBAAgB;AAAA,YAChB,aAAaL;AAAA,YACb,SAAS;AAAA,YACT,UAAU;AAAA,YACV,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAEf,gBAAUM,EAAUd,CAAmB,KAAKc,EAAUL,EAAW,SAAS;AAAA,UAAA;AAAA,QAC7E;AAAA,QACC,gBAAAC,EAAAK,GAAA,EAAS,aAAY,eAAc,aAAY,UAC7C,UAAA;AAAA,UACChB,KAAA,gBAAAa;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,KAAKjB,KAAY;AAAA,cACjB,KAAI;AAAA,cACJ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,YAAY;AAAA,YAAA;AAAA,UACd;AAAA,UAEF,gBAAAa,EAACK,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UACvB,gBAAAL,EAACG,GAAS,EAAA,UAAU,MAClB,UAAA,gBAAAH,EAACM,GAAK,EAAA,WAAU,OAAM,QAAO,UAC1B,UAAAd,EACH,CAAA,GACF;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,MAAee,IAAAC,EAAKxB,CAAkB;"}
|