@configura/debug-react 2.0.0 → 2.1.0-alpha.0

package/dist/exerciser/ExerciserReportFilterView.js

@@ -1,205 +1,205 @@
-import { LogLevel, mapQueryString, toError } from "@configura/web-utilities";
-import React, { useEffect, useMemo } from "react";
-import { useHistory } from "react-router";
-import { useMemoized, useMemoized2 } from "../hooks.js";
-function getLogFilter(query) {
-    const q = mapQueryString(query);
-    return {
-        filterByRegex: q.get("filterByRegex") || "",
-        includeMatches: q.get("includeMatches") ? true : false,
-        minimumDuration: q.get("minimumDuration") || "",
-        showFlawless: q.get("showFlawless") ? true : false,
-        showErrors: q.get("showErrors") ? true : false,
-        showWarnings: q.get("showWarnings") ? true : false,
-        showInfo: q.get("showInfo") ? true : false,
-        filterOutLogMessage: q.get("filterOutLogMessage") || "",
-    };
-}
-function serializeBool(key, obj) {
-    const val = obj[key];
-    return val ? `&${key}=1` : ``;
-}
-function serializeString(key, obj) {
-    const val = obj[key];
-    return val ? `&${key}=${encodeURIComponent(val)}` : ``;
-}
-function serializeLogFilter(filter) {
-    return (serializeString("filterByRegex", filter) +
-        serializeBool("includeMatches", filter) +
-        serializeString("minimumDuration", filter) +
-        serializeBool("showFlawless", filter) +
-        serializeBool("showErrors", filter) +
-        serializeBool("showWarnings", filter) +
-        serializeBool("showInfo", filter) +
-        serializeString("filterOutLogMessage", filter)).replace(/^&/, "?");
-}
-function parseRegex(value) {
-    try {
-        return new RegExp(value, "gi");
-    }
-    catch (e) {
-        return toError(e);
-    }
-}
-function parseNumber(value) {
-    return value === "" ? 0 : Math.floor(parseFloat(value));
-}
-function parseSet(value) {
-    return new Set(value
-        .split(",")
-        .map((p) => parseInt(p))
-        .filter((n) => !Number.isNaN(n)));
-}
-function spaceCamel(camelCase) {
-    return camelCase.replace(/([A-Z][a-z])/g, " $1");
-}
-function BoolFilter(props) {
-    const { name, value } = props;
-    return (React.createElement("div", { className: "cfgExerciserControl" },
-        React.createElement("label", { htmlFor: name, className: "cfgExerciserControl__label" },
-            React.createElement("input", { id: name, type: "checkbox", checked: !value, onChange: (event) => props.updateFilter(name, !event.target.checked) }),
-            " ",
-            spaceCamel(name))));
-}
-function RegExpFilter(props) {
-    const { name, value, parsed } = props;
-    const err = parsed instanceof Error && parsed;
-    return (React.createElement("div", { className: "cfgExerciserControl" },
-        React.createElement("label", { htmlFor: name, className: "cfgExerciserControl__label" }, spaceCamel(name)),
-        React.createElement("input", { id: name, type: "text", value: value, onChange: (event) => props.updateFilter(name, event.target.value) }),
-        err && React.createElement("div", { className: "cfgExerciserControl__error" },
-            " ",
-            err.message)));
-}
-function NumberFilter(props) {
-    const { name, value, parsed } = props;
-    return (React.createElement("div", { className: "cfgExerciserControl" },
-        React.createElement("label", { htmlFor: name, className: "cfgExerciserControl__label" }, spaceCamel(name)),
-        React.createElement("input", { id: name, type: "text", value: value, onChange: (event) => props.updateFilter(name, event.target.value) }),
-        Number.isNaN(parsed) && (React.createElement("div", { className: "cfgExerciserControl__error" },
-            " ",
-            value,
-            " is not a number"))));
-}
-function sortMap(map, sort) {
-    return Array.from(map).sort(sort);
-}
-const sortLogMessages = (l, r) => {
-    const [, lMessageAndLevel] = l;
-    const [, rMessageAndLevel] = r;
-    const lLevel = lMessageAndLevel.level;
-    const rLevel = rMessageAndLevel.level;
-    if (lLevel !== rLevel) {
-        return lLevel.localeCompare(rLevel);
-    }
-    const lMessage = lMessageAndLevel.message;
-    const rMessage = rMessageAndLevel.message;
-    if (lMessage === rMessage) {
-        return 0;
-    }
-    return lMessage.toLocaleLowerCase().localeCompare(rMessage.toLocaleLowerCase());
-};
-function LogMessageFilter(props) {
-    const { name, parsed } = props;
-    const messages = useMemoized2(sortMap, props.logMessageMap, sortLogMessages);
-    return (React.createElement("div", null, messages.length === 0 ? (React.createElement("p", null, "No messages yet.")) : (messages.map(([hash, { level, count, message }]) => {
-        const id = `${name}-${hash}`;
-        return (React.createElement("label", { key: id, className: `cfgDebugLog__item--severity${level} cfgExerciserFilter__logMessage cfgExerciserControl`, htmlFor: id },
-            React.createElement("input", { id: id, type: "checkbox", onChange: (event) => {
-                    const next = new Set(parsed);
-                    event.target.checked ? next.delete(hash) : next.add(hash);
-                    props.updateFilter(name, Array.from(next.keys()).join(","));
-                }, checked: !parsed.has(hash) }),
-            React.createElement("span", null, count),
-            " × ",
-            React.createElement("span", null, message)));
-    }))));
-}
-function applyLogFilter(allReportItems, filterStringParsed, includeMatches, filterDurationParsed, showFlawless, showErrors, showWarnings, showInfo, filterOutLogMessageParsed) {
-    if (filterStringParsed instanceof Error || Number.isNaN(filterDurationParsed)) {
-        return allReportItems;
-    }
-    return allReportItems.filter((item) => {
-        const { duration, logMessages, productUrl } = item;
-        if (isFinite(filterDurationParsed) &&
-            0 < filterDurationParsed &&
-            duration !== undefined &&
-            duration < filterDurationParsed) {
-            return false;
-        }
-        const hasError = (logMessages || []).some((logMessage) => logMessage.level === LogLevel.Error);
-        const hasWarning = (logMessages || []).some((logMessage) => logMessage.level === LogLevel.Warn);
-        const hasInfo = (logMessages || []).some((logMessage) => logMessage.level === LogLevel.Info);
-        if (!((!showFlawless && !hasError && !hasWarning) ||
-            (!showErrors && hasError) ||
-            (!showWarnings && hasWarning) ||
-            (!showInfo && hasInfo))) {
-            return false;
-        }
-        if (logMessages.length !== 0 &&
-            logMessages.every((logMessage) => filterOutLogMessageParsed.has(logMessage.levelMessageHash))) {
-            return false;
-        }
-        const filterText = productUrl +
-            " " +
-            (logMessages || []).reduce((a, logMessage) => {
-                a += logMessage.message + " ";
-                a += logMessage.optionalParams.join(" ");
-                return a;
-            }, "");
-        if (includeMatches === filterStringParsed.test(filterText)) {
-            return false;
-        }
-        return true;
-    });
-}
-export const ExerciserReportFilterView = (props) => {
-    const { className, logMessageMap, allReportItems, setFilteredReportItems } = props;
-    const history = useHistory();
-    const filter = getLogFilter(history.location.search);
-    const serialized = serializeLogFilter(filter);
-    useEffect(() => {
-        history.replace(history.location.pathname + serialized);
-    }, [history, serialized]);
-    function updateFilter(key, val) {
-        const newFilter = Object.assign({}, filter);
-        newFilter[key] = val;
-        const serialized = serializeLogFilter(newFilter);
-        history.replace(history.location.pathname + serialized);
-    }
-    const { minimumDuration, showErrors, showFlawless, includeMatches, filterOutLogMessage, filterByRegex, showWarnings, showInfo, } = filter;
-    const filterStringParsed = useMemoized(parseRegex, filterByRegex);
-    const filterDurationParsed = useMemoized(parseNumber, minimumDuration);
-    const filterOutLogMessageParsed = useMemoized(parseSet, filterOutLogMessage);
-    const filteredItems = useMemo(() => applyLogFilter(allReportItems, filterStringParsed, includeMatches, filterDurationParsed, showFlawless, showErrors, showWarnings, showInfo, filterOutLogMessageParsed), [
-        allReportItems,
-        filterStringParsed,
-        includeMatches,
-        filterDurationParsed,
-        showFlawless,
-        showErrors,
-        showWarnings,
-        showInfo,
-        filterOutLogMessageParsed,
-    ]);
-    useEffect(() => {
-        setFilteredReportItems(filteredItems);
-    }, [filteredItems, setFilteredReportItems]);
-    return (React.createElement("div", { className: className },
-        React.createElement("h2", null, "Report Filter"),
-        React.createElement("h3", null, "By Product"),
-        React.createElement(RegExpFilter, { name: "filterByRegex", value: filterByRegex, parsed: filterStringParsed, updateFilter: updateFilter }),
-        React.createElement(BoolFilter, { name: "includeMatches", value: includeMatches, updateFilter: updateFilter }),
-        React.createElement(NumberFilter, { name: "minimumDuration", value: minimumDuration, parsed: filterDurationParsed, updateFilter: updateFilter }),
-        React.createElement(BoolFilter, { name: "showFlawless", value: showFlawless, updateFilter: updateFilter }),
-        React.createElement(BoolFilter, { name: "showWarnings", value: showWarnings, updateFilter: updateFilter }),
-        React.createElement(BoolFilter, { name: "showInfo", value: showInfo, updateFilter: updateFilter }),
-        React.createElement(BoolFilter, { name: "showErrors", value: showErrors, updateFilter: updateFilter }),
-        React.createElement("h3", null, "By Message"),
-        React.createElement(LogMessageFilter, { name: "filterOutLogMessage", parsed: filterOutLogMessageParsed, updateFilter: updateFilter, logMessageMap: logMessageMap }),
-        React.createElement("p", null,
-            "Showing ",
-            filteredItems.length,
-            "/",
-            allReportItems.length)));
-};
+import { LogLevel, mapQueryString, toError } from "@configura/web-utilities";
+import React, { useEffect, useMemo } from "react";
+import { useHistory } from "react-router";
+import { useMemoized, useMemoized2 } from "../hooks.js";
+function getLogFilter(query) {
+    const q = mapQueryString(query);
+    return {
+        filterByRegex: q.get("filterByRegex") || "",
+        includeMatches: q.get("includeMatches") ? true : false,
+        minimumDuration: q.get("minimumDuration") || "",
+        showFlawless: q.get("showFlawless") ? true : false,
+        showErrors: q.get("showErrors") ? true : false,
+        showWarnings: q.get("showWarnings") ? true : false,
+        showInfo: q.get("showInfo") ? true : false,
+        filterOutLogMessage: q.get("filterOutLogMessage") || "",
+    };
+}
+function serializeBool(key, obj) {
+    const val = obj[key];
+    return val ? `&${key}=1` : ``;
+}
+function serializeString(key, obj) {
+    const val = obj[key];
+    return val ? `&${key}=${encodeURIComponent(val)}` : ``;
+}
+function serializeLogFilter(filter) {
+    return (serializeString("filterByRegex", filter) +
+        serializeBool("includeMatches", filter) +
+        serializeString("minimumDuration", filter) +
+        serializeBool("showFlawless", filter) +
+        serializeBool("showErrors", filter) +
+        serializeBool("showWarnings", filter) +
+        serializeBool("showInfo", filter) +
+        serializeString("filterOutLogMessage", filter)).replace(/^&/, "?");
+}
+function parseRegex(value) {
+    try {
+        return new RegExp(value, "gi");
+    }
+    catch (e) {
+        return toError(e);
+    }
+}
+function parseNumber(value) {
+    return value === "" ? 0 : Math.floor(parseFloat(value));
+}
+function parseSet(value) {
+    return new Set(value
+        .split(",")
+        .map((p) => parseInt(p))
+        .filter((n) => !Number.isNaN(n)));
+}
+function spaceCamel(camelCase) {
+    return camelCase.replace(/([A-Z][a-z])/g, " $1");
+}
+function BoolFilter(props) {
+    const { name, value } = props;
+    return (React.createElement("div", { className: "cfgExerciserControl" },
+        React.createElement("label", { htmlFor: name, className: "cfgExerciserControl__label" },
+            React.createElement("input", { id: name, type: "checkbox", checked: !value, onChange: (event) => props.updateFilter(name, !event.target.checked) }),
+            " ",
+            spaceCamel(name))));
+}
+function RegExpFilter(props) {
+    const { name, value, parsed } = props;
+    const err = parsed instanceof Error && parsed;
+    return (React.createElement("div", { className: "cfgExerciserControl" },
+        React.createElement("label", { htmlFor: name, className: "cfgExerciserControl__label" }, spaceCamel(name)),
+        React.createElement("input", { id: name, type: "text", value: value, onChange: (event) => props.updateFilter(name, event.target.value) }),
+        err && React.createElement("div", { className: "cfgExerciserControl__error" },
+            " ",
+            err.message)));
+}
+function NumberFilter(props) {
+    const { name, value, parsed } = props;
+    return (React.createElement("div", { className: "cfgExerciserControl" },
+        React.createElement("label", { htmlFor: name, className: "cfgExerciserControl__label" }, spaceCamel(name)),
+        React.createElement("input", { id: name, type: "text", value: value, onChange: (event) => props.updateFilter(name, event.target.value) }),
+        Number.isNaN(parsed) && (React.createElement("div", { className: "cfgExerciserControl__error" },
+            " ",
+            value,
+            " is not a number"))));
+}
+function sortMap(map, sort) {
+    return Array.from(map).sort(sort);
+}
+const sortLogMessages = (l, r) => {
+    const [, lMessageAndLevel] = l;
+    const [, rMessageAndLevel] = r;
+    const lLevel = lMessageAndLevel.level;
+    const rLevel = rMessageAndLevel.level;
+    if (lLevel !== rLevel) {
+        return lLevel.localeCompare(rLevel);
+    }
+    const lMessage = lMessageAndLevel.message;
+    const rMessage = rMessageAndLevel.message;
+    if (lMessage === rMessage) {
+        return 0;
+    }
+    return lMessage.toLocaleLowerCase().localeCompare(rMessage.toLocaleLowerCase());
+};
+function LogMessageFilter(props) {
+    const { name, parsed } = props;
+    const messages = useMemoized2(sortMap, props.logMessageMap, sortLogMessages);
+    return (React.createElement("div", null, messages.length === 0 ? (React.createElement("p", null, "No messages yet.")) : (messages.map(([hash, { level, count, message }]) => {
+        const id = `${name}-${hash}`;
+        return (React.createElement("label", { key: id, className: `cfgDebugLog__item--severity${level} cfgExerciserFilter__logMessage cfgExerciserControl`, htmlFor: id },
+            React.createElement("input", { id: id, type: "checkbox", onChange: (event) => {
+                    const next = new Set(parsed);
+                    event.target.checked ? next.delete(hash) : next.add(hash);
+                    props.updateFilter(name, Array.from(next.keys()).join(","));
+                }, checked: !parsed.has(hash) }),
+            React.createElement("span", null, count),
+            " × ",
+            React.createElement("span", null, message)));
+    }))));
+}
+function applyLogFilter(allReportItems, filterStringParsed, includeMatches, filterDurationParsed, showFlawless, showErrors, showWarnings, showInfo, filterOutLogMessageParsed) {
+    if (filterStringParsed instanceof Error || Number.isNaN(filterDurationParsed)) {
+        return allReportItems;
+    }
+    return allReportItems.filter((item) => {
+        const { duration, logMessages, productUrl } = item;
+        if (isFinite(filterDurationParsed) &&
+            0 < filterDurationParsed &&
+            duration !== undefined &&
+            duration < filterDurationParsed) {
+            return false;
+        }
+        const hasError = (logMessages || []).some((logMessage) => logMessage.level === LogLevel.Error);
+        const hasWarning = (logMessages || []).some((logMessage) => logMessage.level === LogLevel.Warn);
+        const hasInfo = (logMessages || []).some((logMessage) => logMessage.level === LogLevel.Info);
+        if (!((!showFlawless && !hasError && !hasWarning) ||
+            (!showErrors && hasError) ||
+            (!showWarnings && hasWarning) ||
+            (!showInfo && hasInfo))) {
+            return false;
+        }
+        if (logMessages.length !== 0 &&
+            logMessages.every((logMessage) => filterOutLogMessageParsed.has(logMessage.levelMessageHash))) {
+            return false;
+        }
+        const filterText = productUrl +
+            " " +
+            (logMessages || []).reduce((a, logMessage) => {
+                a += logMessage.message + " ";
+                a += logMessage.optionalParams.join(" ");
+                return a;
+            }, "");
+        if (includeMatches === filterStringParsed.test(filterText)) {
+            return false;
+        }
+        return true;
+    });
+}
+export const ExerciserReportFilterView = (props) => {
+    const { className, logMessageMap, allReportItems, setFilteredReportItems } = props;
+    const history = useHistory();
+    const filter = getLogFilter(history.location.search);
+    const serialized = serializeLogFilter(filter);
+    useEffect(() => {
+        history.replace(history.location.pathname + serialized);
+    }, [history, serialized]);
+    function updateFilter(key, val) {
+        const newFilter = Object.assign({}, filter);
+        newFilter[key] = val;
+        const serialized = serializeLogFilter(newFilter);
+        history.replace(history.location.pathname + serialized);
+    }
+    const { minimumDuration, showErrors, showFlawless, includeMatches, filterOutLogMessage, filterByRegex, showWarnings, showInfo, } = filter;
+    const filterStringParsed = useMemoized(parseRegex, filterByRegex);
+    const filterDurationParsed = useMemoized(parseNumber, minimumDuration);
+    const filterOutLogMessageParsed = useMemoized(parseSet, filterOutLogMessage);
+    const filteredItems = useMemo(() => applyLogFilter(allReportItems, filterStringParsed, includeMatches, filterDurationParsed, showFlawless, showErrors, showWarnings, showInfo, filterOutLogMessageParsed), [
+        allReportItems,
+        filterStringParsed,
+        includeMatches,
+        filterDurationParsed,
+        showFlawless,
+        showErrors,
+        showWarnings,
+        showInfo,
+        filterOutLogMessageParsed,
+    ]);
+    useEffect(() => {
+        setFilteredReportItems(filteredItems);
+    }, [filteredItems, setFilteredReportItems]);
+    return (React.createElement("div", { className: className },
+        React.createElement("h2", null, "Report Filter"),
+        React.createElement("h3", null, "By Product"),
+        React.createElement(RegExpFilter, { name: "filterByRegex", value: filterByRegex, parsed: filterStringParsed, updateFilter: updateFilter }),
+        React.createElement(BoolFilter, { name: "includeMatches", value: includeMatches, updateFilter: updateFilter }),
+        React.createElement(NumberFilter, { name: "minimumDuration", value: minimumDuration, parsed: filterDurationParsed, updateFilter: updateFilter }),
+        React.createElement(BoolFilter, { name: "showFlawless", value: showFlawless, updateFilter: updateFilter }),
+        React.createElement(BoolFilter, { name: "showWarnings", value: showWarnings, updateFilter: updateFilter }),
+        React.createElement(BoolFilter, { name: "showInfo", value: showInfo, updateFilter: updateFilter }),
+        React.createElement(BoolFilter, { name: "showErrors", value: showErrors, updateFilter: updateFilter }),
+        React.createElement("h3", null, "By Message"),
+        React.createElement(LogMessageFilter, { name: "filterOutLogMessage", parsed: filterOutLogMessageParsed, updateFilter: updateFilter, logMessageMap: logMessageMap }),
+        React.createElement("p", null,
+            "Showing ",
+            filteredItems.length,
+            "/",
+            allReportItems.length)));
+};

