evelearn-theme 1.0.4 → 1.0.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/index.d.mts +1 -7
- package/dist/index.d.ts +1 -7
- package/dist/index.js +34 -87
- package/dist/index.mjs +13 -62
- package/package.json +1 -2
package/dist/index.d.mts
CHANGED
|
@@ -2,7 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
3
|
import React__default, { CSSProperties, ReactNode } from 'react';
|
|
4
4
|
import { Placement } from '@floating-ui/react';
|
|
5
|
-
import * as next_dist_compiled__next_font from 'next/dist/compiled/@next/font';
|
|
6
5
|
|
|
7
6
|
type Props$h = {
|
|
8
7
|
visible: boolean;
|
|
@@ -256,11 +255,6 @@ type Props$4 = {
|
|
|
256
255
|
};
|
|
257
256
|
declare const Fade: ({ children, inProp }: Props$4) => react_jsx_runtime.JSX.Element;
|
|
258
257
|
|
|
259
|
-
declare const openSans: next_dist_compiled__next_font.NextFontWithVariable;
|
|
260
|
-
declare const ubuntu: next_dist_compiled__next_font.NextFontWithVariable;
|
|
261
|
-
declare const parkinsans: next_dist_compiled__next_font.NextFontWithVariable;
|
|
262
|
-
declare const balsamicSans: next_dist_compiled__next_font.NextFontWithVariable;
|
|
263
|
-
|
|
264
258
|
type ProgressBarProps = {
|
|
265
259
|
progress: number;
|
|
266
260
|
height?: number;
|
|
@@ -329,4 +323,4 @@ declare const AnimateLogo: () => react_jsx_runtime.JSX.Element;
|
|
|
329
323
|
|
|
330
324
|
declare const PRIMARY_COLOR = "#00b4d8";
|
|
331
325
|
|
|
332
|
-
export { AnimateLogo, Backdrop, BAWrapper as BottomAlert, Breakpoint, Button, Checkbox, CircleProgress, Container, CourseProgress, ErrorText, Fade, FunButton, FunRoundButton, IconInfo, Modal, NoResults, NoticeBox, Overlay, OverlaySpinner, PRIMARY_COLOR, Pill, ProgressBar, ProgressBarSimple, RadioOption, RatingStars, ScrollProgress, Slider, Spinner, StepsComponent, Tippy, ToggleSwitch, UserContentSwitcher,
|
|
326
|
+
export { AnimateLogo, Backdrop, BAWrapper as BottomAlert, Breakpoint, Button, Checkbox, CircleProgress, Container, CourseProgress, ErrorText, Fade, FunButton, FunRoundButton, IconInfo, Modal, NoResults, NoticeBox, Overlay, OverlaySpinner, PRIMARY_COLOR, Pill, ProgressBar, ProgressBarSimple, RadioOption, RatingStars, ScrollProgress, Slider, Spinner, StepsComponent, Tippy, ToggleSwitch, UserContentSwitcher, baseFieldStyle, createExerciseElementStyle, exerciseDeleteButton, exerciseEditButton, headerButtonClass, headerTippyClass, tippyClassname, toolbarExerciseButton, xIconButton };
|
package/dist/index.d.ts
CHANGED
|
@@ -2,7 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
3
|
import React__default, { CSSProperties, ReactNode } from 'react';
|
|
4
4
|
import { Placement } from '@floating-ui/react';
|
|
5
|
-
import * as next_dist_compiled__next_font from 'next/dist/compiled/@next/font';
|
|
6
5
|
|
|
7
6
|
type Props$h = {
|
|
8
7
|
visible: boolean;
|
|
@@ -256,11 +255,6 @@ type Props$4 = {
|
|
|
256
255
|
};
|
|
257
256
|
declare const Fade: ({ children, inProp }: Props$4) => react_jsx_runtime.JSX.Element;
|
|
258
257
|
|
|
259
|
-
declare const openSans: next_dist_compiled__next_font.NextFontWithVariable;
|
|
260
|
-
declare const ubuntu: next_dist_compiled__next_font.NextFontWithVariable;
|
|
261
|
-
declare const parkinsans: next_dist_compiled__next_font.NextFontWithVariable;
|
|
262
|
-
declare const balsamicSans: next_dist_compiled__next_font.NextFontWithVariable;
|
|
263
|
-
|
|
264
258
|
type ProgressBarProps = {
|
|
265
259
|
progress: number;
|
|
266
260
|
height?: number;
|
|
@@ -329,4 +323,4 @@ declare const AnimateLogo: () => react_jsx_runtime.JSX.Element;
|
|
|
329
323
|
|
|
330
324
|
declare const PRIMARY_COLOR = "#00b4d8";
|
|
331
325
|
|
|
332
|
-
export { AnimateLogo, Backdrop, BAWrapper as BottomAlert, Breakpoint, Button, Checkbox, CircleProgress, Container, CourseProgress, ErrorText, Fade, FunButton, FunRoundButton, IconInfo, Modal, NoResults, NoticeBox, Overlay, OverlaySpinner, PRIMARY_COLOR, Pill, ProgressBar, ProgressBarSimple, RadioOption, RatingStars, ScrollProgress, Slider, Spinner, StepsComponent, Tippy, ToggleSwitch, UserContentSwitcher,
|
|
326
|
+
export { AnimateLogo, Backdrop, BAWrapper as BottomAlert, Breakpoint, Button, Checkbox, CircleProgress, Container, CourseProgress, ErrorText, Fade, FunButton, FunRoundButton, IconInfo, Modal, NoResults, NoticeBox, Overlay, OverlaySpinner, PRIMARY_COLOR, Pill, ProgressBar, ProgressBarSimple, RadioOption, RatingStars, ScrollProgress, Slider, Spinner, StepsComponent, Tippy, ToggleSwitch, UserContentSwitcher, baseFieldStyle, createExerciseElementStyle, exerciseDeleteButton, exerciseEditButton, headerButtonClass, headerTippyClass, tippyClassname, toolbarExerciseButton, xIconButton };
|
package/dist/index.js
CHANGED
|
@@ -91,18 +91,14 @@ __export(index_exports, {
|
|
|
91
91
|
Tippy: () => Tippy_default,
|
|
92
92
|
ToggleSwitch: () => ToggleSwitch_default,
|
|
93
93
|
UserContentSwitcher: () => UserContentSwitcher_default,
|
|
94
|
-
balsamicSans: () => balsamicSans,
|
|
95
94
|
baseFieldStyle: () => baseFieldStyle,
|
|
96
95
|
createExerciseElementStyle: () => createExerciseElementStyle,
|
|
97
96
|
exerciseDeleteButton: () => exerciseDeleteButton,
|
|
98
97
|
exerciseEditButton: () => exerciseEditButton,
|
|
99
98
|
headerButtonClass: () => headerButtonClass,
|
|
100
99
|
headerTippyClass: () => headerTippyClass,
|
|
101
|
-
openSans: () => openSans,
|
|
102
|
-
parkinsans: () => parkinsans,
|
|
103
100
|
tippyClassname: () => tippyClassname,
|
|
104
101
|
toolbarExerciseButton: () => toolbarExerciseButton,
|
|
105
|
-
ubuntu: () => ubuntu,
|
|
106
102
|
xIconButton: () => xIconButton
|
|
107
103
|
});
|
|
108
104
|
module.exports = __toCommonJS(index_exports);
|
|
@@ -128,40 +124,6 @@ var Backdrop_default = Backdrop;
|
|
|
128
124
|
// src/Backdrop/Overlay.tsx
|
|
129
125
|
var import_react = require("react");
|
|
130
126
|
var import_react_dom = __toESM(require("react-dom"));
|
|
131
|
-
|
|
132
|
-
// src/fonts/index.tsx
|
|
133
|
-
var import_google = require("next/font/google");
|
|
134
|
-
var openSans = (0, import_google.Open_Sans)({
|
|
135
|
-
preload: true,
|
|
136
|
-
display: "swap",
|
|
137
|
-
subsets: ["cyrillic", "cyrillic-ext", "greek", "greek-ext", "latin", "latin-ext", "vietnamese", "hebrew"],
|
|
138
|
-
variable: "--font-sans"
|
|
139
|
-
});
|
|
140
|
-
var ubuntu = (0, import_google.Ubuntu)({
|
|
141
|
-
preload: true,
|
|
142
|
-
weight: ["300", "400", "500", "700"],
|
|
143
|
-
display: "auto",
|
|
144
|
-
subsets: ["cyrillic", "cyrillic-ext", "greek", "greek-ext", "latin", "latin-ext"],
|
|
145
|
-
variable: "--font-fallback"
|
|
146
|
-
});
|
|
147
|
-
var parkinsans = (0, import_google.Parkinsans)({
|
|
148
|
-
preload: true,
|
|
149
|
-
weight: ["300", "400", "500", "700"],
|
|
150
|
-
display: "swap",
|
|
151
|
-
adjustFontFallback: false,
|
|
152
|
-
subsets: ["latin", "latin-ext"],
|
|
153
|
-
// fallback: ['--font-fallback'],
|
|
154
|
-
variable: "--font-header"
|
|
155
|
-
});
|
|
156
|
-
var balsamicSans = (0, import_google.Balsamiq_Sans)({
|
|
157
|
-
preload: false,
|
|
158
|
-
display: "swap",
|
|
159
|
-
weight: ["400", "700"],
|
|
160
|
-
subsets: ["cyrillic", "cyrillic-ext", "latin", "latin-ext"],
|
|
161
|
-
variable: "--font-fun"
|
|
162
|
-
});
|
|
163
|
-
|
|
164
|
-
// src/Backdrop/Overlay.tsx
|
|
165
127
|
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
166
128
|
var Overlay = ({ visible, onDismissed, onClick, zIndex, isDark, children, opacity, withContainer = true }) => {
|
|
167
129
|
const [modalRoot, setModalRoot] = (0, import_react.useState)(null);
|
|
@@ -186,14 +148,14 @@ var Overlay = ({ visible, onDismissed, onClick, zIndex, isDark, children, opacit
|
|
|
186
148
|
"div",
|
|
187
149
|
{
|
|
188
150
|
onClick: onDismissed || onClick,
|
|
189
|
-
className: `top-0 left-0 fixed w-full h-screen flex items-center justify-center
|
|
151
|
+
className: `top-0 left-0 fixed w-full h-screen flex items-center justify-center`,
|
|
190
152
|
style: {
|
|
191
153
|
background: isDark ? `rgba(0, 0, 0, ${opacity || "0.7"})` : `rgba(255, 255, 255, ${opacity || "0.6"})`,
|
|
192
154
|
zIndex: zIndex || 9999
|
|
193
155
|
},
|
|
194
156
|
children
|
|
195
157
|
}
|
|
196
|
-
) :
|
|
158
|
+
) : children }),
|
|
197
159
|
modalRoot
|
|
198
160
|
);
|
|
199
161
|
};
|
|
@@ -648,19 +610,8 @@ var BAWrapper = (props) => {
|
|
|
648
610
|
var BottomAlert_default = BAWrapper;
|
|
649
611
|
|
|
650
612
|
// src/Common/Container.tsx
|
|
651
|
-
var import_react5 = require("react");
|
|
652
613
|
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
653
|
-
var Container = ({
|
|
654
|
-
(0, import_react5.useEffect)(() => {
|
|
655
|
-
if (backgroundColor) {
|
|
656
|
-
document.body.style.background = backgroundColor;
|
|
657
|
-
} else {
|
|
658
|
-
document.body.style.background = "";
|
|
659
|
-
}
|
|
660
|
-
return () => {
|
|
661
|
-
document.body.style.background = "";
|
|
662
|
-
};
|
|
663
|
-
}, [backgroundColor]);
|
|
614
|
+
var Container = ({ backgroundImage, style, children, onClick }) => {
|
|
664
615
|
return backgroundImage ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
665
616
|
"div",
|
|
666
617
|
{
|
|
@@ -696,13 +647,13 @@ var headerButtonClass = "w-10 h-10 rounded-full dark:hover:bg-slate-600 hover:bg
|
|
|
696
647
|
var toolbarExerciseButton = "flex bg-gray-50/90 items-center sm:justify-between p-4 shadow-sm w-full rounded-xl border-4 border-transparent hover:border-white text-gray-700 hover:text-white hover:bg-indigo-500 transition-colors duration-75";
|
|
697
648
|
|
|
698
649
|
// src/Common/Tippy.tsx
|
|
699
|
-
var
|
|
700
|
-
var
|
|
650
|
+
var import_react5 = require("react");
|
|
651
|
+
var import_react6 = require("@floating-ui/react");
|
|
701
652
|
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
702
653
|
var Tippy = ({ children, content, placement = "top", className = "", wrapperClassname = "", disabled = false, arrow: useArrow = false, visible }) => {
|
|
703
|
-
const [isOpen, setIsOpen] = (0,
|
|
704
|
-
const arrowRef = (0,
|
|
705
|
-
(0,
|
|
654
|
+
const [isOpen, setIsOpen] = (0, import_react5.useState)(false);
|
|
655
|
+
const arrowRef = (0, import_react5.useRef)(null);
|
|
656
|
+
(0, import_react5.useEffect)(() => {
|
|
706
657
|
if (visible) {
|
|
707
658
|
setIsOpen(true);
|
|
708
659
|
}
|
|
@@ -713,29 +664,29 @@ var Tippy = ({ children, content, placement = "top", className = "", wrapperClas
|
|
|
713
664
|
strategy,
|
|
714
665
|
refs,
|
|
715
666
|
context
|
|
716
|
-
} = (0,
|
|
667
|
+
} = (0, import_react6.useFloating)({
|
|
717
668
|
placement,
|
|
718
669
|
open: isOpen,
|
|
719
670
|
onOpenChange: setIsOpen,
|
|
720
671
|
middleware: [
|
|
721
|
-
(0,
|
|
722
|
-
(0,
|
|
723
|
-
(0,
|
|
724
|
-
(0,
|
|
672
|
+
(0, import_react6.offset)(8),
|
|
673
|
+
(0, import_react6.flip)(),
|
|
674
|
+
(0, import_react6.shift)(),
|
|
675
|
+
(0, import_react6.arrow)({ element: arrowRef })
|
|
725
676
|
]
|
|
726
677
|
});
|
|
727
|
-
const hover = (0,
|
|
678
|
+
const hover = (0, import_react6.useHover)(context, {
|
|
728
679
|
enabled: !disabled
|
|
729
680
|
});
|
|
730
|
-
const dismiss = (0,
|
|
731
|
-
const role = (0,
|
|
732
|
-
const { getReferenceProps, getFloatingProps } = (0,
|
|
681
|
+
const dismiss = (0, import_react6.useDismiss)(context);
|
|
682
|
+
const role = (0, import_react6.useRole)(context);
|
|
683
|
+
const { getReferenceProps, getFloatingProps } = (0, import_react6.useInteractions)([
|
|
733
684
|
hover,
|
|
734
685
|
dismiss,
|
|
735
686
|
role
|
|
736
687
|
]);
|
|
737
688
|
return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
|
|
738
|
-
isOpen && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
|
|
689
|
+
isOpen && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react6.FloatingPortal, { children: [
|
|
739
690
|
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
740
691
|
"div",
|
|
741
692
|
__spreadProps(__spreadValues({
|
|
@@ -752,7 +703,7 @@ var Tippy = ({ children, content, placement = "top", className = "", wrapperClas
|
|
|
752
703
|
})
|
|
753
704
|
),
|
|
754
705
|
useArrow && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
755
|
-
|
|
706
|
+
import_react6.FloatingArrow,
|
|
756
707
|
{
|
|
757
708
|
ref: arrowRef,
|
|
758
709
|
context,
|
|
@@ -856,11 +807,11 @@ var NoResults = ({ loading, message }) => {
|
|
|
856
807
|
var NoResults_default = NoResults;
|
|
857
808
|
|
|
858
809
|
// src/Common/NoticeBox.tsx
|
|
859
|
-
var
|
|
810
|
+
var import_react7 = require("react");
|
|
860
811
|
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
861
812
|
var NoticeBox = ({ children, type, isDismissible, isVisible, onDismiss }) => {
|
|
862
|
-
const [visible, setVisible] = (0,
|
|
863
|
-
const styles = (0,
|
|
813
|
+
const [visible, setVisible] = (0, import_react7.useState)(true);
|
|
814
|
+
const styles = (0, import_react7.useMemo)(() => {
|
|
864
815
|
const base = "relative text-base rounded-md p-2 ";
|
|
865
816
|
if (!visible) return "hidden";
|
|
866
817
|
switch (type) {
|
|
@@ -874,7 +825,7 @@ var NoticeBox = ({ children, type, isDismissible, isVisible, onDismiss }) => {
|
|
|
874
825
|
return base.concat("w-full absolute top-0 text-red-500 border-red-500 bg-white p-3 border-2");
|
|
875
826
|
}
|
|
876
827
|
}, [type, visible]);
|
|
877
|
-
(0,
|
|
828
|
+
(0, import_react7.useEffect)(() => {
|
|
878
829
|
setVisible(isVisible);
|
|
879
830
|
}, [isVisible]);
|
|
880
831
|
if (!isVisible) return null;
|
|
@@ -963,7 +914,7 @@ var RatingStars = ({ avgRating, large }) => {
|
|
|
963
914
|
var RatingStars_default = RatingStars;
|
|
964
915
|
|
|
965
916
|
// src/Common/Slider.tsx
|
|
966
|
-
var
|
|
917
|
+
var import_react8 = require("react");
|
|
967
918
|
var import_use_debounce = require("use-debounce");
|
|
968
919
|
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
969
920
|
var Slider = ({ min, max, step, value, onChange }) => {
|
|
@@ -984,7 +935,7 @@ var Slider = ({ min, max, step, value, onChange }) => {
|
|
|
984
935
|
);
|
|
985
936
|
};
|
|
986
937
|
var DebouncedSlider = ({ min, max, handleUpdate, initialValue }) => {
|
|
987
|
-
const [value, setValue] = (0,
|
|
938
|
+
const [value, setValue] = (0, import_react8.useState)(initialValue);
|
|
988
939
|
const debouncedUpdate = (0, import_use_debounce.useDebouncedCallback)((v) => {
|
|
989
940
|
handleUpdate(v);
|
|
990
941
|
}, 120, { trailing: true, leading: false });
|
|
@@ -1410,12 +1361,12 @@ CourseProgress.Small = Small;
|
|
|
1410
1361
|
var CourseProgress_default = CourseProgress;
|
|
1411
1362
|
|
|
1412
1363
|
// src/ProgressBar/ScrollProgress.tsx
|
|
1413
|
-
var
|
|
1364
|
+
var import_react9 = require("react");
|
|
1414
1365
|
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
1415
1366
|
var PRIMARY_COLOR2 = "#00b4d8";
|
|
1416
1367
|
var ScrollProgress = () => {
|
|
1417
|
-
const [scrollPercentage, setScrollPercentage] = (0,
|
|
1418
|
-
(0,
|
|
1368
|
+
const [scrollPercentage, setScrollPercentage] = (0, import_react9.useState)(0);
|
|
1369
|
+
(0, import_react9.useEffect)(() => {
|
|
1419
1370
|
const handleScroll = () => {
|
|
1420
1371
|
const windowHeight = window.innerHeight;
|
|
1421
1372
|
const documentHeight = document.documentElement.scrollHeight;
|
|
@@ -1458,11 +1409,11 @@ var ScrollProgress = () => {
|
|
|
1458
1409
|
var ScrollProgress_default = ScrollProgress;
|
|
1459
1410
|
|
|
1460
1411
|
// src/Icons/AnimateLogo.tsx
|
|
1461
|
-
var
|
|
1412
|
+
var import_react10 = require("react");
|
|
1462
1413
|
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
1463
1414
|
var AnimateLogo = () => {
|
|
1464
|
-
const [isFirefox, setIsFirefox] = (0,
|
|
1465
|
-
(0,
|
|
1415
|
+
const [isFirefox, setIsFirefox] = (0, import_react10.useState)(false);
|
|
1416
|
+
(0, import_react10.useEffect)(() => {
|
|
1466
1417
|
const userAgent = window.navigator.userAgent;
|
|
1467
1418
|
setIsFirefox(userAgent.indexOf("Firefox") > -1);
|
|
1468
1419
|
}, []);
|
|
@@ -1581,12 +1532,12 @@ var AnimateLogo = () => {
|
|
|
1581
1532
|
var AnimateLogo_default = AnimateLogo;
|
|
1582
1533
|
|
|
1583
1534
|
// src/Spinners/OverlaySpinner.tsx
|
|
1584
|
-
var
|
|
1535
|
+
var import_react11 = require("react");
|
|
1585
1536
|
var import_react_dom3 = require("react-dom");
|
|
1586
1537
|
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
1587
1538
|
var OverlaySpinner = ({ visible }) => {
|
|
1588
|
-
const [mounted, setMounted] = (0,
|
|
1589
|
-
(0,
|
|
1539
|
+
const [mounted, setMounted] = (0, import_react11.useState)(false);
|
|
1540
|
+
(0, import_react11.useEffect)(() => setMounted(true), []);
|
|
1590
1541
|
if (!mounted) return null;
|
|
1591
1542
|
if (!visible) return null;
|
|
1592
1543
|
return (0, import_react_dom3.createPortal)(
|
|
@@ -1633,17 +1584,13 @@ var PRIMARY_COLOR3 = "#00b4d8";
|
|
|
1633
1584
|
Tippy,
|
|
1634
1585
|
ToggleSwitch,
|
|
1635
1586
|
UserContentSwitcher,
|
|
1636
|
-
balsamicSans,
|
|
1637
1587
|
baseFieldStyle,
|
|
1638
1588
|
createExerciseElementStyle,
|
|
1639
1589
|
exerciseDeleteButton,
|
|
1640
1590
|
exerciseEditButton,
|
|
1641
1591
|
headerButtonClass,
|
|
1642
1592
|
headerTippyClass,
|
|
1643
|
-
openSans,
|
|
1644
|
-
parkinsans,
|
|
1645
1593
|
tippyClassname,
|
|
1646
1594
|
toolbarExerciseButton,
|
|
1647
|
-
ubuntu,
|
|
1648
1595
|
xIconButton
|
|
1649
1596
|
});
|
package/dist/index.mjs
CHANGED
|
@@ -51,40 +51,6 @@ var Backdrop_default = Backdrop;
|
|
|
51
51
|
// src/Backdrop/Overlay.tsx
|
|
52
52
|
import { useEffect, useState } from "react";
|
|
53
53
|
import ReactDOM from "react-dom";
|
|
54
|
-
|
|
55
|
-
// src/fonts/index.tsx
|
|
56
|
-
import { Open_Sans, Ubuntu, Balsamiq_Sans, Parkinsans } from "next/font/google";
|
|
57
|
-
var openSans = Open_Sans({
|
|
58
|
-
preload: true,
|
|
59
|
-
display: "swap",
|
|
60
|
-
subsets: ["cyrillic", "cyrillic-ext", "greek", "greek-ext", "latin", "latin-ext", "vietnamese", "hebrew"],
|
|
61
|
-
variable: "--font-sans"
|
|
62
|
-
});
|
|
63
|
-
var ubuntu = Ubuntu({
|
|
64
|
-
preload: true,
|
|
65
|
-
weight: ["300", "400", "500", "700"],
|
|
66
|
-
display: "auto",
|
|
67
|
-
subsets: ["cyrillic", "cyrillic-ext", "greek", "greek-ext", "latin", "latin-ext"],
|
|
68
|
-
variable: "--font-fallback"
|
|
69
|
-
});
|
|
70
|
-
var parkinsans = Parkinsans({
|
|
71
|
-
preload: true,
|
|
72
|
-
weight: ["300", "400", "500", "700"],
|
|
73
|
-
display: "swap",
|
|
74
|
-
adjustFontFallback: false,
|
|
75
|
-
subsets: ["latin", "latin-ext"],
|
|
76
|
-
// fallback: ['--font-fallback'],
|
|
77
|
-
variable: "--font-header"
|
|
78
|
-
});
|
|
79
|
-
var balsamicSans = Balsamiq_Sans({
|
|
80
|
-
preload: false,
|
|
81
|
-
display: "swap",
|
|
82
|
-
weight: ["400", "700"],
|
|
83
|
-
subsets: ["cyrillic", "cyrillic-ext", "latin", "latin-ext"],
|
|
84
|
-
variable: "--font-fun"
|
|
85
|
-
});
|
|
86
|
-
|
|
87
|
-
// src/Backdrop/Overlay.tsx
|
|
88
54
|
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
89
55
|
var Overlay = ({ visible, onDismissed, onClick, zIndex, isDark, children, opacity, withContainer = true }) => {
|
|
90
56
|
const [modalRoot, setModalRoot] = useState(null);
|
|
@@ -109,14 +75,14 @@ var Overlay = ({ visible, onDismissed, onClick, zIndex, isDark, children, opacit
|
|
|
109
75
|
"div",
|
|
110
76
|
{
|
|
111
77
|
onClick: onDismissed || onClick,
|
|
112
|
-
className: `top-0 left-0 fixed w-full h-screen flex items-center justify-center
|
|
78
|
+
className: `top-0 left-0 fixed w-full h-screen flex items-center justify-center`,
|
|
113
79
|
style: {
|
|
114
80
|
background: isDark ? `rgba(0, 0, 0, ${opacity || "0.7"})` : `rgba(255, 255, 255, ${opacity || "0.6"})`,
|
|
115
81
|
zIndex: zIndex || 9999
|
|
116
82
|
},
|
|
117
83
|
children
|
|
118
84
|
}
|
|
119
|
-
) :
|
|
85
|
+
) : children }),
|
|
120
86
|
modalRoot
|
|
121
87
|
);
|
|
122
88
|
};
|
|
@@ -571,19 +537,8 @@ var BAWrapper = (props) => {
|
|
|
571
537
|
var BottomAlert_default = BAWrapper;
|
|
572
538
|
|
|
573
539
|
// src/Common/Container.tsx
|
|
574
|
-
import { useEffect as useEffect2 } from "react";
|
|
575
540
|
import { jsx as jsx12 } from "react/jsx-runtime";
|
|
576
|
-
var Container = ({
|
|
577
|
-
useEffect2(() => {
|
|
578
|
-
if (backgroundColor) {
|
|
579
|
-
document.body.style.background = backgroundColor;
|
|
580
|
-
} else {
|
|
581
|
-
document.body.style.background = "";
|
|
582
|
-
}
|
|
583
|
-
return () => {
|
|
584
|
-
document.body.style.background = "";
|
|
585
|
-
};
|
|
586
|
-
}, [backgroundColor]);
|
|
541
|
+
var Container = ({ backgroundImage, style, children, onClick }) => {
|
|
587
542
|
return backgroundImage ? /* @__PURE__ */ jsx12(
|
|
588
543
|
"div",
|
|
589
544
|
{
|
|
@@ -619,7 +574,7 @@ var headerButtonClass = "w-10 h-10 rounded-full dark:hover:bg-slate-600 hover:bg
|
|
|
619
574
|
var toolbarExerciseButton = "flex bg-gray-50/90 items-center sm:justify-between p-4 shadow-sm w-full rounded-xl border-4 border-transparent hover:border-white text-gray-700 hover:text-white hover:bg-indigo-500 transition-colors duration-75";
|
|
620
575
|
|
|
621
576
|
// src/Common/Tippy.tsx
|
|
622
|
-
import { useState as useState2, useRef, useEffect as
|
|
577
|
+
import { useState as useState2, useRef, useEffect as useEffect2 } from "react";
|
|
623
578
|
import {
|
|
624
579
|
useFloating,
|
|
625
580
|
useInteractions,
|
|
@@ -637,7 +592,7 @@ import { Fragment, jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
|
637
592
|
var Tippy = ({ children, content, placement = "top", className = "", wrapperClassname = "", disabled = false, arrow: useArrow = false, visible }) => {
|
|
638
593
|
const [isOpen, setIsOpen] = useState2(false);
|
|
639
594
|
const arrowRef = useRef(null);
|
|
640
|
-
|
|
595
|
+
useEffect2(() => {
|
|
641
596
|
if (visible) {
|
|
642
597
|
setIsOpen(true);
|
|
643
598
|
}
|
|
@@ -791,7 +746,7 @@ var NoResults = ({ loading, message }) => {
|
|
|
791
746
|
var NoResults_default = NoResults;
|
|
792
747
|
|
|
793
748
|
// src/Common/NoticeBox.tsx
|
|
794
|
-
import { useEffect as
|
|
749
|
+
import { useEffect as useEffect3, useMemo as useMemo4, useState as useState3 } from "react";
|
|
795
750
|
import { jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
796
751
|
var NoticeBox = ({ children, type, isDismissible, isVisible, onDismiss }) => {
|
|
797
752
|
const [visible, setVisible] = useState3(true);
|
|
@@ -809,7 +764,7 @@ var NoticeBox = ({ children, type, isDismissible, isVisible, onDismiss }) => {
|
|
|
809
764
|
return base.concat("w-full absolute top-0 text-red-500 border-red-500 bg-white p-3 border-2");
|
|
810
765
|
}
|
|
811
766
|
}, [type, visible]);
|
|
812
|
-
|
|
767
|
+
useEffect3(() => {
|
|
813
768
|
setVisible(isVisible);
|
|
814
769
|
}, [isVisible]);
|
|
815
770
|
if (!isVisible) return null;
|
|
@@ -1345,12 +1300,12 @@ CourseProgress.Small = Small;
|
|
|
1345
1300
|
var CourseProgress_default = CourseProgress;
|
|
1346
1301
|
|
|
1347
1302
|
// src/ProgressBar/ScrollProgress.tsx
|
|
1348
|
-
import { useEffect as
|
|
1303
|
+
import { useEffect as useEffect4, useState as useState5 } from "react";
|
|
1349
1304
|
import { jsx as jsx34 } from "react/jsx-runtime";
|
|
1350
1305
|
var PRIMARY_COLOR2 = "#00b4d8";
|
|
1351
1306
|
var ScrollProgress = () => {
|
|
1352
1307
|
const [scrollPercentage, setScrollPercentage] = useState5(0);
|
|
1353
|
-
|
|
1308
|
+
useEffect4(() => {
|
|
1354
1309
|
const handleScroll = () => {
|
|
1355
1310
|
const windowHeight = window.innerHeight;
|
|
1356
1311
|
const documentHeight = document.documentElement.scrollHeight;
|
|
@@ -1393,11 +1348,11 @@ var ScrollProgress = () => {
|
|
|
1393
1348
|
var ScrollProgress_default = ScrollProgress;
|
|
1394
1349
|
|
|
1395
1350
|
// src/Icons/AnimateLogo.tsx
|
|
1396
|
-
import { useEffect as
|
|
1351
|
+
import { useEffect as useEffect5, useState as useState6 } from "react";
|
|
1397
1352
|
import { jsx as jsx35, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
1398
1353
|
var AnimateLogo = () => {
|
|
1399
1354
|
const [isFirefox, setIsFirefox] = useState6(false);
|
|
1400
|
-
|
|
1355
|
+
useEffect5(() => {
|
|
1401
1356
|
const userAgent = window.navigator.userAgent;
|
|
1402
1357
|
setIsFirefox(userAgent.indexOf("Firefox") > -1);
|
|
1403
1358
|
}, []);
|
|
@@ -1516,12 +1471,12 @@ var AnimateLogo = () => {
|
|
|
1516
1471
|
var AnimateLogo_default = AnimateLogo;
|
|
1517
1472
|
|
|
1518
1473
|
// src/Spinners/OverlaySpinner.tsx
|
|
1519
|
-
import { useEffect as
|
|
1474
|
+
import { useEffect as useEffect6, useState as useState7 } from "react";
|
|
1520
1475
|
import { createPortal } from "react-dom";
|
|
1521
1476
|
import { jsx as jsx36 } from "react/jsx-runtime";
|
|
1522
1477
|
var OverlaySpinner = ({ visible }) => {
|
|
1523
1478
|
const [mounted, setMounted] = useState7(false);
|
|
1524
|
-
|
|
1479
|
+
useEffect6(() => setMounted(true), []);
|
|
1525
1480
|
if (!mounted) return null;
|
|
1526
1481
|
if (!visible) return null;
|
|
1527
1482
|
return createPortal(
|
|
@@ -1567,17 +1522,13 @@ export {
|
|
|
1567
1522
|
Tippy_default as Tippy,
|
|
1568
1523
|
ToggleSwitch_default as ToggleSwitch,
|
|
1569
1524
|
UserContentSwitcher_default as UserContentSwitcher,
|
|
1570
|
-
balsamicSans,
|
|
1571
1525
|
baseFieldStyle,
|
|
1572
1526
|
createExerciseElementStyle,
|
|
1573
1527
|
exerciseDeleteButton,
|
|
1574
1528
|
exerciseEditButton,
|
|
1575
1529
|
headerButtonClass,
|
|
1576
1530
|
headerTippyClass,
|
|
1577
|
-
openSans,
|
|
1578
|
-
parkinsans,
|
|
1579
1531
|
tippyClassname,
|
|
1580
1532
|
toolbarExerciseButton,
|
|
1581
|
-
ubuntu,
|
|
1582
1533
|
xIconButton
|
|
1583
1534
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "evelearn-theme",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.6",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -19,7 +19,6 @@
|
|
|
19
19
|
"autoprefixer": "^10.4.21",
|
|
20
20
|
"formik": "^2.4.6",
|
|
21
21
|
"framer-motion": "^12.23.0",
|
|
22
|
-
"next": "^15.3.5",
|
|
23
22
|
"postcss": "^8.5.6",
|
|
24
23
|
"tailwindcss": "^4.1.11",
|
|
25
24
|
"tsup": "^8.5.0",
|