@j2inn/fin5-ui-utils 1.0.6 → 1.0.7-beta.0

package/dist/index.d.ts

@@ -12,5 +12,8 @@ export * from './react/components/navigation/MenuPage';
 export * from './react/components/navigation/Router';
 export * from './react/components/graphics/GraphicsTabViewer';
 export * from './react/components/graphics/GraphicViewer';
+export * from './react/components/resolvable/configurationForm/ConfigurationForm';
+export * from './react/components/resolvable/configurationForm/ConfigurationFormEntry';
+export * from './react/components/resolvable/configurationForm/getSectionDefault';
 export * from './react/app/Fin5AppContainer';
 export * from './react/app/Fin5AppRootStore';

package/dist/index.js

@@ -37,6 +37,9 @@ __exportStar(require("./react/components/navigation/MenuPage"), exports);
 __exportStar(require("./react/components/navigation/Router"), exports);
 __exportStar(require("./react/components/graphics/GraphicsTabViewer"), exports);
 __exportStar(require("./react/components/graphics/GraphicViewer"), exports);
+__exportStar(require("./react/components/resolvable/configurationForm/ConfigurationForm"), exports);
+__exportStar(require("./react/components/resolvable/configurationForm/ConfigurationFormEntry"), exports);
+__exportStar(require("./react/components/resolvable/configurationForm/getSectionDefault"), exports);
 //////////////////////////////////////////////////////////////////////////
 // j2inn/app support for FIN5
 //////////////////////////////////////////////////////////////////////////

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA;;GAEG;;;;;;;;;;;;;;;;AAEH,0EAA0E;AAC1E,4BAA4B;AAC5B,0EAA0E;AAE1E,oDAAiC;AACjC,0DAAuC;AACvC,0DAAuC;AACvC,8DAA2C;AAC3C,uEAAoD;AAEpD,0EAA0E;AAC1E,mBAAmB;AACnB,0EAA0E;AAE1E,oEAAiD;AACjD,mEAAgD;AAChD,4DAAyC;AACzC,oEAAiD;AACjD,4EAAyD;AACzD,yEAAsD;AACtD,uEAAoD;AACpD,gFAA6D;AAC7D,4EAAyD;AAEzD,0EAA0E;AAC1E,6BAA6B;AAC7B,0EAA0E;AAE1E,+DAA4C;AAC5C,+DAA4C"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA;;GAEG;;;;;;;;;;;;;;;;AAEH,0EAA0E;AAC1E,4BAA4B;AAC5B,0EAA0E;AAE1E,oDAAiC;AACjC,0DAAuC;AACvC,0DAAuC;AACvC,8DAA2C;AAC3C,uEAAoD;AAEpD,0EAA0E;AAC1E,mBAAmB;AACnB,0EAA0E;AAE1E,oEAAiD;AACjD,mEAAgD;AAChD,4DAAyC;AACzC,oEAAiD;AACjD,4EAAyD;AACzD,yEAAsD;AACtD,uEAAoD;AACpD,gFAA6D;AAC7D,4EAAyD;AACzD,oGAAiF;AACjF,yGAAsF;AACtF,oGAAiF;AAEjF,0EAA0E;AAC1E,6BAA6B;AAC7B,0EAA0E;AAE1E,+DAA4C;AAC5C,+DAA4C"}

package/dist/react/app/{Fin5AppContainer.jsx → Fin5AppContainer.js}

@@ -92,20 +92,12 @@ exports.Fin5AppContainer = (0, mobx_react_lite_1.observer)(({ children, appStore
             setLoading(false);
         });
     }, [client, containerProject]);
-    return (<app_1.AppRootStoreContext.Provider value={rootStore}>
-				<app_1.AppStoreContext.Provider value={appStore}>
-					<haystack_react_1.ClientContext.Provider value={containerClient}>
-						<utils_1.I18NProvider locale={locale} setLoading={setLoadingi18n}>
-							<react_jss_1.ThemeProvider theme={theme}>
-								<Loader_1.default loading={loading || loadingi18n}>
-									<ErrorBoundary_1.ErrorBoundary mode={"global" /* ErrorBoundaryMode.global */}>
-										{children}
-									</ErrorBoundary_1.ErrorBoundary>
-								</Loader_1.default>
-							</react_jss_1.ThemeProvider>
-						</utils_1.I18NProvider>
-					</haystack_react_1.ClientContext.Provider>
-				</app_1.AppStoreContext.Provider>
-			</app_1.AppRootStoreContext.Provider>);
+    return (react_1.default.createElement(app_1.AppRootStoreContext.Provider, { value: rootStore },
+        react_1.default.createElement(app_1.AppStoreContext.Provider, { value: appStore },
+            react_1.default.createElement(haystack_react_1.ClientContext.Provider, { value: containerClient },
+                react_1.default.createElement(utils_1.I18NProvider, { locale: locale, setLoading: setLoadingi18n },
+                    react_1.default.createElement(react_jss_1.ThemeProvider, { theme: theme },
+                        react_1.default.createElement(Loader_1.default, { loading: loading || loadingi18n },
+                            react_1.default.createElement(ErrorBoundary_1.ErrorBoundary, { mode: "global" /* ErrorBoundaryMode.global */ }, children))))))));
 });
-//# sourceMappingURL=Fin5AppContainer.jsx.map
+//# sourceMappingURL=Fin5AppContainer.js.map