package/dist/exerciser/ExerciserReportItem.d.ts

@@ -1,11 +1,11 @@
-import { GeneratedProductConfiguration } from "@configura/web-api";
-import { LogMessage } from "@configura/web-utilities";
-export interface ExerciserReportItem {
-    productWithConfiguration?: GeneratedProductConfiguration;
-    productUrl: string;
-    logMessages: LogMessage[];
-    imageDataUrl?: string | undefined;
-    duration: number;
-    randId: number;
-}
+import { GeneratedProductConfiguration } from "@configura/web-api";
+import { LogMessage } from "@configura/web-utilities";
+export interface ExerciserReportItem {
+    productWithConfiguration?: GeneratedProductConfiguration;
+    productUrl: string;
+    logMessages: LogMessage[];
+    imageDataUrl?: string | undefined;
+    duration: number;
+    randId: number;
+}
 //# sourceMappingURL=ExerciserReportItem.d.ts.map

package/dist/exerciser/ExerciserReportItem.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/exerciser/ExerciserReportItemView.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-import { ExerciserReportItem } from "./ExerciserReportItem.js";
-export declare const ExerciserReportItemView: React.FC<{
-    item: ExerciserReportItem;
-    showImg?: boolean;
-}>;
+import React from "react";
+import { ExerciserReportItem } from "./ExerciserReportItem.js";
+export declare const ExerciserReportItemView: React.FC<{
+    item: ExerciserReportItem;
+    showImg?: boolean;
+}>;
 //# sourceMappingURL=ExerciserReportItemView.d.ts.map

