@allurereport/web-awesome 3.0.0 → 3.1.0

package/src/components/ReportBody/Filters.tsx

@@ -1,71 +0,0 @@
-import { Button, Menu, Toggle, TooltipWrapper, allureIcons } from "@allurereport/web-components";
-import { useI18n } from "@/stores/locale";
-import { type TreeFilters, setTreeFilter, treeFiltersStore } from "@/stores/tree";
-import * as styles from "./styles.scss";
-
-const filterIcons: Record<TreeFilters, string> = {
-  flaky: allureIcons.lineIconBomb2,
-  retry: allureIcons.lineArrowsRefreshCcw1,
-  new: allureIcons.lineAlertsNew,
-  fixed: allureIcons.lineAlertsFixed,
-  regressed: allureIcons.lineAlertsRegressed,
-  malfunctioned: allureIcons.lineAlertsMalfunctioned,
-};
-
-const MENU_KEYS = ["flaky", "retry", "new", "fixed", "regressed", "malfunctioned"] as TreeFilters[];
-
-export const Filters = () => {
-  const { t } = useI18n("filters");
-  const { t: tooltip } = useI18n("filters.description");
-  const hasFilter = MENU_KEYS.some((key) => treeFiltersStore.value.filter[key]);
-
-  const renderFilterItem = (filter: TreeFilters, value: boolean) => {
-    return (
-      <TooltipWrapper data-testid="filter-tooltip" tooltipText={tooltip(filter)}>
-        <Menu.Item
-          closeMenuOnClick={false}
-          ariaLabel={t("enable-filter", { filter: t(filter) })}
-          onClick={() => {
-            setTreeFilter(filter, !value);
-          }}
-          leadingIcon={filterIcons[filter]}
-          rightSlot={
-            <div className={styles.filterToggle}>
-              <Toggle
-                focusable={false}
-                value={value}
-                label={t("enable-filter", { filter: t(filter) })}
-                data-testid={`${filter}-filter`}
-                onChange={(changeValue) => setTreeFilter(filter, changeValue)}
-              />
-            </div>
-          }
-        >
-          {t(filter)}
-        </Menu.Item>
-      </TooltipWrapper>
-    );
-  };
-
-  return (
-    <Menu
-      menuTrigger={({ isOpened, onClick }) => (
-        <div className={hasFilter && styles.filtersBtnWithFilters}>
-          <Button
-            icon={allureIcons.lineGeneralSettings1}
-            text={t("more-filters")}
-            size="m"
-            style="outline"
-            isActive={isOpened}
-            data-testid="filters-button"
-            onClick={onClick}
-          />
-        </div>
-      )}
-    >
-      <Menu.Section data-testid="filters-menu">
-        {MENU_KEYS.map((key: TreeFilters) => renderFilterItem(key, treeFiltersStore.value.filter[key]))}
-      </Menu.Section>
-    </Menu>
-  );
-};

package/src/components/Tabs/index.tsx

@@ -1,62 +0,0 @@
-import { Text } from "@allurereport/web-components";
-import { type ComponentChildren, createContext } from "preact";
-import { useContext, useState } from "preact/hooks";
-import { setTreeStatus } from "@/stores/tree";
-import type { AwesomeStatus } from "../../../types";
-import * as styles from "./styles.scss";
-
-type TabsContextT = {
-  currentTab: string | undefined;
-  setCurrentTab: (tab: string) => void;
-};
-
-const TabsContext = createContext<TabsContextT | null>(null);
-
-export const useTabsContext = () => {
-  const context = useContext(TabsContext);
-
-  if (!context) {
-    throw new Error("Tabs' components must be used within a Tabs component");
-  }
-
-  return context;
-};
-
-export const TabsProvider = (props: { initialTab?: string; children: ComponentChildren }) => {
-  const { children, initialTab } = props;
-  const [currentTab, setCurrentTab] = useState<string | undefined>(initialTab);
-
-  return <TabsContext.Provider value={{ currentTab, setCurrentTab }}>{children}</TabsContext.Provider>;
-};
-
-export const Tabs = (props: { children: ComponentChildren; initialTab?: string }) => {
-  return <TabsProvider {...props} />;
-};
-
-export const TabsList = (props: { children: ComponentChildren }) => {
-  return <div className={styles.tabsList}>{props.children}</div>;
-};
-
-export const Tab = (props: { id: string; children: ComponentChildren }) => {
-  const { id, children, ...rest } = props;
-  const { currentTab, setCurrentTab } = useTabsContext();
-  const isCurrentTab = currentTab === id;
-  const handleTabClick = () => {
-    if (isCurrentTab) {
-      setCurrentTab("total");
-      setTreeStatus("total");
-      return;
-    }
-
-    setCurrentTab(id);
-    setTreeStatus(id as AwesomeStatus);
-  };
-
-  return (
-    <button {...rest} className={styles.tab} onClick={handleTabClick} aria-current={isCurrentTab ? true : undefined}>
-      <Text type="paragraph" size="m" bold>
-        {children}
-      </Text>
-    </button>
-  );
-};

package/src/stores/theme.ts

@@ -1,30 +0,0 @@
-import { getReportOptions } from "@allurereport/web-commons";
-import type { Theme } from "@allurereport/web-components";
-import { signal } from "@preact/signals";
-import type { AwesomeReportOptions } from "../../types.js";
-
-export const themeStore = signal<Theme>("auto");
-
-export const setTheme = (mode: "light" | "dark" | "auto") => {
-  themeStore.value = mode;
-
-  try {
-    window.localStorage.setItem("theme", mode);
-  } catch {}
-
-  document.documentElement.setAttribute("data-theme", mode);
-};
-
-export const toggleTheme = () => {
-  const order = ["light", "dark", "auto"];
-  const current = themeStore.value;
-  const next = order[(order.indexOf(current) + 1) % order.length] as Theme;
-  setTheme(next);
-};
-
-export const getTheme = () => {
-  const { theme } = getReportOptions<AwesomeReportOptions>() ?? {};
-  const themeFromLS = (window.localStorage.getItem("theme") as Theme | null) || (theme as Theme);
-
-  setTheme(themeFromLS);
-};