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

package/.eslintrc.json

@@ -0,0 +1,5 @@
+{
+	"parser": "@typescript-eslint/parser",
+	"plugins": ["@typescript-eslint"],
+	"extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended", "prettier"]
+}

package/dist/TextualConfigurationView.js

@@ -1,7 +1,9 @@
-import React, { useEffect, useState } from "react";
+import { ErrorIcon } from "@configura/web-ui";
+import React, { useCallback, useEffect, useState } from "react";
 export const TextualConfigurationView = (props) => {
     const { active, observableStateManager } = props;
     const [editActive, setEditActive] = useState(false);
+    const [warnings, setWarnings] = useState([]);
     const [textualConfiguration, setTextualConfiguration] = useState(observableStateManager.stateAsString);
     useEffect(() => {
         const textualConfigurationListener = (v) => {
@@ -15,6 +17,10 @@ export const TextualConfigurationView = (props) => {
             observableStateManager.stopListenForStateChange(textualConfigurationListener);
         };
     }, [editActive, observableStateManager]);
+    const refreshWarnings = useCallback(() => {
+        const ws = observableStateManager.getWarnings();
+        setWarnings(ws);
+    }, [observableStateManager]);
     return active ? (React.createElement("div", { className: `cfgTextualConfiguration ${props.className || ""}`, style: props.style },
         props.children,
         editActive && React.createElement("p", null, "Editing like this is experimental"),
@@ -22,20 +28,31 @@ export const TextualConfigurationView = (props) => {
                 if (!editActive) {
                     return;
                 }
+                refreshWarnings();
                 setTextualConfiguration(event.target.value);
             } }),
         React.createElement("div", { className: "cfgButtonRow" },
             React.createElement("button", { className: "cfgButtonRow__button cfgButton", onClick: () => {
+                    refreshWarnings();
                     navigator.clipboard.writeText(textualConfiguration);
                 } }, "Copy to clipboard"),
-            !editActive && (React.createElement("button", { className: "cfgButtonRow__button cfgButton", onClick: () => setEditActive(true) }, "Edit")),
+            !editActive && (React.createElement("button", { className: "cfgButtonRow__button cfgButton", onClick: () => {
+                    refreshWarnings();
+                    setEditActive(true);
+                } }, "Edit")),
             editActive && (React.createElement(React.Fragment, null,
                 React.createElement("button", { className: "cfgButtonRow__button cfgButton", onClick: () => {
+                        refreshWarnings();
                         setTextualConfiguration(observableStateManager.stateAsString);
                         setEditActive(false);
                     } }, "Cancel Edit"),
                 React.createElement("button", { className: "cfgButtonRow__button cfgButton", disabled: observableStateManager.stateAsString === textualConfiguration, onClick: () => {
+                        refreshWarnings();
                         setEditActive(false);
                         observableStateManager.stateAsString = textualConfiguration;
-                    } }, "Apply Edit")))))) : null;
+                    } }, "Apply Edit")))),
+        warnings.map((w) => (React.createElement("div", { className: "cfgTextualConfiguration__error", key: w },
+            React.createElement(ErrorIcon, null),
+            " ",
+            w))))) : null;
 };

package/dist/css/debug.css