package/dist/exerciser/ExerciserReportItemView.js

@@ -1,53 +1,53 @@
-import React from "react";
-import { Link } from "react-router-dom";
-import { LogMessagesView } from "../LogMessagesView.js";
-export const ExerciserReportItemView = ({ item, showImg = true }) => {
-    const { duration, productWithConfiguration, logMessages, imageDataUrl, productUrl } = item;
-    if (productWithConfiguration === undefined) {
-        return null;
-    }
-    const { product } = productWithConfiguration;
-    const { catId } = product;
-    return (React.createElement("div", { className: "cfgExerciserReportItem" },
-        React.createElement("div", { className: "cfgExerciserReportItem__info" },
-            React.createElement("p", null,
-                React.createElement("strong", null,
-                    "PartNumber (",
-                    productWithConfiguration.productIndex + 1,
-                    " /",
-                    " ",
-                    productWithConfiguration.productCount,
-                    "):",
-                    " "),
-                product.partNumber),
-            React.createElement("p", null,
-                React.createElement("strong", null, "PriceList: "),
-                catId.priceList),
-            React.createElement("p", null,
-                React.createElement("strong", null, "Vendor: "),
-                catId.vendor),
-            React.createElement("p", null,
-                React.createElement("strong", null,
-                    "ProductCatalogue (",
-                    productWithConfiguration.catalogueIndex + 1,
-                    " /",
-                    " ",
-                    productWithConfiguration.catalogueCount,
-                    ") :",
-                    " "),
-                catId.enterprise,
-                " / ",
-                catId.prdCat,
-                " /",
-                "",
-                catId.prdCatVersion),
-            productUrl !== "" && (React.createElement(Link, { className: "cfgExerciserLink", to: productUrl }, productUrl)),
-            duration && (React.createElement("p", null,
-                React.createElement("strong", null, "Duration:"),
-                " ",
-                duration.toFixed(0),
-                " ms")),
-            React.createElement(LogMessagesView, { messages: logMessages })),
-        imageDataUrl && showImg && (React.createElement("div", { className: "cfgExerciserReportItem__image" },
-            React.createElement("img", { src: imageDataUrl, alt: "Product preview" })))));
-};
+import React from "react";
+import { Link } from "react-router-dom";
+import { LogMessagesView } from "../LogMessagesView.js";
+export const ExerciserReportItemView = ({ item, showImg = true }) => {
+    const { duration, productWithConfiguration, logMessages, imageDataUrl, productUrl } = item;
+    if (productWithConfiguration === undefined) {
+        return null;
+    }
+    const { product } = productWithConfiguration;
+    const { catId } = product;
+    return (React.createElement("div", { className: "cfgExerciserReportItem" },
+        React.createElement("div", { className: "cfgExerciserReportItem__info" },
+            React.createElement("p", null,
+                React.createElement("strong", null,
+                    "PartNumber (",
+                    productWithConfiguration.productIndex + 1,
+                    " /",
+                    " ",
+                    productWithConfiguration.productCount,
+                    "):",
+                    " "),
+                product.partNumber),
+            React.createElement("p", null,
+                React.createElement("strong", null, "PriceList: "),
+                catId.priceList),
+            React.createElement("p", null,
+                React.createElement("strong", null, "Vendor: "),
+                catId.vendor),
+            React.createElement("p", null,
+                React.createElement("strong", null,
+                    "ProductCatalogue (",
+                    productWithConfiguration.catalogueIndex + 1,
+                    " /",
+                    " ",
+                    productWithConfiguration.catalogueCount,
+                    ") :",
+                    " "),
+                catId.enterprise,
+                " / ",
+                catId.prdCat,
+                " /",
+                "",
+                catId.prdCatVersion),
+            productUrl !== "" && (React.createElement(Link, { className: "cfgExerciserLink", to: productUrl }, productUrl)),
+            duration && (React.createElement("p", null,
+                React.createElement("strong", null, "Duration:"),
+                " ",
+                duration.toFixed(0),
+                " ms")),
+            React.createElement(LogMessagesView, { messages: logMessages })),
+        imageDataUrl && showImg && (React.createElement("div", { className: "cfgExerciserReportItem__image" },
+            React.createElement("img", { src: imageDataUrl, alt: "Product preview" })))));
+};

