@cuemath/leap 3.5.32-as6 → 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/dist/features/timeline/timeline-tabs/timeline-tabs.styled.js +2 -2
- package/dist/features/timeline/timeline-tabs/timeline-tabs.styled.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;"}
|
|
@@ -4,8 +4,8 @@ const n = i(o)`
|
|
|
4
4
|
position: sticky;
|
|
5
5
|
top: ${({ $headerHeight: t }) => t}px;
|
|
6
6
|
left: calc(
|
|
7
|
-
((100% * 0.5) - (
|
|
8
|
-
); //
|
|
7
|
+
((100% * 0.5) - (480px * 0.5)) - 52px - 32px
|
|
8
|
+
); // 52 (tab width)/2 + 32 left right margin of container
|
|
9
9
|
`;
|
|
10
10
|
i(o)`
|
|
11
11
|
flex: 1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timeline-tabs.styled.js","sources":["../../../../src/features/timeline/timeline-tabs/timeline-tabs.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\ninterface ITabItem {\n $isActive: boolean;\n}\n\nconst TabContainer = styled(FlexView)<{ $headerHeight: number }>`\n position: sticky;\n top: ${({ $headerHeight }) => $headerHeight}px;\n left: calc(\n ((100% * 0.5) - (
|
|
1
|
+
{"version":3,"file":"timeline-tabs.styled.js","sources":["../../../../src/features/timeline/timeline-tabs/timeline-tabs.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\ninterface ITabItem {\n $isActive: boolean;\n}\n\nconst TabContainer = styled(FlexView)<{ $headerHeight: number }>`\n position: sticky;\n top: ${({ $headerHeight }) => $headerHeight}px;\n left: calc(\n ((100% * 0.5) - (480px * 0.5)) - 52px - 32px\n ); // 52 (tab width)/2 + 32 left right margin of container\n`;\n\nconst ContentContainer = styled(FlexView)`\n flex: 1;\n overflow: hidden;\n position: relative;\n`;\n\nconst TabItem = styled(FlexView)<ITabItem>`\n position: relative;\n cursor: pointer;\n transition: all 0.3s ease;\n\n &::after {\n content: '';\n visibility: ${({ $isActive }) => ($isActive ? 'visible' : 'hidden')};\n position: absolute;\n right: -6px;\n top: 11px;\n width: 0;\n height: 0;\n border-left: 6px solid black;\n border-top: 5px solid transparent;\n border-bottom: 5px solid transparent;\n }\n`;\n\nexport { TabContainer, ContentContainer, TabItem };\n"],"names":["TabContainer","styled","FlexView","$headerHeight","TabItem","$isActive"],"mappings":";;AAQM,MAAAA,IAAeC,EAAOC,CAAQ;AAAA;AAAA,SAE3B,CAAC,EAAE,eAAAC,EAAc,MAAMA,CAAa;AAAA;AAAA;AAAA;AAAA;AAMpBF,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAMlC,MAAAE,IAAUH,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAOb,CAAC,EAAE,WAAAG,EAAA,MAAiBA,IAAY,YAAY,QAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
|