@@ -1 +1 @@
-:root{--cfgExerciserImageWidth:200px;--cfgExerciserLink:#2667cf}.cfgExerciser{overflow-wrap:anywhere}.cfgExerciserColumn{display:flex;flex-direction:column;flex:1 1 auto}.cfgExerciserRow{display:flex;flex-direction:row;flex-wrap:wrap}.cfgExerciserLink{color:var(--cfgExerciserLink);text-decoration:none;word-break:break-all}.cfgExerciserView{margin:0 1em}.cfgExerciserButton{font-size:1em}.cfgExerciserControl{margin:.5em 0}.cfgExerciserControl__label{display:block;text-transform:capitalize;font-weight:500}.cfgExerciserControl__select--operator{margin-right:.5em}.cfgExerciserControl__selectWrapper{display:flex;flex-direction:row;flex-wrap:wrap}.cfgExerciserControl__select--full{flex:1 0 auto}.cfgExerciserControl__error{color:#dc143c}.cfgCanvasWrapper{width:100%}.cfgExerciserReportItem{border-top:1px solid #000;display:flex;flex-wrap:wrap}.cfgExerciserReportItem .cfgDebugLog{font-size:1em}.cfgExerciserReportItem .cfgDebugLog__item{padding:1px;margin:.5em 0}@media screen and (min-width:62.5em){.cfgExerciserReportItem{flex-wrap:nowrap}}.cfgExerciserReportItem__info{flex:1 1 auto}.cfgExerciserReportItem__image{width:var(--cfgExerciserImageWidth);height:var(--cfgExerciserImageWidth)}.cfgExerciserReportItem__image img{width:100%}.cfgExerciserFilter__logMessage{display:block;padding:1px 0}.cfgExerciserSetup{display:flex;flex-direction:row;flex-wrap:wrap}.cfgExerciserSetup__select{max-width:50rem}.cfgExerciserSetup__preview,.cfgExerciserSetup__select{flex:1 1 auto}.cfgExerciserSetup__select+.cfgExerciserSetup__preview{flex:1 1 50%}.cfgFontSize10{font-size:10px}.cfgDebugLog{font-size:1.5em;margin:1em 0}.cfgDebugLog__list{list-style:none;padding-left:0}.cfgDebugLog__item{padding:1em}.cfgDebugLog__item--severityInfo,.cfgDebugLog__item--severityLog{background-color:#33f;color:#fff}.cfgDebugLog__item--severityWarn{background-color:#fd0}.cfgDebugLog__item--severityError{background-color:#c00;color:#fff}ul.debug-wrapper{-webkit-padding-start:0;padding-inline-start:0;list-style:none}.debug-component__heading{font-weight:700}.debug-component__table{color:#00f;border-top:1px solid #00f;border-left:1px solid #00f;margin-left:1px;padding-left:5px;padding-top:5px;margin-top:10px}.debug-component__table--mark-hidden{color:#88f}.debug-component__table tr td:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.debug-component__group{list-style:none;-webkit-padding-start:10px;padding-inline-start:10px}.cfgTextualConfiguration__input{width:100%;min-height:15em}
+:root{--cfgExerciserImageWidth:200px;--cfgExerciserLink:#2667cf}.cfgExerciser{overflow-wrap:anywhere}.cfgExerciserColumn{display:flex;flex-direction:column;flex:1 1 auto}.cfgExerciserRow{display:flex;flex-direction:row;flex-wrap:wrap}.cfgExerciserLink{color:var(--cfgExerciserLink);text-decoration:none;word-break:break-all}.cfgExerciserView{margin:0 1em}.cfgExerciserButton{font-size:1em}.cfgExerciserControl{margin:.5em 0}.cfgExerciserControl__label{display:block;text-transform:capitalize;font-weight:500}.cfgExerciserControl__select--operator{margin-right:.5em}.cfgExerciserControl__selectWrapper{display:flex;flex-direction:row;flex-wrap:wrap}.cfgExerciserControl__select--full{flex:1 0 auto}.cfgExerciserControl__error{color:#dc143c}.cfgCanvasWrapper{width:100%}.cfgExerciserReportItem{border-top:1px solid #000;display:flex;flex-wrap:wrap}.cfgExerciserReportItem .cfgDebugLog{font-size:1em}.cfgExerciserReportItem .cfgDebugLog__item{padding:1px;margin:.5em 0}@media screen and (min-width:62.5em){.cfgExerciserReportItem{flex-wrap:nowrap}}.cfgExerciserReportItem__info{flex:1 1 auto}.cfgExerciserReportItem__info p{margin-top:4px;margin-bottom:4px}.cfgExerciserReportItem__image{width:var(--cfgExerciserImageWidth);height:var(--cfgExerciserImageWidth)}.cfgExerciserReportItem__image img{width:100%}.cfgExerciserFilter__logMessage{display:block;padding:1px 0}.cfgExerciserSetup{display:flex;flex-direction:row;flex-wrap:wrap}.cfgExerciserSetup__select{max-width:50rem}.cfgExerciserSetup__preview,.cfgExerciserSetup__select{flex:1 1 auto}.cfgExerciserSetup__select+.cfgExerciserSetup__preview{flex:1 1 50%}.cfgFontSize10{font-size:10px}.cfgDebugLog{font-size:1.5em;margin:1em 0}.cfgDebugLog__list{list-style:none;padding-left:0}.cfgDebugLog__item{padding:1em}.cfgDebugLog__item--severityInfo,.cfgDebugLog__item--severityLog{background-color:#33f;color:#fff}.cfgDebugLog__item--severityWarn{background-color:#fd0}.cfgDebugLog__item--severityError{background-color:#c00;color:#fff}ul.debug-wrapper{-webkit-padding-start:0;padding-inline-start:0;list-style:none}.debug-component__heading{font-weight:700}.debug-component__table{color:#00f;border-top:1px solid #00f;border-left:1px solid #00f;margin-left:1px;padding-left:5px;padding-top:5px;margin-top:10px}.debug-component__table--mark-hidden{color:#88f}.debug-component__table tr td:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.debug-component__group{list-style:none;-webkit-padding-start:10px;padding-inline-start:10px}.cfgTextualConfiguration__input{width:100%;min-height:15em}.cfgTextualConfiguration__error{margin-top:1em;font-size:1.2em}.cfgTextualConfiguration__error .cfgErrorIcon{margin-right:.75em;width:1.25em;height:1em}

package/dist/css/debug.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/scss/_exerciser.scss","../../src/scss/debug.scss","../../src/scss/debug.scss%23sass"],"names":[],"mappings":"AAAA,MACC,8BAAA,CCCD,0BACA,CDEA,cCCA,sBACA,CDEA,oBCCC,YAAA,CDCA,qBAAA,CACA,aCCD,CDEA,iBACC,YAAA,CACA,kBAAA,CACA,cCCD,CDEA,kBACC,6BAAA,CACA,oBAAA,CACA,oBCCD,CDEA,kBACC,YCCD,CDEA,oBACC,aCCD,CDEA,qBCCA,aACA,CDEA,4BACC,aAAA,CCCA,yBAAA,CDCA,eCCD,CDCA,uCACC,iBCED,CDCA,oCACC,YAAA,CACA,kBAAA,CACA,cCED,CDCA,mCACC,aCED,CDCA,4BACC,aCED,CDCA,kBACC,UCED,CDCA,wBCEC,yBAAA,CACD,YAAA,CDAC,cCED,CDAC,qCACC,aCEF,CDCC,2CCCD,WAAA,CDCE,aCCF,CDGA,qCACC,wBACC,gBCAA,CACF,CDGA,8BACC,aCDD,CDIA,+BACC,mCAAA,CACA,oCCDD,CDIA,mCACC,UCDD,CDIA,gCACC,aAAA,CACA,aCDD,CDIA,mBACC,YAAA,CACA,kBAAA,CACA,cCDD,CDIA,2BACC,eCDD,CDIA,uDAEC,aCDD,CDIA,uDACC,YCDD,CCtHA,eACC,cDyHD,CCtHA,aACC,eAAA,CACA,YDyHD,CCvHC,mBACC,eAAA,CACA,cDyHF,CCtHC,mBACC,WDwHF,CCtHE,iEAEC,qBAAA,CACA,UDuHH,CCrHE,iCACC,qBDuHH,CCrHE,kCACC,qBAAA,CACA,UDuHH,CClHA,iBACC,uBAAA,CAAA,sBAAA,CACA,eDqHD,CCjHC,0BACC,eDoHF,CCjHC,wBACC,UAAA,CACA,yBAAA,CACA,0BAAA,CACA,eAAA,CACA,gBAAA,CACA,eAAA,CACA,eDmHF,CCjHE,qCACC,UDmHH,CC/GG,2CACC,kBAAA,CACA,eAAA,CACA,sBDiHJ,CC5GC,wBACC,eAAA,CACA,0BAAA,CAAA,yBD8GF,CCzGC,gCACC,UAAA,CACA,eD4GF","file":"debug.css","sourcesContent":[":root {\n\t--cfgExerciserImageWidth: 200px;\n\t--cfgExerciserLink: hsl(217, 69%, 48%);\n}\n\n.cfgExerciser {\n\toverflow-wrap: anywhere;\n}\n\n.cfgExerciserColumn {\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1 1 auto;\n}\n\n.cfgExerciserRow {\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n}\n\n.cfgExerciserLink {\n\tcolor: var(--cfgExerciserLink);\n\ttext-decoration: none;\n\tword-break: break-all;\n}\n\n.cfgExerciserView {\n\tmargin: 0 1em;\n}\n\n.cfgExerciserButton {\n\tfont-size: 1em;\n}\n\n.cfgExerciserControl {\n\tmargin: 0.5em 0;\n}\n\n.cfgExerciserControl__label {\n\tdisplay: block;\n\ttext-transform: capitalize;\n\tfont-weight: 500;\n}\n.cfgExerciserControl__select--operator {\n\tmargin-right: 0.5em;\n}\n\n.cfgExerciserControl__selectWrapper {\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n}\n\n.cfgExerciserControl__select--full {\n\tflex: 1 0 auto;\n}\n\n.cfgExerciserControl__error {\n\tcolor: crimson;\n}\n\n.cfgCanvasWrapper {\n\twidth: 100%;\n}\n\n.cfgExerciserReportItem {\n\tborder-top: 1px solid black;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\n\t& .cfgDebugLog {\n\t\tfont-size: 1em;\n\t}\n\n\t& .cfgDebugLog__item {\n\t\tpadding: 1px;\n\t\tmargin: 0.5em 0;\n\t}\n}\n\n@media screen and (min-width: 62.5em) {\n\t.cfgExerciserReportItem {\n\t\tflex-wrap: nowrap;\n\t}\n}\n\n.cfgExerciserReportItem__info {\n\tflex: 1 1 auto;\n}\n\n.cfgExerciserReportItem__image {\n\twidth: var(--cfgExerciserImageWidth);\n\theight: var(--cfgExerciserImageWidth);\n}\n\n.cfgExerciserReportItem__image img {\n\twidth: 100%;\n}\n\n.cfgExerciserFilter__logMessage {\n\tdisplay: block;\n\tpadding: 1px 0;\n}\n\n.cfgExerciserSetup {\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n}\n\n.cfgExerciserSetup__select {\n\tmax-width: 50rem;\n}\n\n.cfgExerciserSetup__select,\n.cfgExerciserSetup__preview {\n\tflex: 1 1 auto;\n}\n\n.cfgExerciserSetup__select + .cfgExerciserSetup__preview {\n\tflex: 1 1 50%;\n}\n","@import \"exerciser\";\n\n.cfgFontSize10 {\n\tfont-size: 10px;\n}\n\n.cfgDebugLog {\n\tfont-size: 1.5em;\n\tmargin: 1em 0;\n\n\t&__list {\n\t\tlist-style: none;\n\t\tpadding-left: 0;\n\t}\n\n\t&__item {\n\t\tpadding: 1em;\n\n\t\t&--severityLog,\n\t\t&--severityInfo {\n\t\t\tbackground-color: #3333ff;\n\t\t\tcolor: #fff;\n\t\t}\n\t\t&--severityWarn {\n\t\t\tbackground-color: #ffdd00;\n\t\t}\n\t\t&--severityError {\n\t\t\tbackground-color: #cc0000;\n\t\t\tcolor: #fff;\n\t\t}\n\t}\n}\n\nul.debug-wrapper {\n\tpadding-inline-start: 0;\n\tlist-style: none;\n}\n\n.debug-component {\n\t&__heading {\n\t\tfont-weight: 700;\n\t}\n\n\t&__table {\n\t\tcolor: blue;\n\t\tborder-top: 1px blue solid;\n\t\tborder-left: 1px blue solid;\n\t\tmargin-left: 1px;\n\t\tpadding-left: 5px;\n\t\tpadding-top: 5px;\n\t\tmargin-top: 10px;\n\n\t\t&--mark-hidden {\n\t\t\tcolor: #8888ff;\n\t\t}\n\n\t\ttr {\n\t\t\ttd:nth-child(2) {\n\t\t\t\twhite-space: nowrap;\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__group {\n\t\tlist-style: none;\n\t\tpadding-inline-start: 10px;\n\t}\n}\n\n.cfgTextualConfiguration {\n\t&__input {\n\t\twidth: 100%;\n\t\tmin-height: 15em;\n\t}\n}\n","@import \"exerciser\";\n\n.cfgFontSize10 {\n\tfont-size: 10px;\n}\n\n.cfgDebugLog {\n\tfont-size: 1.5em;\n\tmargin: 1em 0;\n\n\t&__list {\n\t\tlist-style: none;\n\t\tpadding-left: 0;\n\t}\n\n\t&__item {\n\t\tpadding: 1em;\n\n\t\t&--severityLog,\n\t\t&--severityInfo {\n\t\t\tbackground-color: #3333ff;\n\t\t\tcolor: #fff;\n\t\t}\n\t\t&--severityWarn {\n\t\t\tbackground-color: #ffdd00;\n\t\t}\n\t\t&--severityError {\n\t\t\tbackground-color: #cc0000;\n\t\t\tcolor: #fff;\n\t\t}\n\t}\n}\n\nul.debug-wrapper {\n\tpadding-inline-start: 0;\n\tlist-style: none;\n}\n\n.debug-component {\n\t&__heading {\n\t\tfont-weight: 700;\n\t}\n\n\t&__table {\n\t\tcolor: blue;\n\t\tborder-top: 1px blue solid;\n\t\tborder-left: 1px blue solid;\n\t\tmargin-left: 1px;\n\t\tpadding-left: 5px;\n\t\tpadding-top: 5px;\n\t\tmargin-top: 10px;\n\n\t\t&--mark-hidden {\n\t\t\tcolor: #8888ff;\n\t\t}\n\n\t\ttr {\n\t\t\ttd:nth-child(2) {\n\t\t\t\twhite-space: nowrap;\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__group {\n\t\tlist-style: none;\n\t\tpadding-inline-start: 10px;\n\t}\n}\n\n.cfgTextualConfiguration {\n\t&__input {\n\t\twidth: 100%;\n\t\tmin-height: 15em;\n\t}\n}\n"]}
+{"version":3,"sources":["../../src/scss/_exerciser.scss","../../src/scss/debug.scss","../../src/scss/debug.scss%23sass"],"names":[],"mappings":"AAAA,MACC,8BAAA,CCCD,0BACA,CDEA,cCCA,sBACA,CDEA,oBCCC,YAAA,CDCA,qBAAA,CACA,aCCD,CDEA,iBACC,YAAA,CACA,kBAAA,CACA,cCCD,CDEA,kBACC,6BAAA,CACA,oBAAA,CACA,oBCCD,CDEA,kBACC,YCCD,CDEA,oBACC,aCCD,CDEA,qBCCA,aACA,CDEA,4BACC,aAAA,CCCA,yBAAA,CDCA,eCCD,CDCA,uCACC,iBCED,CDCA,oCACC,YAAA,CACA,kBAAA,CACA,cCED,CDCA,mCACC,aCED,CDCA,4BACC,aCED,CDCA,kBACC,UCED,CDCA,wBCEC,yBAAA,CACD,YAAA,CDAC,cCED,CDAC,qCACC,aCEF,CDCC,2CACC,WAAA,CCCD,aACD,CDGA,qCACC,wBCAE,gBACD,CACF,CDGA,8BCDC,aACD,CDIA,gCACC,cAAA,CACA,iBCDD,CDIA,+BACC,mCAAA,CACA,oCCDD,CDIA,mCACC,UCDD,CDIA,gCACC,aAAA,CACA,aCDD,CDIA,mBACC,YAAA,CACA,kBAAA,CACA,cCDD,CDIA,2BACC,eCDD,CDIA,uDAEC,aCDD,CDIA,uDACC,YCDD,CC3HA,eACC,cD8HD,CC3HA,aACC,eAAA,CACA,YD8HD,CC5HC,mBACC,eAAA,CACA,cD8HF,CC3HC,mBACC,WD6HF,CC3HE,iEAEC,qBAAA,CACA,UD4HH,CC1HE,iCACC,qBD4HH,CC1HE,kCACC,qBAAA,CACA,UD4HH,CCvHA,iBACC,uBAAA,CAAA,sBAAA,CACA,eD0HD,CCtHC,0BACC,eDyHF,CCtHC,wBACC,UAAA,CACA,yBAAA,CACA,0BAAA,CACA,eAAA,CACA,gBAAA,CACA,eAAA,CACA,eDwHF,CCtHE,qCACC,UDwHH,CCpHG,2CACC,kBAAA,CACA,eAAA,CACA,sBDsHJ,CCjHC,wBACC,eAAA,CACA,0BAAA,CAAA,yBDmHF,CC9GC,gCACC,UAAA,CACA,eDiHF,CC9GC,gCACC,cAAA,CACA,eDgHF,CC9GE,8CACC,kBAAA,CACA,YAAA,CACA,UDgHH","file":"debug.css","sourcesContent":[":root {\n\t--cfgExerciserImageWidth: 200px;\n\t--cfgExerciserLink: hsl(217, 69%, 48%);\n}\n\n.cfgExerciser {\n\toverflow-wrap: anywhere;\n}\n\n.cfgExerciserColumn {\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1 1 auto;\n}\n\n.cfgExerciserRow {\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n}\n\n.cfgExerciserLink {\n\tcolor: var(--cfgExerciserLink);\n\ttext-decoration: none;\n\tword-break: break-all;\n}\n\n.cfgExerciserView {\n\tmargin: 0 1em;\n}\n\n.cfgExerciserButton {\n\tfont-size: 1em;\n}\n\n.cfgExerciserControl {\n\tmargin: 0.5em 0;\n}\n\n.cfgExerciserControl__label {\n\tdisplay: block;\n\ttext-transform: capitalize;\n\tfont-weight: 500;\n}\n.cfgExerciserControl__select--operator {\n\tmargin-right: 0.5em;\n}\n\n.cfgExerciserControl__selectWrapper {\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n}\n\n.cfgExerciserControl__select--full {\n\tflex: 1 0 auto;\n}\n\n.cfgExerciserControl__error {\n\tcolor: crimson;\n}\n\n.cfgCanvasWrapper {\n\twidth: 100%;\n}\n\n.cfgExerciserReportItem {\n\tborder-top: 1px solid black;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\n\t& .cfgDebugLog {\n\t\tfont-size: 1em;\n\t}\n\n\t& .cfgDebugLog__item {\n\t\tpadding: 1px;\n\t\tmargin: 0.5em 0;\n\t}\n}\n\n@media screen and (min-width: 62.5em) {\n\t.cfgExerciserReportItem {\n\t\tflex-wrap: nowrap;\n\t}\n}\n\n.cfgExerciserReportItem__info {\n\tflex: 1 1 auto;\n}\n\n.cfgExerciserReportItem__info p {\n\tmargin-top: 4px;\n\tmargin-bottom: 4px;\n}\n\n.cfgExerciserReportItem__image {\n\twidth: var(--cfgExerciserImageWidth);\n\theight: var(--cfgExerciserImageWidth);\n}\n\n.cfgExerciserReportItem__image img {\n\twidth: 100%;\n}\n\n.cfgExerciserFilter__logMessage {\n\tdisplay: block;\n\tpadding: 1px 0;\n}\n\n.cfgExerciserSetup {\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n}\n\n.cfgExerciserSetup__select {\n\tmax-width: 50rem;\n}\n\n.cfgExerciserSetup__select,\n.cfgExerciserSetup__preview {\n\tflex: 1 1 auto;\n}\n\n.cfgExerciserSetup__select + .cfgExerciserSetup__preview {\n\tflex: 1 1 50%;\n}\n","@import \"exerciser\";\n\n.cfgFontSize10 {\n\tfont-size: 10px;\n}\n\n.cfgDebugLog {\n\tfont-size: 1.5em;\n\tmargin: 1em 0;\n\n\t&__list {\n\t\tlist-style: none;\n\t\tpadding-left: 0;\n\t}\n\n\t&__item {\n\t\tpadding: 1em;\n\n\t\t&--severityLog,\n\t\t&--severityInfo {\n\t\t\tbackground-color: #3333ff;\n\t\t\tcolor: #fff;\n\t\t}\n\t\t&--severityWarn {\n\t\t\tbackground-color: #ffdd00;\n\t\t}\n\t\t&--severityError {\n\t\t\tbackground-color: #cc0000;\n\t\t\tcolor: #fff;\n\t\t}\n\t}\n}\n\nul.debug-wrapper {\n\tpadding-inline-start: 0;\n\tlist-style: none;\n}\n\n.debug-component {\n\t&__heading {\n\t\tfont-weight: 700;\n\t}\n\n\t&__table {\n\t\tcolor: blue;\n\t\tborder-top: 1px blue solid;\n\t\tborder-left: 1px blue solid;\n\t\tmargin-left: 1px;\n\t\tpadding-left: 5px;\n\t\tpadding-top: 5px;\n\t\tmargin-top: 10px;\n\n\t\t&--mark-hidden {\n\t\t\tcolor: #8888ff;\n\t\t}\n\n\t\ttr {\n\t\t\ttd:nth-child(2) {\n\t\t\t\twhite-space: nowrap;\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__group {\n\t\tlist-style: none;\n\t\tpadding-inline-start: 10px;\n\t}\n}\n\n.cfgTextualConfiguration {\n\t&__input {\n\t\twidth: 100%;\n\t\tmin-height: 15em;\n\t}\n\n\t&__error {\n\t\tmargin-top: 1em;\n\t\tfont-size: 1.2em;\n\n\t\t.cfgErrorIcon {\n\t\t\tmargin-right: 0.75em;\n\t\t\twidth: 1.25em;\n\t\t\theight: 1em;\n\t\t}\n\t}\n}\n","@import \"exerciser\";\n\n.cfgFontSize10 {\n\tfont-size: 10px;\n}\n\n.cfgDebugLog {\n\tfont-size: 1.5em;\n\tmargin: 1em 0;\n\n\t&__list {\n\t\tlist-style: none;\n\t\tpadding-left: 0;\n\t}\n\n\t&__item {\n\t\tpadding: 1em;\n\n\t\t&--severityLog,\n\t\t&--severityInfo {\n\t\t\tbackground-color: #3333ff;\n\t\t\tcolor: #fff;\n\t\t}\n\t\t&--severityWarn {\n\t\t\tbackground-color: #ffdd00;\n\t\t}\n\t\t&--severityError {\n\t\t\tbackground-color: #cc0000;\n\t\t\tcolor: #fff;\n\t\t}\n\t}\n}\n\nul.debug-wrapper {\n\tpadding-inline-start: 0;\n\tlist-style: none;\n}\n\n.debug-component {\n\t&__heading {\n\t\tfont-weight: 700;\n\t}\n\n\t&__table {\n\t\tcolor: blue;\n\t\tborder-top: 1px blue solid;\n\t\tborder-left: 1px blue solid;\n\t\tmargin-left: 1px;\n\t\tpadding-left: 5px;\n\t\tpadding-top: 5px;\n\t\tmargin-top: 10px;\n\n\t\t&--mark-hidden {\n\t\t\tcolor: #8888ff;\n\t\t}\n\n\t\ttr {\n\t\t\ttd:nth-child(2) {\n\t\t\t\twhite-space: nowrap;\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__group {\n\t\tlist-style: none;\n\t\tpadding-inline-start: 10px;\n\t}\n}\n\n.cfgTextualConfiguration {\n\t&__input {\n\t\twidth: 100%;\n\t\tmin-height: 15em;\n\t}\n\n\t&__error {\n\t\tmargin-top: 1em;\n\t\tfont-size: 1.2em;\n\n\t\t.cfgErrorIcon {\n\t\t\tmargin-right: 0.75em;\n\t\t\twidth: 1.25em;\n\t\t\theight: 1em;\n\t\t}\n\t}\n}\n"]}

