@allurereport/web-classic 3.3.0 → 3.4.0

package/dist/single/manifest.json

@@ -1,3 +1,3 @@
 {
-  "main.js": "app-a8440cca96ec7c3e12d2.js"
+  "main.js": "app-9900014b342c2b08335d.js"
 }

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@allurereport/web-classic",
-  "version": "3.3.0",
+  "version": "3.4.0",
   "description": "The static files for Allure Classic Report",
   "keywords": [
     "allure",
-    "testing",
+    "html",
     "report",
-    "html"
+    "testing"
   ],
-  "repository": "https://github.com/allure-framework/allure3",
   "license": "Apache-2.0",
   "author": "Qameta Software",
+  "repository": "https://github.com/allure-framework/allure3",
   "type": "module",
   "types": "./types.d.ts",
   "scripts": {
@@ -22,19 +22,15 @@
     "build:prod:multi": "webpack --mode production",
     "build:dev:single": "SINGLE_FILE_MODE=1 webpack --mode development",
     "build:dev:multi": "webpack --mode development",
-    "lint": "eslint --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "test": "vitest run"
+    "lint": "oxlint --import-plugin src test features stories",
+    "test": "vitest run",
+    "lint:fix": "oxlint --import-plugin --fix src test features stories"
   },
-  "browserslist": [
-    "last 1 version",
-    "> 1%",
-    "IE 11"
-  ],
   "dependencies": {
-    "@allurereport/charts-api": "3.3.0",
-    "@allurereport/core-api": "3.3.0",
-    "@allurereport/web-commons": "3.3.0",
-    "@allurereport/web-components": "3.3.0",
+    "@allurereport/charts-api": "3.4.0",
+    "@allurereport/core-api": "3.4.0",
+    "@allurereport/web-commons": "3.4.0",
+    "@allurereport/web-components": "3.4.0",
     "@preact/signals": "^2.6.1",
     "clsx": "^2.1.1",
     "d3-shape": "^3.2.0",
@@ -49,18 +45,13 @@
     "@babel/plugin-transform-react-jsx": "^7.27.1",
     "@babel/preset-env": "^7.27.2",
     "@babel/preset-typescript": "^7.27.1",
-    "@eslint/js": "^9.10.0",
     "@floating-ui/dom": "^1.6.12",
-    "@stylistic/eslint-plugin": "^2.6.1",
     "@types/babel__core": "^7.20.5",
     "@types/d3-shape": "^3.1.6",
-    "@types/eslint": "^8.56.11",
     "@types/md5": "^2.3.5",
     "@types/node": "^20.17.9",
     "@types/prismjs": "^1.26.5",
     "@types/underscore": "^1",
-    "@typescript-eslint/eslint-plugin": "^8.0.0",
-    "@typescript-eslint/parser": "^8.0.0",
     "@vitest/runner": "^2.1.9",
     "@vitest/snapshot": "^2.1.9",
     "allure-vitest": "^3.3.3",
@@ -68,19 +59,6 @@
     "babel-loader": "^9.2.1",
     "babel-plugin-prismjs": "^2.1.0",
     "css-loader": "^7.1.2",
-    "eslint": "^8.57.0",
-    "eslint-config-preact": "^1.5.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-compat": "^6.0.1",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-jsdoc": "^50.0.0",
-    "eslint-plugin-jsx-a11y": "^6.10.0",
-    "eslint-plugin-n": "^17.10.1",
-    "eslint-plugin-no-null": "^1.0.2",
-    "eslint-plugin-preact": "^0.1.0",
-    "eslint-plugin-prefer-arrow": "^1.2.3",
-    "eslint-plugin-react": "^7.36.1",
-    "eslint-plugin-react-hooks": "^4.6.2",
     "file-loader": "^6.2.0",
     "filesize": "^10.1.6",
     "fork-ts-checker-webpack-plugin": "^9.0.2",
@@ -96,12 +74,16 @@
     "style-loader": "^4.0.0",
     "svg-sprite-loader": "^6.0.11",
     "typescript": "^5.6.3",
-    "typescript-eslint": "^8.6.0",
-    "underscore": "^1.13.7",
+    "underscore": "^1.13.8",
     "vitest": "^2.1.9",
     "webpack": "^5.99.9",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.2.2",
     "webpack-manifest-plugin": "^5.0.0"
-  }
+  },
+  "browserslist": [
+    "last 1 version",
+    "> 1%",
+    "IE 11"
+  ]
 }

