evelearn-theme 1.0.5 → 1.0.6

package/dist/index.js

@@ -610,19 +610,8 @@ var BAWrapper = (props) => {
 var BottomAlert_default = BAWrapper;
 
 // src/Common/Container.tsx
-var import_react5 = require("react");
 var import_jsx_runtime12 = require("react/jsx-runtime");
-var Container = ({ backgroundColor, backgroundImage, style, children, onClick }) => {
-  (0, import_react5.useEffect)(() => {
-    if (backgroundColor) {
-      document.body.style.background = backgroundColor;
-    } else {
-      document.body.style.background = "";
-    }
-    return () => {
-      document.body.style.background = "";
-    };
-  }, [backgroundColor]);
+var Container = ({ backgroundImage, style, children, onClick }) => {
   return backgroundImage ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     {
@@ -658,13 +647,13 @@ var headerButtonClass = "w-10 h-10 rounded-full dark:hover:bg-slate-600 hover:bg
 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";
 
 // src/Common/Tippy.tsx
-var import_react6 = require("react");
-var import_react7 = require("@floating-ui/react");
+var import_react5 = require("react");
+var import_react6 = require("@floating-ui/react");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var Tippy = ({ children, content, placement = "top", className = "", wrapperClassname = "", disabled = false, arrow: useArrow = false, visible }) => {
-  const [isOpen, setIsOpen] = (0, import_react6.useState)(false);
-  const arrowRef = (0, import_react6.useRef)(null);
-  (0, import_react6.useEffect)(() => {
+  const [isOpen, setIsOpen] = (0, import_react5.useState)(false);
+  const arrowRef = (0, import_react5.useRef)(null);
+  (0, import_react5.useEffect)(() => {
     if (visible) {
       setIsOpen(true);
     }
@@ -675,29 +664,29 @@ var Tippy = ({ children, content, placement = "top", className = "", wrapperClas
     strategy,
     refs,
     context
-  } = (0, import_react7.useFloating)({
+  } = (0, import_react6.useFloating)({
     placement,
     open: isOpen,
     onOpenChange: setIsOpen,
     middleware: [
-      (0, import_react7.offset)(8),
-      (0, import_react7.flip)(),
-      (0, import_react7.shift)(),
-      (0, import_react7.arrow)({ element: arrowRef })
+      (0, import_react6.offset)(8),
+      (0, import_react6.flip)(),
+      (0, import_react6.shift)(),
+      (0, import_react6.arrow)({ element: arrowRef })
     ]
   });
-  const hover = (0, import_react7.useHover)(context, {
+  const hover = (0, import_react6.useHover)(context, {
     enabled: !disabled
   });
-  const dismiss = (0, import_react7.useDismiss)(context);
-  const role = (0, import_react7.useRole)(context);
-  const { getReferenceProps, getFloatingProps } = (0, import_react7.useInteractions)([
+  const dismiss = (0, import_react6.useDismiss)(context);
+  const role = (0, import_react6.useRole)(context);
+  const { getReferenceProps, getFloatingProps } = (0, import_react6.useInteractions)([
     hover,
     dismiss,
     role
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react7.FloatingPortal, { children: [
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react6.FloatingPortal, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         "div",
         __spreadProps(__spreadValues({
@@ -714,7 +703,7 @@ var Tippy = ({ children, content, placement = "top", className = "", wrapperClas
         })
       ),
       useArrow && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-        import_react7.FloatingArrow,
+        import_react6.FloatingArrow,
         {
           ref: arrowRef,
           context,
@@ -818,11 +807,11 @@ var NoResults = ({ loading, message }) => {
 var NoResults_default = NoResults;
 
 // src/Common/NoticeBox.tsx
-var import_react8 = require("react");
+var import_react7 = require("react");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var NoticeBox = ({ children, type, isDismissible, isVisible, onDismiss }) => {
-  const [visible, setVisible] = (0, import_react8.useState)(true);
-  const styles = (0, import_react8.useMemo)(() => {
+  const [visible, setVisible] = (0, import_react7.useState)(true);
+  const styles = (0, import_react7.useMemo)(() => {
     const base = "relative text-base rounded-md p-2 ";
     if (!visible) return "hidden";
     switch (type) {
@@ -836,7 +825,7 @@ var NoticeBox = ({ children, type, isDismissible, isVisible, onDismiss }) => {
         return base.concat("w-full absolute top-0 text-red-500 border-red-500 bg-white p-3 border-2");
     }
   }, [type, visible]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     setVisible(isVisible);
   }, [isVisible]);
   if (!isVisible) return null;
@@ -925,7 +914,7 @@ var RatingStars = ({ avgRating, large }) => {
 var RatingStars_default = RatingStars;
 
 // src/Common/Slider.tsx
-var import_react9 = require("react");
+var import_react8 = require("react");
 var import_use_debounce = require("use-debounce");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var Slider = ({ min, max, step, value, onChange }) => {
@@ -946,7 +935,7 @@ var Slider = ({ min, max, step, value, onChange }) => {
   );
 };
 var DebouncedSlider = ({ min, max, handleUpdate, initialValue }) => {
-  const [value, setValue] = (0, import_react9.useState)(initialValue);
+  const [value, setValue] = (0, import_react8.useState)(initialValue);
   const debouncedUpdate = (0, import_use_debounce.useDebouncedCallback)((v) => {
     handleUpdate(v);
   }, 120, { trailing: true, leading: false });
@@ -1372,12 +1361,12 @@ CourseProgress.Small = Small;
 var CourseProgress_default = CourseProgress;
 
 // src/ProgressBar/ScrollProgress.tsx
-var import_react10 = require("react");
+var import_react9 = require("react");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var PRIMARY_COLOR2 = "#00b4d8";
 var ScrollProgress = () => {
-  const [scrollPercentage, setScrollPercentage] = (0, import_react10.useState)(0);
-  (0, import_react10.useEffect)(() => {
+  const [scrollPercentage, setScrollPercentage] = (0, import_react9.useState)(0);
+  (0, import_react9.useEffect)(() => {
     const handleScroll = () => {
       const windowHeight = window.innerHeight;
       const documentHeight = document.documentElement.scrollHeight;
@@ -1420,11 +1409,11 @@ var ScrollProgress = () => {
 var ScrollProgress_default = ScrollProgress;
 
 // src/Icons/AnimateLogo.tsx
-var import_react11 = require("react");
+var import_react10 = require("react");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var AnimateLogo = () => {
-  const [isFirefox, setIsFirefox] = (0, import_react11.useState)(false);
-  (0, import_react11.useEffect)(() => {
+  const [isFirefox, setIsFirefox] = (0, import_react10.useState)(false);
+  (0, import_react10.useEffect)(() => {
     const userAgent = window.navigator.userAgent;
     setIsFirefox(userAgent.indexOf("Firefox") > -1);
   }, []);
@@ -1543,12 +1532,12 @@ var AnimateLogo = () => {
 var AnimateLogo_default = AnimateLogo;
 
 // src/Spinners/OverlaySpinner.tsx
-var import_react12 = require("react");
+var import_react11 = require("react");
 var import_react_dom3 = require("react-dom");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var OverlaySpinner = ({ visible }) => {
-  const [mounted, setMounted] = (0, import_react12.useState)(false);
-  (0, import_react12.useEffect)(() => setMounted(true), []);
+  const [mounted, setMounted] = (0, import_react11.useState)(false);
+  (0, import_react11.useEffect)(() => setMounted(true), []);
   if (!mounted) return null;
   if (!visible) return null;
   return (0, import_react_dom3.createPortal)(

package/dist/index.mjs

@@ -537,19 +537,8 @@ var BAWrapper = (props) => {
 var BottomAlert_default = BAWrapper;
 
 // src/Common/Container.tsx
-import { useEffect as useEffect2 } from "react";
 import { jsx as jsx12 } from "react/jsx-runtime";
-var Container = ({ backgroundColor, backgroundImage, style, children, onClick }) => {
-  useEffect2(() => {
-    if (backgroundColor) {
-      document.body.style.background = backgroundColor;
-    } else {
-      document.body.style.background = "";
-    }
-    return () => {
-      document.body.style.background = "";
-    };
-  }, [backgroundColor]);
+var Container = ({ backgroundImage, style, children, onClick }) => {
   return backgroundImage ? /* @__PURE__ */ jsx12(
     "div",
     {
@@ -585,7 +574,7 @@ var headerButtonClass = "w-10 h-10 rounded-full dark:hover:bg-slate-600 hover:bg
 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";
 
 // src/Common/Tippy.tsx
-import { useState as useState2, useRef, useEffect as useEffect3 } from "react";
+import { useState as useState2, useRef, useEffect as useEffect2 } from "react";
 import {
   useFloating,
   useInteractions,
@@ -603,7 +592,7 @@ import { Fragment, jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
 var Tippy = ({ children, content, placement = "top", className = "", wrapperClassname = "", disabled = false, arrow: useArrow = false, visible }) => {
   const [isOpen, setIsOpen] = useState2(false);
   const arrowRef = useRef(null);
-  useEffect3(() => {
+  useEffect2(() => {
     if (visible) {
       setIsOpen(true);
     }
@@ -757,7 +746,7 @@ var NoResults = ({ loading, message }) => {
 var NoResults_default = NoResults;
 
 // src/Common/NoticeBox.tsx
-import { useEffect as useEffect4, useMemo as useMemo4, useState as useState3 } from "react";
+import { useEffect as useEffect3, useMemo as useMemo4, useState as useState3 } from "react";
 import { jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
 var NoticeBox = ({ children, type, isDismissible, isVisible, onDismiss }) => {
   const [visible, setVisible] = useState3(true);
@@ -775,7 +764,7 @@ var NoticeBox = ({ children, type, isDismissible, isVisible, onDismiss }) => {
         return base.concat("w-full absolute top-0 text-red-500 border-red-500 bg-white p-3 border-2");
     }
   }, [type, visible]);
-  useEffect4(() => {
+  useEffect3(() => {
     setVisible(isVisible);
   }, [isVisible]);
   if (!isVisible) return null;
@@ -1311,12 +1300,12 @@ CourseProgress.Small = Small;
 var CourseProgress_default = CourseProgress;
 
 // src/ProgressBar/ScrollProgress.tsx
-import { useEffect as useEffect5, useState as useState5 } from "react";
+import { useEffect as useEffect4, useState as useState5 } from "react";
 import { jsx as jsx34 } from "react/jsx-runtime";
 var PRIMARY_COLOR2 = "#00b4d8";
 var ScrollProgress = () => {
   const [scrollPercentage, setScrollPercentage] = useState5(0);
-  useEffect5(() => {
+  useEffect4(() => {
     const handleScroll = () => {
       const windowHeight = window.innerHeight;
       const documentHeight = document.documentElement.scrollHeight;
@@ -1359,11 +1348,11 @@ var ScrollProgress = () => {
 var ScrollProgress_default = ScrollProgress;
 
 // src/Icons/AnimateLogo.tsx
-import { useEffect as useEffect6, useState as useState6 } from "react";
+import { useEffect as useEffect5, useState as useState6 } from "react";
 import { jsx as jsx35, jsxs as jsxs16 } from "react/jsx-runtime";
 var AnimateLogo = () => {
   const [isFirefox, setIsFirefox] = useState6(false);
-  useEffect6(() => {
+  useEffect5(() => {
     const userAgent = window.navigator.userAgent;
     setIsFirefox(userAgent.indexOf("Firefox") > -1);
   }, []);
@@ -1482,12 +1471,12 @@ var AnimateLogo = () => {
 var AnimateLogo_default = AnimateLogo;
 
 // src/Spinners/OverlaySpinner.tsx
-import { useEffect as useEffect7, useState as useState7 } from "react";
+import { useEffect as useEffect6, useState as useState7 } from "react";
 import { createPortal } from "react-dom";
 import { jsx as jsx36 } from "react/jsx-runtime";
 var OverlaySpinner = ({ visible }) => {
   const [mounted, setMounted] = useState7(false);
-  useEffect7(() => setMounted(true), []);
+  useEffect6(() => setMounted(true), []);
   if (!mounted) return null;
   if (!visible) return null;
   return createPortal(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "evelearn-theme",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",