@allurereport/web-summary 3.0.1 → 3.1.0

package/dist/{app-47bd4545267915e75245.js.LICENSE.txt → app-851fa01320c53776e2df.js.LICENSE.txt}

@@ -6,3 +6,10 @@
      * @namespace
      * @public
      */
+
+/**!
+ * Sortable 1.15.6
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */

package/dist/manifest.json

@@ -1,3 +1,3 @@
 {
-  "main.js": "app-47bd4545267915e75245.js"
+  "main.js": "app-851fa01320c53776e2df.js"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allurereport/web-summary",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "description": "The static files for Allure Report Summary",
   "keywords": [
     "allure",
@@ -27,10 +27,10 @@
     "IE 11"
   ],
   "dependencies": {
-    "@allurereport/core-api": "3.0.1",
-    "@allurereport/web-commons": "3.0.1",
-    "@allurereport/web-components": "3.0.1",
-    "@preact/signals": "^1.3.0",
+    "@allurereport/core-api": "3.1.0",
+    "@allurereport/web-commons": "3.1.0",
+    "@allurereport/web-components": "3.1.0",
+    "@preact/signals": "^2.6.1",
     "clsx": "^2.1.1",
     "i18next": "^24.0.2",
     "preact": "^10.28.2",

package/src/components/ThemeButton/index.tsx

@@ -1,20 +1,9 @@
-import { IconButton, allureIcons } from "@allurereport/web-components";
-import { useEffect } from "preact/hooks";
-import { getTheme, themeStore, toggleTheme } from "@/stores/theme";
+import { themeStore, toggleUserTheme } from "@allurereport/web-commons";
+import { ThemeButton as UIThemeButton } from "@allurereport/web-components";
+import { computed } from "@preact/signals";
 
-export const ThemeButton = () => {
-  const theme = themeStore.value;
-
-  useEffect(() => {
-    getTheme();
-  }, []);
+const selectedTheme = computed(() => themeStore.value.selected);
 
-  return (
-    <IconButton
-      onClick={toggleTheme}
-      style="ghost"
-      icon={theme === "light" ? allureIcons.lineShapesMoon : allureIcons.lineShapesSun}
-      size="s"
-    />
-  );
+export const ThemeButton = () => {
+  return <UIThemeButton theme={selectedTheme.value} toggleTheme={toggleUserTheme} />;
 };

package/src/index.tsx

@@ -8,7 +8,7 @@ import "@/assets/scss/index.scss";
 import { EmptyPlaceholder } from "@/components/EmptyPlaceholder";
 import { Footer } from "@/components/Footer";
 import { Header } from "@/components/Header";
-import { currentLocale, getLocale, getTheme, useI18n, waitForI18next } from "@/stores";
+import { currentLocale, getLocale, useI18n, waitForI18next } from "@/stores";
 import * as styles from "./styles.scss";
 
 export const currentLocaleIso = computed(() => LANG_LOCALE[currentLocale.value]?.iso ?? LANG_LOCALE.en.iso);
@@ -21,7 +21,6 @@ const App = () => {
 
   useEffect(() => {
     getLocale();
-    getTheme();
     waitForI18next.then(() => {
       setLoaded(true);
     });

package/src/stores/index.ts

@@ -1,2 +1 @@
-export * from "./theme";
 export * from "./locale";