package/dist/exerciser/ExerciserReportView.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
-import { ExerciserReportItem } from "./ExerciserReportItem.js";
-declare type Props = {
-    items: ExerciserReportItem[];
-};
-export declare const ExerciserReportView: React.FC<Props>;
-export {};
+import React from "react";
+import { ExerciserReportItem } from "./ExerciserReportItem.js";
+declare type Props = {
+    items: ExerciserReportItem[];
+};
+export declare const ExerciserReportView: React.FC<Props>;
+export {};
 //# sourceMappingURL=ExerciserReportView.d.ts.map

package/dist/exerciser/ExerciserReportView.js

@@ -1,8 +1,8 @@
-import React from "react";
-import { ExerciserReportItemView } from "./ExerciserReportItemView.js";
-export const ExerciserReportView = (props) => {
-    const { items } = props;
-    return (React.createElement("div", null,
-        React.createElement("h2", null, "Report"),
-        items.map((item) => (React.createElement(ExerciserReportItemView, { item: item, key: item.randId })))));
-};
+import React from "react";
+import { ExerciserReportItemView } from "./ExerciserReportItemView.js";
+export const ExerciserReportView = (props) => {
+    const { items } = props;
+    return (React.createElement("div", null,
+        React.createElement("h2", null, "Report"),
+        items.map((item) => (React.createElement(ExerciserReportItemView, { item: item, key: item.randId })))));
+};