package/dist/react/app/Fin5AppContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fin5AppContainer.js","sourceRoot":"","sources":["../../../src/react/app/Fin5AppContainer.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/{ErrorBoundary.jsx → ErrorBoundary.js}

@@ -93,21 +93,14 @@ const ErrorDetails = ({ showDetails, setShowDetails, error, appId, }) => {
         navigator.clipboard.writeText(formatErrorMessage(error, appId));
         ui_1.Message.success(theme, get(i18n, 'finUi.errorBoundary.copiedErrorToClipboard', 'Copied error to clipboard'));
     };
-    return (<div className={classes.errorDetails}>
-			<ui_1.Checkbox onChange={(e) => {
-            setShowDetails(e.target.checked);
-        }} defaultChecked={showDetails} value={showDetails}>
-				{get(i18n, 'finUi.errorBoundary.showDetails', 'Show details')}
-			</ui_1.Checkbox>
-			{showDetails && (<>
-					<pre>{error.stack}</pre>
-					<ui_1.Container horizontal middle right>
-						<ui_1.Button onClick={copyToClipboard}>
-							{get(i18n, 'finUi.errorBoundary.copyToClipboard', 'Copy to clipboard')}
-						</ui_1.Button>
-					</ui_1.Container>
-				</>)}
-		</div>);
+    return (react_1.default.createElement("div", { className: classes.errorDetails },
+        react_1.default.createElement(ui_1.Checkbox, { onChange: (e) => {
+                setShowDetails(e.target.checked);
+            }, defaultChecked: showDetails, value: showDetails }, get(i18n, 'finUi.errorBoundary.showDetails', 'Show details')),
+        showDetails && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("pre", null, error.stack),
+            react_1.default.createElement(ui_1.Container, { horizontal: true, middle: true, right: true },
+                react_1.default.createElement(ui_1.Button, { onClick: copyToClipboard }, get(i18n, 'finUi.errorBoundary.copyToClipboard', 'Copy to clipboard')))))));
 };
 /**
  * The inner error boundary component. This is required so
@@ -124,38 +117,19 @@ const ErrorBoundaryInner = ({ error, mode, appId, showReportDialog, }) => {
     const continueMsg = get(i18n, `finUi.errorBoundary.${mode}.continue`, mode === 'global'
         ? 'To continue, please reload or navigate to the home page.'
         : 'To continue, please reload, navigate to the home page or another application.');
-    return (<ui_1.Container vertical top center className={classes.errorBoundry}>
-			<div className={classes.boundryContainer} style={{ gap: `1rem` }}>
-				<h1>{header}</h1>
-
-				<h3>
-					{get(i18n, 'finUi.errorBoundary.description', 'The application has encountered an error when trying to display some content.')}
-				</h3>
-
-				<p>{continueMsg}</p>
-
-				<div>
-					<ErrorDetails showDetails={showDetails} setShowDetails={setShowDetails} error={error} appId={appId}/>
-				</div>
-
-				<ui_1.Divider />
-
-				<ui_1.Container horizontal middle left style={{ gap: `1rem` }}>
-					<ui_1.Button onClick={() => window.location.reload()} type='primary'>
-						{get(i18n, 'finUi.common.reload', 'Reload')}
-					</ui_1.Button>
-					<ui_1.Button onClick={() => window.location.assign('/')}>
-						{get(i18n, 'finUi.common.home', 'Home')}
-					</ui_1.Button>
-				</ui_1.Container>
-
-				{showReportDialog && (<div style={{ marginTop: `0.5rem` }}>
-						<small onClick={showReportDialog}>
-							{get(i18n, 'finUi.errorBoundary.additionalDetails', 'If you’d like, click here to include an additional error report to our team. Any details you provide will be helpful.')}
-						</small>
-					</div>)}
-			</div>
-		</ui_1.Container>);
+    return (react_1.default.createElement(ui_1.Container, { vertical: true, top: true, center: true, className: classes.errorBoundry },
+        react_1.default.createElement("div", { className: classes.boundryContainer, style: { gap: `1rem` } },
+            react_1.default.createElement("h1", null, header),
+            react_1.default.createElement("h3", null, get(i18n, 'finUi.errorBoundary.description', 'The application has encountered an error when trying to display some content.')),
+            react_1.default.createElement("p", null, continueMsg),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(ErrorDetails, { showDetails: showDetails, setShowDetails: setShowDetails, error: error, appId: appId })),
+            react_1.default.createElement(ui_1.Divider, null),
+            react_1.default.createElement(ui_1.Container, { horizontal: true, middle: true, left: true, style: { gap: `1rem` } },
+                react_1.default.createElement(ui_1.Button, { onClick: () => window.location.reload(), type: 'primary' }, get(i18n, 'finUi.common.reload', 'Reload')),
+                react_1.default.createElement(ui_1.Button, { onClick: () => window.location.assign('/') }, get(i18n, 'finUi.common.home', 'Home'))),
+            showReportDialog && (react_1.default.createElement("div", { style: { marginTop: `0.5rem` } },
+                react_1.default.createElement("small", { onClick: showReportDialog }, get(i18n, 'finUi.errorBoundary.additionalDetails', 'If you’d like, click here to include an additional error report to our team. Any details you provide will be helpful.')))))));
 };
 /**
  * A common error boundary used to capture errors.
@@ -170,8 +144,8 @@ class ErrorBoundary extends react_1.default.Component {
         return { error };
     }
     render() {
-        return this.state.error ? (<ErrorBoundaryInner error={this.state.error} mode={this.props.mode} appId={this.props.appId} showReportDialog={this.props.showReportDialog}/>) : (this.props.children);
+        return this.state.error ? (react_1.default.createElement(ErrorBoundaryInner, { error: this.state.error, mode: this.props.mode, appId: this.props.appId, showReportDialog: this.props.showReportDialog })) : (this.props.children);
     }
 }
 exports.ErrorBoundary = ErrorBoundary;
-//# sourceMappingURL=ErrorBoundary.jsx.map
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/react/components/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../src/react/components/ErrorBoundary.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/{ErrorDisplayer.jsx → ErrorDisplayer.js}

@@ -19,26 +19,19 @@ class DefaultErrorBoundary extends react_1.default.Component {
     render() {
         if (this.state.error) {
             // You can render any custom fallback UI
-            return (<exports.ErrorDisplayer error={this.state.error} extra={[
-                    <ui_1.Button type='primary' key='refresh' onClick={() => window.location.reload()}>
-							Refresh The Page
-						</ui_1.Button>,
-                ]}/>);
+            return (react_1.default.createElement(exports.ErrorDisplayer, { error: this.state.error, extra: [
+                    react_1.default.createElement(ui_1.Button, { type: 'primary', key: 'refresh', onClick: () => window.location.reload() }, "Refresh The Page"),
+                ] }));
         }
         return this.props.children;
     }
 }
 exports.DefaultErrorBoundary = DefaultErrorBoundary;
 const ErrorDisplayer = ({ error, extra, }) => {
-    return (<ui_1.Result status='error' title='Ouch... Something Went Wrong' subTitle={<ui_1.Container center>
-					<ui_1.Collapse style={{ width: 600, textAlign: 'left' }}>
-						<ui_1.Collapse.Panel header={`${error.toString()}`} key='1'>
-							<ui_1.Typography.Text style={{ width: 400 }}>
-								{error.stack}
-							</ui_1.Typography.Text>
-						</ui_1.Collapse.Panel>
-					</ui_1.Collapse>
-				</ui_1.Container>} extra={extra}/>);
+    return (react_1.default.createElement(ui_1.Result, { status: 'error', title: 'Ouch... Something Went Wrong', subTitle: react_1.default.createElement(ui_1.Container, { center: true },
+            react_1.default.createElement(ui_1.Collapse, { style: { width: 600, textAlign: 'left' } },
+                react_1.default.createElement(ui_1.Collapse.Panel, { header: `${error.toString()}`, key: '1' },
+                    react_1.default.createElement(ui_1.Typography.Text, { style: { width: 400 } }, error.stack)))), extra: extra }));
 };
 exports.ErrorDisplayer = ErrorDisplayer;
-//# sourceMappingURL=ErrorDisplayer.jsx.map
+//# sourceMappingURL=ErrorDisplayer.js.map

package/dist/react/components/ErrorDisplayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorDisplayer.js","sourceRoot":"","sources":["../../../src/react/components/ErrorDisplayer.tsx"],"names":[],"mappings":";;;;;;AAAA,kCAA2E;AAC3E,kDAAmD;AAUnD,MAAa,oBAAqB,SAAQ,eAAK,CAAC,SAA6B;IACnE,KAAK,GAAuB,EAAE,CAAA;IAEvC,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC3C,6DAA6D;QAC7D,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAA;IACxB,CAAC;IAEQ,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAC5D,2DAA2D;QAC3D,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,CAAA;IAChC,CAAC;IAEQ,MAAM;QACd,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YACrB,wCAAwC;YACxC,OAAO,CACN,8BAAC,sBAAc,IACd,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,KAAK,EAAE;oBACN,8BAAC,WAAM,IACN,IAAI,EAAC,SAAS,EACd,GAAG,EAAC,SAAS,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,uBAE/B;iBACT,GACA,CACF,CAAA;SACD;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;IAC3B,CAAC;CACD;AAhCD,oDAgCC;AAOM,MAAM,cAAc,GAAkC,CAAC,EAC7D,KAAK,EACL,KAAK,GACL,EAAE,EAAE;IACJ,OAAO,CACN,8BAAC,WAAM,IACN,MAAM,EAAC,OAAO,EACd,KAAK,EAAC,8BAA8B,EACpC,QAAQ,EACP,8BAAC,cAAS,IAAC,MAAM;YAChB,8BAAC,aAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE;gBACjD,8BAAC,aAAQ,CAAC,KAAK,IAAC,MAAM,EAAE,GAAG,KAAK,CAAC,QAAQ,EAAE,EAAE,EAAE,GAAG,EAAC,GAAG;oBACrD,8BAAC,eAAU,CAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,IACpC,KAAK,CAAC,KAAK,CACK,CACF,CACP,CACA,EAEb,KAAK,EAAE,KAAK,GACX,CACF,CAAA;AACF,CAAC,CAAA;AAtBY,QAAA,cAAc,kBAsB1B"}

package/dist/react/components/{Loader.jsx → Loader.js}

@@ -12,7 +12,7 @@ const LoadingSpinner_1 = require("./LoadingSpinner");
  * A simple UI loader.
  */
 const Loader = ({ loading, children, }) => {
-    return loading ? <LoadingSpinner_1.LoadingSpinner /> : <>{children}</>;
+    return loading ? react_1.default.createElement(LoadingSpinner_1.LoadingSpinner, null) : react_1.default.createElement(react_1.default.Fragment, null, children);
 };
 exports.default = Loader;
