@configura/debug-react 1.6.1-alpha.5 → 1.6.2-alpha.0

package/dist/exerciser/Exerciser.js

@@ -1,154 +1,154 @@
-import { generateProductConfigurations, } from "@configura/web-api";
-import { Loading, useObservableState } from "@configura/web-ui";
-import { AggregatedLoadingObservable, encodeURIComponents, LogLevel, LogMessage, } from "@configura/web-utilities";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { ExerciserReportFilterView } from "./ExerciserReportFilterView.js";
-import { ExerciserReportView } from "./ExerciserReportView.js";
-import { ExerciserRunner } from "./ExerciserRun.js";
-import { ExerciserSetup } from "./ExerciserSetup.js";
-export function validateAction(action) {
-    switch (action) {
-        case "run":
-        case "setup":
-            return action;
-    }
-    return "setup";
-}
-export function flattenCataloguePermissions(permissions) {
-    let params = [];
-    for (const p of permissions) {
-        const { enterprise, prdCat, prdCatVersion } = p;
-        const vendors = p.vendors || ["-"];
-        for (const vendor of vendors) {
-            const priceLists = p.priceLists || ["-"];
-            for (const priceList of priceLists) {
-                params.push({
-                    enterprise,
-                    prdCat,
-                    prdCatVersion,
-                    priceList,
-                    vendor,
-                });
-            }
-        }
-    }
-    return params;
-}
-export function filtersKey(...filters) {
-    return filters.map((c) => encodeURIComponents(c.mode, c.value)).join("/");
-}
-export function catalogueFiltersKey(filters) {
-    return filtersKey(filters.enterprise, filters.prdCat, filters.prdCatVersion, filters.priceList, filters.vendor);
-}
-export function useCatalogueFilters(props) {
-    const key = catalogueFiltersKey(props);
-    return useMemo(() => ({
-        enterprise: props.enterprise,
-        prdCat: props.prdCat,
-        prdCatVersion: props.prdCatVersion,
-        priceList: props.priceList,
-        vendor: props.vendor,
-    }), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [key]);
-}
-export function productFiltersKey(filters) {
-    return filtersKey(filters.partNr);
-}
-export function useProductFilters(props) {
-    const key = productFiltersKey(props);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    return useMemo(() => ({ partNr: props.partNr }), [key]);
-}
-export function useProductConfigurationIterator(api, lang, result, productConditions) {
-    return useMemo(() => generateProductConfigurations(api, lang, result, productConditions, {
-        strictSelectOneSelectionCount: true,
-    }), [api, lang, result, productConditions]);
-}
-export function useToc(api, params, lang, setError, loadingObservable) {
-    let [response, setResponse] = useState();
-    useEffect(() => {
-        if (!params) {
-            setResponse(undefined);
-            return;
-        }
-        let canceled = false;
-        let token = loadingObservable.startChildLoading();
-        api.getTocFlat(Object.assign(Object.assign({}, params), { lang }))
-            .then((res) => !canceled && setResponse(res))
-            .catch((err) => !canceled && setError(err))
-            .then(() => loadingObservable.stopChildLoading(token));
-        return () => {
-            canceled = true;
-            loadingObservable.stopChildLoading(token);
-        };
-    }, [api, lang, loadingObservable, params, setError]);
-    return response;
-}
-export const Exerciser = (props) => {
-    const { action } = props.exerciserState;
-    const loadingObservable = useMemo(() => new AggregatedLoadingObservable(), []);
-    const [loading] = useObservableState(loadingObservable, false);
-    const [productIterator, setProductIterator] = useState();
-    const [logMessageCount, setLogMessageCount] = useState(() => new Map());
-    const [reportItems, setReportItems] = useState([]);
-    const [filteredReportItems, setFilteredReportItems] = useState([]);
-    useEffect(() => {
-        setLogMessageCount(new Map());
-        setReportItems([]);
-        setFilteredReportItems([]);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [productIterator]);
-    const addLogMessages = useCallback((logMessages) => {
-        setLogMessageCount((p) => {
-            const n = new Map(p.entries());
-            for (const logMessage of logMessages) {
-                const hash = logMessage.levelMessageHash;
-                let item = n.get(hash);
-                if (item === undefined) {
-                    item = {
-                        level: logMessage.level,
-                        message: `${logMessage.message}`,
-                        count: 0,
-                    };
-                    n.set(hash, item);
-                }
-                item.count++;
-            }
-            return n;
-        });
-    }, []);
-    const addErrorReportItem = useCallback((e) => {
-        setReportItems((p) => {
-            const message = {
-                productUrl: "",
-                logMessages: [new LogMessage(LogLevel.Error, `${e}`, [])],
-                randId: Math.random(),
-                duration: 0,
-            };
-            addLogMessages(message.logMessages);
-            return p.concat(message);
-        });
-    }, [addLogMessages]);
-    const addReportItem = useCallback((item) => {
-        addLogMessages(item.logMessages);
-        setReportItems((p) => {
-            return p.concat(item);
-        });
-    }, [addLogMessages]);
-    return (React.createElement("div", { className: "cfgExerciser cfgExerciserColumn" },
-        React.createElement("div", { className: "cfgExerciserView" },
-            React.createElement("h1", null,
-                "Exerciser ",
-                loading && React.createElement(Loading, { className: "cfgFontSize10", small: true }))),
-        React.createElement("div", { className: "cfgExerciserRow" },
-            React.createElement("div", { className: "cfgExerciserColumn" },
-                React.createElement(ExerciserSetup, Object.assign({}, props, { loadingObservable: loadingObservable, setProductIterator: setProductIterator }))),
-            action === "run" && productIterator && (React.createElement("div", { className: "cfgExerciserColumn" },
-                React.createElement(ExerciserRunner, { generateExerciserUrl: props.generateExerciserUrl, addErrorReportItem: addErrorReportItem, addReportItem: addReportItem, loadingObservable: loadingObservable, productIterator: productIterator })))),
-        action === "run" && (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: "cfgExerciserView cfgExerciserRow" },
-                React.createElement(ExerciserReportFilterView, { allReportItems: reportItems, logMessageMap: logMessageCount, setFilteredReportItems: setFilteredReportItems })),
-            React.createElement("div", { className: "cfgExerciserView cfgExerciserRow" },
-                React.createElement(ExerciserReportView, { items: filteredReportItems }))))));
-};
+import { generateProductConfigurations, } from "@configura/web-api";
+import { Loading, useObservableState } from "@configura/web-ui";
+import { AggregatedLoadingObservable, encodeURIComponents, LogLevel, LogMessage, } from "@configura/web-utilities";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { ExerciserReportFilterView } from "./ExerciserReportFilterView.js";
+import { ExerciserReportView } from "./ExerciserReportView.js";
+import { ExerciserRunner } from "./ExerciserRun.js";
+import { ExerciserSetup } from "./ExerciserSetup.js";
+export function validateAction(action) {
+    switch (action) {
+        case "run":
+        case "setup":
+            return action;
+    }
+    return "setup";
+}
+export function flattenCataloguePermissions(permissions) {
+    let params = [];
+    for (const p of permissions) {
+        const { enterprise, prdCat, prdCatVersion } = p;
+        const vendors = p.vendors || ["-"];
+        for (const vendor of vendors) {
+            const priceLists = p.priceLists || ["-"];
+            for (const priceList of priceLists) {
+                params.push({
+                    enterprise,
+                    prdCat,
+                    prdCatVersion,
+                    priceList,
+                    vendor,
+                });
+            }
+        }
+    }
+    return params;
+}
+export function filtersKey(...filters) {
+    return filters.map((c) => encodeURIComponents(c.mode, c.value)).join("/");
+}
+export function catalogueFiltersKey(filters) {
+    return filtersKey(filters.enterprise, filters.prdCat, filters.prdCatVersion, filters.priceList, filters.vendor);
+}
+export function useCatalogueFilters(props) {
+    const key = catalogueFiltersKey(props);
+    return useMemo(() => ({
+        enterprise: props.enterprise,
+        prdCat: props.prdCat,
+        prdCatVersion: props.prdCatVersion,
+        priceList: props.priceList,
+        vendor: props.vendor,
+    }), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [key]);
+}
+export function productFiltersKey(filters) {
+    return filtersKey(filters.partNr);
+}
+export function useProductFilters(props) {
+    const key = productFiltersKey(props);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    return useMemo(() => ({ partNr: props.partNr }), [key]);
+}
+export function useProductConfigurationIterator(api, lang, result, productConditions) {
+    return useMemo(() => generateProductConfigurations(api, lang, result, productConditions, {
+        strictSelectOneSelectionCount: true,
+    }), [api, lang, result, productConditions]);
+}
+export function useToc(api, params, lang, setError, loadingObservable) {
+    let [response, setResponse] = useState();
+    useEffect(() => {
+        if (!params) {
+            setResponse(undefined);
+            return;
+        }
+        let canceled = false;
+        let token = loadingObservable.startChildLoading();
+        api.getTocFlat(Object.assign(Object.assign({}, params), { lang }))
+            .then((res) => !canceled && setResponse(res))
+            .catch((err) => !canceled && setError(err))
+            .then(() => loadingObservable.stopChildLoading(token));
+        return () => {
+            canceled = true;
+            loadingObservable.stopChildLoading(token);
+        };
+    }, [api, lang, loadingObservable, params, setError]);
+    return response;
+}
+export const Exerciser = (props) => {
+    const { action } = props.exerciserState;
+    const loadingObservable = useMemo(() => new AggregatedLoadingObservable(), []);
+    const [loading] = useObservableState(loadingObservable, false);
+    const [productIterator, setProductIterator] = useState();
+    const [logMessageCount, setLogMessageCount] = useState(() => new Map());
+    const [reportItems, setReportItems] = useState([]);
+    const [filteredReportItems, setFilteredReportItems] = useState([]);
+    useEffect(() => {
+        setLogMessageCount(new Map());
+        setReportItems([]);
+        setFilteredReportItems([]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [productIterator]);
+    const addLogMessages = useCallback((logMessages) => {
+        setLogMessageCount((p) => {
+            const n = new Map(p.entries());
+            for (const logMessage of logMessages) {
+                const hash = logMessage.levelMessageHash;
+                let item = n.get(hash);
+                if (item === undefined) {
+                    item = {
+                        level: logMessage.level,
+                        message: `${logMessage.message}`,
+                        count: 0,
+                    };
+                    n.set(hash, item);
+                }
+                item.count++;
+            }
+            return n;
+        });
+    }, []);
+    const addErrorReportItem = useCallback((e) => {
+        setReportItems((p) => {
+            const message = {
+                productUrl: "",
+                logMessages: [new LogMessage(LogLevel.Error, `${e}`, [])],
+                randId: Math.random(),
+                duration: 0,
+            };
+            addLogMessages(message.logMessages);
+            return p.concat(message);
+        });
+    }, [addLogMessages]);
+    const addReportItem = useCallback((item) => {
+        addLogMessages(item.logMessages);
+        setReportItems((p) => {
+            return p.concat(item);
+        });
+    }, [addLogMessages]);
+    return (React.createElement("div", { className: "cfgExerciser cfgExerciserColumn" },
+        React.createElement("div", { className: "cfgExerciserView" },
+            React.createElement("h1", null,
+                "Exerciser ",
+                loading && React.createElement(Loading, { className: "cfgFontSize10", small: true }))),
+        React.createElement("div", { className: "cfgExerciserRow" },
+            React.createElement("div", { className: "cfgExerciserColumn" },
+                React.createElement(ExerciserSetup, Object.assign({}, props, { loadingObservable: loadingObservable, setProductIterator: setProductIterator }))),
+            action === "run" && productIterator && (React.createElement("div", { className: "cfgExerciserColumn" },
+                React.createElement(ExerciserRunner, { generateExerciserUrl: props.generateExerciserUrl, addErrorReportItem: addErrorReportItem, addReportItem: addReportItem, loadingObservable: loadingObservable, productIterator: productIterator })))),
+        action === "run" && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "cfgExerciserView cfgExerciserRow" },
+                React.createElement(ExerciserReportFilterView, { allReportItems: reportItems, logMessageMap: logMessageCount, setFilteredReportItems: setFilteredReportItems })),
+            React.createElement("div", { className: "cfgExerciserView cfgExerciserRow" },
+                React.createElement(ExerciserReportView, { items: filteredReportItems }))))));
+};

package/dist/exerciser/ExerciserReportFilterView.d.ts

@@ -1,10 +1,10 @@
-import React from "react";
-import { ExerciserReportItem } from "./ExerciserReportItem.js";
-import { ExerciserLogMessagesMap } from "./ExerciserRun.js";
-export declare const ExerciserReportFilterView: React.FC<{
-    className?: string;
-    allReportItems: ExerciserReportItem[];
-    logMessageMap: ExerciserLogMessagesMap;
-    setFilteredReportItems: React.Dispatch<React.SetStateAction<ExerciserReportItem[]>>;
-}>;
+import React from "react";
+import { ExerciserReportItem } from "./ExerciserReportItem.js";
+import { ExerciserLogMessagesMap } from "./ExerciserRun.js";
+export declare const ExerciserReportFilterView: React.FC<{
+    className?: string;
+    allReportItems: ExerciserReportItem[];
+    logMessageMap: ExerciserLogMessagesMap;
+    setFilteredReportItems: React.Dispatch<React.SetStateAction<ExerciserReportItem[]>>;
+}>;
 //# sourceMappingURL=ExerciserReportFilterView.d.ts.map