@cuemath/leap 3.5.47 → 3.5.48-aa0
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/chapters-v2/utils/node-card-utils.js +4 -4
- package/dist/features/chapters-v2/utils/node-card-utils.js.map +1 -1
- package/dist/features/cue-canvas/hooks/use-height-extender.js +25 -22
- package/dist/features/cue-canvas/hooks/use-height-extender.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs-styled.js +14 -13
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs-styled.js.map +1 -1
- package/package.json +1 -1
|
@@ -4,15 +4,15 @@ import R from "../../../assets/line-icons/icons/exclamation.js";
|
|
|
4
4
|
import m from "../../../assets/line-icons/icons/lock2.js";
|
|
5
5
|
import p from "../../../assets/line-icons/icons/status.js";
|
|
6
6
|
import { LOTTIE as t } from "../../../assets/lottie/lottie.js";
|
|
7
|
-
import
|
|
7
|
+
import u from "../../ui/layout/flex-view.js";
|
|
8
8
|
import E from "../../ui/arrow-tooltip/arrow-tooltip.js";
|
|
9
9
|
import I from "../../ui/text/text.js";
|
|
10
10
|
import { InProgressIconWrapper as d } from "../comps/node-card/node-card-styled.js";
|
|
11
11
|
import A from "../comps/tag/tag.js";
|
|
12
|
-
const
|
|
12
|
+
const f = 60 * 60 * 24, _ = ["NOT_STARTED"], C = (r, c) => {
|
|
13
13
|
if (!r || c)
|
|
14
14
|
return { isOverdue: !1, daysText: "", differenceInDays: 0 };
|
|
15
|
-
const i = Math.floor(Date.now() / 1e3), s = r - i, o = Math.
|
|
15
|
+
const i = Math.floor(Date.now() / 1e3), s = r - i, o = Math.round(s / f), a = o < 0, n = o > 0 ? `${Math.abs(o)}D` : "";
|
|
16
16
|
return { isOverdue: a, daysText: n, differenceInDays: o };
|
|
17
17
|
}, x = (r, c, i, s, o) => {
|
|
18
18
|
const { isOverdue: a, daysText: n, differenceInDays: T } = C(s, o);
|
|
@@ -27,7 +27,7 @@ const u = 60 * 60 * 24, _ = ["NOT_STARTED"], C = (r, c) => {
|
|
|
27
27
|
zIndex: 10,
|
|
28
28
|
hidden: !c,
|
|
29
29
|
parentWidth: "fit-content",
|
|
30
|
-
children: /* @__PURE__ */ e(
|
|
30
|
+
children: /* @__PURE__ */ e(u, { $background: "RED", $borderRadius: 16, $gapX: 0.24, $gutterX: 0.5, children: /* @__PURE__ */ e(I, { $renderAs: "ac4-black", $color: "WHITE", children: "OVERDUE" }) })
|
|
31
31
|
}
|
|
32
32
|
),
|
|
33
33
|
top: -10,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"node-card-utils.js","sources":["../../../../src/features/chapters-v2/utils/node-card-utils.tsx"],"sourcesContent":["import Check2Icon from '../../../assets/line-icons/icons/check2';\nimport ExclamationIcon from '../../../assets/line-icons/icons/exclamation';\nimport Lock2Icon from '../../../assets/line-icons/icons/lock2';\nimport StatusIcon from '../../../assets/line-icons/icons/status';\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport FlexView from '../..//ui/layout/flex-view';\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport Text from '../../ui/text/text';\nimport { InProgressIconWrapper } from '../comps/node-card/node-card-styled';\nimport type { INodeDataProps } from '../comps/node-card/node-card-types';\nimport Tag from '../comps/tag/tag';\n\ninterface DueDateInfo {\n isOverdue: boolean;\n daysText: string;\n differenceInDays: number;\n}\n\nconst SECONDS_PER_DAY = 60 * 60 * 24;\nconst OVERDUE_TAG_STATES: INodeDataProps['state'][] = ['NOT_STARTED'];\n\nconst calculateDueDateInfo = (dueDateTs?: number | null, isMilestone?: boolean): DueDateInfo => {\n if (!dueDateTs || isMilestone) {\n return { isOverdue: false, daysText: '', differenceInDays: 0 };\n }\n\n const currentTimestamp = Math.floor(Date.now() / 1000);\n const differenceInSeconds = dueDateTs - currentTimestamp;\n const differenceInDays = Math.ceil(differenceInSeconds / SECONDS_PER_DAY);\n\n const isOverdue = differenceInDays < 0;\n\n const daysText = differenceInDays > 0 ? `${Math.abs(differenceInDays)}D` : '';\n\n return { isOverdue, daysText, differenceInDays };\n};\n\nconst getNodeStateBasedTagInfo = (\n nodeState: INodeDataProps['state'],\n isStudent: boolean,\n accuracy?: number | null,\n dueDateTs?: number | null,\n isMilestone?: boolean,\n) => {\n const { isOverdue, daysText, differenceInDays } = calculateDueDateInfo(dueDateTs, isMilestone);\n\n if (!isMilestone && isOverdue && OVERDUE_TAG_STATES.includes(nodeState)) {\n return {\n icon: (\n <ArrowTooltip\n renderAs=\"primary\"\n position=\"bottom\"\n tooltipItem=\"Complete now\"\n zIndex={10}\n hidden={!isStudent}\n parentWidth=\"fit-content\"\n >\n <FlexView $background=\"RED\" $borderRadius={16} $gapX={0.24} $gutterX={0.5}>\n <Text $renderAs=\"ac4-black\" $color=\"WHITE\">\n OVERDUE\n </Text>\n </FlexView>\n </ArrowTooltip>\n ),\n top: -10,\n right: -10,\n };\n }\n\n switch (nodeState) {\n case 'NOT_STARTED':\n return {\n icon: (\n <ArrowTooltip\n renderAs=\"primary\"\n position=\"bottom\"\n tooltipItem={\n differenceInDays > 1 ? `${differenceInDays} days left` : 'Complete it today'\n }\n zIndex={10}\n hidden={!isStudent}\n >\n <InProgressIconWrapper\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $borderRadius={16}\n $paddingRight={6}\n $paddingLeft={6}\n >\n {daysText && (\n <Text $renderAs=\"ub3-bold\" $color=\"WHITE\">\n {daysText}\n </Text>\n )}\n </InProgressIconWrapper>\n </ArrowTooltip>\n ),\n top: 0,\n right: 0,\n };\n case 'LOCKED':\n return {\n icon: <Lock2Icon width={32} height={32} />,\n top: -16,\n right: -16,\n };\n case 'IN_PROGRESS':\n return {\n icon: (\n <InProgressIconWrapper\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $borderRadius={16}\n $paddingRight={0}\n $paddingLeft={daysText ? 6 : 0}\n >\n {daysText && (\n <Text $renderAs=\"ub3-bold\" $color=\"WHITE\">\n {daysText}\n </Text>\n )}\n <StatusIcon />\n </InProgressIconWrapper>\n ),\n };\n case 'COMPLETED':\n return {\n icon: (\n <Tag\n Icon={Check2Icon}\n label={typeof accuracy === 'number' ? `${accuracy}%` : undefined}\n />\n ),\n top: -10,\n right: -10,\n };\n case 'WAIT_FOR_REVIEW':\n return {\n icon: (\n <ArrowTooltip\n renderAs=\"primary\"\n position=\"bottom\"\n tooltipItem={isStudent ? 'Waiting for teacher to review' : 'Needs your review'}\n zIndex={10}\n >\n <Tag Icon={ExclamationIcon} />\n </ArrowTooltip>\n ),\n top: -10,\n right: -10,\n };\n\n default:\n return {\n icon: undefined,\n };\n }\n};\n\nconst getNodeCardBasedIcon = (nodeType: INodeDataProps['node_type']) => {\n switch (nodeType) {\n case 'LEVEL2':\n case 'LEVEL3':\n case 'HIDDEN_BASIC':\n return {\n lottie: LOTTIE.COMPETITIVE_ARENA,\n };\n case 'LEARNING':\n case 'SAT_MATH_LEARNING':\n case 'SAT_ENGLISH_LEARNING':\n return {\n lottie: LOTTIE.LEARN,\n };\n case 'RECAP':\n case 'REMEDIAL':\n case 'REVISION':\n case 'PPT_BASIC':\n case 'SAT_MATH_RECAP':\n case 'SAT_ENGLISH_RECAP':\n return {\n lottie: LOTTIE.RECAP,\n };\n case 'DYNAMIC':\n case 'ASSESSMENT':\n case 'CHAPTER_ASSESSMENT':\n case 'DIAGNOSTIC':\n case 'TURING_ASSESSMENT':\n return {\n lottie: LOTTIE.TEST,\n };\n case 'PRACTICE':\n case 'EXTRA_PRACTICE':\n case 'TARGET_PRACTICE':\n case 'MASTERY':\n case 'TURING_PRACTICE':\n case 'SAT_MATH_ASSESSMENT':\n case 'SAT_ENGLISH_ASSESSMENT':\n return {\n lottie: LOTTIE.PRACTICE,\n };\n case 'PUZZLE':\n case 'PUZZLE_EASY':\n case 'PUZZLE_MEDIUM':\n case 'PUZZLE_HARD':\n return {\n lottie: LOTTIE.PUZZLE,\n };\n case 'TURING_SUBJECTIVE':\n return {\n lottie: LOTTIE.SUBJECTIVE,\n };\n case 'TURING_BASIC':\n case 'PYTHON_BASIC':\n case 'PYTHON_VISUAL':\n return {\n lottie: LOTTIE.ACTIVITY,\n };\n case 'VIDEO':\n return {\n lottie: LOTTIE.VIDEO,\n };\n case 'PDF':\n return {\n lottie: LOTTIE.DOWNLOAD,\n };\n default:\n return {\n lottie: LOTTIE.PROJECT,\n };\n }\n};\n\nexport { getNodeStateBasedTagInfo, getNodeCardBasedIcon };\n"],"names":["SECONDS_PER_DAY","OVERDUE_TAG_STATES","calculateDueDateInfo","dueDateTs","isMilestone","currentTimestamp","differenceInSeconds","differenceInDays","isOverdue","daysText","getNodeStateBasedTagInfo","nodeState","isStudent","accuracy","jsx","ArrowTooltip","FlexView","Text","InProgressIconWrapper","Lock2Icon","jsxs","StatusIcon","Tag","Check2Icon","ExclamationIcon","getNodeCardBasedIcon","nodeType","LOTTIE"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"node-card-utils.js","sources":["../../../../src/features/chapters-v2/utils/node-card-utils.tsx"],"sourcesContent":["import Check2Icon from '../../../assets/line-icons/icons/check2';\nimport ExclamationIcon from '../../../assets/line-icons/icons/exclamation';\nimport Lock2Icon from '../../../assets/line-icons/icons/lock2';\nimport StatusIcon from '../../../assets/line-icons/icons/status';\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport FlexView from '../..//ui/layout/flex-view';\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport Text from '../../ui/text/text';\nimport { InProgressIconWrapper } from '../comps/node-card/node-card-styled';\nimport type { INodeDataProps } from '../comps/node-card/node-card-types';\nimport Tag from '../comps/tag/tag';\n\ninterface DueDateInfo {\n isOverdue: boolean;\n daysText: string;\n differenceInDays: number;\n}\n\nconst SECONDS_PER_DAY = 60 * 60 * 24;\nconst OVERDUE_TAG_STATES: INodeDataProps['state'][] = ['NOT_STARTED'];\n\nconst calculateDueDateInfo = (dueDateTs?: number | null, isMilestone?: boolean): DueDateInfo => {\n if (!dueDateTs || isMilestone) {\n return { isOverdue: false, daysText: '', differenceInDays: 0 };\n }\n\n const currentTimestamp = Math.floor(Date.now() / 1000);\n const differenceInSeconds = dueDateTs - currentTimestamp;\n const differenceInDays = Math.round(differenceInSeconds / SECONDS_PER_DAY);\n\n const isOverdue = differenceInDays < 0;\n\n const daysText = differenceInDays > 0 ? `${Math.abs(differenceInDays)}D` : '';\n\n return { isOverdue, daysText, differenceInDays };\n};\n\nconst getNodeStateBasedTagInfo = (\n nodeState: INodeDataProps['state'],\n isStudent: boolean,\n accuracy?: number | null,\n dueDateTs?: number | null,\n isMilestone?: boolean,\n) => {\n const { isOverdue, daysText, differenceInDays } = calculateDueDateInfo(dueDateTs, isMilestone);\n\n if (!isMilestone && isOverdue && OVERDUE_TAG_STATES.includes(nodeState)) {\n return {\n icon: (\n <ArrowTooltip\n renderAs=\"primary\"\n position=\"bottom\"\n tooltipItem=\"Complete now\"\n zIndex={10}\n hidden={!isStudent}\n parentWidth=\"fit-content\"\n >\n <FlexView $background=\"RED\" $borderRadius={16} $gapX={0.24} $gutterX={0.5}>\n <Text $renderAs=\"ac4-black\" $color=\"WHITE\">\n OVERDUE\n </Text>\n </FlexView>\n </ArrowTooltip>\n ),\n top: -10,\n right: -10,\n };\n }\n\n switch (nodeState) {\n case 'NOT_STARTED':\n return {\n icon: (\n <ArrowTooltip\n renderAs=\"primary\"\n position=\"bottom\"\n tooltipItem={\n differenceInDays > 1 ? `${differenceInDays} days left` : 'Complete it today'\n }\n zIndex={10}\n hidden={!isStudent}\n >\n <InProgressIconWrapper\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $borderRadius={16}\n $paddingRight={6}\n $paddingLeft={6}\n >\n {daysText && (\n <Text $renderAs=\"ub3-bold\" $color=\"WHITE\">\n {daysText}\n </Text>\n )}\n </InProgressIconWrapper>\n </ArrowTooltip>\n ),\n top: 0,\n right: 0,\n };\n case 'LOCKED':\n return {\n icon: <Lock2Icon width={32} height={32} />,\n top: -16,\n right: -16,\n };\n case 'IN_PROGRESS':\n return {\n icon: (\n <InProgressIconWrapper\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $borderRadius={16}\n $paddingRight={0}\n $paddingLeft={daysText ? 6 : 0}\n >\n {daysText && (\n <Text $renderAs=\"ub3-bold\" $color=\"WHITE\">\n {daysText}\n </Text>\n )}\n <StatusIcon />\n </InProgressIconWrapper>\n ),\n };\n case 'COMPLETED':\n return {\n icon: (\n <Tag\n Icon={Check2Icon}\n label={typeof accuracy === 'number' ? `${accuracy}%` : undefined}\n />\n ),\n top: -10,\n right: -10,\n };\n case 'WAIT_FOR_REVIEW':\n return {\n icon: (\n <ArrowTooltip\n renderAs=\"primary\"\n position=\"bottom\"\n tooltipItem={isStudent ? 'Waiting for teacher to review' : 'Needs your review'}\n zIndex={10}\n >\n <Tag Icon={ExclamationIcon} />\n </ArrowTooltip>\n ),\n top: -10,\n right: -10,\n };\n\n default:\n return {\n icon: undefined,\n };\n }\n};\n\nconst getNodeCardBasedIcon = (nodeType: INodeDataProps['node_type']) => {\n switch (nodeType) {\n case 'LEVEL2':\n case 'LEVEL3':\n case 'HIDDEN_BASIC':\n return {\n lottie: LOTTIE.COMPETITIVE_ARENA,\n };\n case 'LEARNING':\n case 'SAT_MATH_LEARNING':\n case 'SAT_ENGLISH_LEARNING':\n return {\n lottie: LOTTIE.LEARN,\n };\n case 'RECAP':\n case 'REMEDIAL':\n case 'REVISION':\n case 'PPT_BASIC':\n case 'SAT_MATH_RECAP':\n case 'SAT_ENGLISH_RECAP':\n return {\n lottie: LOTTIE.RECAP,\n };\n case 'DYNAMIC':\n case 'ASSESSMENT':\n case 'CHAPTER_ASSESSMENT':\n case 'DIAGNOSTIC':\n case 'TURING_ASSESSMENT':\n return {\n lottie: LOTTIE.TEST,\n };\n case 'PRACTICE':\n case 'EXTRA_PRACTICE':\n case 'TARGET_PRACTICE':\n case 'MASTERY':\n case 'TURING_PRACTICE':\n case 'SAT_MATH_ASSESSMENT':\n case 'SAT_ENGLISH_ASSESSMENT':\n return {\n lottie: LOTTIE.PRACTICE,\n };\n case 'PUZZLE':\n case 'PUZZLE_EASY':\n case 'PUZZLE_MEDIUM':\n case 'PUZZLE_HARD':\n return {\n lottie: LOTTIE.PUZZLE,\n };\n case 'TURING_SUBJECTIVE':\n return {\n lottie: LOTTIE.SUBJECTIVE,\n };\n case 'TURING_BASIC':\n case 'PYTHON_BASIC':\n case 'PYTHON_VISUAL':\n return {\n lottie: LOTTIE.ACTIVITY,\n };\n case 'VIDEO':\n return {\n lottie: LOTTIE.VIDEO,\n };\n case 'PDF':\n return {\n lottie: LOTTIE.DOWNLOAD,\n };\n default:\n return {\n lottie: LOTTIE.PROJECT,\n };\n }\n};\n\nexport { getNodeStateBasedTagInfo, getNodeCardBasedIcon };\n"],"names":["SECONDS_PER_DAY","OVERDUE_TAG_STATES","calculateDueDateInfo","dueDateTs","isMilestone","currentTimestamp","differenceInSeconds","differenceInDays","isOverdue","daysText","getNodeStateBasedTagInfo","nodeState","isStudent","accuracy","jsx","ArrowTooltip","FlexView","Text","InProgressIconWrapper","Lock2Icon","jsxs","StatusIcon","Tag","Check2Icon","ExclamationIcon","getNodeCardBasedIcon","nodeType","LOTTIE"],"mappings":"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"}
|
|
@@ -1,45 +1,48 @@
|
|
|
1
|
-
import { useRef as
|
|
2
|
-
import { useCueCanvasActions as
|
|
3
|
-
const
|
|
1
|
+
import { useRef as h, useCallback as d, useEffect as f } from "react";
|
|
2
|
+
import { useCueCanvasActions as H } from "./use-cue-canvas-actions.js";
|
|
3
|
+
const y = ({
|
|
4
4
|
canvasElementRef: e,
|
|
5
|
-
cueCanvasRef:
|
|
5
|
+
cueCanvasRef: n,
|
|
6
6
|
canScribble: p
|
|
7
7
|
}) => {
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
}, []),
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
const o = h(!1), i = h(!1), { isWritingToolActive: g } = H(), c = d(() => {
|
|
9
|
+
o.current = !0;
|
|
10
|
+
}, []), s = d(
|
|
11
|
+
(t) => {
|
|
12
|
+
var r;
|
|
13
|
+
if (console.log("Stroke Added", { source: t.pointerType }), e.current && i.current) {
|
|
14
|
+
i.current = !1;
|
|
15
|
+
const L = e.current.getBoundingClientRect().height + 200;
|
|
16
|
+
(r = n == null ? void 0 : n.current) == null || r.updateHeight(L);
|
|
17
|
+
}
|
|
13
18
|
o.current = !1;
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
n.current = !1;
|
|
18
|
-
}, [e, r]), c = d(
|
|
19
|
+
},
|
|
20
|
+
[e, n]
|
|
21
|
+
), u = d(
|
|
19
22
|
(t) => {
|
|
20
|
-
if (
|
|
21
|
-
const
|
|
22
|
-
t.clientY -
|
|
23
|
+
if (o.current && e.current) {
|
|
24
|
+
const r = e.current.getBoundingClientRect();
|
|
25
|
+
t.clientY - r.top >= r.height - 200 && (i.current = !0);
|
|
23
26
|
}
|
|
24
27
|
},
|
|
25
28
|
[e]
|
|
26
29
|
);
|
|
27
|
-
|
|
30
|
+
f(() => {
|
|
28
31
|
const t = e.current;
|
|
29
32
|
if (p && t && g)
|
|
30
|
-
return t.addEventListener("pointerdown",
|
|
31
|
-
t.removeEventListener("pointerdown",
|
|
33
|
+
return t.addEventListener("pointerdown", c), t.addEventListener("pointerup", s), t.addEventListener("pointermove", u), () => {
|
|
34
|
+
t.removeEventListener("pointerdown", c), t.removeEventListener("pointerup", s), t.removeEventListener("pointermove", u);
|
|
32
35
|
};
|
|
33
36
|
}, [
|
|
34
37
|
e,
|
|
35
|
-
i,
|
|
36
38
|
c,
|
|
37
39
|
u,
|
|
40
|
+
s,
|
|
38
41
|
p,
|
|
39
42
|
g
|
|
40
43
|
]);
|
|
41
44
|
};
|
|
42
45
|
export {
|
|
43
|
-
|
|
46
|
+
y as default
|
|
44
47
|
};
|
|
45
48
|
//# sourceMappingURL=use-height-extender.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-height-extender.js","sources":["../../../../src/features/cue-canvas/hooks/use-height-extender.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport type { CueCanvasCore } from '../cue-canvas-core';\nimport { useCueCanvasActions } from './use-cue-canvas-actions';\n\ninterface IUseHeightIncreaseProps {\n canvasElementRef: React.RefObject<HTMLElement | null>;\n cueCanvasRef: React.RefObject<CueCanvasCore | null> | undefined;\n canScribble: boolean;\n}\n\nconst useHeightExtender = ({\n canvasElementRef,\n cueCanvasRef,\n canScribble,\n}: IUseHeightIncreaseProps) => {\n const isScribblingRef = useRef<boolean>(false);\n const shouldIncreaseHeightRef = useRef<boolean>(false);\n const { isWritingToolActive } = useCueCanvasActions();\n\n const handlePointerDown = useCallback(() => {\n isScribblingRef.current = true;\n }, []);\n\n const handlePointerUp = useCallback(() => {\n
|
|
1
|
+
{"version":3,"file":"use-height-extender.js","sources":["../../../../src/features/cue-canvas/hooks/use-height-extender.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport type { CueCanvasCore } from '../cue-canvas-core';\nimport { useCueCanvasActions } from './use-cue-canvas-actions';\n\ninterface IUseHeightIncreaseProps {\n canvasElementRef: React.RefObject<HTMLElement | null>;\n cueCanvasRef: React.RefObject<CueCanvasCore | null> | undefined;\n canScribble: boolean;\n}\n\nconst useHeightExtender = ({\n canvasElementRef,\n cueCanvasRef,\n canScribble,\n}: IUseHeightIncreaseProps) => {\n const isScribblingRef = useRef<boolean>(false);\n const shouldIncreaseHeightRef = useRef<boolean>(false);\n const { isWritingToolActive } = useCueCanvasActions();\n\n const handlePointerDown = useCallback(() => {\n isScribblingRef.current = true;\n }, []);\n\n const handlePointerUp = useCallback(\n (event: PointerEvent) => {\n console.log('Stroke Added', { source: event.pointerType });\n if (canvasElementRef.current && shouldIncreaseHeightRef.current) {\n shouldIncreaseHeightRef.current = false;\n\n const rect = canvasElementRef.current.getBoundingClientRect();\n const updatedHeight = rect.height + 200;\n\n cueCanvasRef?.current?.updateHeight(updatedHeight);\n }\n\n isScribblingRef.current = false;\n },\n [canvasElementRef, cueCanvasRef],\n );\n\n const handlePointerMove = useCallback(\n (event: MouseEvent) => {\n if (isScribblingRef.current && canvasElementRef.current) {\n const rect = canvasElementRef.current.getBoundingClientRect();\n const y = event.clientY - rect.top;\n\n if (y >= rect.height - 200) {\n shouldIncreaseHeightRef.current = true;\n }\n }\n },\n [canvasElementRef],\n );\n\n useEffect(() => {\n const canvasEle = canvasElementRef.current;\n\n if (canScribble && canvasEle && isWritingToolActive) {\n canvasEle.addEventListener('pointerdown', handlePointerDown);\n canvasEle.addEventListener('pointerup', handlePointerUp);\n canvasEle.addEventListener('pointermove', handlePointerMove);\n\n return () => {\n canvasEle.removeEventListener('pointerdown', handlePointerDown);\n canvasEle.removeEventListener('pointerup', handlePointerUp);\n canvasEle.removeEventListener('pointermove', handlePointerMove);\n };\n }\n }, [\n canvasElementRef,\n handlePointerDown,\n handlePointerMove,\n handlePointerUp,\n canScribble,\n isWritingToolActive,\n ]);\n};\n\nexport default useHeightExtender;\n"],"names":["useHeightExtender","canvasElementRef","cueCanvasRef","canScribble","isScribblingRef","useRef","shouldIncreaseHeightRef","isWritingToolActive","useCueCanvasActions","handlePointerDown","useCallback","handlePointerUp","event","updatedHeight","_a","handlePointerMove","rect","useEffect","canvasEle"],"mappings":";;AAWA,MAAMA,IAAoB,CAAC;AAAA,EACzB,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AACF,MAA+B;AACvB,QAAAC,IAAkBC,EAAgB,EAAK,GACvCC,IAA0BD,EAAgB,EAAK,GAC/C,EAAE,qBAAAE,MAAwBC,KAE1BC,IAAoBC,EAAY,MAAM;AAC1C,IAAAN,EAAgB,UAAU;AAAA,EAC5B,GAAG,CAAE,CAAA,GAECO,IAAkBD;AAAA,IACtB,CAACE,MAAwB;;AAEnB,UADJ,QAAQ,IAAI,gBAAgB,EAAE,QAAQA,EAAM,aAAa,GACrDX,EAAiB,WAAWK,EAAwB,SAAS;AAC/D,QAAAA,EAAwB,UAAU;AAG5B,cAAAO,IADOZ,EAAiB,QAAQ,sBAAsB,EACjC,SAAS;AAEtB,SAAAa,IAAAZ,KAAA,gBAAAA,EAAA,YAAA,QAAAY,EAAS,aAAaD;AAAA,MACtC;AAEA,MAAAT,EAAgB,UAAU;AAAA,IAC5B;AAAA,IACA,CAACH,GAAkBC,CAAY;AAAA,EAAA,GAG3Ba,IAAoBL;AAAA,IACxB,CAACE,MAAsB;AACjB,UAAAR,EAAgB,WAAWH,EAAiB,SAAS;AACjD,cAAAe,IAAOf,EAAiB,QAAQ,sBAAsB;AAGxD,QAFMW,EAAM,UAAUI,EAAK,OAEtBA,EAAK,SAAS,QACrBV,EAAwB,UAAU;AAAA,MAEtC;AAAA,IACF;AAAA,IACA,CAACL,CAAgB;AAAA,EAAA;AAGnB,EAAAgB,EAAU,MAAM;AACd,UAAMC,IAAYjB,EAAiB;AAE/B,QAAAE,KAAee,KAAaX;AACpB,aAAAW,EAAA,iBAAiB,eAAeT,CAAiB,GACjDS,EAAA,iBAAiB,aAAaP,CAAe,GAC7CO,EAAA,iBAAiB,eAAeH,CAAiB,GAEpD,MAAM;AACD,QAAAG,EAAA,oBAAoB,eAAeT,CAAiB,GACpDS,EAAA,oBAAoB,aAAaP,CAAe,GAChDO,EAAA,oBAAoB,eAAeH,CAAiB;AAAA,MAAA;AAAA,EAElE,GACC;AAAA,IACDd;AAAA,IACAQ;AAAA,IACAM;AAAA,IACAJ;AAAA,IACAR;AAAA,IACAI;AAAA,EAAA,CACD;AACH;"}
|
|
@@ -1,29 +1,30 @@
|
|
|
1
|
-
import
|
|
1
|
+
import e from "styled-components";
|
|
2
2
|
import a from "../../../../../ui/layout/flex-view.js";
|
|
3
|
-
import
|
|
4
|
-
import { MILESTONE_WIDGET_MIN_HEIGHT as
|
|
5
|
-
const x =
|
|
3
|
+
import s from "../../../../../ui/text/text.js";
|
|
4
|
+
import { MILESTONE_WIDGET_MIN_HEIGHT as d } from "../../../../constants.js";
|
|
5
|
+
const x = e(a)(({ theme: r }) => `
|
|
6
6
|
padding-bottom: ${r.layout.gutter * 1.5}px;
|
|
7
|
-
`), T =
|
|
8
|
-
const { colors:
|
|
7
|
+
`), T = e.div(({ theme: r, $backgroundColor: o, $frames: t }) => {
|
|
8
|
+
const { colors: n } = r;
|
|
9
9
|
return `
|
|
10
10
|
display: grid;
|
|
11
|
-
background: ${
|
|
11
|
+
background: ${n[o || "WHITE_3"]};
|
|
12
12
|
grid-template-columns: repeat(${t}, 1fr);
|
|
13
13
|
`;
|
|
14
|
-
}), m =
|
|
15
|
-
const { layout: t, colors:
|
|
14
|
+
}), m = e(s)(({ theme: r, $selected: o }) => {
|
|
15
|
+
const { layout: t, colors: n } = r, { BLACK_T_15: p, BLACK_T_87: i } = n;
|
|
16
16
|
return `
|
|
17
17
|
cursor: pointer;
|
|
18
18
|
padding: ${t.gutter * 0.5}px 0;
|
|
19
|
-
border-bottom: 1px solid ${o ?
|
|
19
|
+
border-bottom: 1px solid ${o ? i : p};
|
|
20
20
|
`;
|
|
21
|
-
}), $ =
|
|
21
|
+
}), $ = e(a)(({ theme: r }) => {
|
|
22
22
|
const { WHITE_5: o } = r.colors, { gutter: t } = r.layout;
|
|
23
23
|
return `
|
|
24
24
|
position: relative;
|
|
25
|
-
height: ${
|
|
26
|
-
overflow: auto;
|
|
25
|
+
height: ${d}px;
|
|
26
|
+
overflow-y: auto;
|
|
27
|
+
overflow-x: hidden;
|
|
27
28
|
|
|
28
29
|
background: ${r.colors.WHITE_2};
|
|
29
30
|
background-image: linear-gradient(${o} 0.5px, transparent 0.5px),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"milestone-tabs-styled.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport type { TColorNames } from '../../../../../ui/types';\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../../../constants';\n\nconst NoPlanCardWrapper = styled(FlexView)(({ theme }) => {\n return `\n padding-bottom: ${theme.layout.gutter * 1.5}px;\n `;\n});\n\ninterface ITabsWrapper {\n $backgroundColor?: TColorNames;\n $frames: number;\n}\n\nconst TabsWrapper = styled.div<ITabsWrapper>(({ theme, $backgroundColor, $frames }) => {\n const { colors } = theme;\n\n return `\n display: grid;\n background: ${colors[$backgroundColor || 'WHITE_3']};\n grid-template-columns: repeat(${$frames}, 1fr);\n `;\n});\n\ninterface ITabsText {\n $selected?: boolean;\n}\n\nconst TabsText = styled(Text)<ITabsText>(({ theme, $selected }) => {\n const { layout, colors } = theme;\n const { BLACK_T_15, BLACK_T_87 } = colors;\n\n return `\n cursor: pointer;\n padding: ${layout.gutter * 0.5}px 0;\n border-bottom: 1px solid ${$selected ? BLACK_T_87 : BLACK_T_15};\n `;\n});\n\nconst TabComponentWrapper = styled(FlexView)(({ theme }) => {\n const { WHITE_5 } = theme.colors;\n const { gutter } = theme.layout;\n\n return `\n position: relative;\n height: ${MILESTONE_WIDGET_MIN_HEIGHT}px;\n overflow: auto; \n\n background: ${theme.colors.WHITE_2};\n background-image: linear-gradient(${WHITE_5} 0.5px, transparent 0.5px),\n linear-gradient(90deg, ${WHITE_5} 0.5px, transparent 0.5px);\n background-size: ${gutter * 2.81}px ${gutter * 2.81}px;\n `;\n});\n\nexport { NoPlanCardWrapper, TabsWrapper, TabsText, TabComponentWrapper };\n"],"names":["NoPlanCardWrapper","styled","FlexView","theme","TabsWrapper","$backgroundColor","$frames","colors","TabsText","Text","$selected","layout","BLACK_T_15","BLACK_T_87","TabComponentWrapper","WHITE_5","gutter","MILESTONE_WIDGET_MIN_HEIGHT"],"mappings":";;;;AAOA,MAAMA,IAAoBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACrC;AAAA,sBACaA,EAAM,OAAO,SAAS,GAAG;AAAA,GAE9C,GAOKC,IAAcH,EAAO,IAAkB,CAAC,EAAE,OAAAE,GAAO,kBAAAE,GAAkB,SAAAC,QAAc;AAC/E,QAAA,EAAE,QAAAC,EAAW,IAAAJ;AAEZ,SAAA;AAAA;AAAA,kBAESI,EAAOF,KAAoB,SAAS,CAAC;AAAA,oCACnBC,CAAO;AAAA;AAE3C,CAAC,GAMKE,IAAWP,EAAOQ,CAAI,EAAa,CAAC,EAAE,OAAAN,GAAO,WAAAO,QAAgB;AAC3D,QAAA,EAAE,QAAAC,GAAQ,QAAAJ,EAAW,IAAAJ,GACrB,EAAE,YAAAS,GAAY,YAAAC,EAAe,IAAAN;AAE5B,SAAA;AAAA;AAAA,eAEMI,EAAO,SAAS,GAAG;AAAA,+BACHD,IAAYG,IAAaD,CAAU;AAAA;AAElE,CAAC,GAEKE,IAAsBb,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AACpD,QAAA,EAAE,SAAAY,EAAQ,IAAIZ,EAAM,QACpB,EAAE,QAAAa,EAAO,IAAIb,EAAM;AAElB,SAAA;AAAA;AAAA,cAEKc,CAA2B;AAAA;AAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"milestone-tabs-styled.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport type { TColorNames } from '../../../../../ui/types';\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../../../constants';\n\nconst NoPlanCardWrapper = styled(FlexView)(({ theme }) => {\n return `\n padding-bottom: ${theme.layout.gutter * 1.5}px;\n `;\n});\n\ninterface ITabsWrapper {\n $backgroundColor?: TColorNames;\n $frames: number;\n}\n\nconst TabsWrapper = styled.div<ITabsWrapper>(({ theme, $backgroundColor, $frames }) => {\n const { colors } = theme;\n\n return `\n display: grid;\n background: ${colors[$backgroundColor || 'WHITE_3']};\n grid-template-columns: repeat(${$frames}, 1fr);\n `;\n});\n\ninterface ITabsText {\n $selected?: boolean;\n}\n\nconst TabsText = styled(Text)<ITabsText>(({ theme, $selected }) => {\n const { layout, colors } = theme;\n const { BLACK_T_15, BLACK_T_87 } = colors;\n\n return `\n cursor: pointer;\n padding: ${layout.gutter * 0.5}px 0;\n border-bottom: 1px solid ${$selected ? BLACK_T_87 : BLACK_T_15};\n `;\n});\n\nconst TabComponentWrapper = styled(FlexView)(({ theme }) => {\n const { WHITE_5 } = theme.colors;\n const { gutter } = theme.layout;\n\n return `\n position: relative;\n height: ${MILESTONE_WIDGET_MIN_HEIGHT}px;\n overflow-y: auto;\n overflow-x: hidden; \n\n background: ${theme.colors.WHITE_2};\n background-image: linear-gradient(${WHITE_5} 0.5px, transparent 0.5px),\n linear-gradient(90deg, ${WHITE_5} 0.5px, transparent 0.5px);\n background-size: ${gutter * 2.81}px ${gutter * 2.81}px;\n `;\n});\n\nexport { NoPlanCardWrapper, TabsWrapper, TabsText, TabComponentWrapper };\n"],"names":["NoPlanCardWrapper","styled","FlexView","theme","TabsWrapper","$backgroundColor","$frames","colors","TabsText","Text","$selected","layout","BLACK_T_15","BLACK_T_87","TabComponentWrapper","WHITE_5","gutter","MILESTONE_WIDGET_MIN_HEIGHT"],"mappings":";;;;AAOA,MAAMA,IAAoBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACrC;AAAA,sBACaA,EAAM,OAAO,SAAS,GAAG;AAAA,GAE9C,GAOKC,IAAcH,EAAO,IAAkB,CAAC,EAAE,OAAAE,GAAO,kBAAAE,GAAkB,SAAAC,QAAc;AAC/E,QAAA,EAAE,QAAAC,EAAW,IAAAJ;AAEZ,SAAA;AAAA;AAAA,kBAESI,EAAOF,KAAoB,SAAS,CAAC;AAAA,oCACnBC,CAAO;AAAA;AAE3C,CAAC,GAMKE,IAAWP,EAAOQ,CAAI,EAAa,CAAC,EAAE,OAAAN,GAAO,WAAAO,QAAgB;AAC3D,QAAA,EAAE,QAAAC,GAAQ,QAAAJ,EAAW,IAAAJ,GACrB,EAAE,YAAAS,GAAY,YAAAC,EAAe,IAAAN;AAE5B,SAAA;AAAA;AAAA,eAEMI,EAAO,SAAS,GAAG;AAAA,+BACHD,IAAYG,IAAaD,CAAU;AAAA;AAElE,CAAC,GAEKE,IAAsBb,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AACpD,QAAA,EAAE,SAAAY,EAAQ,IAAIZ,EAAM,QACpB,EAAE,QAAAa,EAAO,IAAIb,EAAM;AAElB,SAAA;AAAA;AAAA,cAEKc,CAA2B;AAAA;AAAA;AAAA;AAAA,kBAIvBd,EAAM,OAAO,OAAO;AAAA,wCACEY,CAAO;AAAA,+BAChBA,CAAO;AAAA,uBACfC,IAAS,IAAI,MAAMA,IAAS,IAAI;AAAA;AAEvD,CAAC;"}
|