-//# sourceMappingURL=Loader.jsx.map
+//# sourceMappingURL=Loader.js.map

package/dist/react/components/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/react/components/Loader.tsx"],"names":[],"mappings":";AAAA;;GAEG;;;;;AAEH,kDAAyB;AACzB,qDAAiD;AAEjD;;GAEG;AACH,MAAM,MAAM,GAAG,CAAC,EACf,OAAO,EACP,QAAQ,GAIR,EAAe,EAAE;IACjB,OAAO,OAAO,CAAC,CAAC,CAAC,8BAAC,+BAAc,OAAG,CAAC,CAAC,CAAC,8DAAG,QAAQ,CAAI,CAAA;AACtD,CAAC,CAAA;AAED,kBAAe,MAAM,CAAA"}

package/dist/react/components/{LoadingSpinner.jsx → LoadingSpinner.js}

@@ -21,9 +21,8 @@ const useStyles = (0, react_jss_1.createUseStyles)({
 });
 const LoadingSpinner = () => {
     const classes = useStyles();
-    return (<div className={classes.container}>
-			<ui_1.Spin size='large'></ui_1.Spin>
-		</div>);
+    return (react_1.default.createElement("div", { className: classes.container },
+        react_1.default.createElement(ui_1.Spin, { size: 'large' })));
 };
 exports.LoadingSpinner = LoadingSpinner;
