@cuemath/leap 3.5.5 → 3.5.6
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/line-icons/icons/info3.js +7 -10
- package/dist/assets/line-icons/icons/info3.js.map +1 -1
- package/dist/assets/line-icons/icons/solution.js +5 -7
- package/dist/assets/line-icons/icons/solution.js.map +1 -1
- package/dist/assets/line-icons/icons/sticker.js +7 -11
- package/dist/assets/line-icons/icons/sticker.js.map +1 -1
- package/dist/features/trial-session/comps/navigation-bar/index.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet-sidebar/worksheet-sidebar-styled.js +16 -16
- package/dist/features/worksheet/worksheet/worksheet-sidebar/worksheet-sidebar-styled.js.map +1 -1
- package/dist/index.d.ts +23 -23
- package/package.json +3 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
const
|
|
1
|
+
import { jsxs as o, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
const C = (t) => /* @__PURE__ */ o(
|
|
3
3
|
"svg",
|
|
4
4
|
{
|
|
5
5
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -14,8 +14,7 @@ const o = (t) => /* @__PURE__ */ i(
|
|
|
14
14
|
{
|
|
15
15
|
d: "M17.8667 11.3335C17.8667 11.9963 17.3295 12.5335 16.6667 12.5335C16.004 12.5335 15.4667 11.9963 15.4667 11.3335C15.4667 10.6708 16.004 10.1335 16.6667 10.1335C17.3295 10.1335 17.8667 10.6708 17.8667 11.3335Z",
|
|
16
16
|
fill: "black",
|
|
17
|
-
strokeWidth: 0
|
|
18
|
-
fillOpacity: "0.5"
|
|
17
|
+
strokeWidth: 0
|
|
19
18
|
}
|
|
20
19
|
),
|
|
21
20
|
/* @__PURE__ */ l(
|
|
@@ -23,8 +22,7 @@ const o = (t) => /* @__PURE__ */ i(
|
|
|
23
22
|
{
|
|
24
23
|
d: "M17.8227 13.8224C16.4433 13.8224 15.2449 14.8888 15.2449 16.3002V19.6558C15.2449 20.0974 14.8513 20.5335 14.2669 20.5335V22.1335C15.6462 22.1335 16.8449 21.0673 16.8449 19.6558V16.3002C16.8449 15.8584 17.2384 15.4224 17.8227 15.4224V13.8224Z",
|
|
25
24
|
fill: "black",
|
|
26
|
-
strokeWidth: 0
|
|
27
|
-
fillOpacity: "0.5"
|
|
25
|
+
strokeWidth: 0
|
|
28
26
|
}
|
|
29
27
|
),
|
|
30
28
|
/* @__PURE__ */ l(
|
|
@@ -34,14 +32,13 @@ const o = (t) => /* @__PURE__ */ i(
|
|
|
34
32
|
clipRule: "evenodd",
|
|
35
33
|
d: "M6.13354 16.0002C6.13354 10.551 10.551 6.13354 16.0002 6.13354C21.4494 6.13354 25.8669 10.551 25.8669 16.0002C25.8669 21.4494 21.4494 25.8669 16.0002 25.8669C10.551 25.8669 6.13354 21.4494 6.13354 16.0002ZM16.0002 7.73354C11.4347 7.73354 7.73354 11.4347 7.73354 16.0002C7.73354 20.5658 11.4347 24.2669 16.0002 24.2669C20.5658 24.2669 24.2669 20.5658 24.2669 16.0002C24.2669 11.4347 20.5658 7.73354 16.0002 7.73354Z",
|
|
36
34
|
fill: "black",
|
|
37
|
-
strokeWidth: 0
|
|
38
|
-
fillOpacity: "0.5"
|
|
35
|
+
strokeWidth: 0
|
|
39
36
|
}
|
|
40
37
|
)
|
|
41
38
|
]
|
|
42
39
|
}
|
|
43
|
-
),
|
|
40
|
+
), i = C;
|
|
44
41
|
export {
|
|
45
|
-
|
|
42
|
+
i as default
|
|
46
43
|
};
|
|
47
44
|
//# sourceMappingURL=info3.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"info3.js","sources":["../../../../src/assets/line-icons/icons/info3.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst Info3Icon: FC<SVGProps<SVGSVGElement>> = props => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"32\"\n height=\"32\"\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n {...props}\n >\n <path\n d=\"M17.8667 11.3335C17.8667 11.9963 17.3295 12.5335 16.6667 12.5335C16.004 12.5335 15.4667 11.9963 15.4667 11.3335C15.4667 10.6708 16.004 10.1335 16.6667 10.1335C17.3295 10.1335 17.8667 10.6708 17.8667 11.3335Z\"\n fill=\"black\"\n strokeWidth={0}\n
|
|
1
|
+
{"version":3,"file":"info3.js","sources":["../../../../src/assets/line-icons/icons/info3.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst Info3Icon: FC<SVGProps<SVGSVGElement>> = props => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"32\"\n height=\"32\"\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n {...props}\n >\n <path\n d=\"M17.8667 11.3335C17.8667 11.9963 17.3295 12.5335 16.6667 12.5335C16.004 12.5335 15.4667 11.9963 15.4667 11.3335C15.4667 10.6708 16.004 10.1335 16.6667 10.1335C17.3295 10.1335 17.8667 10.6708 17.8667 11.3335Z\"\n fill=\"black\"\n strokeWidth={0}\n />\n <path\n d=\"M17.8227 13.8224C16.4433 13.8224 15.2449 14.8888 15.2449 16.3002V19.6558C15.2449 20.0974 14.8513 20.5335 14.2669 20.5335V22.1335C15.6462 22.1335 16.8449 21.0673 16.8449 19.6558V16.3002C16.8449 15.8584 17.2384 15.4224 17.8227 15.4224V13.8224Z\"\n fill=\"black\"\n strokeWidth={0}\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M6.13354 16.0002C6.13354 10.551 10.551 6.13354 16.0002 6.13354C21.4494 6.13354 25.8669 10.551 25.8669 16.0002C25.8669 21.4494 21.4494 25.8669 16.0002 25.8669C10.551 25.8669 6.13354 21.4494 6.13354 16.0002ZM16.0002 7.73354C11.4347 7.73354 7.73354 11.4347 7.73354 16.0002C7.73354 20.5658 11.4347 24.2669 16.0002 24.2669C20.5658 24.2669 24.2669 20.5658 24.2669 16.0002C24.2669 11.4347 20.5658 7.73354 16.0002 7.73354Z\"\n fill=\"black\"\n strokeWidth={0}\n />\n </svg>\n);\n\nexport default Info3Icon;\n"],"names":["Info3Icon","props","jsxs","jsx","Info3Icon$1"],"mappings":";AAEA,MAAMA,IAAyC,CAC7CC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,aAAa;AAAA,QAAA;AAAA,MACf;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,aAAa;AAAA,QAAA;AAAA,MACf;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,UACL,aAAa;AAAA,QAAA;AAAA,MACf;AAAA,IAAA;AAAA,EAAA;AACF,GAGFC,IAAeJ;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
const
|
|
1
|
+
import { jsxs as o, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
const t = (e) => /* @__PURE__ */ o(
|
|
3
3
|
"svg",
|
|
4
4
|
{
|
|
5
5
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -16,8 +16,7 @@ const o = (e) => /* @__PURE__ */ i(
|
|
|
16
16
|
clipRule: "evenodd",
|
|
17
17
|
d: "M11.7741 5.86646H20.2746V7.99986H24.1331V26.1331H7.86646V7.99986H11.7741V5.86646ZM11.7741 9.59986H9.46646V24.5331H22.5331V9.59986H20.2746V11.7333H11.7741V9.59986ZM13.3741 7.46646V10.1333H18.6746V7.46646H13.3741Z",
|
|
18
18
|
fill: "black",
|
|
19
|
-
strokeWidth: 0
|
|
20
|
-
fillOpacity: "0.5"
|
|
19
|
+
strokeWidth: 0
|
|
21
20
|
}
|
|
22
21
|
),
|
|
23
22
|
/* @__PURE__ */ l(
|
|
@@ -27,13 +26,12 @@ const o = (e) => /* @__PURE__ */ i(
|
|
|
27
26
|
clipRule: "evenodd",
|
|
28
27
|
d: "M19.6051 13.4817L20.6761 14.3969L15.0238 21.0115L13.9348 20.6096V20.3773C13.9348 19.1017 13.0165 17.9889 11.7106 17.6569L11.3876 17.5748L11.7346 16.2094L12.0577 16.2916C13.4082 16.6348 14.5224 17.5797 15.0371 18.8274L19.6051 13.4817Z",
|
|
29
28
|
fill: "black",
|
|
30
|
-
strokeWidth: 0
|
|
31
|
-
fillOpacity: "0.5"
|
|
29
|
+
strokeWidth: 0
|
|
32
30
|
}
|
|
33
31
|
)
|
|
34
32
|
]
|
|
35
33
|
}
|
|
36
|
-
), d =
|
|
34
|
+
), d = t;
|
|
37
35
|
export {
|
|
38
36
|
d as default
|
|
39
37
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"solution.js","sources":["../../../../src/assets/line-icons/icons/solution.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst SolutionIcon: FC<SVGProps<SVGSVGElement>> = props => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"32\"\n height=\"32\"\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M11.7741 5.86646H20.2746V7.99986H24.1331V26.1331H7.86646V7.99986H11.7741V5.86646ZM11.7741 9.59986H9.46646V24.5331H22.5331V9.59986H20.2746V11.7333H11.7741V9.59986ZM13.3741 7.46646V10.1333H18.6746V7.46646H13.3741Z\"\n fill=\"black\"\n strokeWidth={0}\n
|
|
1
|
+
{"version":3,"file":"solution.js","sources":["../../../../src/assets/line-icons/icons/solution.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst SolutionIcon: FC<SVGProps<SVGSVGElement>> = props => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"32\"\n height=\"32\"\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M11.7741 5.86646H20.2746V7.99986H24.1331V26.1331H7.86646V7.99986H11.7741V5.86646ZM11.7741 9.59986H9.46646V24.5331H22.5331V9.59986H20.2746V11.7333H11.7741V9.59986ZM13.3741 7.46646V10.1333H18.6746V7.46646H13.3741Z\"\n fill=\"black\"\n strokeWidth={0}\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M19.6051 13.4817L20.6761 14.3969L15.0238 21.0115L13.9348 20.6096V20.3773C13.9348 19.1017 13.0165 17.9889 11.7106 17.6569L11.3876 17.5748L11.7346 16.2094L12.0577 16.2916C13.4082 16.6348 14.5224 17.5797 15.0371 18.8274L19.6051 13.4817Z\"\n fill=\"black\"\n strokeWidth={0}\n />\n </svg>\n);\n\nexport default SolutionIcon;\n"],"names":["SolutionIcon","props","jsxs","jsx","SolutionIcon$1"],"mappings":";AAEA,MAAMA,IAA4C,CAChDC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,UACL,aAAa;AAAA,QAAA;AAAA,MACf;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,UACL,aAAa;AAAA,QAAA;AAAA,MACf;AAAA,IAAA;AAAA,EAAA;AACF,GAGFC,IAAeJ;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as i, jsx as t } from "react/jsx-runtime";
|
|
2
|
-
const
|
|
2
|
+
const o = (l) => /* @__PURE__ */ i(
|
|
3
3
|
"svg",
|
|
4
4
|
{
|
|
5
5
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -14,8 +14,7 @@ const c = (l) => /* @__PURE__ */ i(
|
|
|
14
14
|
{
|
|
15
15
|
d: "M25.4662 5.86719V19.207L25.2097 19.4453L19.6381 24.5872L19.4076 24.7995H6.53394V5.86719H25.4662ZM8.13289 23.2005H18.2957V18.0573H23.8673V7.46615H8.13289V23.2005ZM19.8959 22.1719L22.6199 19.6576H19.8959V22.1719Z",
|
|
16
16
|
fill: "black",
|
|
17
|
-
strokeWidth: 0
|
|
18
|
-
fillOpacity: "0.5"
|
|
17
|
+
strokeWidth: 0
|
|
19
18
|
}
|
|
20
19
|
),
|
|
21
20
|
/* @__PURE__ */ t(
|
|
@@ -23,8 +22,7 @@ const c = (l) => /* @__PURE__ */ i(
|
|
|
23
22
|
{
|
|
24
23
|
d: "M14.1334 12.416C14.1334 13.0787 13.5962 13.616 12.9334 13.616C12.2707 13.616 11.7334 13.0787 11.7334 12.416C11.7334 11.7532 12.2707 11.216 12.9334 11.216C13.5962 11.216 14.1334 11.7532 14.1334 12.416Z",
|
|
25
24
|
fill: "black",
|
|
26
|
-
strokeWidth: 0
|
|
27
|
-
fillOpacity: "0.5"
|
|
25
|
+
strokeWidth: 0
|
|
28
26
|
}
|
|
29
27
|
),
|
|
30
28
|
/* @__PURE__ */ t(
|
|
@@ -32,8 +30,7 @@ const c = (l) => /* @__PURE__ */ i(
|
|
|
32
30
|
{
|
|
33
31
|
d: "M20.2667 12.4133C20.2667 13.0761 19.7295 13.6133 19.0667 13.6133C18.404 13.6133 17.8667 13.0761 17.8667 12.4133C17.8667 11.7506 18.404 11.2133 19.0667 11.2133C19.7295 11.2133 20.2667 11.7506 20.2667 12.4133Z",
|
|
34
32
|
fill: "black",
|
|
35
|
-
strokeWidth: 0
|
|
36
|
-
fillOpacity: "0.5"
|
|
33
|
+
strokeWidth: 0
|
|
37
34
|
}
|
|
38
35
|
),
|
|
39
36
|
/* @__PURE__ */ t(
|
|
@@ -41,14 +38,13 @@ const c = (l) => /* @__PURE__ */ i(
|
|
|
41
38
|
{
|
|
42
39
|
d: "M12.5658 17.1146C12.7671 17.289 12.9777 17.45 13.196 17.5964C14.1542 18.2388 15.2683 18.6027 16.4551 18.6029C17.3525 18.6029 18.2074 18.3947 18.9838 18.0169L19.683 19.4557C18.6971 19.9354 17.6041 20.2031 16.4551 20.2031C14.9318 20.203 13.5109 19.7327 12.3054 18.9245C12.0316 18.7409 11.7691 18.5397 11.5189 18.3229L12.5658 17.1146Z",
|
|
43
40
|
fill: "black",
|
|
44
|
-
strokeWidth: 0
|
|
45
|
-
fillOpacity: "0.5"
|
|
41
|
+
strokeWidth: 0
|
|
46
42
|
}
|
|
47
43
|
)
|
|
48
44
|
]
|
|
49
45
|
}
|
|
50
|
-
),
|
|
46
|
+
), h = o;
|
|
51
47
|
export {
|
|
52
|
-
|
|
48
|
+
h as default
|
|
53
49
|
};
|
|
54
50
|
//# sourceMappingURL=sticker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sticker.js","sources":["../../../../src/assets/line-icons/icons/sticker.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst StickerIcon: FC<SVGProps<SVGSVGElement>> = props => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"32\"\n height=\"32\"\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n {...props}\n >\n <path\n d=\"M25.4662 5.86719V19.207L25.2097 19.4453L19.6381 24.5872L19.4076 24.7995H6.53394V5.86719H25.4662ZM8.13289 23.2005H18.2957V18.0573H23.8673V7.46615H8.13289V23.2005ZM19.8959 22.1719L22.6199 19.6576H19.8959V22.1719Z\"\n fill=\"black\"\n strokeWidth={0}\n
|
|
1
|
+
{"version":3,"file":"sticker.js","sources":["../../../../src/assets/line-icons/icons/sticker.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst StickerIcon: FC<SVGProps<SVGSVGElement>> = props => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"32\"\n height=\"32\"\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n {...props}\n >\n <path\n d=\"M25.4662 5.86719V19.207L25.2097 19.4453L19.6381 24.5872L19.4076 24.7995H6.53394V5.86719H25.4662ZM8.13289 23.2005H18.2957V18.0573H23.8673V7.46615H8.13289V23.2005ZM19.8959 22.1719L22.6199 19.6576H19.8959V22.1719Z\"\n fill=\"black\"\n strokeWidth={0}\n />\n <path\n d=\"M14.1334 12.416C14.1334 13.0787 13.5962 13.616 12.9334 13.616C12.2707 13.616 11.7334 13.0787 11.7334 12.416C11.7334 11.7532 12.2707 11.216 12.9334 11.216C13.5962 11.216 14.1334 11.7532 14.1334 12.416Z\"\n fill=\"black\"\n strokeWidth={0}\n />\n <path\n d=\"M20.2667 12.4133C20.2667 13.0761 19.7295 13.6133 19.0667 13.6133C18.404 13.6133 17.8667 13.0761 17.8667 12.4133C17.8667 11.7506 18.404 11.2133 19.0667 11.2133C19.7295 11.2133 20.2667 11.7506 20.2667 12.4133Z\"\n fill=\"black\"\n strokeWidth={0}\n />\n <path\n d=\"M12.5658 17.1146C12.7671 17.289 12.9777 17.45 13.196 17.5964C14.1542 18.2388 15.2683 18.6027 16.4551 18.6029C17.3525 18.6029 18.2074 18.3947 18.9838 18.0169L19.683 19.4557C18.6971 19.9354 17.6041 20.2031 16.4551 20.2031C14.9318 20.203 13.5109 19.7327 12.3054 18.9245C12.0316 18.7409 11.7691 18.5397 11.5189 18.3229L12.5658 17.1146Z\"\n fill=\"black\"\n strokeWidth={0}\n />\n </svg>\n);\n\nexport default StickerIcon;\n"],"names":["StickerIcon","props","jsxs","jsx","StickerIcon$1"],"mappings":";AAEA,MAAMA,IAA2C,CAC/CC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,aAAa;AAAA,QAAA;AAAA,MACf;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,aAAa;AAAA,QAAA;AAAA,MACf;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,aAAa;AAAA,QAAA;AAAA,MACf;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,aAAa;AAAA,QAAA;AAAA,MACf;AAAA,IAAA;AAAA,EAAA;AACF,GAGFC,IAAeJ;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/navigation-bar/index.tsx"],"sourcesContent":["import { useCallback, useMemo, type FC } from 'react';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../ui/buttons/button/button';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource } from '../../helper';\nimport { useTrialSessionNavigation } from '../../hooks/use-trial-session-navigation';\nimport * as Styled from './navigation-bar-styled';\n\nconst NavigationBar: FC = () => {\n const {\n slideConfig,\n buttonState,\n openEndClassModal,\n studentAbsentInClass,\n trialHomeData,\n formData,\n } = useTrialSessionContext();\n\n const { handleNavigation } = useTrialSessionNavigation();\n\n const {\n left: { isDisabled: isLeftBtnDisabled, isLoading: isLeftBtnLoading },\n right: { isDisabled: isRightBtnDisabled, isLoading: isRightBtnLoading },\n } = buttonState || {};\n\n const { prevPage, nextPage } = slideConfig || {};\n const { buttonLabel: prevButtonLabel, pageId: prevPageId } = prevPage || {};\n const { buttonLabel: nextButtonLabel, pageId: nextPageId } = nextPage || {};\n const { numberInNameError } = formData || {};\n\n const isLastPage = prevPageId && !nextPageId;\n const isPLA = isPLASource(trialHomeData?.intel_student?.source);\n\n const nextButtonDisabled = useMemo(\n () => isRightBtnDisabled || studentAbsentInClass || numberInNameError,\n [isRightBtnDisabled, studentAbsentInClass, numberInNameError],\n );\n const prevButtonDisabled = useMemo(\n () => isLeftBtnDisabled || studentAbsentInClass,\n [isLeftBtnDisabled, studentAbsentInClass],\n );\n\n const tooltipContent = useMemo(() => {\n if (numberInNameError) return 'Please enter a valid name';\n return 'Waiting for student to join...';\n }, [numberInNameError]);\n const showTooltip = useMemo(\n () => studentAbsentInClass || numberInNameError,\n [studentAbsentInClass, numberInNameError],\n );\n\n const handleNext = useCallback(() => {\n handleNavigation('next', nextPageId);\n }, [handleNavigation, nextPageId]);\n\n const handlePrev = useCallback(() => {\n handleNavigation('prev', prevPageId);\n }, [handleNavigation, prevPageId]);\n\n return (\n <Styled.Container\n $flexDirection=\"row-reverse\"\n $justifyContent=\"space-between\"\n $alignItems=\"center\"\n >\n {isLastPage && (\n <Button\n renderAs=\"tertiary\"\n size=\"small\"\n label={isPLA ? 'End the session' : 'End the class'}\n shape=\"square\"\n onClick={openEndClassModal}\n />\n )}\n {nextPageId && nextButtonLabel && (\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={12}>\n <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n {nextButtonLabel}\n </Text>\n <ArrowTooltip\n widthX={8}\n zIndex={2}\n position=\"top-left\"\n renderAs=\"primary\"\n tooltipItem={tooltipContent}\n hidden={!showTooltip}\n >\n <IconButton\n Icon={Styled.ForwardArrow}\n renderAs=\"primary\"\n analyticsLabel={nextButtonLabel}\n size=\"small\"\n onClick={handleNext}\n disabled={nextButtonDisabled}\n busy={isRightBtnLoading}\n />\n </ArrowTooltip>\n </FlexView>\n )}\n {prevPageId && prevButtonLabel && (\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={12}>\n <IconButton\n Icon={Styled.BackwardArrow}\n renderAs=\"secondary\"\n analyticsLabel={prevButtonLabel}\n size=\"small\"\n onClick={handlePrev}\n disabled={prevButtonDisabled}\n busy={isLeftBtnLoading}\n />\n <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n {prevButtonLabel}\n </Text>\n </FlexView>\n )}\n </Styled.Container>\n );\n};\n\nexport default NavigationBar;\n"],"names":["NavigationBar","slideConfig","buttonState","openEndClassModal","studentAbsentInClass","trialHomeData","formData","useTrialSessionContext","handleNavigation","useTrialSessionNavigation","isLeftBtnDisabled","isLeftBtnLoading","isRightBtnDisabled","isRightBtnLoading","prevPage","nextPage","prevButtonLabel","prevPageId","nextButtonLabel","nextPageId","numberInNameError","isLastPage","isPLA","isPLASource","_a","nextButtonDisabled","useMemo","prevButtonDisabled","tooltipContent","showTooltip","handleNext","useCallback","handlePrev","jsxs","Styled.Container","jsx","Button","FlexView","Text","ArrowTooltip","IconButton","Styled.ForwardArrow","Styled.BackwardArrow"],"mappings":";;;;;;;;;;;;AAYA,MAAMA,KAAoB,MAAM;;AACxB,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,MACEC,EAAuB,GAErB,EAAE,kBAAAC,MAAqBC,KAEvB;AAAA,IACJ,MAAM,EAAE,YAAYC,GAAmB,WAAWC,EAAiB;AAAA,IACnE,OAAO,EAAE,YAAYC,GAAoB,WAAWC,EAAkB;AAAA,EAAA,IACpEX,KAAe,CAAA,GAEb,EAAE,UAAAY,GAAU,UAAAC,MAAad,KAAe,CAAA,GACxC,EAAE,aAAae,GAAiB,QAAQC,EAAW,IAAIH,KAAY,IACnE,EAAE,aAAaI,GAAiB,QAAQC,EAAW,IAAIJ,KAAY,IACnE,EAAE,mBAAAK,EAAA,IAAsBd,KAAY,IAEpCe,IAAaJ,KAAc,CAACE,GAC5BG,IAAQC,GAAYC,IAAAnB,KAAA,gBAAAA,EAAe,kBAAf,gBAAAmB,EAA8B,MAAM,GAExDC,IAAqBC;AAAA,IACzB,MAAMd,KAAsBR,KAAwBgB;AAAA,IACpD,CAACR,GAAoBR,GAAsBgB,CAAiB;AAAA,EAAA,GAExDO,IAAqBD;AAAA,IACzB,MAAMhB,KAAqBN;AAAA,IAC3B,CAACM,GAAmBN,CAAoB;AAAA,EAAA,GAGpCwB,IAAiBF,EAAQ,MACzBN,IAA0B,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/navigation-bar/index.tsx"],"sourcesContent":["import { useCallback, useMemo, type FC } from 'react';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../ui/buttons/button/button';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource } from '../../helper';\nimport { useTrialSessionNavigation } from '../../hooks/use-trial-session-navigation';\nimport * as Styled from './navigation-bar-styled';\n\nconst NavigationBar: FC = () => {\n const {\n slideConfig,\n buttonState,\n openEndClassModal,\n studentAbsentInClass,\n trialHomeData,\n formData,\n } = useTrialSessionContext();\n\n const { handleNavigation } = useTrialSessionNavigation();\n\n const {\n left: { isDisabled: isLeftBtnDisabled, isLoading: isLeftBtnLoading },\n right: { isDisabled: isRightBtnDisabled, isLoading: isRightBtnLoading },\n } = buttonState || {};\n\n const { prevPage, nextPage } = slideConfig || {};\n const { buttonLabel: prevButtonLabel, pageId: prevPageId } = prevPage || {};\n const { buttonLabel: nextButtonLabel, pageId: nextPageId } = nextPage || {};\n const { numberInNameError } = formData || {};\n\n const isLastPage = prevPageId && !nextPageId;\n const isPLA = isPLASource(trialHomeData?.intel_student?.source);\n\n const nextButtonDisabled = useMemo(\n () => isRightBtnDisabled || studentAbsentInClass || numberInNameError,\n [isRightBtnDisabled, studentAbsentInClass, numberInNameError],\n );\n const prevButtonDisabled = useMemo(\n () => isLeftBtnDisabled || studentAbsentInClass,\n [isLeftBtnDisabled, studentAbsentInClass],\n );\n\n const tooltipContent = useMemo(() => {\n if (numberInNameError) return 'Please enter a valid name';\n\n return 'Waiting for student to join...';\n }, [numberInNameError]);\n const showTooltip = useMemo(\n () => studentAbsentInClass || numberInNameError,\n [studentAbsentInClass, numberInNameError],\n );\n\n const handleNext = useCallback(() => {\n handleNavigation('next', nextPageId);\n }, [handleNavigation, nextPageId]);\n\n const handlePrev = useCallback(() => {\n handleNavigation('prev', prevPageId);\n }, [handleNavigation, prevPageId]);\n\n return (\n <Styled.Container\n $flexDirection=\"row-reverse\"\n $justifyContent=\"space-between\"\n $alignItems=\"center\"\n >\n {isLastPage && (\n <Button\n renderAs=\"tertiary\"\n size=\"small\"\n label={isPLA ? 'End the session' : 'End the class'}\n shape=\"square\"\n onClick={openEndClassModal}\n />\n )}\n {nextPageId && nextButtonLabel && (\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={12}>\n <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n {nextButtonLabel}\n </Text>\n <ArrowTooltip\n widthX={8}\n zIndex={2}\n position=\"top-left\"\n renderAs=\"primary\"\n tooltipItem={tooltipContent}\n hidden={!showTooltip}\n >\n <IconButton\n Icon={Styled.ForwardArrow}\n renderAs=\"primary\"\n analyticsLabel={nextButtonLabel}\n size=\"small\"\n onClick={handleNext}\n disabled={nextButtonDisabled}\n busy={isRightBtnLoading}\n />\n </ArrowTooltip>\n </FlexView>\n )}\n {prevPageId && prevButtonLabel && (\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={12}>\n <IconButton\n Icon={Styled.BackwardArrow}\n renderAs=\"secondary\"\n analyticsLabel={prevButtonLabel}\n size=\"small\"\n onClick={handlePrev}\n disabled={prevButtonDisabled}\n busy={isLeftBtnLoading}\n />\n <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n {prevButtonLabel}\n </Text>\n </FlexView>\n )}\n </Styled.Container>\n );\n};\n\nexport default NavigationBar;\n"],"names":["NavigationBar","slideConfig","buttonState","openEndClassModal","studentAbsentInClass","trialHomeData","formData","useTrialSessionContext","handleNavigation","useTrialSessionNavigation","isLeftBtnDisabled","isLeftBtnLoading","isRightBtnDisabled","isRightBtnLoading","prevPage","nextPage","prevButtonLabel","prevPageId","nextButtonLabel","nextPageId","numberInNameError","isLastPage","isPLA","isPLASource","_a","nextButtonDisabled","useMemo","prevButtonDisabled","tooltipContent","showTooltip","handleNext","useCallback","handlePrev","jsxs","Styled.Container","jsx","Button","FlexView","Text","ArrowTooltip","IconButton","Styled.ForwardArrow","Styled.BackwardArrow"],"mappings":"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"}
|
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
import r from "styled-components";
|
|
2
2
|
import c from "../../../../assets/line-icons/icons/cross.js";
|
|
3
|
-
import
|
|
3
|
+
import l from "../../../../assets/line-icons/icons/info3.js";
|
|
4
4
|
import e from "../../../ui/layout/flex-view.js";
|
|
5
|
-
import
|
|
5
|
+
import d from "../../../ui/text/text.js";
|
|
6
6
|
import { CustomElement as a } from "../worksheet-question/worksheet-question-styled.js";
|
|
7
7
|
import x from "../../../../assets/line-icons/icons/solution.js";
|
|
8
8
|
r(e)`
|
|
9
9
|
border: 2px solid #000;
|
|
10
10
|
`;
|
|
11
11
|
const y = r(e)(
|
|
12
|
-
({ $questionWidth: t, $actionbarHeight: o, theme:
|
|
12
|
+
({ $questionWidth: t, $actionbarHeight: o, theme: n }) => `
|
|
13
13
|
position: absolute;
|
|
14
14
|
bottom: ${o}px;
|
|
15
15
|
right: 80px; //52px(sidebar(width) +12px(gutter) + (16px)
|
|
16
16
|
width: calc(${t}px - 32px); // 32px is the left + right padding
|
|
17
17
|
height: 30%;
|
|
18
18
|
display: flex;
|
|
19
|
-
border: 1px solid ${
|
|
19
|
+
border: 1px solid ${n.colors.GREY_2};
|
|
20
20
|
overflow: hidden;
|
|
21
21
|
`
|
|
22
22
|
), C = r(e)`
|
|
23
23
|
cursor: pointer;
|
|
24
|
-
`, I = r(
|
|
24
|
+
`, I = r(d)`
|
|
25
25
|
text-decoration: underline;
|
|
26
26
|
white-space: nowrap;
|
|
27
27
|
writing-mode: vertical-rl;
|
|
28
28
|
text-align: right;
|
|
29
|
-
`, s = (t) => t.startsWith("calc(") ? t.replace(")", " - 0px)") : t, p = (t) => t.trim().split(/\s+(?=[+-])/).map((
|
|
29
|
+
`, s = (t) => t.startsWith("calc(") ? t.replace(")", " - 0px)") : t, p = (t) => t.trim().split(/\s+(?=[+-])/).map((i) => i.startsWith("-") ? `+${i.slice(1)}` : i.startsWith("+") ? `-${i.slice(1)}` : `-${i}`).join(" "), f = (t) => t.startsWith("calc(") && t.endsWith(")") ? (t = t.slice(5, -1), `calc(${p(t)})`) : p(t), S = r(e)(
|
|
30
30
|
({ $questionWidth: t }) => `
|
|
31
31
|
width: calc(${t}px - 32px); // 32px is the left + right padding
|
|
32
32
|
overflow-y: auto;
|
|
@@ -34,7 +34,7 @@ const y = r(e)(
|
|
|
34
34
|
display: flex;
|
|
35
35
|
`
|
|
36
36
|
), T = r(e)(({ $questionWidth: t, $height: o }) => `
|
|
37
|
-
margin-top: ${typeof o == "number" ? `${-o}px` :
|
|
37
|
+
margin-top: ${typeof o == "number" ? `${-o}px` : f(s(o))};
|
|
38
38
|
position: sticky;
|
|
39
39
|
left: calc((100% - ${t}px ) *.5 + ${t}px + 12px);
|
|
40
40
|
bottom: 16px;
|
|
@@ -64,28 +64,28 @@ const y = r(e)(
|
|
|
64
64
|
position: absolute;
|
|
65
65
|
top: 8px;
|
|
66
66
|
right: 16px;
|
|
67
|
-
`,
|
|
67
|
+
`, v = r(l)(({ theme: t, $disabled: o }) => `
|
|
68
68
|
& path {
|
|
69
|
-
|
|
69
|
+
fill: ${o ? t.colors.GREY_4 : t.colors.BLACK};
|
|
70
70
|
}
|
|
71
|
-
`),
|
|
71
|
+
`), R = r(x)(({ theme: t, $disabled: o }) => `
|
|
72
72
|
& path {
|
|
73
|
-
|
|
73
|
+
fill: ${o ? t.colors.GREY_4 : t.colors.BLACK};
|
|
74
74
|
}
|
|
75
|
-
`),
|
|
75
|
+
`), Y = r(a)``;
|
|
76
76
|
export {
|
|
77
77
|
W as CloseIcon,
|
|
78
|
-
|
|
78
|
+
Y as Guide,
|
|
79
79
|
E as GuideContainer,
|
|
80
|
-
|
|
80
|
+
v as HintIcon,
|
|
81
81
|
G as Pointer,
|
|
82
82
|
S as Section,
|
|
83
83
|
y as SectionContainer,
|
|
84
84
|
T as SideBarContainer,
|
|
85
|
-
|
|
85
|
+
R as SolIcon,
|
|
86
86
|
I as UnderlinedText,
|
|
87
87
|
C as UnderlinedTextWrapper,
|
|
88
88
|
s as getMinHeightFromString,
|
|
89
|
-
|
|
89
|
+
f as negateExpression
|
|
90
90
|
};
|
|
91
91
|
//# sourceMappingURL=worksheet-sidebar-styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"worksheet-sidebar-styled.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-sidebar/worksheet-sidebar-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport Info3Icon from '../../../../assets/line-icons/icons/info3';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { CustomElement } from '../worksheet-question/worksheet-question-styled';\nimport SolutionIcon from '../../../../assets/line-icons/icons/solution';\n\nexport const Circle = styled(FlexView)`\n border: 2px solid #000;\n`;\nexport const SectionContainer = styled(FlexView)<{\n $questionWidth: number;\n $actionbarHeight: number;\n}>(\n ({ $questionWidth, $actionbarHeight, theme }) => `\n position: absolute;\n bottom: ${$actionbarHeight}px;\n right: 80px; //52px(sidebar(width) +12px(gutter) + (16px)\n width: calc(${$questionWidth}px - 32px); // 32px is the left + right padding\n height: 30%;\n display: flex;\n border: 1px solid ${theme.colors.GREY_2};\n overflow: hidden;\n`,\n);\n\nexport const UnderlinedTextWrapper = styled(FlexView)`\n cursor: pointer;\n`;\n\nexport const UnderlinedText = styled(Text)`\n text-decoration: underline;\n white-space: nowrap;\n writing-mode: vertical-rl;\n text-align: right;\n`;\n\nexport const getMinHeightFromString = (minHeight: string) => {\n if (minHeight.startsWith('calc(')) {\n return minHeight.replace(')', ' - 0px)');\n }\n\n return minHeight;\n};\n\nconst negateString = (expression: string) => {\n const terms = expression.trim().split(/\\s+(?=[+-])/);\n const negatedTerms = terms.map(term => {\n if (term.startsWith('-')) {\n return `+${term.slice(1)}`; // change - to +\n }\n\n if (term.startsWith('+')) {\n return `-${term.slice(1)}`; // change + to -\n }\n\n return `-${term}`; // add leading '-'\n });\n\n return negatedTerms.join(' ');\n};\n\nexport const negateExpression = (expression: string) => {\n if (expression.startsWith('calc(') && expression.endsWith(')')) {\n expression = expression.slice(5, -1); // Remove 'calc(' and ')'\n const negatedTerms = negateString(expression);\n\n return `calc(${negatedTerms})`;\n }\n\n return negateString(expression);\n};\n\nexport const Section = styled(FlexView)<{\n $questionWidth: number;\n $actionbarHeight: number;\n}>(\n ({ $questionWidth }) => `\n width: calc(${$questionWidth}px - 32px); // 32px is the left + right padding\n overflow-y: auto;\n height: 100%;\n display: flex;\n`,\n);\nexport const SideBarContainer = styled(FlexView)<{\n $questionWidth: number;\n $height: number | string;\n}>(({ $questionWidth, $height }) => {\n return `\n margin-top: ${\n typeof $height === 'number'\n ? `${-$height}px`\n : negateExpression(getMinHeightFromString($height))\n };\n position: sticky;\n left: calc((100% - ${$questionWidth}px ) *.5 + ${$questionWidth}px + 12px);\n bottom: 16px;\n align-items: center;\n height: ${typeof $height === 'number' ? `${$height}px` : getMinHeightFromString($height)};\n z-index: 1;\n`;\n});\n\nexport const GuideContainer = styled(FlexView)(\n ({ theme }) => `\n width: 100%;\n border-radius: 8px;\n border: 1px solid ${theme.colors.GREY_2};\n justify-content: center;\n align-items: center;\n padding: 10px;\n`,\n);\n\nexport const Pointer = styled.div<{ topValue: number; leftValue: number }>`\n position: fixed;\n top: ${({ topValue }) => `${topValue}px`};\n left: ${({ leftValue }) => `${leftValue}px`};\n width: 15px;\n height: 15px;\n transform: rotate(45deg);\n background: white;\n border-top: 1px solid #e0e0e0;\n border-right: 1px solid #e0e0e0;\n`;\n\nexport const CloseIcon = styled(CrossIcon)`\n position: absolute;\n top: 8px;\n right: 16px;\n`;\n\nexport const HintIcon = styled(Info3Icon)<{ $disabled: boolean }>(({ theme, $disabled }) => {\n return `\n & path {\n
|
|
1
|
+
{"version":3,"file":"worksheet-sidebar-styled.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-sidebar/worksheet-sidebar-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport Info3Icon from '../../../../assets/line-icons/icons/info3';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { CustomElement } from '../worksheet-question/worksheet-question-styled';\nimport SolutionIcon from '../../../../assets/line-icons/icons/solution';\n\nexport const Circle = styled(FlexView)`\n border: 2px solid #000;\n`;\nexport const SectionContainer = styled(FlexView)<{\n $questionWidth: number;\n $actionbarHeight: number;\n}>(\n ({ $questionWidth, $actionbarHeight, theme }) => `\n position: absolute;\n bottom: ${$actionbarHeight}px;\n right: 80px; //52px(sidebar(width) +12px(gutter) + (16px)\n width: calc(${$questionWidth}px - 32px); // 32px is the left + right padding\n height: 30%;\n display: flex;\n border: 1px solid ${theme.colors.GREY_2};\n overflow: hidden;\n`,\n);\n\nexport const UnderlinedTextWrapper = styled(FlexView)`\n cursor: pointer;\n`;\n\nexport const UnderlinedText = styled(Text)`\n text-decoration: underline;\n white-space: nowrap;\n writing-mode: vertical-rl;\n text-align: right;\n`;\n\nexport const getMinHeightFromString = (minHeight: string) => {\n if (minHeight.startsWith('calc(')) {\n return minHeight.replace(')', ' - 0px)');\n }\n\n return minHeight;\n};\n\nconst negateString = (expression: string) => {\n const terms = expression.trim().split(/\\s+(?=[+-])/);\n const negatedTerms = terms.map(term => {\n if (term.startsWith('-')) {\n return `+${term.slice(1)}`; // change - to +\n }\n\n if (term.startsWith('+')) {\n return `-${term.slice(1)}`; // change + to -\n }\n\n return `-${term}`; // add leading '-'\n });\n\n return negatedTerms.join(' ');\n};\n\nexport const negateExpression = (expression: string) => {\n if (expression.startsWith('calc(') && expression.endsWith(')')) {\n expression = expression.slice(5, -1); // Remove 'calc(' and ')'\n const negatedTerms = negateString(expression);\n\n return `calc(${negatedTerms})`;\n }\n\n return negateString(expression);\n};\n\nexport const Section = styled(FlexView)<{\n $questionWidth: number;\n $actionbarHeight: number;\n}>(\n ({ $questionWidth }) => `\n width: calc(${$questionWidth}px - 32px); // 32px is the left + right padding\n overflow-y: auto;\n height: 100%;\n display: flex;\n`,\n);\nexport const SideBarContainer = styled(FlexView)<{\n $questionWidth: number;\n $height: number | string;\n}>(({ $questionWidth, $height }) => {\n return `\n margin-top: ${\n typeof $height === 'number'\n ? `${-$height}px`\n : negateExpression(getMinHeightFromString($height))\n };\n position: sticky;\n left: calc((100% - ${$questionWidth}px ) *.5 + ${$questionWidth}px + 12px);\n bottom: 16px;\n align-items: center;\n height: ${typeof $height === 'number' ? `${$height}px` : getMinHeightFromString($height)};\n z-index: 1;\n`;\n});\n\nexport const GuideContainer = styled(FlexView)(\n ({ theme }) => `\n width: 100%;\n border-radius: 8px;\n border: 1px solid ${theme.colors.GREY_2};\n justify-content: center;\n align-items: center;\n padding: 10px;\n`,\n);\n\nexport const Pointer = styled.div<{ topValue: number; leftValue: number }>`\n position: fixed;\n top: ${({ topValue }) => `${topValue}px`};\n left: ${({ leftValue }) => `${leftValue}px`};\n width: 15px;\n height: 15px;\n transform: rotate(45deg);\n background: white;\n border-top: 1px solid #e0e0e0;\n border-right: 1px solid #e0e0e0;\n`;\n\nexport const CloseIcon = styled(CrossIcon)`\n position: absolute;\n top: 8px;\n right: 16px;\n`;\n\nexport const HintIcon = styled(Info3Icon)<{ $disabled: boolean }>(({ theme, $disabled }) => {\n return `\n & path {\n fill: ${$disabled ? theme.colors.GREY_4 : theme.colors.BLACK};\n }\n `;\n});\n\nexport const SolIcon = styled(SolutionIcon)<{ $disabled: boolean }>(({ theme, $disabled }) => {\n return `\n & path {\n fill: ${$disabled ? theme.colors.GREY_4 : theme.colors.BLACK};\n }\n `;\n});\n\nexport const Guide = styled(CustomElement)``;\n"],"names":["styled","FlexView","SectionContainer","$questionWidth","$actionbarHeight","theme","UnderlinedTextWrapper","UnderlinedText","Text","getMinHeightFromString","minHeight","negateString","expression","term","negateExpression","Section","SideBarContainer","$height","GuideContainer","Pointer","topValue","leftValue","CloseIcon","CrossIcon","HintIcon","Info3Icon","$disabled","SolIcon","SolutionIcon","Guide","CustomElement"],"mappings":";;;;;;;AASsBA,EAAOC,CAAQ;AAAA;AAAA;AAGxB,MAAAC,IAAmBF,EAAOC,CAAQ;AAAA,EAI7C,CAAC,EAAE,gBAAAE,GAAgB,kBAAAC,GAAkB,OAAAC,EAAY,MAAA;AAAA;AAAA,YAEvCD,CAAgB;AAAA;AAAA,gBAEZD,CAAc;AAAA;AAAA;AAAA,sBAGRE,EAAM,OAAO,MAAM;AAAA;AAAA;AAGzC,GAEaC,IAAwBN,EAAOC,CAAQ;AAAA;AAAA,GAIvCM,IAAiBP,EAAOQ,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA,GAO5BC,IAAyB,CAACC,MACjCA,EAAU,WAAW,OAAO,IACvBA,EAAU,QAAQ,KAAK,SAAS,IAGlCA,GAGHC,IAAe,CAACC,MACNA,EAAW,KAAK,EAAE,MAAM,aAAa,EACxB,IAAI,CAAQC,MACjCA,EAAK,WAAW,GAAG,IACd,IAAIA,EAAK,MAAM,CAAC,CAAC,KAGtBA,EAAK,WAAW,GAAG,IACd,IAAIA,EAAK,MAAM,CAAC,CAAC,KAGnB,IAAIA,CAAI,EAChB,EAEmB,KAAK,GAAG,GAGjBC,IAAmB,CAACF,MAC3BA,EAAW,WAAW,OAAO,KAAKA,EAAW,SAAS,GAAG,KAC9CA,IAAAA,EAAW,MAAM,GAAG,EAAE,GAG5B,QAFcD,EAAaC,CAAU,CAEjB,OAGtBD,EAAaC,CAAU,GAGnBG,IAAUf,EAAOC,CAAQ;AAAA,EAIpC,CAAC,EAAE,gBAAAE,EAAA,MAAqB;AAAA,gBACVA,CAAc;AAAA;AAAA;AAAA;AAAA;AAK9B,GACaa,IAAmBhB,EAAOC,CAAQ,EAG5C,CAAC,EAAE,gBAAAE,GAAgB,SAAAc,QACb;AAAA,gBAEL,OAAOA,KAAY,WACf,GAAG,CAACA,CAAO,OACXH,EAAiBL,EAAuBQ,CAAO,CAAC,CACtD;AAAA;AAAA,uBAEqBd,CAAc,cAAcA,CAAc;AAAA;AAAA;AAAA,YAGrD,OAAOc,KAAY,WAAW,GAAGA,CAAO,OAAOR,EAAuBQ,CAAO,CAAC;AAAA;AAAA,CAGzF,GAEYC,IAAiBlB,EAAOC,CAAQ;AAAA,EAC3C,CAAC,EAAE,OAAAI,EAAA,MAAY;AAAA;AAAA;AAAA,sBAGKA,EAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAKzC,GAEac,IAAUnB,EAAO;AAAA;AAAA,SAErB,CAAC,EAAE,UAAAoB,EAAe,MAAA,GAAGA,CAAQ,IAAI;AAAA,UAChC,CAAC,EAAE,WAAAC,EAAgB,MAAA,GAAGA,CAAS,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAShCC,IAAYtB,EAAOuB,CAAS;AAAA;AAAA;AAAA;AAAA,GAM5BC,IAAWxB,EAAOyB,CAAS,EAA0B,CAAC,EAAE,OAAApB,GAAO,WAAAqB,QACnE;AAAA;AAAA,cAEKA,IAAYrB,EAAM,OAAO,SAASA,EAAM,OAAO,KAAK;AAAA;AAAA,GAGjE,GAEYsB,IAAU3B,EAAO4B,CAAY,EAA0B,CAAC,EAAE,OAAAvB,GAAO,WAAAqB,QACrE;AAAA;AAAA,cAEKA,IAAYrB,EAAM,OAAO,SAASA,EAAM,OAAO,KAAK;AAAA;AAAA,GAGjE,GAEYwB,IAAQ7B,EAAO8B,CAAa;"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import { ButtonHTMLAttributes } from 'react';
|
|
2
|
+
import { Channel } from '@cuemath/cue-message-broker';
|
|
3
3
|
import { ChannelStatus } from '@cuemath/cue-message-broker';
|
|
4
4
|
import { ComponentType } from 'react';
|
|
5
|
-
import
|
|
5
|
+
import { Config } from '@lottiefiles/dotlottie-web';
|
|
6
6
|
import { Context } from 'react';
|
|
7
|
-
import
|
|
8
|
-
import
|
|
7
|
+
import { Data } from '@lottiefiles/dotlottie-web';
|
|
8
|
+
import { DefaultTheme } from 'styled-components';
|
|
9
9
|
import { DetailedHTMLProps } from 'react';
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
10
|
+
import { Dispatch } from 'react';
|
|
11
|
+
import { EventListener as EventListener_2 } from '@lottiefiles/dotlottie-web';
|
|
12
|
+
import { EventType } from '@lottiefiles/dotlottie-web';
|
|
13
13
|
import { FC } from 'react';
|
|
14
|
-
import
|
|
14
|
+
import { FormEvent } from 'react';
|
|
15
15
|
import { ForwardRefExoticComponent } from 'react';
|
|
16
16
|
import { HTMLAttributes } from 'react';
|
|
17
|
-
import
|
|
17
|
+
import { HTMLProps } from 'react';
|
|
18
18
|
import { IChannelMessage } from '@cuemath/cue-message-broker';
|
|
19
|
-
import
|
|
20
|
-
import
|
|
21
|
-
import
|
|
19
|
+
import { IframeHTMLAttributes } from 'react';
|
|
20
|
+
import { ImgHTMLAttributes } from 'react';
|
|
21
|
+
import { InputHTMLAttributes } from 'react';
|
|
22
22
|
import { IProvidedProps } from 'google-maps-react';
|
|
23
23
|
import { IStyledComponent } from 'styled-components';
|
|
24
24
|
import { JSX } from 'react/jsx-runtime';
|
|
25
25
|
import { MemoExoticComponent } from 'react';
|
|
26
|
-
import
|
|
26
|
+
import { MutableRefObject } from 'react';
|
|
27
27
|
import { NamedExoticComponent } from 'react';
|
|
28
28
|
import { Omit as Omit_2 } from 'google-maps-react';
|
|
29
|
-
import
|
|
29
|
+
import { PLUGIN_NAME } from '@cuemath/analytics-v2/dist/constants';
|
|
30
30
|
import { PropsWithChildren } from 'react';
|
|
31
31
|
import { ReactElement } from 'react';
|
|
32
32
|
import { ReactNode } from 'react';
|
|
33
33
|
import { RefAttributes } from 'react';
|
|
34
34
|
import { RefObject } from 'react';
|
|
35
35
|
import { ResourceModel } from '@cuemath/rest-api';
|
|
36
|
-
import
|
|
36
|
+
import { SetStateAction } from 'react';
|
|
37
37
|
import { Substitute } from 'styled-components/dist/types';
|
|
38
38
|
import { SVGProps } from 'react';
|
|
39
39
|
import { VideoHTMLAttributes } from 'react';
|
|
@@ -84,7 +84,7 @@ declare type AnimationSegment = [number, number];
|
|
|
84
84
|
export declare const AppLoader: FC<IAppLoaderProps>;
|
|
85
85
|
|
|
86
86
|
export declare const ArcButton: NamedExoticComponent<IArcButtonProps & {
|
|
87
|
-
|
|
87
|
+
children?: ReactNode | undefined;
|
|
88
88
|
} & RefAttributes<HTMLDivElement>>;
|
|
89
89
|
|
|
90
90
|
export declare const ArrowTooltip: NamedExoticComponent<IArrowTooltipProps>;
|
|
@@ -440,7 +440,7 @@ declare interface CueCoinIconProps extends SVGProps<SVGSVGElement> {
|
|
|
440
440
|
variant?: 'gold' | 'silver';
|
|
441
441
|
}
|
|
442
442
|
|
|
443
|
-
export declare const CuemathAppFeatures: NamedExoticComponent<{}>;
|
|
443
|
+
export declare const CuemathAppFeatures: NamedExoticComponent< {}>;
|
|
444
444
|
|
|
445
445
|
export declare const CuemathLogo: FC<SVGProps<SVGSVGElement>>;
|
|
446
446
|
|
|
@@ -688,7 +688,7 @@ declare enum GENDER {
|
|
|
688
688
|
OTHER = "OTHER"
|
|
689
689
|
}
|
|
690
690
|
|
|
691
|
-
export declare const getActiveSATSheet: (sheets: TLPARSheetData[]) => TLPARSheetData;
|
|
691
|
+
export declare const getActiveSATSheet: (sheets: TLPARSheetData[]) => TLPARSheetData | undefined;
|
|
692
692
|
|
|
693
693
|
declare const getArrowTooltipConfig: IGetArrowTooltipConfig;
|
|
694
694
|
|
|
@@ -5224,7 +5224,7 @@ export declare const OTPInput: NamedExoticComponent<IOTPInputProps>;
|
|
|
5224
5224
|
export declare type OutcomeStage = keyof typeof STAGES;
|
|
5225
5225
|
|
|
5226
5226
|
export declare const OverlayLoader: MemoExoticComponent<({ isLoading }: {
|
|
5227
|
-
|
|
5227
|
+
isLoading?: boolean | undefined;
|
|
5228
5228
|
}) => JSX.Element | null>;
|
|
5229
5229
|
|
|
5230
5230
|
export declare const ParentDashboard: NamedExoticComponent<IParentDashboardProps>;
|
|
@@ -5547,7 +5547,7 @@ export declare const SheetIcon: FC<SVGProps<SVGSVGElement>>;
|
|
|
5547
5547
|
export declare const SheetList: FC<ISheetsListProps>;
|
|
5548
5548
|
|
|
5549
5549
|
export declare const SheetLocked: MemoExoticComponent<({ onHomeClick }: {
|
|
5550
|
-
|
|
5550
|
+
onHomeClick: () => void;
|
|
5551
5551
|
}) => JSX.Element>;
|
|
5552
5552
|
|
|
5553
5553
|
export declare const SignUp: ({ mathGymEnrolledUser, circleEnrolledUser, circleOnLeapPremiumDays, circleUsername, countryCode, grade: defaultGrade, state, circleOnLeapPremiumEnabled, studentId, isSignUpProcessing, onCreateUser, onUpdateUser, onSignupStepsComplete, isPLAStudent, }: ISignUpProps) => JSX.Element;
|
|
@@ -7072,8 +7072,8 @@ export declare const useGetMilestoneResources: (initialId?: string, initialQuery
|
|
|
7072
7072
|
|
|
7073
7073
|
export declare const useGetPastMilestoneCount: (initialId?: string, initialQuery?: void | undefined) => {
|
|
7074
7074
|
get: (id: string, query: void, meta: TQuery_2) => Promise<void>;
|
|
7075
|
-
resource: ResourceModel<{
|
|
7076
|
-
|
|
7075
|
+
resource: ResourceModel< {
|
|
7076
|
+
user_milestones_count: number;
|
|
7077
7077
|
}> | undefined;
|
|
7078
7078
|
data: {
|
|
7079
7079
|
user_milestones_count: number;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cuemath/leap",
|
|
3
|
-
"version": "3.5.
|
|
3
|
+
"version": "3.5.6",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist"
|
|
@@ -89,5 +89,6 @@
|
|
|
89
89
|
"vite-plugin-dts": "4.5.4",
|
|
90
90
|
"vite-plugin-svgr": "3.2.0",
|
|
91
91
|
"vite-tsconfig-paths": "^4.2.2"
|
|
92
|
-
}
|
|
92
|
+
},
|
|
93
|
+
"packageManager": "yarn@4.9.2"
|
|
93
94
|
}
|