@siliconst/metaui 1.2.0 → 1.4.5

package/src/nz/co/siliconst/ui5/metaui/layouts/TableLayout.ts

@@ -12,101 +12,159 @@ import Title from "sap/m/Title";
 import ToolbarSpacer from "sap/m/ToolbarSpacer";
 import Button from "sap/m/Button";
 import JSONModel from "sap/ui/model/json/JSONModel";
-import { PluginRegistry } from "../core/PluginRegistry";
 import Control from "sap/ui/core/Control";
-import { IPlugin } from "../interfaces/IPlugin";
-import { IPropertyMetadata } from "../interfaces/ISchema";
+import { IPropertyMetadata, ISchema, ILayoutElement } from "../interfaces/ISchema";
+import { ILayoutManager } from "../interfaces/ILayoutManager";
+import { Engine } from "../core/Engine";
+import { SchemaNormalizer } from "../core/SchemaNormalizer";
+import { Logger } from "../utils/Logger";
 
-export class TableLayout {
+/**
+ * Layout Manager responsible for generating a responsive SAP Fiori Table.
+ * It is automatically utilized by the Engine when the schema root or property is of type 'array'.
+ * Includes built-in support for adding and deleting rows via dynamic data binding manipulation.
+ * 
+ * @namespace nz.co.siliconst.ui5.metaui.layouts
+ * @public
+ */
+export class TableLayout implements ILayoutManager {
     /**
-     * Builds a responsive Table, dynamically calculating column priorities.
+     * Renders the JSON Schema array properties into a UI5 Table.
+     * 
+     * @param schema The active JSON schema array definition.
+     * @param modelName The UI5 JSONModel name used for data binding.
+     * @param engine The central orchestrator for delegating column plugin generation.
+     * @param onSubmit Optional submit hook.
+     * @param bindingPath The JSON path representing the array within the payload.
+     * @returns {Control} The generated sap.m.Table control.
+     * @throws {Error} If the provided schema is not of type 'array'.
      */
-    public static build(tableMeta: IPropertyMetadata, bindingPath: string = "meta>/", tableTitle: string = "Table", trackPlugin?: (plugin: IPlugin) => void): Table {
-        if (!tableMeta.properties) {
-            throw new Error("[MetaUI] Table requires an items schema with properties.");
+    public render(schema: ISchema, modelName: string, engine: Engine, onSubmit?: () => void, bindingPath: string = "/"): Control {
+        if (schema.type !== "array" || !schema.items || !schema.items.properties) {
+            throw new Error("[MetaUI] TableLayout requires an array schema with items.properties.");
         }
 
-        const parts = bindingPath.split(">");
-        const actualModelName = parts.length > 1 ? parts[0] : undefined;
-        const actualPath = parts.length > 1 ? parts[1] : bindingPath;
-        // e.g. "meta>/Contacts" -> actualModelName = "meta", actualPath = "/Contacts"
+        const tableTitle = schema.title || "Table";
+        const actualModelName = modelName;
+        const actualPath = bindingPath;
 
         const table = new Table({
             headerToolbar: new Toolbar({
                 content: [
                     new Title({ text: tableTitle }),
                     new ToolbarSpacer(),
-                    new Button({
-                        text: "Add Row",
-                        icon: "sap-icon://add",
-                        press: (oEvent: any) => {
-                            const btn = oEvent.getSource();
-                            const tbl = btn.getParent().getParent() as Table;
-                            const model = tbl.getModel(actualModelName) as JSONModel;
-                            const info = tbl.getBindingInfo("items");
-                            if (!info || !info.path) return;
-                            
-                            const data = model.getProperty(info.path) || [];
-                            data.push({}); // append empty row
-                            model.setProperty(info.path, data);
-                        }
-                    })
+                    ...(engine.isDisplayMode ? [] : [
+                        new Button({
+                            text: "Add Row",
+                            icon: "sap-icon://add",
+                            press: (oEvent: sap.ui.base.Event) => {
+                                const btn = oEvent.getSource();
+                                const tbl = btn.getParent().getParent() as Table;
+                                const model = tbl.getModel(actualModelName) as JSONModel;
+                                const info = tbl.getBindingInfo("items");
+                                if (!info || !info.path) return;
+
+                                const rawData = model.getProperty(info.path);
+                                const data = Array.isArray(rawData) ? rawData : [];
+                                const newData = [...data, {}];
+                                model.setProperty(info.path, newData);
+                            }
+                        })
+                    ])
                 ]
             }),
             fixedLayout: false,
-            mode: "Delete",
-            delete: (oEvent: any) => {
+            mode: engine.isDisplayMode ? "None" : "Delete",
+            delete: (oEvent: sap.ui.base.Event) => {
                 const item = oEvent.getParameter("listItem");
-                const path = item.getBindingContext(actualModelName).getPath(); 
+                const path = item.getBindingContext(actualModelName).getPath();
                 const model = item.getModel(actualModelName) as JSONModel;
-                
+
                 const splitPaths = path.split("/");
                 const index = parseInt(splitPaths.pop() || "0", 10);
                 let arrayPath = splitPaths.join("/");
                 if (arrayPath === "") arrayPath = "/";
-                
-                const data = model.getProperty(arrayPath);
-                data.splice(index, 1);
-                model.setProperty(arrayPath, data);
+
+                const rawData = model.getProperty(arrayPath);
+                const data = Array.isArray(rawData) ? rawData : [];
+                const newData = [...data];
+                newData.splice(index, 1);
+                model.setProperty(arrayPath, newData);
             }
         });
 
         const templateCells: Control[] = [];
-        const registry = PluginRegistry.getInstance();
-        const props = tableMeta.properties;
-
-        Object.keys(props).forEach((key) => {
-            try {
-                const fieldMeta = props[key];
-                const isKey = !!fieldMeta.ui?.isKey;
-                
-                const column = new Column({
-                    header: new Text({ text: fieldMeta.ui?.label || key }),
-                    demandPopin: !isKey, 
-                    minScreenWidth: isKey ? "" : "Tablet",
-                    popinDisplay: "Inline"
-                });
-                table.addColumn(column);
-
-                const plugin = registry.getPlugin(fieldMeta.type, fieldMeta.ui?.widget);
-                if (trackPlugin) trackPlugin(plugin);
-                const control = plugin.render(fieldMeta, key, actualModelName); // No trailing slash for relative bindings
-                templateCells.push(control);
-            } catch (error) {
-                sap.ui.require(["sap/base/Log"], (Log: any) => {
-                    if (Log) Log.error(`[MetaUI] Failed to render column ${key}`, (error as Error).message, "TableLayout");
-                });
-                
-                // Add an empty text control as a fallback so the table columns match the cells array length
-                templateCells.push(new Text({ text: "Error" }));
-            }
-        });
+        const props = schema.items.properties;
+        const layoutElements = schema.uiLayout;
+
+        if (layoutElements && Array.isArray(layoutElements)) {
+            // Only render columns defined in uiLayout
+            layoutElements.forEach((element: ILayoutElement) => {
+                if (element.type === "Control" && element.scope) {
+                    const { meta: fieldMeta, bindingPath, propKey } = SchemaNormalizer.resolveScope(
+                        { type: "object", properties: props } as ISchema, 
+                        element.scope
+                    );
+                    
+                    if (!fieldMeta) {
+                        Logger.error(`[MetaUI] Property '${propKey}' not found in schema definitions for Table.`, "", "TableLayout");
+                    } else {
+                        // The architectural boundary: Table Layout orchestrates the columns and aggregation binding,
+                        // but delegates the actual cell rendering to the Engine's Field Plugins.
+                        table.addColumn(new Column({
+                            header: new Text({ text: element.label || fieldMeta.ui?.label || propKey }),
+                            demandPopin: !fieldMeta.ui?.isKey,
+                            minScreenWidth: fieldMeta.ui?.isKey ? "" : "Tablet",
+                            popinDisplay: "Inline"
+                        }));
+
+                        const effectiveMeta = { ...fieldMeta };
+                        if (element.widget) {
+                            effectiveMeta.ui = { ...fieldMeta.ui, widget: element.widget };
+                        }
+
+                        // We pass the activeModel as actualModelName down. But the path must be relative to the 
+                        // table row binding context, so we just use the bindingPath (e.g. "id" or "header/id")
+                        const control = engine.generateField(effectiveMeta, bindingPath, actualModelName || "meta", true);
+                        templateCells.push(control);
+                    }
+                } else {
+                    Logger.warn(`[MetaUI] Unsupported layout element type '${element.type}' in Table.`, "", "TableLayout");
+                }
+            });
+        } else {
+            Logger.debug("[MetaUI TableLayout]", "No uiLayout provided. Falling back to rendering all properties as columns.", "TableLayout");
+            // Fallback: If no uiLayout is provided, render all properties as columns
+            Object.keys(props).forEach((key) => {
+                try {
+                    const fieldMeta = props[key];
+                    const isKey = !!fieldMeta.ui?.isKey;
+
+                    const column = new Column({
+                        header: new Text({ text: fieldMeta.ui?.label || key }),
+                        demandPopin: !isKey,
+                        minScreenWidth: isKey ? "" : "Tablet",
+                        popinDisplay: "Inline"
+                    });
+                    table.addColumn(column);
+
+                    const control = engine.generateField(fieldMeta, key, actualModelName || "meta", true);
+                    templateCells.push(control);
+                } catch (error) {
+                    const msg = (error as Error).message;
+                    Logger.error(`[MetaUI] Failed to render fallback column ${key}`, msg, "TableLayout");
+                    Logger.showErrorPopup(`Failed to render fallback table column '${key}'.\n\nDetails: ${msg}`);
+                    templateCells.push(new Text({ text: "Error" }));
+                }
+            });
+        }
+
+
 
         const rowTemplate = new ColumnListItem({
             cells: templateCells
         });
 
-        // V2 Fix: Actually bind the items to the table!
         table.bindItems({
             path: actualPath,
             model: actualModelName,

package/src/nz/co/siliconst/ui5/metaui/layouts/WizardLayout-dbg.js

@@ -0,0 +1,129 @@
+sap.ui.define(["sap/m/Wizard", "sap/m/WizardStep", "sap/ui/layout/form/SimpleForm", "sap/m/Label", "../core/SchemaNormalizer", "../utils/Logger"], function (Wizard, WizardStep, SimpleForm, Label, ___core_SchemaNormalizer, ___utils_Logger) {
+  "use strict";
+
+  const SchemaNormalizer = ___core_SchemaNormalizer["SchemaNormalizer"];
+  const Logger = ___utils_Logger["Logger"];
+  /**
+   * Layout Manager responsible for generating a responsive SAP Fiori Wizard.
+   * It segments the schema fields into discrete Wizard Steps based on `uiLayout` elements 
+   * of type `Group` or `WizardStep`.
+   * 
+   * @namespace nz.co.siliconst.ui5.metaui.layouts
+   * @public
+   */
+  class WizardLayout {
+    /**
+     * Renders the JSON Schema properties into a paginated UI5 Wizard using uiLayout.
+     * 
+     * @param schema The active JSON schema object.
+     * @param modelName The bound UI5 model name.
+     * @param engine The central orchestrator for delegating plugin generation.
+     * @param onSubmit Hook executed when the Wizard's native 'complete' event is fired.
+     * @returns {Control} The generated sap.m.Wizard control.
+     */
+    render(schema, modelName, engine, onSubmit) {
+      const wizard = new Wizard({
+        renderMode: "Page",
+        showNextButton: true,
+        complete: function () {
+          if (onSubmit) onSubmit();
+        }
+      });
+      if (!schema.uiLayout || !Array.isArray(schema.uiLayout)) {
+        Logger.warn("[MetaUI] Missing 'uiLayout' array in wizard schema. Wizard will not render any steps.");
+        return wizard;
+      }
+      schema.uiLayout.forEach(element => {
+        if (element.type === "Group" || element.type === "WizardStep") {
+          const step = new WizardStep({
+            title: element.label || "Step",
+            validated: true // The PipelineManager handles global validation, wizard step validation can be local later
+          });
+          const form = new SimpleForm({
+            editable: true,
+            layout: "ResponsiveGridLayout",
+            labelSpanXL: 4,
+            labelSpanL: 4,
+            labelSpanM: 4,
+            labelSpanS: 12,
+            adjustLabelSpan: false,
+            emptySpanXL: 0,
+            emptySpanL: 0,
+            emptySpanM: 0,
+            emptySpanS: 0,
+            columnsXL: 1,
+            columnsL: 1,
+            columnsM: 1,
+            singleContainerFullSize: false
+          });
+          if (element.elements && Array.isArray(element.elements)) {
+            element.elements.forEach(childElement => {
+              this._renderElementInForm(form, childElement, schema, modelName, engine);
+            });
+          }
+          step.addContent(form);
+          wizard.addStep(step);
+        } else {
+          Logger.warn(`[MetaUI] Top-level element '${element.type}' inside WizardLayout must be 'Group' or 'WizardStep'.`, "", "WizardLayout");
+        }
+      });
+      return wizard;
+    }
+    _renderElementInForm(form, element, schema, modelName, engine) {
+      if (element.type === "Control") {
+        if (!element.scope || !element.scope.startsWith("#/properties/")) {
+          Logger.error(`[MetaUI] Invalid scope '${element.scope}' in uiLayout Control.`, "", "WizardLayout");
+          return;
+        }
+        const {
+          meta,
+          bindingPath,
+          propKey
+        } = SchemaNormalizer.resolveScope(schema, element.scope);
+        if (!meta) {
+          Logger.error(`[MetaUI] Property '${propKey}' not found in schema definitions.`, "", "WizardLayout");
+          return;
+        }
+        try {
+          const labelText = element.label || meta.ui?.label || propKey;
+          const label = new Label({
+            text: labelText,
+            required: meta.required
+          });
+          const effectiveMeta = {
+            ...meta
+          };
+          if (element.widget) {
+            effectiveMeta.ui = {
+              ...meta.ui,
+              widget: element.widget
+            };
+          }
+          const control = engine.generateField(effectiveMeta, `/${bindingPath}`, modelName);
+          if (effectiveMeta.ui?.fullWidth) {
+            sap.ui.require(["sap/ui/layout/GridData"], GridData => {
+              control.setLayoutData(new GridData({
+                span: "XL12 L12 M12 S12"
+              }));
+            });
+          }
+          form.addContent(label);
+          form.addContent(control);
+        } catch (error) {
+          Logger.error(`[MetaUI] Failed to render Wizard field ${propKey}`, error.message, "WizardLayout");
+          form.addContent(new Label({
+            text: propKey
+          }));
+        }
+      } else {
+        Logger.warn(`[MetaUI] Nested groups within Wizard steps are not fully supported in SimpleForm yet.`, "", "WizardLayout");
+      }
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.WizardLayout = WizardLayout;
+  return __exports;
+});
+//# sourceMappingURL=WizardLayout-dbg.js.map

package/src/nz/co/siliconst/ui5/metaui/layouts/WizardLayout-dbg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardLayout-dbg.js","names":["SchemaNormalizer","___core_SchemaNormalizer","Logger","___utils_Logger","WizardLayout","render","schema","modelName","engine","onSubmit","wizard","Wizard","renderMode","showNextButton","complete","uiLayout","Array","isArray","warn","forEach","element","type","step","WizardStep","title","label","validated","form","SimpleForm","editable","layout","labelSpanXL","labelSpanL","labelSpanM","labelSpanS","adjustLabelSpan","emptySpanXL","emptySpanL","emptySpanM","emptySpanS","columnsXL","columnsL","columnsM","singleContainerFullSize","elements","childElement","_renderElementInForm","addContent","addStep","scope","startsWith","error","meta","bindingPath","propKey","resolveScope","labelText","ui","Label","text","required","effectiveMeta","widget","control","generateField","fullWidth","sap","require","GridData","setLayoutData","span","message","__exports","__esModule"],"sources":["WizardLayout.ts"],"sourcesContent":["/**\n * @file WizardLayout.ts\n * @description Generates a fully responsive SAP Fiori Wizard layout.\n */\n\nimport Wizard from \"sap/m/Wizard\";\nimport WizardStep from \"sap/m/WizardStep\";\nimport SimpleForm from \"sap/ui/layout/form/SimpleForm\";\nimport Label from \"sap/m/Label\";\nimport VBox from \"sap/m/VBox\";\nimport { IPropertyMetadata, ISchema, ILayoutElement } from \"../interfaces/ISchema\";\nimport { ILayoutManager } from \"../interfaces/ILayoutManager\";\nimport { Engine } from \"../core/Engine\";\nimport { SchemaNormalizer } from \"../core/SchemaNormalizer\";\nimport { Logger } from \"../utils/Logger\";\nimport Control from \"sap/ui/core/Control\";\n\n/**\n * Layout Manager responsible for generating a responsive SAP Fiori Wizard.\n * It segments the schema fields into discrete Wizard Steps based on `uiLayout` elements \n * of type `Group` or `WizardStep`.\n * \n * @namespace nz.co.siliconst.ui5.metaui.layouts\n * @public\n */\nexport class WizardLayout implements ILayoutManager {\n    /**\n     * Renders the JSON Schema properties into a paginated UI5 Wizard using uiLayout.\n     * \n     * @param schema The active JSON schema object.\n     * @param modelName The bound UI5 model name.\n     * @param engine The central orchestrator for delegating plugin generation.\n     * @param onSubmit Hook executed when the Wizard's native 'complete' event is fired.\n     * @returns {Control} The generated sap.m.Wizard control.\n     */\n    public render(schema: ISchema, modelName: string, engine: Engine, onSubmit?: () => void): Control {\n        const wizard = new Wizard({\n            renderMode: \"Page\",\n            showNextButton: true,\n            complete: function() {\n                if (onSubmit) onSubmit();\n            }\n        });\n\n        if (!schema.uiLayout || !Array.isArray(schema.uiLayout)) {\n            Logger.warn(\"[MetaUI] Missing 'uiLayout' array in wizard schema. Wizard will not render any steps.\");\n            return wizard;\n        }\n\n        schema.uiLayout.forEach((element: ILayoutElement) => {\n            if (element.type === \"Group\" || element.type === \"WizardStep\") {\n                const step = new WizardStep({\n                    title: element.label || \"Step\",\n                    validated: true // The PipelineManager handles global validation, wizard step validation can be local later\n                });\n\n                const form = new SimpleForm({\n                    editable: true,\n                    layout: \"ResponsiveGridLayout\",\n                    labelSpanXL: 4, labelSpanL: 4, labelSpanM: 4, labelSpanS: 12,\n                    adjustLabelSpan: false,\n                    emptySpanXL: 0, emptySpanL: 0, emptySpanM: 0, emptySpanS: 0,\n                    columnsXL: 1, columnsL: 1, columnsM: 1,\n                    singleContainerFullSize: false\n                });\n                \n                if (element.elements && Array.isArray(element.elements)) {\n                    element.elements.forEach(childElement => {\n                        this._renderElementInForm(form, childElement, schema, modelName, engine);\n                    });\n                }\n\n                step.addContent(form);\n                wizard.addStep(step);\n            } else {\n                Logger.warn(`[MetaUI] Top-level element '${element.type}' inside WizardLayout must be 'Group' or 'WizardStep'.`, \"\", \"WizardLayout\");\n            }\n        });\n\n        return wizard;\n    }\n\n    private _renderElementInForm(form: SimpleForm, element: ILayoutElement, schema: ISchema, modelName: string, engine: Engine): void {\n        if (element.type === \"Control\") {\n            if (!element.scope || !element.scope.startsWith(\"#/properties/\")) {\n                Logger.error(`[MetaUI] Invalid scope '${element.scope}' in uiLayout Control.`, \"\", \"WizardLayout\");\n                return;\n            }\n            \n            const { meta, bindingPath, propKey } = SchemaNormalizer.resolveScope(schema, element.scope);\n            \n            if (!meta) {\n                Logger.error(`[MetaUI] Property '${propKey}' not found in schema definitions.`, \"\", \"WizardLayout\");\n                return;\n            }\n\n            try {\n                const labelText = element.label || meta.ui?.label || propKey;\n                const label = new Label({\n                    text: labelText,\n                    required: meta.required\n                });\n\n                const effectiveMeta = { ...meta };\n                if (element.widget) {\n                    effectiveMeta.ui = { ...meta.ui, widget: element.widget };\n                }\n\n                const control = engine.generateField(effectiveMeta, `/${bindingPath}`, modelName);\n\n                if (effectiveMeta.ui?.fullWidth) {\n                    sap.ui.require([\"sap/ui/layout/GridData\"], (GridData: any) => {\n                        control.setLayoutData(new GridData({ span: \"XL12 L12 M12 S12\" }));\n                    });\n                }\n\n                form.addContent(label);\n                form.addContent(control);\n            } catch (error) {\n                Logger.error(`[MetaUI] Failed to render Wizard field ${propKey}`, (error as Error).message, \"WizardLayout\");\n                form.addContent(new Label({ text: propKey }));\n            }\n        } else {\n            Logger.warn(`[MetaUI] Nested groups within Wizard steps are not fully supported in SimpleForm yet.`, \"\", \"WizardLayout\");\n        }\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/src/nz/co/siliconst/ui5/metaui/layouts/WizardLayout.d.ts

@@ -0,0 +1,28 @@
+declare module "nz/co/siliconst/ui5/metaui/layouts/WizardLayout" {
+    import { ISchema } from "nz/co/siliconst/ui5/metaui/interfaces/ISchema";
+    import { ILayoutManager } from "nz/co/siliconst/ui5/metaui/interfaces/ILayoutManager";
+    import { Engine } from "nz/co/siliconst/ui5/metaui/core/Engine";
+    import Control from "sap/ui/core/Control";
+    /**
+     * Layout Manager responsible for generating a responsive SAP Fiori Wizard.
+     * It segments the schema fields into discrete Wizard Steps based on `uiLayout` elements
+     * of type `Group` or `WizardStep`.
+     *
+     * @namespace nz.co.siliconst.ui5.metaui.layouts
+     * @public
+     */
+    export class WizardLayout implements ILayoutManager {
+        /**
+         * Renders the JSON Schema properties into a paginated UI5 Wizard using uiLayout.
+         *
+         * @param schema The active JSON schema object.
+         * @param modelName The bound UI5 model name.
+         * @param engine The central orchestrator for delegating plugin generation.
+         * @param onSubmit Hook executed when the Wizard's native 'complete' event is fired.
+         * @returns {Control} The generated sap.m.Wizard control.
+         */
+        render(schema: ISchema, modelName: string, engine: Engine, onSubmit?: () => void): Control;
+        private _renderElementInForm;
+    }
+}
+//# sourceMappingURL=WizardLayout.d.ts.map

package/src/nz/co/siliconst/ui5/metaui/layouts/WizardLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardLayout.d.ts","sourceRoot":"../../../../../../../..","sources":["src/nz/co/siliconst/ui5/metaui/layouts/WizardLayout.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,iDAAiD,CAAC;IAWjE,OAAO,EAAqB,OAAO,EAAkB,MAAM,+CAA+C,CAAC;IAC3G,OAAO,EAAE,cAAc,EAAE,MAAM,sDAAsD,CAAC;IACtF,OAAO,EAAE,MAAM,EAAE,MAAM,wCAAwC,CAAC;IAGhE,OAAO,OAAO,MAAM,qBAAqB,CAAC;IAE1C;;;;;;;OAOG;IACH,MAAa,YAAa,YAAW,cAAc;QAC/C;;;;;;;;WAQG;QACI,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO;QA+CjG,OAAO,CAAC,oBAAoB;KA4C/B;CAEA"}

package/src/nz/co/siliconst/ui5/metaui/layouts/WizardLayout.js

@@ -0,0 +1,2 @@
+sap.ui.define(["sap/m/Wizard","sap/m/WizardStep","sap/ui/layout/form/SimpleForm","sap/m/Label","../core/SchemaNormalizer","../utils/Logger"],function(e,t,a,r,n,i){"use strict";const o=n["SchemaNormalizer"];const s=i["Logger"];class l{render(r,n,i,o){const l=new e({renderMode:"Page",showNextButton:true,complete:function(){if(o)o()}});if(!r.uiLayout||!Array.isArray(r.uiLayout)){s.warn("[MetaUI] Missing 'uiLayout' array in wizard schema. Wizard will not render any steps.");return l}r.uiLayout.forEach(e=>{if(e.type==="Group"||e.type==="WizardStep"){const o=new t({title:e.label||"Step",validated:true});const s=new a({editable:true,layout:"ResponsiveGridLayout",labelSpanXL:4,labelSpanL:4,labelSpanM:4,labelSpanS:12,adjustLabelSpan:false,emptySpanXL:0,emptySpanL:0,emptySpanM:0,emptySpanS:0,columnsXL:1,columnsL:1,columnsM:1,singleContainerFullSize:false});if(e.elements&&Array.isArray(e.elements)){e.elements.forEach(e=>{this._renderElementInForm(s,e,r,n,i)})}o.addContent(s);l.addStep(o)}else{s.warn(`[MetaUI] Top-level element '${e.type}' inside WizardLayout must be 'Group' or 'WizardStep'.`,"","WizardLayout")}});return l}_renderElementInForm(e,t,a,n,i){if(t.type==="Control"){if(!t.scope||!t.scope.startsWith("#/properties/")){s.error(`[MetaUI] Invalid scope '${t.scope}' in uiLayout Control.`,"","WizardLayout");return}const{meta:l,bindingPath:u,propKey:d}=o.resolveScope(a,t.scope);if(!l){s.error(`[MetaUI] Property '${d}' not found in schema definitions.`,"","WizardLayout");return}try{const a=t.label||l.ui?.label||d;const o=new r({text:a,required:l.required});const s={...l};if(t.widget){s.ui={...l.ui,widget:t.widget}}const p=i.generateField(s,`/${u}`,n);if(s.ui?.fullWidth){sap.ui.require(["sap/ui/layout/GridData"],e=>{p.setLayoutData(new e({span:"XL12 L12 M12 S12"}))})}e.addContent(o);e.addContent(p)}catch(t){s.error(`[MetaUI] Failed to render Wizard field ${d}`,t.message,"WizardLayout");e.addContent(new r({text:d}))}}else{s.warn(`[MetaUI] Nested groups within Wizard steps are not fully supported in SimpleForm yet.`,"","WizardLayout")}}}var u={__esModule:true};u.WizardLayout=l;return u});
+//# sourceMappingURL=WizardLayout.js.map

package/src/nz/co/siliconst/ui5/metaui/layouts/WizardLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardLayout.js","names":["SchemaNormalizer","___core_SchemaNormalizer","Logger","___utils_Logger","WizardLayout","render","schema","modelName","engine","onSubmit","wizard","Wizard","renderMode","showNextButton","complete","uiLayout","Array","isArray","warn","forEach","element","type","step","WizardStep","title","label","validated","form","SimpleForm","editable","layout","labelSpanXL","labelSpanL","labelSpanM","labelSpanS","adjustLabelSpan","emptySpanXL","emptySpanL","emptySpanM","emptySpanS","columnsXL","columnsL","columnsM","singleContainerFullSize","elements","childElement","this","_renderElementInForm","addContent","addStep","scope","startsWith","error","meta","bindingPath","propKey","resolveScope","labelText","ui","Label","text","required","effectiveMeta","widget","control","generateField","fullWidth","sap","require","GridData","setLayoutData","span","message","__exports","__esModule"],"sources":["WizardLayout.ts"],"sourcesContent":["/**\n * @file WizardLayout.ts\n * @description Generates a fully responsive SAP Fiori Wizard layout.\n */\n\nimport Wizard from \"sap/m/Wizard\";\nimport WizardStep from \"sap/m/WizardStep\";\nimport SimpleForm from \"sap/ui/layout/form/SimpleForm\";\nimport Label from \"sap/m/Label\";\nimport VBox from \"sap/m/VBox\";\nimport { IPropertyMetadata, ISchema, ILayoutElement } from \"../interfaces/ISchema\";\nimport { ILayoutManager } from \"../interfaces/ILayoutManager\";\nimport { Engine } from \"../core/Engine\";\nimport { SchemaNormalizer } from \"../core/SchemaNormalizer\";\nimport { Logger } from \"../utils/Logger\";\nimport Control from \"sap/ui/core/Control\";\n\n/**\n * Layout Manager responsible for generating a responsive SAP Fiori Wizard.\n * It segments the schema fields into discrete Wizard Steps based on `uiLayout` elements \n * of type `Group` or `WizardStep`.\n * \n * @namespace nz.co.siliconst.ui5.metaui.layouts\n * @public\n */\nexport class WizardLayout implements ILayoutManager {\n    /**\n     * Renders the JSON Schema properties into a paginated UI5 Wizard using uiLayout.\n     * \n     * @param schema The active JSON schema object.\n     * @param modelName The bound UI5 model name.\n     * @param engine The central orchestrator for delegating plugin generation.\n     * @param onSubmit Hook executed when the Wizard's native 'complete' event is fired.\n     * @returns {Control} The generated sap.m.Wizard control.\n     */\n    public render(schema: ISchema, modelName: string, engine: Engine, onSubmit?: () => void): Control {\n        const wizard = new Wizard({\n            renderMode: \"Page\",\n            showNextButton: true,\n            complete: function() {\n                if (onSubmit) onSubmit();\n            }\n        });\n\n        if (!schema.uiLayout || !Array.isArray(schema.uiLayout)) {\n            Logger.warn(\"[MetaUI] Missing 'uiLayout' array in wizard schema. Wizard will not render any steps.\");\n            return wizard;\n        }\n\n        schema.uiLayout.forEach((element: ILayoutElement) => {\n            if (element.type === \"Group\" || element.type === \"WizardStep\") {\n                const step = new WizardStep({\n                    title: element.label || \"Step\",\n                    validated: true // The PipelineManager handles global validation, wizard step validation can be local later\n                });\n\n                const form = new SimpleForm({\n                    editable: true,\n                    layout: \"ResponsiveGridLayout\",\n                    labelSpanXL: 4, labelSpanL: 4, labelSpanM: 4, labelSpanS: 12,\n                    adjustLabelSpan: false,\n                    emptySpanXL: 0, emptySpanL: 0, emptySpanM: 0, emptySpanS: 0,\n                    columnsXL: 1, columnsL: 1, columnsM: 1,\n                    singleContainerFullSize: false\n                });\n                \n                if (element.elements && Array.isArray(element.elements)) {\n                    element.elements.forEach(childElement => {\n                        this._renderElementInForm(form, childElement, schema, modelName, engine);\n                    });\n                }\n\n                step.addContent(form);\n                wizard.addStep(step);\n            } else {\n                Logger.warn(`[MetaUI] Top-level element '${element.type}' inside WizardLayout must be 'Group' or 'WizardStep'.`, \"\", \"WizardLayout\");\n            }\n        });\n\n        return wizard;\n    }\n\n    private _renderElementInForm(form: SimpleForm, element: ILayoutElement, schema: ISchema, modelName: string, engine: Engine): void {\n        if (element.type === \"Control\") {\n            if (!element.scope || !element.scope.startsWith(\"#/properties/\")) {\n                Logger.error(`[MetaUI] Invalid scope '${element.scope}' in uiLayout Control.`, \"\", \"WizardLayout\");\n                return;\n            }\n            \n            const { meta, bindingPath, propKey } = SchemaNormalizer.resolveScope(schema, element.scope);\n            \n            if (!meta) {\n                Logger.error(`[MetaUI] Property '${propKey}' not found in schema definitions.`, \"\", \"WizardLayout\");\n                return;\n            }\n\n            try {\n                const labelText = element.label || meta.ui?.label || propKey;\n                const label = new Label({\n                    text: labelText,\n                    required: meta.required\n                });\n\n                const effectiveMeta = { ...meta };\n                if (element.widget) {\n                    effectiveMeta.ui = { ...meta.ui, widget: element.widget };\n                }\n\n                const control = engine.generateField(effectiveMeta, `/${bindingPath}`, modelName);\n\n                if (effectiveMeta.ui?.fullWidth) {\n                    sap.ui.require([\"sap/ui/layout/GridData\"], (GridData: any) => {\n                        control.setLayoutData(new GridData({ span: \"XL12 L12 M12 S12\" }));\n                    });\n                }\n\n                form.addContent(label);\n                form.addContent(control);\n            } catch (error) {\n                Logger.error(`[MetaUI] Failed to render Wizard field ${propKey}`, (error as Error).message, \"WizardLayout\");\n                form.addContent(new Label({ text: propKey }));\n            }\n        } else {\n            Logger.warn(`[MetaUI] Nested groups within Wizard steps are not fully supported in SimpleForm yet.`, \"\", \"WizardLayout\");\n        }\n    }\n}\n"],"mappings":"sLAaSA,EAAgBC,EAAA,0BAChBC,EAAMC,EAAA,UAWR,MAAMC,EAUFC,OAAOC,EAAiBC,EAAmBC,EAAgBC,GAC9D,MAAMC,EAAS,IAAIC,EAAO,CACtBC,WAAY,OACZC,eAAgB,KAChBC,SAAU,WACN,GAAIL,EAAUA,GAClB,IAGJ,IAAKH,EAAOS,WAAaC,MAAMC,QAAQX,EAAOS,UAAW,CACrDb,EAAOgB,KAAK,yFACZ,OAAOR,CACX,CAEAJ,EAAOS,SAASI,QAASC,IACrB,GAAIA,EAAQC,OAAS,SAAWD,EAAQC,OAAS,aAAc,CAC3D,MAAMC,EAAO,IAAIC,EAAW,CACxBC,MAAOJ,EAAQK,OAAS,OACxBC,UAAW,OAGf,MAAMC,EAAO,IAAIC,EAAW,CACxBC,SAAU,KACVC,OAAQ,uBACRC,YAAa,EAAGC,WAAY,EAAGC,WAAY,EAAGC,WAAY,GAC1DC,gBAAiB,MACjBC,YAAa,EAAGC,WAAY,EAAGC,WAAY,EAAGC,WAAY,EAC1DC,UAAW,EAAGC,SAAU,EAAGC,SAAU,EACrCC,wBAAyB,QAG7B,GAAIvB,EAAQwB,UAAY5B,MAAMC,QAAQG,EAAQwB,UAAW,CACrDxB,EAAQwB,SAASzB,QAAQ0B,IACrBC,KAAKC,qBAAqBpB,EAAMkB,EAAcvC,EAAQC,EAAWC,IAEzE,CAEAc,EAAK0B,WAAWrB,GAChBjB,EAAOuC,QAAQ3B,EACnB,KAAO,CACHpB,EAAOgB,KAAK,+BAA+BE,EAAQC,6DAA8D,GAAI,eACzH,IAGJ,OAAOX,CACX,CAEQqC,qBAAqBpB,EAAkBP,EAAyBd,EAAiBC,EAAmBC,GACxG,GAAIY,EAAQC,OAAS,UAAW,CAC5B,IAAKD,EAAQ8B,QAAU9B,EAAQ8B,MAAMC,WAAW,iBAAkB,CAC9DjD,EAAOkD,MAAM,2BAA2BhC,EAAQ8B,8BAA+B,GAAI,gBACnF,MACJ,CAEA,MAAMG,KAAEA,EAAIC,YAAEA,EAAWC,QAAEA,GAAYvD,EAAiBwD,aAAalD,EAAQc,EAAQ8B,OAErF,IAAKG,EAAM,CACPnD,EAAOkD,MAAM,sBAAsBG,sCAA6C,GAAI,gBACpF,MACJ,CAEA,IACI,MAAME,EAAYrC,EAAQK,OAAS4B,EAAKK,IAAIjC,OAAS8B,EACrD,MAAM9B,EAAQ,IAAIkC,EAAM,CACpBC,KAAMH,EACNI,SAAUR,EAAKQ,WAGnB,MAAMC,EAAgB,IAAKT,GAC3B,GAAIjC,EAAQ2C,OAAQ,CAChBD,EAAcJ,GAAK,IAAKL,EAAKK,GAAIK,OAAQ3C,EAAQ2C,OACrD,CAEA,MAAMC,EAAUxD,EAAOyD,cAAcH,EAAe,IAAIR,IAAe/C,GAEvE,GAAIuD,EAAcJ,IAAIQ,UAAW,CAC7BC,IAAIT,GAAGU,QAAQ,CAAC,0BAA4BC,IACxCL,EAAQM,cAAc,IAAID,EAAS,CAAEE,KAAM,uBAEnD,CAEA5C,EAAKqB,WAAWvB,GAChBE,EAAKqB,WAAWgB,EACpB,CAAE,MAAOZ,GACLlD,EAAOkD,MAAM,0CAA0CG,IAAYH,EAAgBoB,QAAS,gBAC5F7C,EAAKqB,WAAW,IAAIW,EAAM,CAAEC,KAAML,IACtC,CACJ,KAAO,CACHrD,EAAOgB,KAAK,wFAAyF,GAAI,eAC7G,CACJ,EACH,IAAAuD,EAAA,CAAAC,WAAA,MAAAD,EAAArE,eAAA,OAAAqE,CAAA","ignoreList":[]}

package/src/nz/co/siliconst/ui5/metaui/layouts/WizardLayout.ts

@@ -0,0 +1,127 @@
+/**
+ * @file WizardLayout.ts
+ * @description Generates a fully responsive SAP Fiori Wizard layout.
+ */
+
+import Wizard from "sap/m/Wizard";
+import WizardStep from "sap/m/WizardStep";
+import SimpleForm from "sap/ui/layout/form/SimpleForm";
+import Label from "sap/m/Label";
+import VBox from "sap/m/VBox";
+import { IPropertyMetadata, ISchema, ILayoutElement } from "../interfaces/ISchema";
+import { ILayoutManager } from "../interfaces/ILayoutManager";
+import { Engine } from "../core/Engine";
+import { SchemaNormalizer } from "../core/SchemaNormalizer";
+import { Logger } from "../utils/Logger";
+import Control from "sap/ui/core/Control";
+
+/**
+ * Layout Manager responsible for generating a responsive SAP Fiori Wizard.
+ * It segments the schema fields into discrete Wizard Steps based on `uiLayout` elements 
+ * of type `Group` or `WizardStep`.
+ * 
+ * @namespace nz.co.siliconst.ui5.metaui.layouts
+ * @public
+ */
+export class WizardLayout implements ILayoutManager {
+    /**
+     * Renders the JSON Schema properties into a paginated UI5 Wizard using uiLayout.
+     * 
+     * @param schema The active JSON schema object.
+     * @param modelName The bound UI5 model name.
+     * @param engine The central orchestrator for delegating plugin generation.
+     * @param onSubmit Hook executed when the Wizard's native 'complete' event is fired.
+     * @returns {Control} The generated sap.m.Wizard control.
+     */
+    public render(schema: ISchema, modelName: string, engine: Engine, onSubmit?: () => void): Control {
+        const wizard = new Wizard({
+            renderMode: "Page",
+            showNextButton: true,
+            complete: function() {
+                if (onSubmit) onSubmit();
+            }
+        });
+
+        if (!schema.uiLayout || !Array.isArray(schema.uiLayout)) {
+            Logger.warn("[MetaUI] Missing 'uiLayout' array in wizard schema. Wizard will not render any steps.");
+            return wizard;
+        }
+
+        schema.uiLayout.forEach((element: ILayoutElement) => {
+            if (element.type === "Group" || element.type === "WizardStep") {
+                const step = new WizardStep({
+                    title: element.label || "Step",
+                    validated: true // The PipelineManager handles global validation, wizard step validation can be local later
+                });
+
+                const form = new SimpleForm({
+                    editable: true,
+                    layout: "ResponsiveGridLayout",
+                    labelSpanXL: 4, labelSpanL: 4, labelSpanM: 4, labelSpanS: 12,
+                    adjustLabelSpan: false,
+                    emptySpanXL: 0, emptySpanL: 0, emptySpanM: 0, emptySpanS: 0,
+                    columnsXL: 1, columnsL: 1, columnsM: 1,
+                    singleContainerFullSize: false
+                });
+                
+                if (element.elements && Array.isArray(element.elements)) {
+                    element.elements.forEach(childElement => {
+                        this._renderElementInForm(form, childElement, schema, modelName, engine);
+                    });
+                }
+
+                step.addContent(form);
+                wizard.addStep(step);
+            } else {
+                Logger.warn(`[MetaUI] Top-level element '${element.type}' inside WizardLayout must be 'Group' or 'WizardStep'.`, "", "WizardLayout");
+            }
+        });
+
+        return wizard;
+    }
+
+    private _renderElementInForm(form: SimpleForm, element: ILayoutElement, schema: ISchema, modelName: string, engine: Engine): void {
+        if (element.type === "Control") {
+            if (!element.scope || !element.scope.startsWith("#/properties/")) {
+                Logger.error(`[MetaUI] Invalid scope '${element.scope}' in uiLayout Control.`, "", "WizardLayout");
+                return;
+            }
+            
+            const { meta, bindingPath, propKey } = SchemaNormalizer.resolveScope(schema, element.scope);
+            
+            if (!meta) {
+                Logger.error(`[MetaUI] Property '${propKey}' not found in schema definitions.`, "", "WizardLayout");
+                return;
+            }
+
+            try {
+                const labelText = element.label || meta.ui?.label || propKey;
+                const label = new Label({
+                    text: labelText,
+                    required: meta.required
+                });
+
+                const effectiveMeta = { ...meta };
+                if (element.widget) {
+                    effectiveMeta.ui = { ...meta.ui, widget: element.widget };
+                }
+
+                const control = engine.generateField(effectiveMeta, `/${bindingPath}`, modelName);
+
+                if (effectiveMeta.ui?.fullWidth) {
+                    sap.ui.require(["sap/ui/layout/GridData"], (GridData: any) => {
+                        control.setLayoutData(new GridData({ span: "XL12 L12 M12 S12" }));
+                    });
+                }
+
+                form.addContent(label);
+                form.addContent(control);
+            } catch (error) {
+                Logger.error(`[MetaUI] Failed to render Wizard field ${propKey}`, (error as Error).message, "WizardLayout");
+                form.addContent(new Label({ text: propKey }));
+            }
+        } else {
+            Logger.warn(`[MetaUI] Nested groups within Wizard steps are not fully supported in SimpleForm yet.`, "", "WizardLayout");
+        }
+    }
+}

package/src/nz/co/siliconst/ui5/metaui/library-dbg.js

@@ -1,22 +1,23 @@
-sap.ui.define(["sap/ui/core/Core", "./core/PluginRegistry", "./plugins/StringPlugin", "./plugins/NumberPlugin", "./plugins/BooleanPlugin", "./plugins/DropdownPlugin", "./plugins/DatePlugin", "./plugins/TimePlugin", "./plugins/DateTimePlugin", "./plugins/ArrayPlugin", "./plugins/TextAreaPlugin", "./plugins/SwitchPlugin"], function (Core, ___core_PluginRegistry, ___plugins_StringPlugin, ___plugins_NumberPlugin, ___plugins_BooleanPlugin, ___plugins_DropdownPlugin, ___plugins_DatePlugin, ___plugins_TimePlugin, ___plugins_DateTimePlugin, ___plugins_ArrayPlugin, ___plugins_TextAreaPlugin, ___plugins_SwitchPlugin) {
+sap.ui.define(["sap/ui/core/Core", "./core/PluginRegistry", "./core/LayoutRegistry", "./plugins/controls/StringPlugin", "./plugins/controls/NumberPlugin", "./plugins/controls/BooleanPlugin", "./plugins/controls/DropdownPlugin", "./plugins/controls/DatePlugin", "./plugins/controls/TimePlugin", "./plugins/controls/DateTimePlugin", "./plugins/controls/ArrayPlugin", "./plugins/controls/TextAreaPlugin", "./plugins/controls/SwitchPlugin", "./plugins/datasources/LiveSearchPlugin"], function (Core, ___core_PluginRegistry, ___core_LayoutRegistry, ___plugins_controls_StringPlugin, ___plugins_controls_NumberPlugin, ___plugins_controls_BooleanPlugin, ___plugins_controls_DropdownPlugin, ___plugins_controls_DatePlugin, ___plugins_controls_TimePlugin, ___plugins_controls_DateTimePlugin, ___plugins_controls_ArrayPlugin, ___plugins_controls_TextAreaPlugin, ___plugins_controls_SwitchPlugin, ___plugins_datasources_LiveSearchPlugin) {
   "use strict";
 
   const PluginRegistry = ___core_PluginRegistry["PluginRegistry"];
-  const StringPlugin = ___plugins_StringPlugin["StringPlugin"];
-  const NumberPlugin = ___plugins_NumberPlugin["NumberPlugin"];
-  const BooleanPlugin = ___plugins_BooleanPlugin["BooleanPlugin"];
-  const DropdownPlugin = ___plugins_DropdownPlugin["DropdownPlugin"];
-  const DatePlugin = ___plugins_DatePlugin["DatePlugin"];
-  const TimePlugin = ___plugins_TimePlugin["TimePlugin"];
-  const DateTimePlugin = ___plugins_DateTimePlugin["DateTimePlugin"];
-  const ArrayPlugin = ___plugins_ArrayPlugin["ArrayPlugin"];
-  const TextAreaPlugin = ___plugins_TextAreaPlugin["TextAreaPlugin"];
-  const SwitchPlugin = ___plugins_SwitchPlugin["SwitchPlugin"]; // Delegate to standard library registration
+  const StringPlugin = ___plugins_controls_StringPlugin["StringPlugin"];
+  const NumberPlugin = ___plugins_controls_NumberPlugin["NumberPlugin"];
+  const BooleanPlugin = ___plugins_controls_BooleanPlugin["BooleanPlugin"];
+  const DropdownPlugin = ___plugins_controls_DropdownPlugin["DropdownPlugin"];
+  const DatePlugin = ___plugins_controls_DatePlugin["DatePlugin"];
+  const TimePlugin = ___plugins_controls_TimePlugin["TimePlugin"];
+  const DateTimePlugin = ___plugins_controls_DateTimePlugin["DateTimePlugin"];
+  const ArrayPlugin = ___plugins_controls_ArrayPlugin["ArrayPlugin"];
+  const TextAreaPlugin = ___plugins_controls_TextAreaPlugin["TextAreaPlugin"];
+  const SwitchPlugin = ___plugins_controls_SwitchPlugin["SwitchPlugin"];
+  const LiveSearchPlugin = ___plugins_datasources_LiveSearchPlugin["LiveSearchPlugin"]; // Delegate to standard library registration
   Core.initLibrary({
     name: "nz.co.siliconst.ui5.metaui",
     version: "1.0.0",
     dependencies: ["sap.ui.core", "sap.m", "sap.ui.layout", "sap.ui.table"],
-    controls: ["nz.co.siliconst.ui5.metaui.controls.GeneratorHost"],
+    controls: ["nz.co.siliconst.ui5.metaui.controls.GeneratorHost", "nz.co.siliconst.ui5.metaui.controls.BaseHardwareControl", "nz.co.siliconst.ui5.metaui.controls.CameraControl", "nz.co.siliconst.ui5.metaui.controls.BarcodeScannerControl", "nz.co.siliconst.ui5.metaui.controls.SignatureControl", "nz.co.siliconst.ui5.metaui.controls.VoiceInputControl", "nz.co.siliconst.ui5.metaui.controls.GeolocationControl", "nz.co.siliconst.ui5.metaui.controls.RichTextControl"],
     elements: [],
     interfaces: [],
     noLibraryCSS: true
@@ -31,11 +32,15 @@ sap.ui.define(["sap/ui/core/Core", "./core/PluginRegistry", "./plugins/StringPlu
   registry.register("number", NumberPlugin);
   registry.register("boolean", BooleanPlugin);
   registry.register("boolean", SwitchPlugin, "switch");
+  // @ts-ignore: Custom UI widgets mapped back to string primitives for UI orchestration
   registry.register("dropdown", DropdownPlugin);
   registry.register("date", DatePlugin);
+  // @ts-ignore
   registry.register("time", TimePlugin);
+  // @ts-ignore
   registry.register("datetime", DateTimePlugin);
   registry.register("array", ArrayPlugin);
+  registry.register("string", LiveSearchPlugin, "liveSearch");
 
   // Exporting window object safely for UI5 compatibility if needed
   var __exports = window["nz"]["co"]["siliconst"]["ui5"]["metaui"];