-//# sourceMappingURL=LoadingSpinner.jsx.map
+//# sourceMappingURL=LoadingSpinner.js.map

package/dist/react/components/LoadingSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../src/react/components/LoadingSpinner.tsx"],"names":[],"mappings":";AAAA;;GAEG;;;;;;AAEH,kCAAgC;AAChC,kDAAyB;AACzB,yCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,2BAAe,EAAC;IACjC,SAAS,EAAE;QACV,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACb;CACD,CAAC,CAAA;AAEK,MAAM,cAAc,GAAa,GAAG,EAAE;IAC5C,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,OAAO,CACN,uCAAK,SAAS,EAAE,OAAO,CAAC,SAAS;QAChC,8BAAC,SAAI,IAAC,IAAI,EAAC,OAAO,GAAQ,CACrB,CACN,CAAA;AACF,CAAC,CAAA;AAPY,QAAA,cAAc,kBAO1B"}

package/dist/react/components/graphics/{GraphicViewer.jsx → GraphicViewer.js}

@@ -24,7 +24,7 @@ const GraphicViewer = ({ projectName = fin5Top_1.fin5Top?.finstack?.projectName
     const url = new URL(`${window.location.protocol}//${window.location.host}/fin5/${projectName}`);
     url.hash = `targetRef=${targetRef.toAxon()}`;
     url.searchParams.set('projectRef', graphicId.toAxon());
-    return (<iframe id={graphicId.toAxon()} className={(0, classnames_1.default)(classes.iframe, className)} src={url.toString()}/>);
+    return (react_1.default.createElement("iframe", { id: graphicId.toAxon(), className: (0, classnames_1.default)(classes.iframe, className), src: url.toString() }));
 };
 exports.GraphicViewer = GraphicViewer;
-//# sourceMappingURL=GraphicViewer.jsx.map
+//# sourceMappingURL=GraphicViewer.js.map

package/dist/react/components/graphics/GraphicViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphicViewer.js","sourceRoot":"","sources":["../../../../src/react/components/graphics/GraphicViewer.tsx"],"names":[],"mappings":";AAAA;;GAEG;;;;;;AAEH,4DAA2B;AAE3B,kDAAyB;AACzB,yCAA2C;AAC3C,sDAAkD;AAElD,MAAM,SAAS,GAAG,IAAA,2BAAe,EAAC;IACjC,MAAM,EAAE;QACP,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,QAAQ;KAClB;CACD,CAAC,CAAA;AASK,MAAM,aAAa,GAAiC,CAAC,EAC3D,WAAW,GAAG,iBAAO,EAAE,QAAQ,EAAE,WAAW,IAAI,EAAE,EAClD,SAAS,EACT,SAAS,EACT,SAAS,GACT,EAAE,EAAE;IACJ,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,GAAG,GAAG,IAAI,GAAG,CAClB,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,KAAK,MAAM,CAAC,QAAQ,CAAC,IAAI,SAAS,WAAW,EAAE,CAC1E,CAAA;IACD,GAAG,CAAC,IAAI,GAAG,aAAa,SAAS,CAAC,MAAM,EAAE,EAAE,CAAA;IAC5C,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,EAAE,SAAS,CAAC,MAAM,EAAE,CAAC,CAAA;IAEtD,OAAO,CACN,0CACC,EAAE,EAAE,SAAS,CAAC,MAAM,EAAE,EACtB,SAAS,EAAE,IAAA,oBAAE,EAAC,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,EACxC,GAAG,EAAE,GAAG,CAAC,QAAQ,EAAE,GAClB,CACF,CAAA;AACF,CAAC,CAAA;AArBY,QAAA,aAAa,iBAqBzB"}

package/dist/react/components/graphics/{GraphicsTabViewer.jsx → GraphicsTabViewer.js}

@@ -81,13 +81,11 @@ const GraphicsTabViewer = ({ projectName = fin5Top_1.fin5Top?.finstack?.projectN
             return {
                 label: graphic.toDis(),
                 key: graphic.id.toAxon(),
-                children: (<GraphicViewer_1.GraphicViewer projectName={projectName ?? ''} targetRef={targetRef} graphicId={graphic.id}/>),
+                children: (react_1.default.createElement(GraphicViewer_1.GraphicViewer, { projectName: projectName ?? '', targetRef: targetRef, graphicId: graphic.id })),
             };
         });
     }, [graphicsList]);
