@allurereport/web-awesome 3.0.0-beta.10 → 3.0.0-beta.12

package/src/components/LanguagePicker/index.tsx

@@ -1,40 +0,0 @@
-import { DropdownButton, Menu } from "@allurereport/web-components";
-import { LANG_LOCALE, type LangLocale } from "@/i18n/constants";
-import { currentLocale } from "@/stores";
-import { setLocale } from "@/stores/locale";
-
-// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-const langPickerOptions = Object.entries(LANG_LOCALE).map(([key, { full }]) => ({
-  key: key as LangLocale,
-  value: full,
-}));
-
-export const LanguagePicker = () => {
-  const locale = currentLocale.value;
-  const handleSelect = (selectedOption: LangLocale) => {
-    setLocale(selectedOption);
-  };
-
-  return (
-    <Menu
-      size="s"
-      menuTrigger={({ isOpened, onClick }) => (
-        <DropdownButton
-          style="ghost"
-          size="s"
-          text={LANG_LOCALE[locale || "en"].short}
-          isExpanded={isOpened}
-          onClick={onClick}
-        />
-      )}
-    >
-      <Menu.Section>
-        {langPickerOptions.map(({ key, value }) => (
-          <Menu.ItemWithCheckmark onClick={() => handleSelect(key)} key={key} isChecked={locale === key}>
-            {value}
-          </Menu.ItemWithCheckmark>
-        ))}
-      </Menu.Section>
-    </Menu>
-  );
-};

package/src/components/ReportLogo/index.tsx

@@ -1,16 +0,0 @@
-import { getReportOptions } from "@allurereport/web-commons";
-import { SvgIcon, allureIcons } from "@allurereport/web-components";
-import { clsx } from "clsx";
-import type { AwesomeReportOptions } from "types";
-import * as styles from "./styles.scss";
-
-export const ReportLogo = (props: { className?: string; logo?: never }) => {
-  const { className } = props;
-  const { logo } = getReportOptions<AwesomeReportOptions>() ?? {};
-
-  return (
-    <div className={clsx(styles["report-logo"], className)}>
-      {logo ? <img src={logo} alt="report logo" /> : <SvgIcon id={allureIcons.reportLogo} inline />}
-    </div>
-  );
-};

package/src/components/ReportLogo/styles.scss

@@ -1,20 +0,0 @@
-.report-logo {
-  padding: 8px;
-  background: var(--bg-base-secondary);
-  border-radius: 8px;
-  width: 48px;
-  height: 48px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  img {
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-  }
-}
-
-.text {
-  color: var(--on-text-primary);
-}

package/src/components/ReportLogoFull/index.tsx

@@ -1,20 +0,0 @@
-import { SvgIcon, allureIcons } from "@allurereport/web-components";
-import { Text } from "@allurereport/web-components";
-import { clsx } from "clsx";
-import * as styles from "./styles.scss";
-
-export const ReportLogoFull = (props: {
-  /**
-   * Additional class name
-   */
-  className?: string;
-}) => {
-  const { className } = props;
-
-  return (
-    <Text type="paragraph" size="m" bold className={clsx(className, styles.text)}>
-      <SvgIcon id={allureIcons.reportLogo} size="m" inline className={styles.logo} />
-      <span>Allure Report</span>
-    </Text>
-  );
-};

package/src/components/ReportLogoFull/styles.scss

@@ -1,7 +0,0 @@
-.logo {
-    margin-right: 8px;
-}
-
-.text {
-    color: var(--on-text-primary);
-}

package/src/components/TestResult/TestResultHeader/index.tsx

@@ -1,21 +0,0 @@
-import type { FunctionalComponent } from "preact";
-import { LanguagePicker } from "@/components/LanguagePicker";
-import type { TestResultProps } from "@/components/TestResult";
-import { TestResultBreadcrumbs } from "@/components/TestResult/TestResultHeader/TestResultBreadcrumbs";
-import { ThemeButton } from "@/components/ThemeButton/ThemeButton";
-import ToggleLayout from "@/components/ToggleLayout";
-import { isSplitMode } from "@/stores/layout";
-import * as styles from "./styles.scss";
-
-export const TestResultHeader: FunctionalComponent<TestResultProps> = ({ testResult }) => {
-  return (
-    <div className={styles.above}>
-      {!isSplitMode.value ? <TestResultBreadcrumbs testResult={testResult} /> : ""}
-      <div className={styles.right}>
-        <LanguagePicker />
-        <ToggleLayout />
-        <ThemeButton />
-      </div>
-    </div>
-  );
-};

package/src/components/TestResult/TestResultOverview.tsx