package/dist/exerciser/Exerciser.d.ts

@@ -1,16 +1,16 @@
-import { CatalogueAPI, DtoCatalogueParams, DtoCatalogueParamsWithoutCid, DtoCataloguePermission, DtoProductParams, DtoTOCResponse, GeneratedProductConfiguration, ProductRefParams } from "@configura/web-api";
+import { CatalogueAPI, DtoCatalogueParams, DtoCatalogueParamsWithCid, DtoCataloguePermission, DtoProductParamsWithCid, DtoTOCResponse, GeneratedProductConfiguration, ProductRefParams } from "@configura/web-api";
 import { AggregatedLoadingObservable, Filter, Filters, LogLevel } from "@configura/web-utilities";
 import React from "react";
 export declare type ExerciserAction = "setup" | "run";
 export declare function validateAction(action: string): ExerciserAction;
-export declare function flattenCataloguePermissions(permissions: DtoCataloguePermission[]): DtoCatalogueParams[];
+export declare function flattenCataloguePermissions(permissions: DtoCataloguePermission[]): DtoCatalogueParamsWithCid[];
 export declare function filtersKey(...filters: Filter[]): string;
-export declare function catalogueFiltersKey(filters: Filters<DtoCatalogueParamsWithoutCid>): string;
-export declare function useCatalogueFilters(props: ExerciserState): Filters<DtoCatalogueParamsWithoutCid>;
+export declare function catalogueFiltersKey(filters: Filters<DtoCatalogueParams>): string;
+export declare function useCatalogueFilters(props: ExerciserState): Filters<DtoCatalogueParams>;
 export declare function productFiltersKey(filters: Filters<ProductRefParams>): string;
 export declare function useProductFilters(props: ExerciserState): Filters<ProductRefParams>;