-    return loading ? (<LoadingSpinner_1.LoadingSpinner />) : tabs.length > 0 ? (<ui_1.Tabs className={(0, classnames_1.default)(classes.tabs, className)} items={tabs}/>) : (<div className={(0, classnames_1.default)(classes.fallback, fallbackClassName)}>
-			{fallbackText}
-		</div>);
+    return loading ? (react_1.default.createElement(LoadingSpinner_1.LoadingSpinner, null)) : tabs.length > 0 ? (react_1.default.createElement(ui_1.Tabs, { className: (0, classnames_1.default)(classes.tabs, className), items: tabs })) : (react_1.default.createElement("div", { className: (0, classnames_1.default)(classes.fallback, fallbackClassName) }, fallbackText));
 };
 exports.GraphicsTabViewer = GraphicsTabViewer;
-//# sourceMappingURL=GraphicsTabViewer.jsx.map
+//# sourceMappingURL=GraphicsTabViewer.js.map

package/dist/react/components/graphics/GraphicsTabViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphicsTabViewer.js","sourceRoot":"","sources":["../../../../src/react/components/graphics/GraphicsTabViewer.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/navigation/{BasicLayout.jsx → BasicLayout.js}

@@ -124,40 +124,33 @@ const BasicLayout = ({ pages = [], defaultPage = pages?.[0].key ?? '', onPageCha
     const siderWidth = siderProps?.width;
     const classes = useStyles({ isMobile, compactSider, siderWidth });
     const menuPages = (0, react_1.useMemo)(() => getMenuPages(pages), [pages]);
-    return (<ui_1.Layout hasSider {...layoutProps}>
-			{isMobile && (<Header {...mobileHeaderProps} className={(0, classnames_1.default)(classes.header, mobileHeaderProps?.className)}>
-					{hiddenSider ? (<icons_1.MenuUnfoldOutlined className={classes.menuTrigger} onClick={() => {
-                    setHiddenSider(!hiddenSider);
-                }}/>) : (<icons_1.MenuFoldOutlined className={classes.menuTrigger} onClick={() => {
-                    setHiddenSider(!hiddenSider);
-                }}/>)}
-				</Header>)}
-			<Sider {...siderProps} className={(0, classnames_1.default)(classes.sider, siderProps?.className)} breakpoint='md' onBreakpoint={(broken) => {
-            setIsMobile(broken);
-            setHiddenSider(true);
-        }} collapsed={(isMobile && hiddenSider) || compactSider} collapsedWidth={isMobile && hiddenSider
-            ? 0
-            : compactSider
-                ? HEADER_HEIGHT
-                : 0} trigger={null}>
-				<ui_1.Menu {...menuProps} items={menuPages} selectedKeys={[currentPage]} onSelect={({ key }) => {
-            if (!hiddenSider) {
+    return (react_1.default.createElement(ui_1.Layout, { hasSider: true, ...layoutProps },
+        isMobile && (react_1.default.createElement(Header, { ...mobileHeaderProps, className: (0, classnames_1.default)(classes.header, mobileHeaderProps?.className) }, hiddenSider ? (react_1.default.createElement(icons_1.MenuUnfoldOutlined, { className: classes.menuTrigger, onClick: () => {
+                setHiddenSider(!hiddenSider);
+            } })) : (react_1.default.createElement(icons_1.MenuFoldOutlined, { className: classes.menuTrigger, onClick: () => {
+                setHiddenSider(!hiddenSider);
+            } })))),
+        react_1.default.createElement(Sider, { ...siderProps, className: (0, classnames_1.default)(classes.sider, siderProps?.className), breakpoint: 'md', onBreakpoint: (broken) => {
+                setIsMobile(broken);
                 setHiddenSider(true);
-            }
-            const page = (0, MenuPage_1.findPageByName)(pages, key);
-            if (page?.component) {
-                setCurrentPage(key);
-            }
-        }}/>
-			</Sider>
-			<Content {...contentProps} className={(0, classnames_1.default)(classes.content, contentProps?.className)}>
-				<Router_1.Router pages={pages} currentPage={currentPage} fallbackComponent={<ErrorDisplayer_1.ErrorDisplayer error={new Error('Page Not Found')} extra={[
-                <ui_1.Button type='primary' key='refresh' onClick={() => setCurrentPage(defaultPage)}>
-									Go Home
-								</ui_1.Button>,
-            ]}/>}/>
-			</Content>
-		</ui_1.Layout>);
+            }, collapsed: (isMobile && hiddenSider) || compactSider, collapsedWidth: isMobile && hiddenSider
+                ? 0
+                : compactSider
+                    ? HEADER_HEIGHT
+                    : 0, trigger: null },
+            react_1.default.createElement(ui_1.Menu, { ...menuProps, items: menuPages, selectedKeys: [currentPage], onSelect: ({ key }) => {
+                    if (!hiddenSider) {
+                        setHiddenSider(true);
+                    }
+                    const page = (0, MenuPage_1.findPageByName)(pages, key);
+                    if (page?.component) {
+                        setCurrentPage(key);
+                    }
+                } })),
+        react_1.default.createElement(Content, { ...contentProps, className: (0, classnames_1.default)(classes.content, contentProps?.className) },
+            react_1.default.createElement(Router_1.Router, { pages: pages, currentPage: currentPage, fallbackComponent: react_1.default.createElement(ErrorDisplayer_1.ErrorDisplayer, { error: new Error('Page Not Found'), extra: [
+                        react_1.default.createElement(ui_1.Button, { type: 'primary', key: 'refresh', onClick: () => setCurrentPage(defaultPage) }, "Go Home"),
+                    ] }) }))));
 };
 exports.BasicLayout = BasicLayout;
-//# sourceMappingURL=BasicLayout.jsx.map
+//# sourceMappingURL=BasicLayout.js.map

package/dist/react/components/navigation/BasicLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicLayout.js","sourceRoot":"","sources":["../../../../src/react/components/navigation/BasicLayout.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/navigation/{MenuPage.jsx → MenuPage.js}

@@ -34,4 +34,4 @@ function getAllSubPages(page) {
     }
 }
 exports.getAllSubPages = getAllSubPages;