package/src/components/ArrowButton/index.tsx

@@ -1,6 +1,7 @@
 import { SvgIcon, allureIcons } from "@allurereport/web-components";
 import { clsx } from "clsx";
 import type { FunctionalComponent } from "preact";
+
 import * as styles from "./styles.scss";
 
 export interface ArrowButtonProps {

package/src/components/BaseLayout/index.tsx

@@ -1,9 +1,11 @@
 import { useEffect } from "preact/hooks";
+
 import Modal from "@/components/Modal";
 import SideNav from "@/components/SideNav/SideNav";
 import { fetchStats } from "@/stores";
 import { route } from "@/stores/router";
 import { testResultStore } from "@/stores/testResults";
+
 import * as styles from "./styles.scss";
 
 export const BaseLayout = ({ children }) => {

package/src/components/Behaviors/BehaviorsList.tsx

@@ -1,6 +1,7 @@
 import { Button, Loadable, PageLoader, Text } from "@allurereport/web-components";
 import { useEffect } from "preact/hooks";
 import type { ClassicStatus } from "types";
+
 import Tree from "@/components/Tree/Tree";
 import {
   behaviorsStore,
@@ -12,6 +13,7 @@ import {
 } from "@/stores/behaviors";
 import { useI18n } from "@/stores/locale";
 import { currentTab } from "@/stores/tabs";
+
 import * as styles from "./styles.scss";
 
 export const BehaviorsList = () => {

package/src/components/Behaviors/index.tsx

@@ -1,5 +1,6 @@
 import { Heading, Loadable, PageLoader } from "@allurereport/web-components";
 import { useEffect } from "preact/compat";
+
 import { BehaviorsList } from "@/components/Behaviors/BehaviorsList";
 import { HeaderActions } from "@/components/HeaderActions/HeaderActions";
 import SideBySide from "@/components/SideBySide";
@@ -8,6 +9,7 @@ import { useI18n } from "@/stores";
 import { fetchBehaviorsData } from "@/stores/behaviors";
 import { route } from "@/stores/router";
 import { fetchTestResult, testResultStore } from "@/stores/testResults";
+
 import * as styles from "./styles.scss";
 
 const Behaviors = () => {

package/src/components/Categories/CategoriesList.tsx

@@ -1,6 +1,7 @@
 import { Button, Loadable, PageLoader, Text } from "@allurereport/web-components";
 import { useEffect } from "preact/hooks";
 import type { ClassicStatus } from "types";
+
 import Tree from "@/components/Tree/Tree";
 import {
   categoriesStore,
@@ -12,6 +13,7 @@ import {
 } from "@/stores/categories";
 import { useI18n } from "@/stores/locale";
 import { currentTab } from "@/stores/tabs";
+
 import * as styles from "./styles.scss";
 
 export const CategoriesList = () => {

package/src/components/Categories/index.tsx

@@ -1,5 +1,6 @@
 import { Heading, Loadable, PageLoader } from "@allurereport/web-components";
 import { useEffect } from "preact/compat";
+
 import { CategoriesList } from "@/components/Categories/CategoriesList";
 import { HeaderActions } from "@/components/HeaderActions/HeaderActions";
 import SideBySide from "@/components/SideBySide";
@@ -8,6 +9,7 @@ import { useI18n } from "@/stores";
 import { fetchCategoriesData } from "@/stores/categories";
 import { route } from "@/stores/router";
 import { fetchTestResult, testResultStore } from "@/stores/testResults";
+
 import * as styles from "./styles.scss";
 
 const Categories = () => {

package/src/components/Footer/FooterLogo.tsx

@@ -1,4 +1,5 @@
 import { ReportLogoFull, Text } from "@allurereport/web-components";
+
 import * as styles from "./styles.scss";
 
 export const FooterLogo = () => {

package/src/components/Footer/FooterVersion.tsx

@@ -2,7 +2,9 @@ import { getReportOptions } from "@allurereport/web-commons";
 import { Text } from "@allurereport/web-components";
 import { useEffect, useState } from "preact/hooks";
 import type { ClassicReportOptions } from "types";
+
 import { currentLocaleIso } from "@/stores";
+
 import * as styles from "./styles.scss";
 
 export const FooterVersion = () => {

package/src/components/Footer/index.tsx

@@ -1,8 +1,10 @@
 import { clsx } from "clsx";
-import * as styles from "@/components/BaseLayout/styles.scss";
+
 import { FooterLogo } from "@/components/Footer/FooterLogo";
 import { FooterVersion } from "@/components/Footer/FooterVersion";
 
+import * as styles from "@/components/BaseLayout/styles.scss";
+
 export const Footer = () => {
   return (
     <div className={clsx(styles.below)}>

package/src/components/Header/index.tsx

@@ -1,5 +1,6 @@
 import { LanguagePicker } from "@/components/LanguagePicker";
 import { ThemeButton } from "@/components/ThemeButton/ThemeButton";
+
 import * as styles from "./styles.scss";
 
 export const Header = () => {

package/src/components/HeaderActions/Filters.tsx

@@ -1,6 +1,8 @@
 import { Button, Menu, Toggle, allureIcons } from "@allurereport/web-components";
+
 import { useI18n } from "@/stores/locale";
 import { setTreeFilter, treeFiltersStore } from "@/stores/tree";
+
 import * as styles from "./styles.scss";
 
 export const Filters = () => {

package/src/components/HeaderActions/HeaderActions.tsx

@@ -1,11 +1,14 @@
 import { capitalize, statusesList } from "@allurereport/core-api";
 import { Counter, Loadable, SearchBox } from "@allurereport/web-components";
+
 import { SortBy } from "@/components/HeaderActions/SortBy";
 import { Tab } from "@/components/Tabs";
 import { statsStore } from "@/stores";
 import { useI18n } from "@/stores/locale";
 import { setTreeQuery, treeFiltersStore } from "@/stores/tree";
+
 import { Filters } from "./Filters";
+
 import * as styles from "./styles.scss";
 
 const Search = () => {

package/src/components/HeaderActions/SortBy.tsx

@@ -1,8 +1,10 @@
 import { DropdownButton, Link, Menu, SvgIcon, Text, allureIcons } from "@allurereport/web-components";
 import clsx from "clsx";
 import type { ComponentChildren } from "preact";
+
 import { useI18n } from "@/stores/locale";
 import { setTreeDirection, setTreeSortBy, treeFiltersStore } from "@/stores/tree";
+
 import * as styles from "./styles.scss";
 
 const BtnWrapper = ({ children }: { children: ComponentChildren }) => {

package/src/components/LanguagePicker/index.tsx

@@ -1,7 +1,9 @@
 import { Button, Menu } from "@allurereport/web-components";
+
 import { currentLocale } from "@/stores";
 import { setLocale } from "@/stores/locale";
 import { LANG_LOCALE, type LangLocale } from "@/translations/constants";
+
 import * as styles from "./styles.scss";
 
 // eslint-disable-next-line @typescript-eslint/no-unsafe-argument

package/src/components/MainReport/index.tsx

@@ -1,9 +1,10 @@
-import * as styles from "@/components/BaseLayout/styles.scss";
 import { Header } from "@/components/Header";
 import { ReportBody } from "@/components/ReportBody";
 import { ReportHeader } from "@/components/ReportHeader";
 import { ReportMetadata } from "@/components/ReportMetadata";
 
+import * as styles from "@/components/BaseLayout/styles.scss";
+
 const MainReport = () => {
   return (
     <>

package/src/components/Metadata/index.tsx

@@ -2,10 +2,12 @@ import { Button, Menu, Text, allureIcons } from "@allurereport/web-components";
 import clsx from "clsx";
 import type { FunctionalComponent } from "preact";
 import { useState } from "preact/hooks";
+
 import { MetadataButton } from "@/components/MetadataButton";
 import type { MetadataProps } from "@/components/ReportMetadata";
 import { useI18n } from "@/stores/locale";
 import { copyToClipboard } from "@/utils/copyToClipboard";
+
 import * as styles from "./styles.scss";
 
 export const MetadataList: FunctionalComponent<MetadataProps & { columns?: number }> = ({

package/src/components/MetadataButton/index.tsx

@@ -1,7 +1,9 @@
 import { Counter, Text } from "@allurereport/web-components";
 import clsx from "clsx";
 import type { FunctionalComponent } from "preact";
+
 import { ArrowButton } from "@/components/ArrowButton";
+
 import * as styles from "./styles.scss";
 
 interface MetadataButtonProps {

package/src/components/Modal/ModalView.js

@@ -1,7 +1,10 @@
 import { View } from "backbone.marionette";
 import $ from "jquery";
+
 import { className, on, regions } from "@/decorators/index.js";
+
 import template from "./ModalView.hbs";
+
 import "./styles.scss";
 
 @className("modal")

package/src/components/Modal/index.tsx

@@ -5,8 +5,10 @@ import type { FunctionalComponent, VNode } from "preact";
 import { useEffect } from "preact/hooks";
 import Prism from "prismjs";
 import type { ClassicTestResult } from "types";
+
 import { Attachment } from "@/components/TestResult/TestResultSteps/attachment";
 import { attachmentType, downloadAttachment, openAttachmentInNewTab } from "@/utils/attachments";
+
 import * as styles from "./styles.scss";
 
 export const isModalOpen = signal(false);

package/src/components/Overview/index.tsx

@@ -15,8 +15,10 @@ import {
 } from "@allurereport/web-components";
 import { computed } from "@preact/signals";
 import { useEffect } from "preact/hooks";
+
 import { useI18n } from "@/stores";
 import { chartsStore, fetchChartsData } from "@/stores/charts";
+
 import * as styles from "./Overview.module.scss";
 
 const getChartWidgetByType = (

package/src/components/Packages/PackagesList.tsx

@@ -1,6 +1,7 @@
 import { Button, Loadable, PageLoader, Text } from "@allurereport/web-components";
 import { useEffect } from "preact/hooks";
 import type { ClassicStatus } from "types";
+
 import Tree from "@/components/Tree/Tree";
 import { useI18n } from "@/stores/locale";
 import {
@@ -12,6 +13,7 @@ import {
   setPackagesStatus,
 } from "@/stores/packages";
 import { currentTab } from "@/stores/tabs";
+
 import * as styles from "./styles.scss";
 
 export const PackagesList = () => {

package/src/components/Packages/index.tsx

@@ -1,5 +1,6 @@
 import { Heading, Loadable, PageLoader } from "@allurereport/web-components";
 import { useEffect } from "preact/compat";
+
 import { HeaderActions } from "@/components/HeaderActions/HeaderActions";
 import { PackagesList } from "@/components/Packages/PackagesList";
 import SideBySide from "@/components/SideBySide";
@@ -8,6 +9,7 @@ import { useI18n } from "@/stores";
 import { fetchPackagesData } from "@/stores/packages";
 import { route } from "@/stores/router";
 import { fetchTestResult, testResultStore } from "@/stores/testResults";
+
 import * as styles from "./styles.scss";
 
 const Packages = () => {

package/src/components/ReportBody/Filters.tsx

@@ -1,8 +1,10 @@
 import { Button, allureIcons } from "@allurereport/web-components";
 import { Menu } from "@allurereport/web-components";
 import { Toggle } from "@allurereport/web-components";
+
 import { useI18n } from "@/stores/locale";
 import { setTreeFilter, treeFiltersStore } from "@/stores/tree";
+
 import * as styles from "./styles.scss";
 
 export const Filters = () => {

package/src/components/ReportBody/HeaderActions.tsx

@@ -1,7 +1,10 @@
 import { SearchBox } from "@allurereport/web-components";
+
 import { useI18n } from "@/stores/locale";
 import { setTreeQuery, treeFiltersStore } from "@/stores/tree";
+
 import { Filters } from "./Filters";
+
 import * as styles from "./styles.scss";
 
 const Search = () => {

package/src/components/ReportBody/SortBy.tsx

@@ -5,8 +5,10 @@ import { SvgIcon } from "@allurereport/web-components";
 import { Text } from "@allurereport/web-components";
 import clsx from "clsx";
 import type { ComponentChildren } from "preact";
+
 import { useI18n } from "@/stores/locale";
 import { setTreeDirection, setTreeSortBy, treeFiltersStore } from "@/stores/tree";
+
 import * as styles from "./styles.scss";
 
 const BtnWrapper = ({ children }: { children: ComponentChildren }) => {

package/src/components/ReportBody/index.tsx

@@ -1,12 +1,15 @@
 import { capitalize, statusesList } from "@allurereport/core-api";
 import { Counter, Loadable } from "@allurereport/web-components";
+
 import { statsStore } from "@/stores";
 import { useI18n } from "@/stores/locale";
+
 import { Tab, Tabs, TabsList } from "../Tabs";
 import { TreeList } from "../Tree";
+import { ReportContentProvider } from "./context";
 import { HeaderActions } from "./HeaderActions";
 import { SortBy } from "./SortBy";
-import { ReportContentProvider } from "./context";
+
 import * as styles from "./styles.scss";
 
 const ALL_TAB = "total";

package/src/components/ReportHeader/ReportHeaderLabelList.tsx

@@ -1,4 +1,5 @@
 import { Label } from "@allurereport/web-components";
+
 import * as styles from "@/components/ReportHeader/styles.scss";
 
 export const ReportHeaderLabelList = () => {

package/src/components/ReportHeader/ReportHeaderLogo.tsx

@@ -1,8 +1,10 @@
 import { getReportOptions } from "@allurereport/web-commons";
 import { ReportLogo } from "@allurereport/web-components";
-import * as styles from "@/components/ReportHeader/styles.scss";
+
 import type { ClassicReportOptions } from "../../../types";
 
+import * as styles from "@/components/ReportHeader/styles.scss";
+
 export const ReportHeaderLogo = () => {
   const { logo } = getReportOptions<ClassicReportOptions>() ?? {};
 

package/src/components/ReportHeader/ReportHeaderPie.tsx

@@ -1,6 +1,8 @@
 import { Loadable } from "@allurereport/web-components";
 import { SuccessRatePieChart } from "@allurereport/web-components";
+
 import { pieChartStore } from "@/stores/chart";
+
 import * as styles from "./styles.scss";
 
 export const ReportHeaderPie = () => (

package/src/components/ReportHeader/index.tsx

@@ -1,9 +1,11 @@
 import { getReportOptions } from "@allurereport/web-commons";
 import { Heading, Text } from "@allurereport/web-components";
 import type { ClassicReportOptions } from "types";
+
 import { ReportHeaderLogo } from "@/components/ReportHeader/ReportHeaderLogo";
 import { ReportHeaderPie } from "@/components/ReportHeader/ReportHeaderPie";
 import { currentLocaleIso } from "@/stores";
+
 import * as styles from "./styles.scss";
 
 export const ReportHeader = () => {

package/src/components/ReportMetadata/MetadataItem.tsx

@@ -1,6 +1,7 @@
 import { Text } from "@allurereport/web-components";
 import { clsx } from "clsx";
 import type { FunctionalComponent } from "preact";
+
 import * as styles from "./styles.scss";
 
 export type MetadataProps = {

package/src/components/ReportMetadata/MetadataSummary.tsx

@@ -2,13 +2,15 @@ import { type Statistic, capitalize, statusesList } from "@allurereport/core-api
 import { Loadable } from "@allurereport/web-components";
 import { computed } from "@preact/signals";
 import type { FunctionComponent } from "preact";
+
 import MetadataItem, { type MetadataProps } from "@/components/ReportMetadata/MetadataItem";
 import { MetadataTestType } from "@/components/ReportMetadata/MetadataTestType";
 import { MetadataWithIcon } from "@/components/ReportMetadata/MetadataWithIcon";
-import * as styles from "@/components/ReportMetadata/styles.scss";
 import { statsStore } from "@/stores";
 import { useI18n } from "@/stores/locale";
 
+import * as styles from "@/components/ReportMetadata/styles.scss";
+
 export const MetadataSummary: FunctionComponent = () => {
   const { t } = useI18n("statuses");
   const { t: testSummary } = useI18n("testSummary");

package/src/components/ReportMetadata/MetadataTestType.tsx

@@ -1,7 +1,9 @@
 import { Text } from "@allurereport/web-components";
 import { clsx } from "clsx";
 import type { FunctionComponent } from "preact";
+
 import type { MetadataProps } from "@/components/ReportMetadata/MetadataItem";
+
 import * as styles from "@/components/ReportMetadata/styles.scss";
 
 export const MetadataTestType: FunctionComponent<MetadataProps> = ({ status, count }) => {

package/src/components/ReportMetadata/MetadataWithIcon.tsx

@@ -1,6 +1,8 @@
 import { SvgIcon, Text, allureIcons } from "@allurereport/web-components";
 import type { FunctionComponent } from "preact";
+
 import type { MetadataProps } from "@/components/ReportMetadata/MetadataItem";
+
 import * as styles from "./styles.scss";
 
 const icons: Record<string, string> = {

package/src/components/ReportMetadata/index.tsx

@@ -2,10 +2,12 @@ import type { EnvironmentItem } from "@allurereport/core-api";
 import { Loadable } from "@allurereport/web-components";
 import type { FunctionalComponent } from "preact";
 import { useState } from "preact/hooks";
+
 import { MetadataList } from "@/components/Metadata";
 import { MetadataButton } from "@/components/MetadataButton";
 import { MetadataSummary } from "@/components/ReportMetadata/MetadataSummary";
 import { envInfoStore } from "@/stores/envInfo";
+
 import * as styles from "./styles.scss";
 
 export interface MetadataItem extends EnvironmentItem {

package/src/components/SideBySide/index.tsx

@@ -1,6 +1,7 @@
 import type { ComponentChild, FunctionalComponent } from "preact";
 import { useEffect, useRef } from "preact/hooks";
 import Split from "split.js";
+
 import * as styles from "./styles.scss";
 
 interface SideBySideProps {

package/src/components/SideNav/SideNav.tsx

@@ -2,10 +2,12 @@ import { SvgIcon, Text, allureIcons } from "@allurereport/web-components";
 import clsx from "clsx";
 import { h } from "preact";
 import { useState } from "preact/hooks";
+
 import { LanguagePicker } from "@/components/LanguagePicker";
 import { useI18n } from "@/stores";
 import { activeTab } from "@/stores/router";
 import { navigateTo } from "@/utils/navigate";
+
 import * as styles from "./styles.scss";
 
 const tabs = [

package/src/components/SideNav/SideNavView.js

@@ -1,6 +1,7 @@
 import { View } from "backbone.marionette";
 import { escapeExpression as escape } from "handlebars/runtime.js";
 import { findWhere } from "underscore";
+
 import LanguageSelectView from "@/components/language-select/LanguageSelectView.js";
 import TooltipView from "@/components/tooltip/TooltipView.js";
 import { className, on } from "@/decorators/index.js";
@@ -8,7 +9,9 @@ import router from "@/router.js";
 import pluginsRegistry from "@/utils/pluginsRegistry.js";
 import settings from "@/utils/settings.js";
 import { LANGUAGES } from "@/utils/translation.js";
+
 import template from "./SideNavView.hbs";
+
 import "./styles.scss";
 
 @className("side-nav")

package/src/components/Suites/index.tsx

@@ -1,5 +1,6 @@
 import { Heading, Loadable, PageLoader } from "@allurereport/web-components";
 import { useEffect } from "preact/compat";
+
 import { HeaderActions } from "@/components/HeaderActions/HeaderActions";
 import SideBySide from "@/components/SideBySide";
 import TestResult from "@/components/TestResult";
@@ -8,6 +9,7 @@ import { fetchStats, useI18n } from "@/stores";
 import { route } from "@/stores/router";
 import { fetchTestResult, testResultStore } from "@/stores/testResults";
 import { fetchTreeData, treeStore } from "@/stores/tree";
+
 import * as styles from "./styles.scss";
 
 const Suites = () => {

package/src/components/Tabs/index.tsx

@@ -1,6 +1,8 @@
 import { Text } from "@allurereport/web-components";
 import { type ComponentChildren } from "preact";
+
 import { currentTab, setCurrentTab } from "@/stores/tabs";
+
 import * as styles from "./styles.scss";
 
 export const Tabs = (props: { children: ComponentChildren; initialTab?: string }) => {

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

@@ -1,8 +1,10 @@
 import type { AttachmentTestStepResult } from "@allurereport/core-api";
 import type { FunctionalComponent } from "preact";
 import type { ClassicTestResult } from "types";
+
 import { TestResultAttachment } from "@/components/TestResult/TestResultSteps/testResultAttachment";
 import { useI18n } from "@/stores";
+
 import * as styles from "./styles.scss";
 
 export type TestResultAttachmentViewProps = {