-export declare function useProductConfigurationIterator(api: CatalogueAPI, lang: string, result: DtoCatalogueParams[], productConditions: Filters<ProductRefParams>): AsyncIterableIterator<GeneratedProductConfiguration | Error>;
-export declare function useToc(api: CatalogueAPI, params: DtoCatalogueParamsWithoutCid | undefined, lang: string, setError: (err: unknown) => void, loadingObservable: AggregatedLoadingObservable): DtoTOCResponse | undefined;
+export declare function useProductConfigurationIterator(api: CatalogueAPI, lang: string, result: DtoCatalogueParamsWithCid[], productConditions: Filters<ProductRefParams>): AsyncIterableIterator<GeneratedProductConfiguration | Error>;
+export declare function useToc(api: CatalogueAPI, params: DtoCatalogueParams | undefined, lang: string, setError: (err: unknown) => void, loadingObservable: AggregatedLoadingObservable): DtoTOCResponse | undefined;
 export interface LogMessageCount {
     message: string;
     level: LogLevel;
@@ -29,7 +29,7 @@ export interface ExerciserState {
 interface Props {
     api: CatalogueAPI;
     exerciserState: ExerciserState;
-    generateExerciserUrl: (action: ExerciserAction, lang: string, params: Partial<DtoProductParams>) => string;
+    generateExerciserUrl: (action: ExerciserAction, lang: string, params: Partial<DtoProductParamsWithCid>) => string;
     setError: (err: unknown) => void;
     setExerciserState: (next: ExerciserState) => void;
 }

package/dist/exerciser/Exerciser.js

@@ -67,14 +67,14 @@ export function useProductConfigurationIterator(api, lang, result, productCondit
     }), [api, lang, productConditions, result]);
 }
 export function useToc(api, params, lang, setError, loadingObservable) {
-    let [response, setResponse] = useState();
+    const [response, setResponse] = useState();
     useEffect(() => {
         if (!params) {
             setResponse(undefined);
             return;
         }
         let canceled = false;
-        let token = loadingObservable.startChildLoading();
+        const token = loadingObservable.startChildLoading();
         api.getTocFlat(Object.assign(Object.assign({}, params), { lang }))
             .then((res) => !canceled && setResponse(res))
             .catch((err) => !canceled && setError(err))

package/dist/exerciser/ExerciserReportItemView.d.ts

@@ -2,5 +2,6 @@ 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,7 +1,7 @@
 import React from "react";
 import { Link } from "react-router-dom";
 import { LogMessagesView } from "../LogMessagesView.js";
-export const ExerciserReportItemView = ({ item }) => {
+export const ExerciserReportItemView = ({ item, showImg = true }) => {
     const { duration, productWithConfiguration, logMessages, imageDataUrl, productUrl } = item;
     if (productWithConfiguration === undefined) {
         return null;
@@ -48,6 +48,6 @@ export const ExerciserReportItemView = ({ item }) => {
                 duration.toFixed(0),
                 " ms")),
             React.createElement(LogMessagesView, { messages: logMessages })),
-        imageDataUrl && (React.createElement("div", { className: "cfgExerciserReportItem__image" },
+        imageDataUrl && showImg && (React.createElement("div", { className: "cfgExerciserReportItem__image" },
             React.createElement("img", { src: imageDataUrl, alt: "Product preview" })))));
 };

package/dist/exerciser/ExerciserRun.d.ts

@@ -1,4 +1,4 @@
-import { DtoProductParams, GeneratedProductConfiguration } from "@configura/web-api";
+import { DtoProductParamsWithCid, GeneratedProductConfiguration } from "@configura/web-api";
 import { AggregatedLoadingObservable, LogLevel } from "@configura/web-utilities";
 import { ExerciserAction } from "./Exerciser.js";
 import { ExerciserReportItem } from "./ExerciserReportItem.js";
@@ -13,7 +13,7 @@ interface Props {
     addReportItem: (item: ExerciserReportItem) => void;
     loadingObservable: AggregatedLoadingObservable;
     productIterator: AsyncIterableIterator<GeneratedProductConfiguration | Error>;
-    generateExerciserUrl: (action: ExerciserAction, lang: string, params: Partial<DtoProductParams>) => string;
+    generateExerciserUrl: (action: ExerciserAction, lang: string, params: Partial<DtoProductParamsWithCid>) => string;
 }
 export declare function ExerciserRunner(props: Props): JSX.Element | null;
 export {};

package/dist/exerciser/ExerciserRun.js

@@ -11,6 +11,7 @@ import { SingleProductViewPhase, } from "@configura/babylon-view";
 import { BabylonView } from "@configura/babylon-view-react";
 import { degToRad, loadImage, LogObservable, toError, } from "@configura/web-utilities";
 import React, { useEffect, useState } from "react";
+import { ExerciserReportItemView } from "./ExerciserReportItemView.js";
 /**
  * This configures the Babylon view, for example the camera configuration and detail levels used.
  *
@@ -39,6 +40,7 @@ export function ExerciserRunner(props) {
     const [productResult, setProductResult] = useState();
     const [product, setProduct] = useState();
     const [snapshotResult, setSnapshotResult] = useState();
+    const [currentItem, setCurrentItem] = useState();
     const loadNext = () => {
         setSnapshotResult(undefined);
         setViewStateReachedIdleOrError(undefined);
@@ -119,13 +121,22 @@ export function ExerciserRunner(props) {
             addErrorReportItem(snapshotResult);
         }
         else {
+            const randNum = Math.random();
+            setCurrentItem({
+                duration: performance.now() - startLoading,
+                imageDataUrl: snapshotResult.image && snapshotResult.url,
+                logMessages: [],
+                productWithConfiguration: product,
+                productUrl: "",
+                randId: randNum,
+            });
             addReportItem({
                 duration: performance.now() - startLoading,
                 imageDataUrl: snapshotResult.image && snapshotResult.url,
                 logMessages: LogObservable.allMessages,
                 productWithConfiguration: product,
                 productUrl: generateExerciserUrl("run", product.product.lang, Object.assign(Object.assign({}, product.product.catId), { partNumber: product.product.partNumber })),
-                randId: Math.random(),
+                randId: randNum,
             });
         }
         loadNext();
@@ -136,9 +147,12 @@ export function ExerciserRunner(props) {
         product,
         snapshotResult,
         startLoading,
+        currentItem,
     ]);
     if (!product) {
         return null;
     }
-    return (React.createElement(BabylonView, { errorCallback: setProductResult, applicationAreas: product.applicationAreasResponse.applicationAreas, product: product.product, width: 500, height: 500, viewPhaseCallback: setViewPhase, renderEnvironmentCallback: setRenderEnv, configuration: viewConfiguration }));
+    return (React.createElement("div", { className: "cfgExerciserColumn" },
+        currentItem && React.createElement(ExerciserReportItemView, { item: currentItem, showImg: false }),
+        React.createElement(BabylonView, { errorCallback: setProductResult, applicationAreas: product.applicationAreasResponse.applicationAreas, product: product.product, width: 500, height: 500, viewPhaseCallback: setViewPhase, renderEnvironmentCallback: setRenderEnv, configuration: viewConfiguration })));
 }

package/dist/exerciser/ExerciserSetup.d.ts

@@ -1,15 +1,16 @@
-import { CatalogueAPI, DtoProductParams, GeneratedProductConfiguration } from "@configura/web-api";
+import { CatalogueAPI, DtoProductParamsWithCid, GeneratedProductConfiguration } from "@configura/web-api";
 import { AggregatedLoadingObservable } from "@configura/web-utilities";
+import React from "react";
 import { ExerciserAction, ExerciserState } from "./Exerciser.js";
 interface Props {
     api: CatalogueAPI;
     exerciserState: ExerciserState;
-    generateExerciserUrl: (action: ExerciserAction, lang: string, params: Partial<DtoProductParams>) => string;
+    generateExerciserUrl: (action: ExerciserAction, lang: string, params: Partial<DtoProductParamsWithCid>) => string;
     loadingObservable: AggregatedLoadingObservable;
     setError: (err: unknown) => void;
     setExerciserState: (next: ExerciserState) => void;
     setProductIterator: (next: AsyncIterableIterator<GeneratedProductConfiguration | Error>) => void;
 }
-export declare function ExerciserSetup(props: Props): JSX.Element;
+export declare const ExerciserSetup: React.FC<Props>;
 export {};
 //# sourceMappingURL=ExerciserSetup.d.ts.map

package/dist/exerciser/ExerciserSetup.js

@@ -5,19 +5,19 @@ import { Link } from "react-router-dom";
 import { useMemoized, useMemoized2 } from "../hooks.js";
 import { flattenCataloguePermissions, useCatalogueFilters, useProductConfigurationIterator, useProductFilters, useToc, } from "./Exerciser.js";
 import { FilterSelect } from "./FilterSelect.js";
-export function ExerciserSetup(props) {
+export const ExerciserSetup = (props) => {
     var _a;
     const { loadingObservable, exerciserState, setProductIterator, api, setError } = props;
     const { action, lang } = exerciserState;
     const next = action === "run" ? "setup" : "run";
     const catalogues = useMemoized(flattenCataloguePermissions, ((_a = api.auth) === null || _a === void 0 ? void 0 : _a.apiSession.permissions) || []);
     const catalogueFilters = useCatalogueFilters(exerciserState);
-    const [catalogueMatches, filteredCatalogues] = useMemoized2(applyCatalogueFilters, catalogueFilters, catalogues);
+    const [availableCataloguePropertyValues, filteredCatalogues] = useMemoized2(applyCatalogueFilters, catalogueFilters, catalogues);
     const tocParams = filteredCatalogues.length === 1 ? filteredCatalogues[0] : undefined;
     const toc = useToc(api, tocParams, lang, setError, loadingObservable);
     const productRefs = (toc === null || toc === void 0 ? void 0 : toc.prdRefs) || [];
     const productFilters = useProductFilters(exerciserState);
-    const [productMatches, filteredProducts] = useMemoized2(applyProductRefFilters, productFilters, productRefs);
+    const [availablePartNrs, filteredProducts] = useMemoized2(applyProductRefFilters, productFilters, productRefs);
     const productIterator = useProductConfigurationIterator(api, lang, filteredCatalogues, productFilters);
     useEffect(() => setProductIterator(productIterator), [setProductIterator, productIterator]);
     function updateUrl(key, val) {
@@ -27,13 +27,13 @@ export function ExerciserSetup(props) {
         React.createElement("div", { className: "cfgExerciserView cfgExerciserSetup__select" },
             React.createElement("h2", { className: "cfgExerciserHeader" }, "Product Setup"),
             React.createElement("h3", { className: "cfgExerciserHeader" }, "Filter Catalogues"),
-            React.createElement(FilterSelect, { name: "enterprise", filter: catalogueFilters.enterprise, values: catalogueMatches.enterprise.values, updateUrl: updateUrl }),
-            React.createElement(FilterSelect, { name: "prdCat", filter: catalogueFilters.prdCat, values: catalogueMatches.prdCat.values, updateUrl: updateUrl }),
-            React.createElement(FilterSelect, { name: "prdCatVersion", filter: catalogueFilters.prdCatVersion, values: catalogueMatches.prdCatVersion.values, updateUrl: updateUrl }),
-            React.createElement(FilterSelect, { name: "vendor", filter: catalogueFilters.vendor, values: catalogueMatches.vendor.values, updateUrl: updateUrl }),
-            React.createElement(FilterSelect, { name: "priceList", filter: catalogueFilters.priceList, values: catalogueMatches.priceList.values, updateUrl: updateUrl }),
+            React.createElement(FilterSelect, { name: "enterprise", filter: catalogueFilters.enterprise, values: availableCataloguePropertyValues.enterprise, updateUrl: updateUrl }),
+            React.createElement(FilterSelect, { name: "prdCat", filter: catalogueFilters.prdCat, values: availableCataloguePropertyValues.prdCat, updateUrl: updateUrl }),
+            React.createElement(FilterSelect, { name: "prdCatVersion", filter: catalogueFilters.prdCatVersion, values: availableCataloguePropertyValues.prdCatVersion, updateUrl: updateUrl }),
+            React.createElement(FilterSelect, { name: "vendor", filter: catalogueFilters.vendor, values: availableCataloguePropertyValues.vendor, updateUrl: updateUrl }),
+            React.createElement(FilterSelect, { name: "priceList", filter: catalogueFilters.priceList, values: availableCataloguePropertyValues.priceList, updateUrl: updateUrl }),
             React.createElement("h3", { className: "cfgExerciserHeader" }, "Filter Products"),
-            React.createElement(FilterSelect, { name: "partNr", filter: productFilters.partNr, values: productMatches.partNr.values, updateUrl: updateUrl }),
+            React.createElement(FilterSelect, { name: "partNr", filter: productFilters.partNr, values: availablePartNrs, updateUrl: updateUrl }),
             React.createElement("button", { className: "cfgButton cfgExerciserButton", onClick: (e) => updateUrl("action", next) }, next === "run" ? "Start" : "Stop")),
         action === "setup" && (React.createElement("div", { className: "cfgExerciserView cfgExerciserSetup__preview" },
             React.createElement("h2", { className: "cfgExerciserHeader" }, "Catalogues Preview"),
@@ -51,4 +51,4 @@ export function ExerciserSetup(props) {
                     p.priceList))))),
             React.createElement("h2", { className: "cfgExerciserHeader" }, "Products Preview"),
             toc !== undefined ? (React.createElement("ol", null, filteredProducts.map((p) => (React.createElement("li", { key: p.partNr }, p.partNr))))) : filteredCatalogues.length === 1 ? (React.createElement(Loading, { small: true })) : (React.createElement("p", null, "Product preview is only available if a single catalogue is selected"))))));
-}
+};

package/dist/productConfiguration/DebugFeatureCommon.js

@@ -8,6 +8,7 @@ const extendedKeys = [
     "key",
     "hasUpcharge",
     "isUseNumericValue",
+    "omitOnOrder",
     "preview",
     "unit",
     "visible",

package/dist/productConfiguration/DebugMiscFileView.d.ts

@@ -0,0 +1,4 @@
+import { CfgMiscFileViewProps } from "@configura/web-ui/dist/components/productConfiguration/CfgFeatureView";
+import React from "react";
+export declare const debugMiscFileComponentViewFactory: (Original: React.ComponentType<CfgMiscFileViewProps>) => React.FC<CfgMiscFileViewProps>;
+//# sourceMappingURL=DebugMiscFileView.d.ts.map

package/dist/productConfiguration/DebugMiscFileView.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { debugRowsFactory } from "./DebugRowsFactory.js";
+import { DebugTable } from "./DebugTable.js";
+const DebugRowsMiscFile = debugRowsFactory();
+const keys = ["key"];
+export const debugMiscFileComponentViewFactory = (Original) => (props) => (React.createElement("li", null,
+    React.createElement(DebugTable, { heading: "MiscFile" },
+        React.createElement(DebugRowsMiscFile, { target: props.miscFile, attributes: keys })),
+    React.createElement("ul", { className: "debug-wrapper" },
+        React.createElement(Original, Object.assign({}, props)))));

package/dist/productConfiguration/DebugNoteView.d.ts

@@ -0,0 +1,4 @@
+import { CfgNoteViewProps } from "@configura/web-ui/dist/components/productConfiguration/CfgFeatureView";
+import React from "react";
+export declare const debugNoteComponentViewFactory: (Original: React.ComponentType<CfgNoteViewProps>) => React.FC<CfgNoteViewProps>;
+//# sourceMappingURL=DebugNoteView.d.ts.map

package/dist/productConfiguration/DebugNoteView.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { debugRowsFactory } from "./DebugRowsFactory.js";
+import { DebugTable } from "./DebugTable.js";
+const DebugRowsNote = debugRowsFactory();
+const keys = ["key", "code", "severity"];
+export const debugNoteComponentViewFactory = (Original) => (props) => (React.createElement("li", null,
+    React.createElement(DebugTable, { heading: "Note" },
+        React.createElement(DebugRowsNote, { target: props.note, attributes: keys })),
+    React.createElement("ul", { className: "debug-wrapper" },
+        React.createElement(Original, Object.assign({}, props)))));

package/dist/productConfiguration/DebugRowsFactory.js

@@ -7,12 +7,13 @@ const Formatted = (props) => {
             return React.createElement(React.Fragment, null, "-");
         case "boolean":
             return React.createElement(React.Fragment, null, trueFalseToText(value));
-        default:
+        default: {
             const asString = `${value}`;
             if (asString.indexOf("http") === 0) {
                 return React.createElement("a", { href: asString }, asString);
             }
             return React.createElement(React.Fragment, null, asString);
+        }
     }
 };
 export const DebugRow = (props) => {
@@ -22,11 +23,9 @@ export const DebugRow = (props) => {
         React.createElement("td", null,
             React.createElement(Formatted, { value: value }))));
 };
-export const debugRowsFactory = (includeFunc) => {
-    return (props) => {
-        const { target, attributes } = props;
-        return (React.createElement(React.Fragment, null, attributes
-            .filter((attribute) => includeFunc === undefined || includeFunc(target, attribute))
-            .map((attribute) => (React.createElement(DebugRow, { key: attribute.toString(), label: attribute.toString(), value: target[attribute] })))));
-    };
+export const debugRowsFactory = (includeFunc) => (props) => {
+    const { target, attributes } = props;
+    return (React.createElement(React.Fragment, null, attributes
+        .filter((attribute) => includeFunc === undefined || includeFunc(target, attribute))
+        .map((attribute) => (React.createElement(DebugRow, { key: attribute.toString(), label: attribute.toString(), value: target[attribute] })))));
 };

package/dist/productConfiguration/debugComponentsHelper.js

@@ -2,21 +2,13 @@ import { useMemo } from "react";
 import { getDebugAdditionalProductView } from "./DebugAdditionalProductView.js";
 import { DebugFeatureFlattenView, DebugFeatureGroupView } from "./DebugFeatureGroupView.js";
 import { debugFeatureSelectManyViewFactory, debugFeatureSelectOneViewFactory, } from "./DebugFeatureView.js";
+import { debugMiscFileComponentViewFactory } from "./DebugMiscFileView.js";
+import { debugNoteComponentViewFactory } from "./DebugNoteView.js";
 import { debugOptionSelectManyViewFactory, debugOptionSelectOneViewFactory, } from "./DebugOptionView.js";
-export const augmentWithDebugComponents = (components) => (Object.assign(Object.assign({}, components), { additionalProductComponent: getDebugAdditionalProductView(components.additionalProductComponent), featureFlattenComponent: DebugFeatureFlattenView, featureGroupComponent: DebugFeatureGroupView, featureSelectManyComponent: debugFeatureSelectManyViewFactory(components.featureSelectManyComponent), featureSelectOneComponent: debugFeatureSelectOneViewFactory(components.featureSelectOneComponent), optionSelectManyComponent: debugOptionSelectManyViewFactory(components.optionSelectManyComponent), optionSelectOneComponent: debugOptionSelectOneViewFactory(components.optionSelectOneComponent) }));
+export const augmentWithDebugComponents = (components) => (Object.assign(Object.assign({}, components), { additionalProductComponent: getDebugAdditionalProductView(components.additionalProductComponent), featureFlattenComponent: DebugFeatureFlattenView, featureGroupComponent: DebugFeatureGroupView, featureSelectManyComponent: debugFeatureSelectManyViewFactory(components.featureSelectManyComponent), featureSelectOneComponent: debugFeatureSelectOneViewFactory(components.featureSelectOneComponent), optionSelectManyComponent: debugOptionSelectManyViewFactory(components.optionSelectManyComponent), optionSelectOneComponent: debugOptionSelectOneViewFactory(components.optionSelectOneComponent), noteComponent: debugNoteComponentViewFactory(components.noteComponent), miscFileComponent: debugMiscFileComponentViewFactory(components.miscFileComponent) }));
 export const useDebugComponents = (components) => {
-    const { additionalProductComponent, featureFlattenComponent, featureGroupComponent, featureSelectManyComponent, featureSelectOneComponent, optionSelectManyComponent, optionSelectOneComponent, } = components;
-    return useMemo(() => {
-        return augmentWithDebugComponents({
-            additionalProductComponent,
-            featureFlattenComponent,
-            featureGroupComponent,
-            featureSelectManyComponent,
-            featureSelectOneComponent,
-            optionSelectManyComponent,
-            optionSelectOneComponent,
-        });
-    }, [
+    const { additionalProductComponent, featureFlattenComponent, featureGroupComponent, featureSelectManyComponent, featureSelectOneComponent, optionSelectManyComponent, optionSelectOneComponent, noteComponent, notesComponent, miscFileComponent, miscFilesComponent, } = components;
+    return useMemo(() => augmentWithDebugComponents({
         additionalProductComponent,
         featureFlattenComponent,
         featureGroupComponent,
@@ -24,5 +16,21 @@ export const useDebugComponents = (components) => {
         featureSelectOneComponent,
         optionSelectManyComponent,
         optionSelectOneComponent,
+        noteComponent,
+        notesComponent,
+        miscFileComponent,
+        miscFilesComponent,
+    }), [
+        additionalProductComponent,
+        featureFlattenComponent,
+        featureGroupComponent,
+        featureSelectManyComponent,
+        featureSelectOneComponent,
+        optionSelectManyComponent,
+        optionSelectOneComponent,
+        noteComponent,
+        notesComponent,
+        miscFileComponent,
+        miscFilesComponent,
     ]);
 };

package/dist/productConfiguration/index.d.ts

@@ -2,6 +2,8 @@ export * from "./DebugAdditionalProductView.js";
 export * from "./debugComponentsHelper.js";
 export * from "./DebugFeatureGroupView.js";
 export * from "./DebugFeatureView.js";
+export * from "./DebugMiscFileView.js";
+export * from "./DebugNoteView.js";
 export * from "./DebugOptionView.js";
 export * from "./DebugProductConfigurationView.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/productConfiguration/index.js

@@ -2,5 +2,7 @@ export * from "./DebugAdditionalProductView.js";
 export * from "./debugComponentsHelper.js";
 export * from "./DebugFeatureGroupView.js";
 export * from "./DebugFeatureView.js";
+export * from "./DebugMiscFileView.js";
+export * from "./DebugNoteView.js";
 export * from "./DebugOptionView.js";
 export * from "./DebugProductConfigurationView.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@configura/debug-react",
-	"version": "2.0.0-alpha.9",
+	"version": "2.1.0-alpha.0",
 	"license": "Apache-2.0",
 	"type": "module",
 	"main": "dist/index.js",
@@ -19,10 +19,10 @@
 		"test": "echo \"Error: run tests from root\" && exit 1"
 	},
 	"dependencies": {
-		"@configura/babylon-view": "2.0.0-alpha.9",
-		"@configura/babylon-view-react": "2.0.0-alpha.9",
-		"@configura/web-ui": "2.0.0-alpha.9",
-		"@configura/web-utilities": "2.0.0-alpha.9",
+		"@configura/babylon-view": "2.1.0-alpha.0",
+		"@configura/babylon-view-react": "2.1.0-alpha.0",
+		"@configura/web-ui": "2.1.0-alpha.0",
+		"@configura/web-utilities": "2.1.0-alpha.0",
 		"react": "17.x || ^16.12.0",
 		"react-dom": "17.x || ^16.12.0",
 		"react-router-dom": "^5.2.0"
@@ -44,5 +44,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "734f4e65f7d3dc9836c5c0321dbe6c36bbfa2531"
+	"gitHead": "883ad6e31a55f05124dd0a6b2047c36ef6e6cea1"
 }