-//# sourceMappingURL=MenuPage.jsx.map
+//# sourceMappingURL=MenuPage.js.map

package/dist/react/components/navigation/MenuPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPage.js","sourceRoot":"","sources":["../../../../src/react/components/navigation/MenuPage.tsx"],"names":[],"mappings":";AAAA;;GAEG;;;AAyBH;;;;GAIG;AACH,SAAgB,cAAc,CAC7B,KAAU,EACV,IAAa;IAEb,OAAO,kBAAkB,CAAC,KAAK,CAAC,CAAC,IAAI,CACpC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAC7C,CAAA;AACF,CAAC;AAPD,wCAOC;AAED;;GAEG;AACH,SAAgB,kBAAkB,CAAqB,KAAU;IAChE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,cAAc,CAAC,IAAS,CAAC,CAAC,CAAA;AAC1D,CAAC;AAFD,gDAEC;AAED;;;;GAIG;AACH,SAAgB,cAAc,CAAqB,IAAO;IACzD,IAAI,IAAI,CAAC,QAAQ,EAAE;QAClB,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,CACnB,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,cAAc,CAAC,OAAY,CAAC,CAAC,CAC/D,CAAA;KACD;SAAM;QACN,OAAO,CAAC,IAAI,CAAC,CAAA;KACb;AACF,CAAC;AARD,wCAQC"}

package/dist/react/components/navigation/{Router.jsx → Router.js}

@@ -38,9 +38,9 @@ function Router({ pages = [], currentPage, onPageChange, fallbackComponent, }) {
     (0, react_1.useEffect)(() => {
         onPageChange?.(page);
     }, [page]);
-    return page?.component ? (<react_1.Suspense fallback={<LoadingSpinner_1.LoadingSpinner />}>
-			{react_1.default.createElement(page.component, page?.props)}
-		</react_1.Suspense>) : (fallbackComponent ?? <div>{currentPage} page not found</div>);
+    return page?.component ? (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(LoadingSpinner_1.LoadingSpinner, null) }, react_1.default.createElement(page.component, page?.props))) : (fallbackComponent ?? react_1.default.createElement("div", null,
+        currentPage,
+        " page not found"));
 }
 exports.Router = Router;
-//# sourceMappingURL=Router.jsx.map
+//# sourceMappingURL=Router.js.map

package/dist/react/components/navigation/Router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Router.js","sourceRoot":"","sources":["../../../../src/react/components/navigation/Router.tsx"],"names":[],"mappings":";AAAA;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,+CAMc;AACd,sDAAkD;AAClD,yCAAqD;AASrD;;GAEG;AACH,SAAgB,MAAM,CAAqB,EAC1C,KAAK,GAAG,EAAE,EACV,WAAW,EACX,YAAY,EACZ,iBAAiB,GACkB;IACnC,MAAM,IAAI,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE,CAAC,IAAA,yBAAc,EAAC,KAAK,EAAE,WAAW,CAAC,EACxC,CAAC,KAAK,EAAE,WAAW,CAAC,CACpB,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,YAAY,EAAE,CAAC,IAAI,CAAC,CAAA;IACrB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CACxB,8BAAC,gBAAQ,IAAC,QAAQ,EAAE,8BAAC,+BAAc,OAAG,IACpC,eAAK,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,CACvC,CACX,CAAC,CAAC,CAAC,CACH,iBAAiB,IAAI;QAAM,WAAW;0BAAsB,CAC5D,CAAA;AACF,CAAC;AAtBD,wBAsBC"}

package/dist/react/components/resolvable/configurationForm/ConfigurationForm.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { ParametersOfSection, UiElementData } from '@j2inn/resolvable-ui-elements';
+import { HDict } from 'haystack-core';
+declare type Layout = 'horizontal' | 'vertical';
+interface ConfigurationFormProps<T extends UiElementData> {
+    section: T;
+    params: ParametersOfSection<T>;
+    readOnlySection?: UiElementData;
+    onSave: (config: HDict) => void | Promise<unknown>;
+    saveText?: string;
+    formatKey?: (key: string) => string;
+    options?: HDict;
+    layout?: Layout;
+    className?: string;
+    entryClassName?: string;
+    saveBtnClassName?: string;
+    animateSaveButton?: boolean;
+}
+export declare const ConfigurationForm: <T extends UiElementData<import("@j2inn/resolvable-ui-elements/dist/resolvableElements/elements/UiElement").UiElementMeta>>({ section, params, readOnlySection, onSave, formatKey, saveText, options, layout, className, entryClassName, saveBtnClassName, animateSaveButton, }: ConfigurationFormProps<T>) => JSX.Element;
+interface ConfigurationFormReadOnlyEntriesProps<T extends UiElementData> {
+    params: ParametersOfSection<T>;
+    readOnlySection: T;
+    formatKey?: (key: string) => string;
+    className?: string;
+}
+export declare const ConfigurationFormReadOnlyEntries: <T extends UiElementData<import("@j2inn/resolvable-ui-elements/dist/resolvableElements/elements/UiElement").UiElementMeta>>({ readOnlySection, params, formatKey, className, }: ConfigurationFormReadOnlyEntriesProps<T>) => JSX.Element;
+export {};