package/dist/exerciser/ExerciserRun.d.ts

@@ -1,20 +1,20 @@
-import { DtoProductParamsWithCid, GeneratedProductConfiguration } from "@configura/web-api";
-import { AggregatedLoadingObservable, LogLevel } from "@configura/web-utilities";
-import { ExerciserAction } from "./Exerciser.js";
-import { ExerciserReportItem } from "./ExerciserReportItem.js";
-export declare type ExerciserLogMessage = {
-    message: string;
-    level: LogLevel;
-    count: number;
-};
-export declare type ExerciserLogMessagesMap = Map<number, ExerciserLogMessage>;
-interface Props {
-    addErrorReportItem: (err: unknown) => void;
-    addReportItem: (item: ExerciserReportItem) => void;
-    loadingObservable: AggregatedLoadingObservable;
-    productIterator: AsyncIterableIterator<GeneratedProductConfiguration | Error>;
-    generateExerciserUrl: (action: ExerciserAction, lang: string, params: Partial<DtoProductParamsWithCid>) => string;
-}
-export declare function ExerciserRunner(props: Props): JSX.Element | null;
-export {};
+import { DtoProductParamsWithCid, GeneratedProductConfiguration } from "@configura/web-api";
+import { AggregatedLoadingObservable, LogLevel } from "@configura/web-utilities";
+import { ExerciserAction } from "./Exerciser.js";
+import { ExerciserReportItem } from "./ExerciserReportItem.js";
+export declare type ExerciserLogMessage = {
+    message: string;
+    level: LogLevel;
+    count: number;
+};
+export declare type ExerciserLogMessagesMap = Map<number, ExerciserLogMessage>;
+interface Props {
+    addErrorReportItem: (err: unknown) => void;
+    addReportItem: (item: ExerciserReportItem) => void;
+    loadingObservable: AggregatedLoadingObservable;
+    productIterator: AsyncIterableIterator<GeneratedProductConfiguration | Error>;
+    generateExerciserUrl: (action: ExerciserAction, lang: string, params: Partial<DtoProductParamsWithCid>) => string;
+}
+export declare function ExerciserRunner(props: Props): JSX.Element | null;
+export {};
 //# sourceMappingURL=ExerciserRun.d.ts.map