@cuemath/leap 3.2.10 → 3.2.11-akm-1
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/assets/lottie/lottie.js +1 -1
- package/dist/assets/lottie/lottie.js.map +1 -1
- package/dist/features/journey/comps/coachmark/coachmark.js +29 -28
- package/dist/features/journey/comps/coachmark/coachmark.js.map +1 -1
- package/dist/features/journey/journey-id/journey-id-student.js +2 -2
- package/dist/features/journey/journey-id/journey-id-student.js.map +1 -1
- package/dist/features/journey/use-journey/journey-context-provider.js +73 -72
- package/dist/features/journey/use-journey/journey-context-provider.js.map +1 -1
- package/dist/features/journey/use-journey/journey-styled.js +6 -4
- package/dist/features/journey/use-journey/journey-styled.js.map +1 -1
- package/dist/features/ui/arrow-tooltip/arrow-tooltip-constants.js +6 -0
- package/dist/features/ui/arrow-tooltip/arrow-tooltip-constants.js.map +1 -0
- package/dist/features/ui/arrow-tooltip/arrow-tooltip-styled.js +12 -60
- package/dist/features/ui/arrow-tooltip/arrow-tooltip-styled.js.map +1 -1
- package/dist/features/ui/arrow-tooltip/arrow-tooltip.js +72 -77
- package/dist/features/ui/arrow-tooltip/arrow-tooltip.js.map +1 -1
- package/dist/features/ui/arrow-tooltip/comps/tooltip-body-styled.js +63 -0
- package/dist/features/ui/arrow-tooltip/comps/tooltip-body-styled.js.map +1 -0
- package/dist/features/ui/arrow-tooltip/comps/tooltip-body.js +21 -0
- package/dist/features/ui/arrow-tooltip/comps/tooltip-body.js.map +1 -0
- package/dist/features/ui/nudge/nudge-styled.js +14 -7
- package/dist/features/ui/nudge/nudge-styled.js.map +1 -1
- package/dist/features/ui/nudge/nudge.js +13 -12
- package/dist/features/ui/nudge/nudge.js.map +1 -1
- package/dist/index.d.ts +7 -4
- package/dist/index.js +168 -166
- package/dist/index.js.map +1 -1
- package/dist/static/nudge-tap.0591aef4.json +1 -0
- package/package.json +1 -1
- package/dist/static/nudge-tap.5cb30093.json +0 -1057
|
@@ -1,63 +1,15 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
$
|
|
11
|
-
|
|
12
|
-
$position: n,
|
|
13
|
-
$renderAs: s,
|
|
14
|
-
$tooltipCoOrdinates: e,
|
|
15
|
-
$tooltipOffset: f,
|
|
16
|
-
$tooltipXCoOrdinates: g,
|
|
17
|
-
$tooltipYCoOrdinates: u,
|
|
18
|
-
$zIndex: C,
|
|
19
|
-
$backgroundColor: O
|
|
20
|
-
}) => {
|
|
21
|
-
const { gutter: l } = o.layout, { REAL_BLACK_15: $ } = o.colors, { tooltipVariants: a } = o.arrowTooltip;
|
|
22
|
-
let { backgroundColorName: i } = a[s];
|
|
23
|
-
const { textColorName: b } = a[s];
|
|
24
|
-
return i = O || i, `
|
|
25
|
-
position: fixed;
|
|
26
|
-
z-index: ${C || 1};
|
|
27
|
-
padding: ${l * 0.25}px ${l * 0.5}px;
|
|
28
|
-
color: ${b};
|
|
29
|
-
box-shadow: 0px 2px 15px 0px ${$};
|
|
30
|
-
background-color: ${o.colors[i]};
|
|
31
|
-
border: 1px solid ${p ? o.colors[p] : "transparent"};
|
|
32
|
-
|
|
33
|
-
&::after {
|
|
34
|
-
content: '';
|
|
35
|
-
position: absolute;
|
|
36
|
-
height: ${t}px;
|
|
37
|
-
width: ${t}px;
|
|
38
|
-
clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
|
|
39
|
-
background-color: ${r ? o.colors[r] : o.colors[i]};
|
|
40
|
-
${T({
|
|
41
|
-
position: n,
|
|
42
|
-
arrowXCoOrdinates: c,
|
|
43
|
-
arrowYCoOrdinates: d,
|
|
44
|
-
arrowSize: t
|
|
45
|
-
})};
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
${k({
|
|
49
|
-
position: n,
|
|
50
|
-
arrowSize: t,
|
|
51
|
-
tooltipCoOrdinates: e,
|
|
52
|
-
tooltipOffset: f,
|
|
53
|
-
tooltipXCoOrdinates: g,
|
|
54
|
-
tooltipYCoOrdinates: u
|
|
55
|
-
})};
|
|
56
|
-
|
|
57
|
-
${m(x)};
|
|
58
|
-
`;
|
|
59
|
-
});
|
|
1
|
+
import o from "styled-components";
|
|
2
|
+
const i = o.div`
|
|
3
|
+
position: absolute;
|
|
4
|
+
top: 0;
|
|
5
|
+
left: 0;
|
|
6
|
+
right: 0;
|
|
7
|
+
bottom: 0;
|
|
8
|
+
width: 100%;
|
|
9
|
+
height: 100%;
|
|
10
|
+
z-index: ${({ theme: t }) => t.zIndex.JOURNEY_OVERLAY};
|
|
11
|
+
`;
|
|
60
12
|
export {
|
|
61
|
-
|
|
13
|
+
i as BackgroundOverlay
|
|
62
14
|
};
|
|
63
15
|
//# sourceMappingURL=arrow-tooltip-styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"arrow-tooltip-styled.js","sources":["../../../../src/features/ui/arrow-tooltip/arrow-tooltip-styled.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"arrow-tooltip-styled.js","sources":["../../../../src/features/ui/arrow-tooltip/arrow-tooltip-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const BackgroundOverlay = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n z-index: ${({ theme }) => theme.zIndex.JOURNEY_OVERLAY};\n`;\n"],"names":["BackgroundOverlay","styled","theme"],"mappings":";AAEO,MAAMA,IAAoBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAQ3B,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,eAAe;AAAA;"}
|
|
@@ -1,105 +1,100 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
3
|
-
import { useRef as H, useState as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import Z from "
|
|
7
|
-
import
|
|
8
|
-
import { TooltipBody as G } from "./arrow-tooltip-styled.js";
|
|
1
|
+
import { jsxs as D, Fragment as U, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import W from "../../../node_modules/lodash.throttle/index.js";
|
|
3
|
+
import { memo as Y, useRef as H, useState as f, useCallback as p, useEffect as m } from "react";
|
|
4
|
+
import $ from "../layout/flex-view.js";
|
|
5
|
+
import P from "../portal/portal.js";
|
|
6
|
+
import { THROTTLE_DURATION as Z, DEFAULT_ARROW_SIZE as q } from "./arrow-tooltip-constants.js";
|
|
7
|
+
import { BackgroundOverlay as G } from "./arrow-tooltip-styled.js";
|
|
9
8
|
import { computeTooltipNewCoOrdinates as J } from "./arrow-tooltip-util.js";
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
import K from "./comps/tooltip-body.js";
|
|
10
|
+
const Q = ({
|
|
11
|
+
isAnimated: C,
|
|
12
12
|
alwaysVisible: o = !1,
|
|
13
|
-
arrowColor:
|
|
14
|
-
arrowSize:
|
|
15
|
-
arrowXCoOrdinates:
|
|
16
|
-
arrowYCoOrdinates:
|
|
13
|
+
arrowColor: O,
|
|
14
|
+
arrowSize: w = q,
|
|
15
|
+
arrowXCoOrdinates: E,
|
|
16
|
+
arrowYCoOrdinates: T,
|
|
17
17
|
backgroundColor: v,
|
|
18
18
|
borderColor: R,
|
|
19
|
-
children:
|
|
19
|
+
children: h,
|
|
20
20
|
hidden: t,
|
|
21
21
|
position: l,
|
|
22
|
-
renderAs:
|
|
22
|
+
renderAs: A,
|
|
23
23
|
textVariant: L,
|
|
24
|
-
tooltipItem:
|
|
25
|
-
tooltipOffset:
|
|
26
|
-
tooltipXCoOrdinates:
|
|
27
|
-
tooltipYCoOrdinates:
|
|
28
|
-
width:
|
|
29
|
-
widthX:
|
|
30
|
-
zIndex:
|
|
31
|
-
parentWidth:
|
|
24
|
+
tooltipItem: g,
|
|
25
|
+
tooltipOffset: x,
|
|
26
|
+
tooltipXCoOrdinates: z,
|
|
27
|
+
tooltipYCoOrdinates: I,
|
|
28
|
+
width: b,
|
|
29
|
+
widthX: k,
|
|
30
|
+
zIndex: B,
|
|
31
|
+
parentWidth: F,
|
|
32
|
+
isBlocking: M = !1
|
|
32
33
|
}) => {
|
|
33
|
-
const
|
|
34
|
+
const u = H(null), [N, d] = f(o), [S, X] = f(
|
|
34
35
|
null
|
|
35
|
-
),
|
|
36
|
+
), s = p(
|
|
36
37
|
(n, i) => {
|
|
37
|
-
|
|
38
|
+
X(n), d(i);
|
|
38
39
|
},
|
|
39
40
|
[]
|
|
40
|
-
),
|
|
41
|
+
), _ = p(() => {
|
|
41
42
|
if (t || o)
|
|
42
43
|
return null;
|
|
43
|
-
|
|
44
|
-
}, [o,
|
|
45
|
-
var
|
|
46
|
-
const { current: n } =
|
|
44
|
+
s(null, !1);
|
|
45
|
+
}, [o, s, t]), r = W(() => {
|
|
46
|
+
var a;
|
|
47
|
+
const { current: n } = u;
|
|
47
48
|
if (t || !n) return null;
|
|
48
|
-
const i = (
|
|
49
|
-
return
|
|
50
|
-
},
|
|
51
|
-
|
|
49
|
+
const i = (a = n.children[0]) == null ? void 0 : a.getBoundingClientRect(), j = i ? J(l, i) : null;
|
|
50
|
+
return s(j, !0), null;
|
|
51
|
+
}, Z);
|
|
52
|
+
m(() => {
|
|
52
53
|
if (!(!o || t))
|
|
53
54
|
return window.addEventListener("scroll", r, !0), window.addEventListener("resize", r), () => {
|
|
54
55
|
window.removeEventListener("scroll", r, !0), window.removeEventListener("resize", r);
|
|
55
56
|
};
|
|
56
|
-
}, [o, t, l, r]),
|
|
57
|
-
t &&
|
|
58
|
-
}, [o, t])
|
|
57
|
+
}, [o, t, l, r]), m(() => {
|
|
58
|
+
t && d(!1), o && r();
|
|
59
|
+
}, [o, t]);
|
|
60
|
+
const c = /* @__PURE__ */ e(
|
|
61
|
+
K,
|
|
62
|
+
{
|
|
63
|
+
$arrowSize: w,
|
|
64
|
+
$arrowXCoOrdinates: E,
|
|
65
|
+
$arrowYCoOrdinates: T,
|
|
66
|
+
$position: l,
|
|
67
|
+
$renderAs: A,
|
|
68
|
+
$tooltipCoOrdinates: S,
|
|
69
|
+
$tooltipOffset: x,
|
|
70
|
+
$tooltipXCoOrdinates: z,
|
|
71
|
+
$tooltipYCoOrdinates: I,
|
|
72
|
+
$zIndex: B,
|
|
73
|
+
$backgroundColor: v,
|
|
74
|
+
$arrowColor: O,
|
|
75
|
+
$borderColor: R,
|
|
76
|
+
$isAnimated: C,
|
|
77
|
+
$width: b,
|
|
78
|
+
$widthX: k,
|
|
79
|
+
textVariant: L || "body3",
|
|
80
|
+
children: g
|
|
81
|
+
}
|
|
82
|
+
);
|
|
83
|
+
return /* @__PURE__ */ D(U, { children: [
|
|
59
84
|
/* @__PURE__ */ e(
|
|
60
|
-
|
|
85
|
+
$,
|
|
61
86
|
{
|
|
62
|
-
$width:
|
|
63
|
-
ref:
|
|
87
|
+
$width: F || "fit-content",
|
|
88
|
+
ref: u,
|
|
64
89
|
onMouseEnter: r,
|
|
65
|
-
onMouseLeave:
|
|
66
|
-
children: /* @__PURE__ */ e(
|
|
90
|
+
onMouseLeave: _,
|
|
91
|
+
children: /* @__PURE__ */ e($, { children: h })
|
|
67
92
|
}
|
|
68
93
|
),
|
|
69
|
-
|
|
70
|
-
G,
|
|
71
|
-
{
|
|
72
|
-
$arrowSize: E,
|
|
73
|
-
$arrowXCoOrdinates: g,
|
|
74
|
-
$arrowYCoOrdinates: h,
|
|
75
|
-
$position: l,
|
|
76
|
-
$renderAs: s,
|
|
77
|
-
$tooltipCoOrdinates: j,
|
|
78
|
-
$tooltipOffset: A,
|
|
79
|
-
$tooltipXCoOrdinates: b,
|
|
80
|
-
$tooltipYCoOrdinates: N,
|
|
81
|
-
$width: k,
|
|
82
|
-
$widthX: z,
|
|
83
|
-
$zIndex: F,
|
|
84
|
-
$background: X,
|
|
85
|
-
$backgroundColor: v,
|
|
86
|
-
$arrowColor: T,
|
|
87
|
-
$borderColor: R,
|
|
88
|
-
$isAnimated: O,
|
|
89
|
-
children: typeof c == "string" ? /* @__PURE__ */ e(
|
|
90
|
-
q,
|
|
91
|
-
{
|
|
92
|
-
$renderAs: L || "body3",
|
|
93
|
-
$color: a[s].textColorName,
|
|
94
|
-
$align: "center",
|
|
95
|
-
children: c
|
|
96
|
-
}
|
|
97
|
-
) : c
|
|
98
|
-
}
|
|
99
|
-
) })
|
|
94
|
+
N && /* @__PURE__ */ e(P, { portalId: "tooltip-root", children: M ? /* @__PURE__ */ e(G, { children: c }) : c })
|
|
100
95
|
] });
|
|
101
|
-
},
|
|
96
|
+
}, so = Y(Q);
|
|
102
97
|
export {
|
|
103
|
-
|
|
98
|
+
so as default
|
|
104
99
|
};
|
|
105
100
|
//# sourceMappingURL=arrow-tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"arrow-tooltip.js","sources":["../../../../src/features/ui/arrow-tooltip/arrow-tooltip.tsx"],"sourcesContent":["import type {\n IArrowTooltipProps,\n THandleVisibleNCoOrdinatesProps,\n TTooltipCoOrdinatesProps,\n} from './arrow-tooltip-types';\n\nimport throttle from 'lodash.throttle';\nimport { useState, type FC, useCallback, useRef, useEffect } from 'react';\
|
|
1
|
+
{"version":3,"file":"arrow-tooltip.js","sources":["../../../../src/features/ui/arrow-tooltip/arrow-tooltip.tsx"],"sourcesContent":["import type {\n IArrowTooltipProps,\n THandleVisibleNCoOrdinatesProps,\n TTooltipCoOrdinatesProps,\n} from './arrow-tooltip-types';\n\nimport throttle from 'lodash.throttle';\nimport { useState, type FC, useCallback, useRef, useEffect, memo } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport Portal from '../portal/portal';\nimport { DEFAULT_ARROW_SIZE, THROTTLE_DURATION } from './arrow-tooltip-constants';\nimport * as Styled from './arrow-tooltip-styled';\nimport { computeTooltipNewCoOrdinates } from './arrow-tooltip-util';\nimport TooltipBody from './comps/tooltip-body';\n\nconst ArrowTooltip: FC<IArrowTooltipProps> = ({\n isAnimated,\n alwaysVisible = false,\n arrowColor,\n arrowSize = DEFAULT_ARROW_SIZE,\n arrowXCoOrdinates,\n arrowYCoOrdinates,\n backgroundColor,\n borderColor,\n children,\n hidden,\n position,\n renderAs,\n textVariant,\n tooltipItem,\n tooltipOffset,\n tooltipXCoOrdinates,\n tooltipYCoOrdinates,\n width,\n widthX,\n zIndex,\n parentWidth,\n isBlocking = false,\n}) => {\n const tooltipWrapperRef = useRef<HTMLDivElement>(null);\n const [visible, setVisible] = useState(alwaysVisible);\n const [tooltipCoOrdinates, setTooltipCoOrdinates] = useState<TTooltipCoOrdinatesProps | null>(\n null,\n );\n\n const handleVisibleNCoOrdinates: THandleVisibleNCoOrdinatesProps = useCallback(\n (newCoOrdinates, visibility) => {\n setTooltipCoOrdinates(newCoOrdinates);\n setVisible(visibility);\n },\n [],\n );\n\n const handleVisibility = useCallback(() => {\n if (hidden || alwaysVisible) {\n return null;\n }\n\n handleVisibleNCoOrdinates(null, false);\n\n return;\n }, [alwaysVisible, handleVisibleNCoOrdinates, hidden]);\n\n const handleOnMouseEnter = throttle(() => {\n const { current } = tooltipWrapperRef;\n\n if (hidden || !current) return null;\n\n const boundingClientRect = current.children[0]?.getBoundingClientRect();\n const newCoOrdinates = boundingClientRect\n ? computeTooltipNewCoOrdinates(position, boundingClientRect)\n : null;\n\n handleVisibleNCoOrdinates(newCoOrdinates, true);\n\n return null;\n }, THROTTLE_DURATION);\n\n useEffect(() => {\n if (!alwaysVisible || hidden) return;\n\n window.addEventListener('scroll', handleOnMouseEnter, true);\n window.addEventListener('resize', handleOnMouseEnter);\n\n return () => {\n window.removeEventListener('scroll', handleOnMouseEnter, true);\n window.removeEventListener('resize', handleOnMouseEnter);\n };\n }, [alwaysVisible, hidden, position, handleOnMouseEnter]);\n\n useEffect(() => {\n if (hidden) {\n setVisible(false);\n }\n\n if (alwaysVisible) {\n handleOnMouseEnter();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [alwaysVisible, hidden]);\n\n const tooltipContent = (\n <TooltipBody\n $arrowSize={arrowSize}\n $arrowXCoOrdinates={arrowXCoOrdinates}\n $arrowYCoOrdinates={arrowYCoOrdinates}\n $position={position}\n $renderAs={renderAs}\n $tooltipCoOrdinates={tooltipCoOrdinates}\n $tooltipOffset={tooltipOffset}\n $tooltipXCoOrdinates={tooltipXCoOrdinates}\n $tooltipYCoOrdinates={tooltipYCoOrdinates}\n $zIndex={zIndex}\n $backgroundColor={backgroundColor}\n $arrowColor={arrowColor}\n $borderColor={borderColor}\n $isAnimated={isAnimated}\n $width={width}\n $widthX={widthX}\n textVariant={textVariant || 'body3'}\n >\n {tooltipItem}\n </TooltipBody>\n );\n\n return (\n <>\n <FlexView\n $width={parentWidth || 'fit-content'}\n ref={tooltipWrapperRef}\n onMouseEnter={handleOnMouseEnter}\n onMouseLeave={handleVisibility}\n >\n <FlexView>{children}</FlexView>\n </FlexView>\n\n {visible && (\n <Portal portalId=\"tooltip-root\">\n {isBlocking ? (\n <Styled.BackgroundOverlay>{tooltipContent}</Styled.BackgroundOverlay>\n ) : (\n tooltipContent\n )}\n </Portal>\n )}\n </>\n );\n};\n\nexport default memo(ArrowTooltip);\n"],"names":["ArrowTooltip","isAnimated","alwaysVisible","arrowColor","arrowSize","DEFAULT_ARROW_SIZE","arrowXCoOrdinates","arrowYCoOrdinates","backgroundColor","borderColor","children","hidden","position","renderAs","textVariant","tooltipItem","tooltipOffset","tooltipXCoOrdinates","tooltipYCoOrdinates","width","widthX","zIndex","parentWidth","isBlocking","tooltipWrapperRef","useRef","visible","setVisible","useState","tooltipCoOrdinates","setTooltipCoOrdinates","handleVisibleNCoOrdinates","useCallback","newCoOrdinates","visibility","handleVisibility","handleOnMouseEnter","throttle","current","boundingClientRect","_a","computeTooltipNewCoOrdinates","THROTTLE_DURATION","useEffect","tooltipContent","jsx","TooltipBody","jsxs","Fragment","FlexView","Portal","Styled.BackgroundOverlay","ArrowTooltip$1","memo"],"mappings":"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"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import w from "styled-components";
|
|
2
|
+
import y from "../../layout/flex-view.js";
|
|
3
|
+
import { arrowPosition as T, tooltipPosition as k, animateToolTip as m } from "../arrow-tooltip-util.js";
|
|
4
|
+
const P = w(y)(({
|
|
5
|
+
theme: o,
|
|
6
|
+
$arrowColor: r,
|
|
7
|
+
$arrowSize: t,
|
|
8
|
+
$arrowXCoOrdinates: c,
|
|
9
|
+
$arrowYCoOrdinates: d,
|
|
10
|
+
$borderColor: p,
|
|
11
|
+
$isAnimated: x,
|
|
12
|
+
$position: n,
|
|
13
|
+
$renderAs: s,
|
|
14
|
+
$tooltipCoOrdinates: e,
|
|
15
|
+
$tooltipOffset: f,
|
|
16
|
+
$tooltipXCoOrdinates: g,
|
|
17
|
+
$tooltipYCoOrdinates: u,
|
|
18
|
+
$zIndex: C,
|
|
19
|
+
$backgroundColor: O
|
|
20
|
+
}) => {
|
|
21
|
+
const { gutter: l } = o.layout, { REAL_BLACK_15: $ } = o.colors, { tooltipVariants: a } = o.arrowTooltip;
|
|
22
|
+
let { backgroundColorName: i } = a[s];
|
|
23
|
+
const { textColorName: b } = a[s];
|
|
24
|
+
return i = O || i, `
|
|
25
|
+
position: fixed;
|
|
26
|
+
z-index: ${C || 1};
|
|
27
|
+
padding: ${l * 0.25}px ${l * 0.5}px;
|
|
28
|
+
color: ${b};
|
|
29
|
+
box-shadow: 0px 2px 15px 0px ${$};
|
|
30
|
+
background-color: ${o.colors[i]};
|
|
31
|
+
border: 1px solid ${p ? o.colors[p] : "transparent"};
|
|
32
|
+
|
|
33
|
+
&::after {
|
|
34
|
+
content: '';
|
|
35
|
+
position: absolute;
|
|
36
|
+
height: ${t}px;
|
|
37
|
+
width: ${t}px;
|
|
38
|
+
clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
|
|
39
|
+
background-color: ${r ? o.colors[r] : o.colors[i]};
|
|
40
|
+
${T({
|
|
41
|
+
position: n,
|
|
42
|
+
arrowXCoOrdinates: c,
|
|
43
|
+
arrowYCoOrdinates: d,
|
|
44
|
+
arrowSize: t
|
|
45
|
+
})};
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
${k({
|
|
49
|
+
position: n,
|
|
50
|
+
arrowSize: t,
|
|
51
|
+
tooltipCoOrdinates: e,
|
|
52
|
+
tooltipOffset: f,
|
|
53
|
+
tooltipXCoOrdinates: g,
|
|
54
|
+
tooltipYCoOrdinates: u
|
|
55
|
+
})};
|
|
56
|
+
|
|
57
|
+
${m(x)};
|
|
58
|
+
`;
|
|
59
|
+
});
|
|
60
|
+
export {
|
|
61
|
+
P as TooltipBody
|
|
62
|
+
};
|
|
63
|
+
//# sourceMappingURL=tooltip-body-styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip-body-styled.js","sources":["../../../../../src/features/ui/arrow-tooltip/comps/tooltip-body-styled.ts"],"sourcesContent":["import type { ITooltipBodyProps } from './tooltip-body-types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../../layout/flex-view';\nimport { animateToolTip, arrowPosition, tooltipPosition } from '../arrow-tooltip-util';\n\nexport const TooltipBody = styled(FlexView)<ITooltipBodyProps>(({\n theme,\n $arrowColor,\n $arrowSize,\n $arrowXCoOrdinates,\n $arrowYCoOrdinates,\n $borderColor,\n $isAnimated,\n $position,\n $renderAs,\n $tooltipCoOrdinates,\n $tooltipOffset,\n $tooltipXCoOrdinates,\n $tooltipYCoOrdinates,\n $zIndex,\n $backgroundColor,\n}) => {\n const { gutter } = theme.layout;\n const { REAL_BLACK_15 } = theme.colors;\n const { tooltipVariants } = theme.arrowTooltip;\n let { backgroundColorName } = tooltipVariants[$renderAs];\n const { textColorName } = tooltipVariants[$renderAs];\n\n backgroundColorName = $backgroundColor || backgroundColorName;\n\n return `\n position: fixed;\n z-index: ${$zIndex || 1};\n padding: ${gutter * 0.25}px ${gutter * 0.5}px;\n color: ${textColorName};\n box-shadow: 0px 2px 15px 0px ${REAL_BLACK_15};\n background-color: ${theme.colors[backgroundColorName]};\n border: 1px solid ${$borderColor ? theme.colors[$borderColor] : 'transparent'};\n\n &::after {\n content: '';\n position: absolute;\n height: ${$arrowSize}px;\n width: ${$arrowSize}px;\n clip-path: polygon(0% 0%, 100% 100%, 0% 100%);\n background-color: ${\n $arrowColor ? theme.colors[$arrowColor] : theme.colors[backgroundColorName]\n };\n ${arrowPosition({\n position: $position,\n arrowXCoOrdinates: $arrowXCoOrdinates,\n arrowYCoOrdinates: $arrowYCoOrdinates,\n arrowSize: $arrowSize,\n })};\n }\n\n ${tooltipPosition({\n position: $position,\n arrowSize: $arrowSize,\n tooltipCoOrdinates: $tooltipCoOrdinates,\n tooltipOffset: $tooltipOffset,\n tooltipXCoOrdinates: $tooltipXCoOrdinates,\n tooltipYCoOrdinates: $tooltipYCoOrdinates,\n })};\n\n ${animateToolTip($isAnimated)};\n `;\n});\n"],"names":["TooltipBody","styled","FlexView","theme","$arrowColor","$arrowSize","$arrowXCoOrdinates","$arrowYCoOrdinates","$borderColor","$isAnimated","$position","$renderAs","$tooltipCoOrdinates","$tooltipOffset","$tooltipXCoOrdinates","$tooltipYCoOrdinates","$zIndex","$backgroundColor","gutter","REAL_BLACK_15","tooltipVariants","backgroundColorName","textColorName","arrowPosition","tooltipPosition","animateToolTip"],"mappings":";;;AAOO,MAAMA,IAAcC,EAAOC,CAAQ,EAAqB,CAAC;AAAA,EAC9D,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AACE,QAAA,EAAE,QAAAC,EAAO,IAAIf,EAAM,QACnB,EAAE,eAAAgB,EAAc,IAAIhB,EAAM,QAC1B,EAAE,iBAAAiB,EAAgB,IAAIjB,EAAM;AAClC,MAAI,EAAE,qBAAAkB,EAAA,IAAwBD,EAAgBT,CAAS;AACvD,QAAM,EAAE,eAAAW,EAAA,IAAkBF,EAAgBT,CAAS;AAEnD,SAAAU,IAAsBJ,KAAoBI,GAEnC;AAAA;AAAA,eAEML,KAAW,CAAC;AAAA,eACZE,IAAS,IAAI,MAAMA,IAAS,GAAG;AAAA,aACjCI,CAAa;AAAA,mCACSH,CAAa;AAAA,wBACxBhB,EAAM,OAAOkB,CAAmB,CAAC;AAAA,wBACjCb,IAAeL,EAAM,OAAOK,CAAY,IAAI,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKjEH,CAAU;AAAA,eACXA,CAAU;AAAA;AAAA,0BAGjBD,IAAcD,EAAM,OAAOC,CAAW,IAAID,EAAM,OAAOkB,CAAmB,CAC5E;AAAA,QACEE,EAAc;AAAA,IACd,UAAUb;AAAA,IACV,mBAAmBJ;AAAA,IACnB,mBAAmBC;AAAA,IACnB,WAAWF;AAAA,EAAA,CACZ,CAAC;AAAA;AAAA;AAAA,MAGFmB,EAAgB;AAAA,IAChB,UAAUd;AAAA,IACV,WAAWL;AAAA,IACX,oBAAoBO;AAAA,IACpB,eAAeC;AAAA,IACf,qBAAqBC;AAAA,IACrB,qBAAqBC;AAAA,EAAA,CACtB,CAAC;AAAA;AAAA,MAEAU,EAAehB,CAAW,CAAC;AAAA;AAEjC,CAAC;"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { memo as i } from "react";
|
|
3
|
+
import { useTheme as n } from "styled-components";
|
|
4
|
+
import l from "../../text/text.js";
|
|
5
|
+
import { TooltipBody as m } from "./tooltip-body-styled.js";
|
|
6
|
+
const d = (o) => {
|
|
7
|
+
const { arrowTooltip: r } = n(), { tooltipVariants: e } = r;
|
|
8
|
+
return /* @__PURE__ */ t(m, { ...o, children: typeof o.children == "string" ? /* @__PURE__ */ t(
|
|
9
|
+
l,
|
|
10
|
+
{
|
|
11
|
+
$renderAs: o.textVariant || "body3",
|
|
12
|
+
$color: e[o.$renderAs].textColorName,
|
|
13
|
+
$align: "center",
|
|
14
|
+
children: o.children
|
|
15
|
+
}
|
|
16
|
+
) : o.children });
|
|
17
|
+
}, h = i(d);
|
|
18
|
+
export {
|
|
19
|
+
h as default
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=tooltip-body.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip-body.js","sources":["../../../../../src/features/ui/arrow-tooltip/comps/tooltip-body.tsx"],"sourcesContent":["import type { ITooltipBodyProps } from './tooltip-body-types';\n\nimport React, { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Text from '../../text/text';\nimport * as Styled from './tooltip-body-styled';\n\nconst TooltipBody: React.FC<ITooltipBodyProps> = props => {\n const { arrowTooltip } = useTheme();\n const { tooltipVariants } = arrowTooltip;\n\n return (\n <Styled.TooltipBody {...props}>\n {typeof props.children === 'string' ? (\n <Text\n $renderAs={props.textVariant || 'body3'}\n $color={tooltipVariants[props.$renderAs].textColorName}\n $align=\"center\"\n >\n {props.children}\n </Text>\n ) : (\n props.children\n )}\n </Styled.TooltipBody>\n );\n};\n\nexport default memo(TooltipBody);\n"],"names":["TooltipBody","props","arrowTooltip","useTheme","tooltipVariants","jsx","Styled.TooltipBody","Text","TooltipBody$1","memo"],"mappings":";;;;;AAQA,MAAMA,IAA2C,CAASC,MAAA;AAClD,QAAA,EAAE,cAAAC,MAAiBC,KACnB,EAAE,iBAAAC,EAAoB,IAAAF;AAG1B,SAAA,gBAAAG,EAACC,GAAA,EAAoB,GAAGL,GACrB,UAAA,OAAOA,EAAM,YAAa,WACzB,gBAAAI;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAWN,EAAM,eAAe;AAAA,MAChC,QAAQG,EAAgBH,EAAM,SAAS,EAAE;AAAA,MACzC,QAAO;AAAA,MAEN,UAAMA,EAAA;AAAA,IAAA;AAAA,EAAA,IAGTA,EAAM,SAEV,CAAA;AAEJ,GAEeO,IAAAC,EAAKT,CAAW;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import e from "styled-components";
|
|
2
2
|
import n from "../layout/flex-view.js";
|
|
3
|
-
const
|
|
3
|
+
const p = e.div`
|
|
4
4
|
position: absolute;
|
|
5
5
|
top: ${({ $top: t }) => t}px;
|
|
6
6
|
left: ${({ $left: t }) => t}px;
|
|
@@ -11,15 +11,22 @@ const r = e.div`
|
|
|
11
11
|
align-items: end;
|
|
12
12
|
z-index: ${({ $zIndex: t }) => t};
|
|
13
13
|
pointer-events: none;
|
|
14
|
-
`,
|
|
15
|
-
|
|
14
|
+
`, r = e(n)`
|
|
15
|
+
div {
|
|
16
|
+
// Inner container of Lottie Component
|
|
17
|
+
display: flex;
|
|
18
|
+
justify-content: center;
|
|
19
|
+
align-items: center;
|
|
20
|
+
}
|
|
16
21
|
|
|
17
|
-
|
|
18
|
-
|
|
22
|
+
svg {
|
|
23
|
+
width: 33.84px !important;
|
|
24
|
+
height: 47.27px !important;
|
|
25
|
+
display: block;
|
|
19
26
|
}
|
|
20
27
|
`;
|
|
21
28
|
export {
|
|
22
|
-
|
|
23
|
-
|
|
29
|
+
r as NudgeLottieContainer,
|
|
30
|
+
p as NudgeWrapper
|
|
24
31
|
};
|
|
25
32
|
//# sourceMappingURL=nudge-styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nudge-styled.js","sources":["../../../../src/features/ui/nudge/nudge-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\n\ninterface NudgeWrapperProps {\n $top: number;\n $left: number;\n $zIndex: number;\n}\n\nexport const NudgeWrapper = styled.div<NudgeWrapperProps>`\n position: absolute;\n top: ${({ $top }) => $top}px;\n left: ${({ $left }) => $left}px;\n height: max-content;\n width: max-content;\n display: flex;\n justify-content: center;\n align-items: end;\n z-index: ${({ $zIndex }) => $zIndex};\n pointer-events: none;\n`;\n\nexport const NudgeLottieContainer = styled(FlexView)`\n
|
|
1
|
+
{"version":3,"file":"nudge-styled.js","sources":["../../../../src/features/ui/nudge/nudge-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\n\ninterface NudgeWrapperProps {\n $top: number;\n $left: number;\n $zIndex: number;\n}\n\nexport const NudgeWrapper = styled.div<NudgeWrapperProps>`\n position: absolute;\n top: ${({ $top }) => $top}px;\n left: ${({ $left }) => $left}px;\n height: max-content;\n width: max-content;\n display: flex;\n justify-content: center;\n align-items: end;\n z-index: ${({ $zIndex }) => $zIndex};\n pointer-events: none;\n`;\n\nexport const NudgeLottieContainer = styled(FlexView)`\n div {\n // Inner container of Lottie Component\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n svg {\n width: 33.84px !important;\n height: 47.27px !important;\n display: block;\n }\n`;\n"],"names":["NudgeWrapper","styled","$top","$left","$zIndex","NudgeLottieContainer","FlexView"],"mappings":";;AAUO,MAAMA,IAAeC,EAAO;AAAA;AAAA,SAE1B,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA,UACjB,CAAC,EAAE,OAAAC,EAAM,MAAMA,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMjB,CAAC,EAAE,SAAAC,EAAQ,MAAMA,CAAO;AAAA;AAAA,GAIxBC,IAAuBJ,EAAOK,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
|
|
@@ -1,17 +1,18 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as m, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { memo as n } from "react";
|
|
2
3
|
import { LOTTIE as d } from "../../../assets/lottie/lottie.js";
|
|
3
|
-
import
|
|
4
|
-
import { NudgeWrapper as
|
|
5
|
-
const
|
|
6
|
-
content:
|
|
7
|
-
nudgePointerX:
|
|
8
|
-
nudgePointerY:
|
|
4
|
+
import p from "../lottie-animation/lottie-animation.js";
|
|
5
|
+
import { NudgeWrapper as f, NudgeLottieContainer as s } from "./nudge-styled.js";
|
|
6
|
+
const u = ({
|
|
7
|
+
content: o,
|
|
8
|
+
nudgePointerX: r = 0,
|
|
9
|
+
nudgePointerY: e = 0,
|
|
9
10
|
zIndex: i = 100
|
|
10
|
-
}) => /* @__PURE__ */
|
|
11
|
-
/* @__PURE__ */ t(s, { $height:
|
|
12
|
-
|
|
13
|
-
] }),
|
|
11
|
+
}) => /* @__PURE__ */ m(f, { $top: e, $left: r, $zIndex: i, children: [
|
|
12
|
+
/* @__PURE__ */ t(s, { $height: 60, $width: 60, children: /* @__PURE__ */ t(p, { src: d.NUDGE_TAP }) }),
|
|
13
|
+
o
|
|
14
|
+
] }), N = n(u);
|
|
14
15
|
export {
|
|
15
|
-
|
|
16
|
+
N as default
|
|
16
17
|
};
|
|
17
18
|
//# sourceMappingURL=nudge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nudge.js","sources":["../../../../src/features/ui/nudge/nudge.tsx"],"sourcesContent":["import type { INudgeProps } from './nudge-types';\n\nimport React from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport LottieAnimation from '../lottie-animation/lottie-animation';\nimport * as S from './nudge-styled';\n\nconst Nudge: React.FC<INudgeProps> = ({\n content,\n nudgePointerX = 0,\n nudgePointerY = 0,\n zIndex = 100,\n}) => {\n return (\n <S.NudgeWrapper $top={nudgePointerY} $left={nudgePointerX} $zIndex={zIndex}>\n <S.NudgeLottieContainer $height={
|
|
1
|
+
{"version":3,"file":"nudge.js","sources":["../../../../src/features/ui/nudge/nudge.tsx"],"sourcesContent":["import type { INudgeProps } from './nudge-types';\n\nimport React, { memo } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport LottieAnimation from '../lottie-animation/lottie-animation';\nimport * as S from './nudge-styled';\n\nconst Nudge: React.FC<INudgeProps> = ({\n content,\n nudgePointerX = 0,\n nudgePointerY = 0,\n zIndex = 100,\n}) => {\n return (\n <S.NudgeWrapper $top={nudgePointerY} $left={nudgePointerX} $zIndex={zIndex}>\n <S.NudgeLottieContainer $height={60} $width={60}>\n <LottieAnimation src={LOTTIE.NUDGE_TAP} />\n </S.NudgeLottieContainer>\n {content}\n </S.NudgeWrapper>\n );\n};\n\nexport default memo(Nudge);\n"],"names":["Nudge","content","nudgePointerX","nudgePointerY","zIndex","jsxs","S.NudgeWrapper","jsx","S.NudgeLottieContainer","LottieAnimation","LOTTIE","Nudge$1","memo"],"mappings":";;;;;AAQA,MAAMA,IAA+B,CAAC;AAAA,EACpC,SAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,eAAAC,IAAgB;AAAA,EAChB,QAAAC,IAAS;AACX,MAEI,gBAAAC,EAACC,GAAA,EAAe,MAAMH,GAAe,OAAOD,GAAe,SAASE,GAClE,UAAA;AAAA,EAAA,gBAAAG,EAACC,GAAA,EAAuB,SAAS,IAAI,QAAQ,IAC3C,UAAA,gBAAAD,EAACE,GAAgB,EAAA,KAAKC,EAAO,UAAA,CAAW,EAC1C,CAAA;AAAA,EACCT;AACH,EAAA,CAAA,GAIWU,IAAAC,EAAKZ,CAAK;"}
|
package/dist/index.d.ts
CHANGED
|
@@ -62,7 +62,7 @@ export declare const ArcButton: NamedExoticComponent<IArcButtonProps & {
|
|
|
62
62
|
children?: ReactNode | undefined;
|
|
63
63
|
} & RefAttributes<HTMLDivElement>>;
|
|
64
64
|
|
|
65
|
-
export declare const ArrowTooltip:
|
|
65
|
+
export declare const ArrowTooltip: NamedExoticComponent<IArrowTooltipProps>;
|
|
66
66
|
|
|
67
67
|
export declare const AUTH_TABS: IAuthTab[];
|
|
68
68
|
|
|
@@ -563,6 +563,8 @@ export declare const GoalEdit: React.FC<IMileStoneEditContainerProps>;
|
|
|
563
563
|
|
|
564
564
|
export declare const GooglePlacesSearchInput: ComponentType<Omit_2<IGooglePlacesSearchInputProps, IProvidedProps>>;
|
|
565
565
|
|
|
566
|
+
export declare const GRADE_DISPLAY_NAMES: Record<string, string>;
|
|
567
|
+
|
|
566
568
|
export declare const GradeInput: NamedExoticComponent<ICustomInputFieldProps>;
|
|
567
569
|
|
|
568
570
|
export declare function GradeSelector({ selectedValue, onSelect, tabsWidth, width, grades, renderAs, size, layoutAlignment, }: IGradeSelectorProps): ReactElement;
|
|
@@ -671,6 +673,7 @@ export declare interface IArrowTooltipProps {
|
|
|
671
673
|
widthX?: number;
|
|
672
674
|
zIndex?: number;
|
|
673
675
|
parentWidth?: number | string;
|
|
676
|
+
isBlocking?: boolean;
|
|
674
677
|
}
|
|
675
678
|
|
|
676
679
|
declare interface IAttempt {
|
|
@@ -1679,8 +1682,9 @@ export declare interface IJourneyContext {
|
|
|
1679
1682
|
* @param scrollableContainerRef - Optional ref to a journey which has a scrollable container, it will make the entire page
|
|
1680
1683
|
* uninteractable by adding an overlay - Required since we cannot determine the height of the scrollable container because
|
|
1681
1684
|
* provider is at root level and from there we cannot access the scrollable container's height.
|
|
1685
|
+
* @param isBlocking - If `true`, the journey will block user interaction with the page until completed. True by default.
|
|
1682
1686
|
*/
|
|
1683
|
-
setJourney: (id: TJourneyId, coachmark: TCoachmarkJourneyProps[], scrollableContainerRef?: RefObject<HTMLDivElement | null
|
|
1687
|
+
setJourney: (id: TJourneyId, coachmark: TCoachmarkJourneyProps[], scrollableContainerRef?: RefObject<HTMLDivElement | null>, isBlocking?: boolean) => void;
|
|
1684
1688
|
/**
|
|
1685
1689
|
* Clears the current journey, removing all coachmarks.
|
|
1686
1690
|
* Should be called inside useEffect to ensure cleanup.
|
|
@@ -4172,7 +4176,6 @@ export declare enum JOURNEY_ID_STUDENT {
|
|
|
4172
4176
|
CIRCLE_TABLES_INTRO_JOURNEY = "CIRCLE_TABLES_INTRO_JOURNEY",
|
|
4173
4177
|
CIRCLE_TABLES_INFINTE_JOURNEY = "CIRCLE_TABLES_INFINITE_JOURNEY",
|
|
4174
4178
|
CIRCLE_LESSONS_K_1_INTRO_JOURNEY = "CIRCLE_LESSONS_K_1_INTRO_JOURNEY",
|
|
4175
|
-
CIRCLE_STREAK_REDUCTION_JOURNEY = "CIRCLE_STREAK_REDUCTION_JOURNEY",
|
|
4176
4179
|
HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY",
|
|
4177
4180
|
CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY",
|
|
4178
4181
|
CHALLENGE_ARENA_JOURNEY = "CHALLENGE_ARENA_JOURNEY"
|
|
@@ -4493,7 +4496,7 @@ export declare enum NODE_TYPES {
|
|
|
4493
4496
|
'PUZZLE_CARD' = "PUZZLE_CARD"
|
|
4494
4497
|
}
|
|
4495
4498
|
|
|
4496
|
-
export declare const Nudge: React_2.
|
|
4499
|
+
export declare const Nudge: React_2.NamedExoticComponent<INudgeProps>;
|
|
4497
4500
|
|
|
4498
4501
|
export declare const NumRangeInput: React.FC<NumRangeInputProps>;
|
|
4499
4502
|
|