package/dist/react/components/resolvable/configurationForm/ConfigurationForm.js

@@ -0,0 +1,93 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfigurationFormReadOnlyEntries = exports.ConfigurationForm = void 0;
+const resolvable_ui_elements_1 = require("@j2inn/resolvable-ui-elements");
+const ui_1 = require("@j2inn/ui");
+const classnames_1 = __importDefault(require("classnames"));
+const haystack_core_1 = require("haystack-core");
+const react_1 = __importStar(require("react"));
+const react_jss_1 = require("react-jss");
+const ConfigurationFormEntry_1 = require("./ConfigurationFormEntry");
+const getSectionDefault_1 = require("./getSectionDefault");
+const useStyles = (0, react_jss_1.createUseStyles)({
+    formGrid: ({ layout }) => ({
+        display: 'grid',
+        gridTemplateColumns: layout === 'horizontal' ? '1fr 1fr' : '1fr',
+        gap: '0.5em 2em',
+    }),
+    saveButtonRow: ({ layout }) => ({
+        gridColumn: layout === 'horizontal' ? 'span 2' : 'span 1',
+        transition: 'transform 0.75s, max-height 0.75s, opacity 0.75s',
+        maxHeight: 200,
+        transform: 'scaleY(1)',
+        marginTop: '1em',
+    }),
+    saveButtonRowNotVisible: {
+        transform: 'scaleY(0)',
+        maxHeight: 0,
+        opacity: 0,
+    },
+    saveButton: {
+        transition: 'all 0.75s',
+        width: 120,
+        float: 'right',
+    },
+});
+const ConfigurationForm = ({ section, params, readOnlySection, onSave, formatKey, saveText, options, layout = 'horizontal', className, entryClassName, saveBtnClassName, animateSaveButton = true, }) => {
+    const classes = useStyles({ layout });
+    const [resolvedSection] = (0, resolvable_ui_elements_1.useResolveSection)(section, params);
+    const entries = (0, react_1.useMemo)(() => (0, getSectionDefault_1.getSectionDefault)(section), [section]);
+    const [changes, setChanges] = (0, react_1.useState)();
+    const [canSave, setCanSave] = (0, react_1.useState)(false);
+    const [isSaving, setIsSaving] = (0, react_1.useState)(false);
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(classes.formGrid, className) },
+        Object.entries(entries).map(([key, defaultValue]) => (react_1.default.createElement(ConfigurationFormEntry_1.ConfigurationFormEntry, { key: key, options: options?.get(key), name: formatKey ? formatKey(key) : key, value: resolvedSection[key] ?? defaultValue, onChange: (val) => {
+                setChanges({ ...changes, [key]: val });
+                setCanSave(true);
+            }, className: entryClassName }))),
+        readOnlySection && (react_1.default.createElement(exports.ConfigurationFormReadOnlyEntries, { readOnlySection: readOnlySection, formatKey: formatKey, params: params, className: entryClassName })),
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(classes.saveButtonRow, {
+                [classes.saveButtonRowNotVisible]: animateSaveButton && !canSave,
+            }) },
+            react_1.default.createElement(ui_1.Button, { disabled: !canSave, className: (0, classnames_1.default)(classes.saveButton, saveBtnClassName), type: 'primary', loading: isSaving, onClick: async () => {
+                    setIsSaving(true);
+                    await onSave(haystack_core_1.HDict.make(changes));
+                    setChanges(undefined); // Reset changes dict
+                    setIsSaving(false);
+                    setCanSave(false);
+                } }, saveText ?? 'Save'))));
+};
+exports.ConfigurationForm = ConfigurationForm;
+const ConfigurationFormReadOnlyEntries = ({ readOnlySection, params, formatKey, className, }) => {
+    const [resolvedReadOnlySection] = (0, resolvable_ui_elements_1.useResolveSection)(readOnlySection, params);
+    return (react_1.default.createElement(react_1.default.Fragment, null, resolvedReadOnlySection &&
+        Object.entries(resolvedReadOnlySection).map(([key, value]) => (react_1.default.createElement(ConfigurationFormEntry_1.ConfigurationFormEntry, { key: key, name: formatKey ? formatKey(key) : key, disabled: true, value: value, className: className })))));
+};
+exports.ConfigurationFormReadOnlyEntries = ConfigurationFormReadOnlyEntries;
+//# sourceMappingURL=ConfigurationForm.js.map