@@ -1,43 +0,0 @@
-import type { FunctionalComponent } from "preact";
-import type { AwesomeTestResult } from "types";
-import * as styles from "@/components/BaseLayout/styles.scss";
-import { TestResultDescription } from "@/components/TestResult/TestResultDescription";
-import { TestResultLinks } from "@/components/TestResult/TestResultLinks";
-import { TestResultMetadata } from "@/components/TestResult/TestResultMetadata";
-import { TestResultParameters } from "@/components/TestResult/TestResultParameters";
-import { TestResultSetup } from "@/components/TestResult/TestResultSetup";
-import { TestResultSteps } from "@/components/TestResult/TestResultSteps";
-import { TestResultTeardown } from "@/components/TestResult/TestResultTeardown";
-import TestStepsEmpty from "@/components/TestResult/TestStepsEmpty";
-import { TrError } from "@/components/TestResult/TrError";
-
-export type TestResultOverviewProps = {
-  testResult?: AwesomeTestResult;
-};
-
-export const TestResultOverview: FunctionalComponent<TestResultOverviewProps> = ({ testResult }) => {
-  const { error, parameters, groupedLabels, links, description, setup, steps, teardown, id } = testResult || {};
-  const isNoSteps = !setup?.length && !steps.length && !teardown.length;
-
-  return (
-    <>
-      {Boolean(error?.message) && (
-        <div className={styles["test-result-errors"]}>
-          <TrError {...error} />
-        </div>
-      )}
-      {Boolean(parameters?.length) && <TestResultParameters parameters={parameters} />}
-      {Boolean(groupedLabels && Object.keys(groupedLabels || {})?.length) && (
-        <TestResultMetadata testResult={testResult} />
-      )}
-      {Boolean(links?.length) && <TestResultLinks links={links} />}
-      {Boolean(description) && <TestResultDescription description={description} />}
-      <div className={styles["test-results"]}>
-        {isNoSteps && <TestStepsEmpty />}
-        {Boolean(setup?.length) && <TestResultSetup id={id} setup={setup} />}
-        {Boolean(steps?.length) && <TestResultSteps id={id} steps={steps} />}
-        {Boolean(teardown?.length) && <TestResultTeardown id={id} teardown={teardown} />}
-      </div>
-    </>
-  );
-};

package/src/components/ThemeButton/ThemeButton.tsx

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

package/src/i18n/constants.ts

@@ -1,124 +0,0 @@
-export const AVAILABLE_LOCALES = [
-  "en",
-  "ru",
-  "pl",
-  "es",
-  "pt",
-  "de",
-  "am",
-  "az",
-  "fr",
-  "it",
-  "ja",
-  "he",
-  "ka",
-  "kr",
-  "nl",
-  "sv",
-  "tr",
-  "zh",
-] as const;
-
-export const DEFAULT_LOCALE = "en";
-
-export type LangLocale = (typeof AVAILABLE_LOCALES)[number];
-
-export const LANG_LOCALE: Record<
-  LangLocale,
-  {
-    short: string;
-    full: string;
-    iso: string;
-  }
-> = {
-  en: {
-    short: "Eng",
-    full: "English",
-    iso: "en-US",
-  },
-  ru: {
-    short: "Ру",
-    full: "Русский",
-    iso: "ru-RU",
-  },
-  pl: {
-    short: "Pl",
-    full: "Polski",
-    iso: "pl-PL",
-  },
-  es: {
-    short: "Es",
-    full: "Español",
-    iso: "es-ES",
-  },
-  pt: {
-    short: "Pt",
-    full: "Português",
-    iso: "pt-PT",
-  },
-  de: {
-    short: "De",
-    full: "Deutsch",
-    iso: "de-DE",
-  },
-  am: {
-    short: "Am",
-    full: "Հայերեն",
-    iso: "hy-AM",
-  },
-  az: {
-    short: "Az",
-    full: "Azərbaycan",
-    iso: "az-AZ",
-  },
-  fr: {
-    short: "Fr",
-    full: "Français",
-    iso: "fr-FR",
-  },
-  it: {
-    short: "It",
-    full: "Italiano",
-    iso: "it-IT",
-  },
-  ja: {
-    short: "Ja",
-    full: "日本語",
-    iso: "ja-JP",
-  },
-  he: {
-    short: "He",
-    full: "עברית",
-    iso: "he-IL",
-  },
-  ka: {
-    short: "Ka",
-    full: "ქართული",
-    iso: "ka-GE",
-  },
-  kr: {
-    short: "Kr",
-    full: "한국어",
-    iso: "kr-KR",
-  },
-  nl: {
-    short: "Nl",
-    full: "Nederlands",
-    iso: "nl-NL",
-  },
-  sv: {
-    short: "Sv",
-    full: "Svenska",
-    iso: "sv-SE",
-  },
-  tr: {
-    short: "Tr",
-    full: "Türkçe",
-    iso: "tr-TR",
-  },
-  zh: {
-    short: "Zh",
-    full: "中文",
-    iso: "zh-CN",
-  },
-};