package/dist/react/components/resolvable/configurationForm/ConfigurationForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigurationForm.js","sourceRoot":"","sources":["../../../../../src/react/components/resolvable/configurationForm/ConfigurationForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0EAIsC;AACtC,kCAAkC;AAClC,4DAA2B;AAC3B,iDAAkD;AAClD,+CAAgD;AAChD,yCAA2C;AAC3C,qEAGiC;AACjC,2DAAuD;AAQvD,MAAM,SAAS,GAAG,IAAA,2BAAe,EAAC;IACjC,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAkB,EAAE,EAAE,CAAC,CAAC;QAC1C,OAAO,EAAE,MAAM;QACf,mBAAmB,EAAE,MAAM,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK;QAChE,GAAG,EAAE,WAAW;KAChB,CAAC;IACF,aAAa,EAAE,CAAC,EAAE,MAAM,EAAkB,EAAE,EAAE,CAAC,CAAC;QAC/C,UAAU,EAAE,MAAM,KAAK,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;QACzD,UAAU,EAAE,kDAAkD;QAC9D,SAAS,EAAE,GAAG;QACd,SAAS,EAAE,WAAW;QACtB,SAAS,EAAE,KAAK;KAChB,CAAC;IACF,uBAAuB,EAAE;QACxB,SAAS,EAAE,WAAW;QACtB,SAAS,EAAE,CAAC;QACZ,OAAO,EAAE,CAAC;KACV;IACD,UAAU,EAAE;QACX,UAAU,EAAE,WAAW;QACvB,KAAK,EAAE,GAAG;QACV,KAAK,EAAE,OAAO;KACd;CACD,CAAC,CAAA;AAiBK,MAAM,iBAAiB,GAAG,CAA0B,EAC1D,OAAO,EACP,MAAM,EACN,eAAe,EACf,MAAM,EACN,SAAS,EACT,QAAQ,EACR,OAAO,EACP,MAAM,GAAG,YAAY,EACrB,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,iBAAiB,GAAG,IAAI,GACG,EAAE,EAAE;IAC/B,MAAM,OAAO,GAAG,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC,CAAA;IACrC,MAAM,CAAC,eAAe,CAAC,GAAG,IAAA,0CAAiB,EAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IAC5D,MAAM,OAAO,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,qCAAiB,EAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEpE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,GAAwB,CAAA;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC/C,OAAO,CACN,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,OAAO,CAAC,QAAQ,EAAE,SAAS,CAAC;QAC7C,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,YAAY,CAAC,EAAE,EAAE,CAAC,CACrD,8BAAC,+CAAsB,IACtB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAAE,GAAG,CACpB,GAAG,CACH,EACD,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,EACtC,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,IAAI,YAAY,EAC3C,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;gBACjB,UAAU,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,CAAA;gBACtC,UAAU,CAAC,IAAI,CAAC,CAAA;YACjB,CAAC,EACD,SAAS,EAAE,cAAc,GACxB,CACF,CAAC;QACD,eAAe,IAAI,CACnB,8BAAC,wCAAgC,IAChC,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,cAAc,GACxB,CACF;QACD,uCACC,SAAS,EAAE,IAAA,oBAAE,EAAC,OAAO,CAAC,aAAa,EAAE;gBACpC,CAAC,OAAO,CAAC,uBAAuB,CAAC,EAChC,iBAAiB,IAAI,CAAC,OAAO;aAC9B,CAAC;YACF,8BAAC,WAAM,IACN,QAAQ,EAAE,CAAC,OAAO,EAClB,SAAS,EAAE,IAAA,oBAAE,EAAC,OAAO,CAAC,UAAU,EAAE,gBAAgB,CAAC,EACnD,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,KAAK,IAAI,EAAE;oBACnB,WAAW,CAAC,IAAI,CAAC,CAAA;oBACjB,MAAM,MAAM,CAAC,qBAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAA;oBACjC,UAAU,CAAC,SAAS,CAAC,CAAA,CAAC,qBAAqB;oBAC3C,WAAW,CAAC,KAAK,CAAC,CAAA;oBAClB,UAAU,CAAC,KAAK,CAAC,CAAA;gBAClB,CAAC,IACA,QAAQ,IAAI,MAAM,CACX,CACJ,CACD,CACN,CAAA;AACF,CAAC,CAAA;AApEY,QAAA,iBAAiB,qBAoE7B;AASM,MAAM,gCAAgC,GAAG,CAA0B,EACzE,eAAe,EACf,MAAM,EACN,SAAS,EACT,SAAS,GACiC,EAAE,EAAE;IAC9C,MAAM,CAAC,uBAAuB,CAAC,GAAG,IAAA,0CAAiB,EAAC,eAAe,EAAE,MAAM,CAAC,CAAA;IAE5E,OAAO,CACN,8DACE,uBAAuB;QACvB,MAAM,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAC7D,8BAAC,+CAAsB,IACtB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,EACtC,QAAQ,QACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACnB,CACF,CAAC,CACD,CACH,CAAA;AACF,CAAC,CAAA;AAtBY,QAAA,gCAAgC,oCAsB5C"}

package/dist/react/components/resolvable/configurationForm/ConfigurationFormEntry.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { HDict, HGrid, HNum, HRef, HStr, HVal } from 'haystack-core';
+export interface ConfigurationFormEntryOption extends HDict {
+    value: HStr | HNum | HRef;
+    label: HStr;
+}
+interface ConfigurationFormEntryProps {
+    name: string;
+    value: HVal | unknown;
+    onChange?: (val: HVal) => void;
+    disabled?: boolean;
+    options?: HGrid<ConfigurationFormEntryOption>;
+    className?: string;
+}
+export declare const ConfigurationFormEntry: ({ name, value, onChange, disabled, options, className, }: ConfigurationFormEntryProps) => JSX.Element;
+export {};