@siliconst/metaui 1.0.2 → 1.4.4

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

@@ -1,60 +1,161 @@
-/**
- * @file FormLayout.ts
- * @description Generates a fully responsive SAP Fiori Form layout (SimpleForm).
- */
-
-import SimpleForm from "sap/ui/layout/form/SimpleForm";
-import Label from "sap/m/Label";
-import { IFieldMetadata } from "../interfaces/ISchema";
-import { PluginRegistry } from "../core/PluginRegistry";
-
-/**
- * Utility class strictly for constructing Form layouts without custom CSS.
- */
-export class FormLayout {
-    /**
-     * Builds a SimpleForm with ResponsiveGridLayout, injecting the requested plugins.
-     * @param fields The array of root fields to render as FormElements.
-     * @returns A fully populated sap.ui.layout.form.SimpleForm.
-     */
-    public static build(fields: IFieldMetadata[]): SimpleForm {
-        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
-        });
-
-        const registry = PluginRegistry.getInstance();
-
-        fields.forEach((field) => {
-            // Respect Fiori accessibility standards by enforcing the required flag on labels
-            const label = new Label({
-                text: field.label,
-                required: field.isRequired
-            });
-
-            // Instantiate the correct plugin for the data type
-            const plugin = registry.getPlugin(field.type);
-            
-            // In the isolated state manager architecture, the binding path maps exactly to the fieldName.
-            const control = plugin.render(field, `/${field.fieldName}`);
-
-            form.addContent(label);
-            form.addContent(control);
-        });
-
-        return form;
-    }
-}
+/**
+ * @file FormLayout.ts
+ * @description Generates a fully responsive SAP Fiori Form layout (SimpleForm).
+ */
+
+import SimpleForm from "sap/ui/layout/form/SimpleForm";
+import Label from "sap/m/Label";
+import Title from "sap/ui/core/Title";
+import VBox from "sap/m/VBox";
+import { IPropertyMetadata, ISchema, ILayoutElement } from "../interfaces/ISchema";
+import { ILayoutManager } from "../interfaces/ILayoutManager";
+import { Engine } from "../core/Engine";
+import { Logger } from "../utils/Logger";
+import Control from "sap/ui/core/Control";
+
+/**
+ * Layout Manager responsible for generating a fully responsive SAP Fiori SimpleForm.
+ * It traverses the `uiLayout` tree defined in the schema to build the form groups and fields,
+ * completely separating visual orchestration from data modeling.
+ * @namespace nz.co.siliconst.ui5.metaui.layouts
+ * @public
+ */
+export class FormLayout implements ILayoutManager {
+    /**
+     * Renders the JSON Schema properties into a UI5 SimpleForm using the uiLayout definitions.
+     * 
+     * @param schema The active JSON schema subset.
+     * @param modelName The bound UI5 model name.
+     * @param engine The central orchestrator for delegating plugin generation.
+     * @param onSubmit Optional submit hook.
+     * @returns {Control} The VBox wrapper containing the generated form.
+     */
+    public render(schema: ISchema, modelName: string, engine: Engine, onSubmit?: () => void): Control {
+        const container = new VBox({ renderType: "Bare" });
+        const form = new SimpleForm({
+            editable: true,
+            title: schema.title,
+            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 (!schema.uiLayout || !Array.isArray(schema.uiLayout)) {
+            Logger.warn("[MetaUI] Missing 'uiLayout' array in schema. Form will not render any fields.");
+            container.addItem(form);
+            return container;
+        }
+
+        const tableElements: { scope: string, meta: IPropertyMetadata, label?: string }[] = [];
+        let hasFormFields = false;
+
+        // Recursively render layout elements
+        const renderElement = (element: ILayoutElement) => {
+            if (element.type === "Group") {
+                if (element.label) {
+                    form.addContent(new Title({ text: element.label }));
+                }
+                
+                if (element.elements && Array.isArray(element.elements)) {
+                    element.elements.forEach(renderElement);
+                }
+            } else if (element.type === "Control") {
+                if (!element.scope || !element.scope.startsWith("#/properties/")) {
+                    Logger.error(`[MetaUI] Invalid scope '${element.scope}' in uiLayout Control.`, "", "FormLayout");
+                    return;
+                }
+                
+                const propKey = element.scope.replace("#/properties/", "");
+                const meta = schema.properties?.[propKey];
+                
+                if (!meta) {
+                    Logger.error(`[MetaUI] Property '${propKey}' not found in schema definitions.`, "", "FormLayout");
+                    return;
+                }
+
+                // Architectural Boundary: Separate Field Controls (Plugins) from Sub-Layouts (LayoutManagers)
+                // A property is delegated to a Sub-Layout Manager (Table) ONLY if it represents a collection of complex objects.
+                // Collections of primitives, or explicitly assigned widgets (like multiSelect), remain in the Form as Field Plugins.
+                const isCollectionOfRecords = meta.items?.type === "object" || meta.items?.properties;
+                const hasExplicitWidget = !!meta.ui?.widget;
+                const isSubLayout = meta.type === "array" && isCollectionOfRecords && !hasExplicitWidget;
+
+                if (isSubLayout) {
+                    Logger.debug("[MetaUI FormLayout]", `Routing property '${propKey}' to Table Sub-Layout.`, "FormLayout");
+                    tableElements.push({ scope: propKey, meta, label: element.label });
+                } else {
+                    hasFormFields = true;
+                    Logger.debug("[MetaUI FormLayout]", `Rendering scalar field '${propKey}'.`, "FormLayout");
+                    this._renderScalarField(form, element, propKey, meta, modelName, engine);
+                }
+            } else {
+                Logger.warn(`[MetaUI] Unsupported layout element type '${element.type}'.`, "", "FormLayout");
+            }
+        };
+
+        // Render everything defined in the layout
+        schema.uiLayout.forEach(renderElement);
+
+        if (hasFormFields) {
+            container.addItem(form);
+        }
+
+        // Render array/table sub-layouts full width below the form
+        tableElements.forEach(field => {
+            try {
+                const subSchema = {
+                    type: "array",
+                    title: field.label || field.meta.ui?.label || field.scope,
+                    items: field.meta.items || { type: "object", properties: {} },
+                    uiLayout: field.meta.items?.uiLayout // Pass down sub-layout if available
+                };
+                
+                const control = engine.generateLayout(subSchema as ISchema, modelName, `/${field.scope}`);
+                if (control) {
+                    control.addStyleClass("sapUiSmallMarginTop");
+                    container.addItem(control);
+                }
+            } catch (error) {
+                const msg = (error as Error).message;
+                Logger.error(`[MetaUI] Failed to render array field ${field.scope}`, msg, "FormLayout");
+                Logger.showErrorPopup(`Failed to render array field '${field.scope}'.\n\nDetails: ${msg}`);
+            }
+        });
+
+        return container;
+    }
+
+    private _renderScalarField(form: SimpleForm, element: ILayoutElement, propKey: string, meta: IPropertyMetadata, modelName: string, engine: Engine): void {
+        try {
+            const labelText = element.label || meta.ui?.label || propKey;
+            const label = new Label({
+                text: labelText,
+                required: meta.required
+            });
+
+            // Override widget if specified in the layout element
+            const effectiveMeta = { ...meta };
+            if (element.widget) {
+                effectiveMeta.ui = { ...meta.ui, widget: element.widget };
+            }
+
+            const control = engine.generateField(effectiveMeta, `/${propKey}`, 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) {
+            const msg = (error as Error).message;
+            Logger.error(`[MetaUI] Failed to render field ${propKey}`, msg, "FormLayout");
+            Logger.showErrorPopup(`Failed to render field '${propKey}'.\n\nDetails: ${msg}`);
+        }
+    }
+}

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

@@ -1,91 +1,170 @@
-sap.ui.define(["sap/m/Table", "sap/m/Column", "sap/m/Text", "sap/m/ColumnListItem", "sap/m/Toolbar", "sap/m/Title", "sap/m/ToolbarSpacer", "sap/m/Button", "../core/PluginRegistry"], function (Table, Column, Text, ColumnListItem, Toolbar, Title, ToolbarSpacer, Button, ___core_PluginRegistry) {
-  "use strict";
-
-  const PluginRegistry = ___core_PluginRegistry["PluginRegistry"];
-  /**
-   * Utility class strictly for constructing sap.m.Table structures with dynamic pop-in vectors.
-   */
-  class TableLayout {
-    /**
-     * Builds a responsive Table, dynamically calculating column priorities.
-     * @param tableMeta The metadata defining the table's columns and nested fields.
-     * @returns A fully constructed sap.m.Table ready to be bound to a list array.
-     */
-    static build(tableMeta) {
-      const table = new Table({
-        headerToolbar: new Toolbar({
-          content: [new Title({
-            text: tableMeta.label || tableMeta.tableName
-          }), new ToolbarSpacer(), new Button({
-            text: "Add Row",
-            icon: "sap-icon://add",
-            press: oEvent => {
-              const btn = oEvent.getSource();
-              const tbl = btn.getParent().getParent();
-              const model = tbl.getModel("meta");
-              const path = `/${tableMeta.tableName}`;
-              const data = model.getProperty(path) || [];
-              data.push({}); // append empty row
-              model.setProperty(path, data);
-            }
-          })]
-        }),
-        fixedLayout: false,
-        // Allows native UI5 column width calculations
-        mode: "Delete",
-        delete: oEvent => {
-          const item = oEvent.getParameter("listItem");
-          const path = item.getBindingContext("meta").getPath(); // e.g. "/Contacts/0"
-          const model = item.getModel("meta");
-          const parts = path.split("/");
-          const index = parseInt(parts.pop() || "0", 10);
-          const arrayPath = parts.join("/");
-          const data = model.getProperty(arrayPath);
-          data.splice(index, 1);
-          model.setProperty(arrayPath, data);
-        }
-      });
-      const templateCells = [];
-      const registry = PluginRegistry.getInstance();
-      tableMeta.fields.forEach(field => {
-        // Build the column header
-        const column = new Column({
-          header: new Text({
-            text: field.label
-          }),
-          // Fiori UX: High priority for primary keys so they don't pop-in too early
-          demandPopin: !field.isKey,
-          minScreenWidth: field.isKey ? "" : "Tablet",
-          popinDisplay: "Inline"
-        });
-        table.addColumn(column);
-
-        // Instantiate the cell template (plugin)
-        const plugin = registry.getPlugin(field.type);
-
-        // In table lists, the binding path is relative to the row's context context (e.g. "{fieldName}")
-        const control = plugin.render(field, field.fieldName);
-        templateCells.push(control);
-      });
-
-      // Create the row template and bind it to the table via the tableName array path
-      const rowTemplate = new ColumnListItem({
-        cells: templateCells
-      });
-
-      // The absolute binding path from the StateManager for this table (using the named model 'meta')
-      table.bindItems({
-        path: `meta>/${tableMeta.tableName}`,
-        template: rowTemplate,
-        templateShareable: false
-      });
-      return table;
-    }
-  }
-  var __exports = {
-    __esModule: true
-  };
-  __exports.TableLayout = TableLayout;
-  return __exports;
-});
+sap.ui.define(["sap/m/Table", "sap/m/Column", "sap/m/Text", "sap/m/ColumnListItem", "sap/m/Toolbar", "sap/m/Title", "sap/m/ToolbarSpacer", "sap/m/Button", "../utils/Logger"], function (Table, Column, Text, ColumnListItem, Toolbar, Title, ToolbarSpacer, Button, ___utils_Logger) {
+  "use strict";
+
+  const Logger = ___utils_Logger["Logger"];
+  /**
+   * 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
+   */
+  class TableLayout {
+    /**
+     * 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'.
+     */
+    render(schema, modelName, engine, onSubmit, bindingPath = "/") {
+      if (schema.type !== "array" || !schema.items || !schema.items.properties) {
+        throw new Error("[MetaUI] TableLayout requires an array schema with items.properties.");
+      }
+      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(), ...(engine.isDisplayMode ? [] : [new Button({
+            text: "Add Row",
+            icon: "sap-icon://add",
+            press: oEvent => {
+              const btn = oEvent.getSource();
+              const tbl = btn.getParent().getParent();
+              const model = tbl.getModel(actualModelName);
+              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: engine.isDisplayMode ? "None" : "Delete",
+        delete: oEvent => {
+          const item = oEvent.getParameter("listItem");
+          const path = item.getBindingContext(actualModelName).getPath();
+          const model = item.getModel(actualModelName);
+          const splitPaths = path.split("/");
+          const index = parseInt(splitPaths.pop() || "0", 10);
+          let arrayPath = splitPaths.join("/");
+          if (arrayPath === "") arrayPath = "/";
+          const rawData = model.getProperty(arrayPath);
+          const data = Array.isArray(rawData) ? rawData : [];
+          const newData = [...data];
+          newData.splice(index, 1);
+          model.setProperty(arrayPath, newData);
+        }
+      });
+      const templateCells = [];
+      const props = schema.items.properties;
+      const layoutElements = schema.uiLayout;
+      if (layoutElements && Array.isArray(layoutElements)) {
+        // Only render columns defined in uiLayout
+        layoutElements.forEach(element => {
+          if (element.type === "Control") {
+            if (!element.scope || !element.scope.startsWith("#/properties/")) {
+              Logger.error(`[MetaUI] Invalid scope '${element.scope}' in uiLayout Control for Table.`, "", "TableLayout");
+              return;
+            }
+            const propKey = element.scope.replace("#/properties/", "");
+            const fieldMeta = props[propKey];
+            if (!fieldMeta) {
+              Logger.error(`[MetaUI] Property '${propKey}' not found in schema definitions for Table.`, "", "TableLayout");
+              return;
+            }
+            try {
+              const isKey = !!fieldMeta.ui?.isKey;
+              const column = new Column({
+                header: new Text({
+                  text: element.label || fieldMeta.ui?.label || propKey
+                }),
+                demandPopin: !isKey,
+                minScreenWidth: isKey ? "" : "Tablet",
+                popinDisplay: "Inline"
+              });
+              table.addColumn(column);
+
+              // Override widget if specified in the layout element
+              const effectiveMeta = {
+                ...fieldMeta
+              };
+              if (element.widget) {
+                effectiveMeta.ui = {
+                  ...fieldMeta.ui,
+                  widget: element.widget
+                };
+              }
+
+              // Use engine to generate fields natively and track validation
+              const control = engine.generateField(effectiveMeta, propKey, actualModelName || "meta", true);
+              templateCells.push(control);
+            } catch (error) {
+              const msg = error.message;
+              Logger.error(`[MetaUI] Failed to render column ${propKey}`, msg, "TableLayout");
+              Logger.showErrorPopup(`Failed to render table column '${propKey}'.\n\nDetails: ${msg}`);
+              templateCells.push(new Text({
+                text: "Error"
+              }));
+            }
+          } else {
+            Logger.warn(`[MetaUI] Unsupported layout element type '${element.type}' inside TableLayout. Only 'Control' is supported for columns.`, "", "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.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
+      });
+      table.bindItems({
+        path: actualPath,
+        model: actualModelName,
+        template: rowTemplate,
+        templateShareable: false
+      });
+      return table;
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.TableLayout = TableLayout;
+  return __exports;
+});
 //# sourceMappingURL=TableLayout-dbg.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableLayout-dbg.js","names":["PluginRegistry","___core_PluginRegistry","TableLayout","build","tableMeta","table","Table","headerToolbar","Toolbar","content","Title","text","label","tableName","ToolbarSpacer","Button","icon","press","oEvent","btn","getSource","tbl","getParent","model","getModel","path","data","getProperty","push","setProperty","fixedLayout","mode","delete","item","getParameter","getBindingContext","getPath","parts","split","index","parseInt","pop","arrayPath","join","splice","templateCells","registry","getInstance","fields","forEach","field","column","Column","header","Text","demandPopin","isKey","minScreenWidth","popinDisplay","addColumn","plugin","getPlugin","type","control","render","fieldName","rowTemplate","ColumnListItem","cells","bindItems","template","templateShareable","__exports","__esModule"],"sources":["TableLayout.ts"],"sourcesContent":["/**\r\n * @file TableLayout.ts\r\n * @description Generates a responsive SAP Fiori Table layout.\r\n */\r\n\r\nimport Table from \"sap/m/Table\";\r\nimport Column from \"sap/m/Column\";\r\nimport Text from \"sap/m/Text\";\r\nimport ColumnListItem from \"sap/m/ColumnListItem\";\r\nimport Toolbar from \"sap/m/Toolbar\";\r\nimport Title from \"sap/m/Title\";\r\nimport ToolbarSpacer from \"sap/m/ToolbarSpacer\";\r\nimport Button from \"sap/m/Button\";\r\nimport JSONModel from \"sap/ui/model/json/JSONModel\";\r\nimport { ITableMetadata, IFieldMetadata } from \"../interfaces/ISchema\";\r\nimport { PluginRegistry } from \"../core/PluginRegistry\";\r\nimport Control from \"sap/ui/core/Control\";\r\n\r\n/**\r\n * Utility class strictly for constructing sap.m.Table structures with dynamic pop-in vectors.\r\n */\r\nexport class TableLayout {\r\n    /**\r\n     * Builds a responsive Table, dynamically calculating column priorities.\r\n     * @param tableMeta The metadata defining the table's columns and nested fields.\r\n     * @returns A fully constructed sap.m.Table ready to be bound to a list array.\r\n     */\r\n    public static build(tableMeta: ITableMetadata): Table {\r\n        const table = new Table({\r\n            headerToolbar: new Toolbar({\r\n                content: [\r\n                    new Title({ text: tableMeta.label || tableMeta.tableName }),\r\n                    new ToolbarSpacer(),\r\n                    new Button({\r\n                        text: \"Add Row\",\r\n                        icon: \"sap-icon://add\",\r\n                        press: (oEvent: any) => {\r\n                            const btn = oEvent.getSource();\r\n                            const tbl = btn.getParent().getParent() as Table;\r\n                            const model = tbl.getModel(\"meta\") as JSONModel;\r\n                            const path = `/${tableMeta.tableName}`;\r\n                            const data = model.getProperty(path) || [];\r\n                            data.push({}); // append empty row\r\n                            model.setProperty(path, data);\r\n                        }\r\n                    })\r\n                ]\r\n            }),\r\n            fixedLayout: false, // Allows native UI5 column width calculations\r\n            mode: \"Delete\",\r\n            delete: (oEvent: any) => {\r\n                const item = oEvent.getParameter(\"listItem\");\r\n                const path = item.getBindingContext(\"meta\").getPath(); // e.g. \"/Contacts/0\"\r\n                const model = item.getModel(\"meta\") as JSONModel;\r\n                \r\n                const parts = path.split(\"/\");\r\n                const index = parseInt(parts.pop() || \"0\", 10);\r\n                const arrayPath = parts.join(\"/\");\r\n                \r\n                const data = model.getProperty(arrayPath);\r\n                data.splice(index, 1);\r\n                model.setProperty(arrayPath, data);\r\n            }\r\n        });\r\n\r\n        const templateCells: Control[] = [];\r\n        const registry = PluginRegistry.getInstance();\r\n\r\n        tableMeta.fields.forEach((field: IFieldMetadata) => {\r\n            // Build the column header\r\n            const column = new Column({\r\n                header: new Text({ text: field.label }),\r\n                // Fiori UX: High priority for primary keys so they don't pop-in too early\r\n                demandPopin: !field.isKey, \r\n                minScreenWidth: field.isKey ? \"\" : \"Tablet\",\r\n                popinDisplay: \"Inline\"\r\n            });\r\n            table.addColumn(column);\r\n\r\n            // Instantiate the cell template (plugin)\r\n            const plugin = registry.getPlugin(field.type);\r\n            \r\n            // In table lists, the binding path is relative to the row's context context (e.g. \"{fieldName}\")\r\n            const control = plugin.render(field, field.fieldName);\r\n            templateCells.push(control);\r\n        });\r\n\r\n        // Create the row template and bind it to the table via the tableName array path\r\n        const rowTemplate = new ColumnListItem({\r\n            cells: templateCells\r\n        });\r\n\r\n        // The absolute binding path from the StateManager for this table (using the named model 'meta')\r\n        table.bindItems({\r\n            path: `meta>/${tableMeta.tableName}`,\r\n            template: rowTemplate,\r\n            templateShareable: false\r\n        });\r\n\r\n        return table;\r\n    }\r\n}\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TableLayout-dbg.js","names":["Logger","___utils_Logger","TableLayout","render","schema","modelName","engine","onSubmit","bindingPath","type","items","properties","Error","tableTitle","title","actualModelName","actualPath","table","Table","headerToolbar","Toolbar","content","Title","text","ToolbarSpacer","isDisplayMode","Button","icon","press","oEvent","btn","getSource","tbl","getParent","model","getModel","info","getBindingInfo","path","rawData","getProperty","data","Array","isArray","newData","setProperty","fixedLayout","mode","delete","item","getParameter","getBindingContext","getPath","splitPaths","split","index","parseInt","pop","arrayPath","join","splice","templateCells","props","layoutElements","uiLayout","forEach","element","scope","startsWith","error","propKey","replace","fieldMeta","isKey","ui","column","Column","header","Text","label","demandPopin","minScreenWidth","popinDisplay","addColumn","effectiveMeta","widget","control","generateField","push","msg","message","showErrorPopup","warn","debug","Object","keys","key","rowTemplate","ColumnListItem","cells","bindItems","template","templateShareable","__exports","__esModule"],"sources":["TableLayout.ts"],"sourcesContent":["/**\n * @file TableLayout.ts\n * @description Generates a responsive SAP Fiori Table layout for v2 schema.\n */\n\nimport Table from \"sap/m/Table\";\nimport Column from \"sap/m/Column\";\nimport Text from \"sap/m/Text\";\nimport ColumnListItem from \"sap/m/ColumnListItem\";\nimport Toolbar from \"sap/m/Toolbar\";\nimport Title from \"sap/m/Title\";\nimport ToolbarSpacer from \"sap/m/ToolbarSpacer\";\nimport Button from \"sap/m/Button\";\nimport JSONModel from \"sap/ui/model/json/JSONModel\";\nimport Control from \"sap/ui/core/Control\";\nimport { IPropertyMetadata, ISchema, ILayoutElement } from \"../interfaces/ISchema\";\nimport { ILayoutManager } from \"../interfaces/ILayoutManager\";\nimport { Engine } from \"../core/Engine\";\nimport { Logger } from \"../utils/Logger\";\n\n/**\n * Layout Manager responsible for generating a responsive SAP Fiori Table.\n * It is automatically utilized by the Engine when the schema root or property is of type 'array'.\n * Includes built-in support for adding and deleting rows via dynamic data binding manipulation.\n * \n * @namespace nz.co.siliconst.ui5.metaui.layouts\n * @public\n */\nexport class TableLayout implements ILayoutManager {\n    /**\n     * Renders the JSON Schema array properties into a UI5 Table.\n     * \n     * @param schema The active JSON schema array definition.\n     * @param modelName The UI5 JSONModel name used for data binding.\n     * @param engine The central orchestrator for delegating column plugin generation.\n     * @param onSubmit Optional submit hook.\n     * @param bindingPath The JSON path representing the array within the payload.\n     * @returns {Control} The generated sap.m.Table control.\n     * @throws {Error} If the provided schema is not of type 'array'.\n     */\n    public render(schema: ISchema, modelName: string, engine: Engine, onSubmit?: () => void, bindingPath: string = \"/\"): Control {\n        if (schema.type !== \"array\" || !schema.items || !schema.items.properties) {\n            throw new Error(\"[MetaUI] TableLayout requires an array schema with items.properties.\");\n        }\n\n        const tableTitle = schema.title || \"Table\";\n        const actualModelName = modelName;\n        const actualPath = bindingPath;\n\n        const table = new Table({\n            headerToolbar: new Toolbar({\n                content: [\n                    new Title({ text: tableTitle }),\n                    new ToolbarSpacer(),\n                    ...(engine.isDisplayMode ? [] : [\n                        new Button({\n                            text: \"Add Row\",\n                            icon: \"sap-icon://add\",\n                            press: (oEvent: sap.ui.base.Event) => {\n                                const btn = oEvent.getSource();\n                                const tbl = btn.getParent().getParent() as Table;\n                                const model = tbl.getModel(actualModelName) as JSONModel;\n                                const info = tbl.getBindingInfo(\"items\");\n                                if (!info || !info.path) return;\n\n                                const rawData = model.getProperty(info.path);\n                                const data = Array.isArray(rawData) ? rawData : [];\n                                const newData = [...data, {}];\n                                model.setProperty(info.path, newData);\n                            }\n                        })\n                    ])\n                ]\n            }),\n            fixedLayout: false,\n            mode: engine.isDisplayMode ? \"None\" : \"Delete\",\n            delete: (oEvent: sap.ui.base.Event) => {\n                const item = oEvent.getParameter(\"listItem\");\n                const path = item.getBindingContext(actualModelName).getPath();\n                const model = item.getModel(actualModelName) as JSONModel;\n\n                const splitPaths = path.split(\"/\");\n                const index = parseInt(splitPaths.pop() || \"0\", 10);\n                let arrayPath = splitPaths.join(\"/\");\n                if (arrayPath === \"\") arrayPath = \"/\";\n\n                const rawData = model.getProperty(arrayPath);\n                const data = Array.isArray(rawData) ? rawData : [];\n                const newData = [...data];\n                newData.splice(index, 1);\n                model.setProperty(arrayPath, newData);\n            }\n        });\n\n        const templateCells: Control[] = [];\n        const props = schema.items.properties;\n        const layoutElements = schema.uiLayout;\n\n        if (layoutElements && Array.isArray(layoutElements)) {\n            // Only render columns defined in uiLayout\n            layoutElements.forEach((element: ILayoutElement) => {\n                if (element.type === \"Control\") {\n                    if (!element.scope || !element.scope.startsWith(\"#/properties/\")) {\n                        Logger.error(`[MetaUI] Invalid scope '${element.scope}' in uiLayout Control for Table.`, \"\", \"TableLayout\");\n                        return;\n                    }\n\n                    const propKey = element.scope.replace(\"#/properties/\", \"\");\n                    const fieldMeta = props[propKey];\n\n                    if (!fieldMeta) {\n                        Logger.error(`[MetaUI] Property '${propKey}' not found in schema definitions for Table.`, \"\", \"TableLayout\");\n                        return;\n                    }\n\n                    try {\n                        const isKey = !!fieldMeta.ui?.isKey;\n\n                        const column = new Column({\n                            header: new Text({ text: element.label || fieldMeta.ui?.label || propKey }),\n                            demandPopin: !isKey,\n                            minScreenWidth: isKey ? \"\" : \"Tablet\",\n                            popinDisplay: \"Inline\"\n                        });\n                        table.addColumn(column);\n\n                        // Override widget if specified in the layout element\n                        const effectiveMeta = { ...fieldMeta };\n                        if (element.widget) {\n                            effectiveMeta.ui = { ...fieldMeta.ui, widget: element.widget };\n                        }\n\n                        // Use engine to generate fields natively and track validation\n                        const control = engine.generateField(effectiveMeta, propKey, actualModelName || \"meta\", true);\n                        templateCells.push(control);\n                    } catch (error) {\n                        const msg = (error as Error).message;\n                        Logger.error(`[MetaUI] Failed to render column ${propKey}`, msg, \"TableLayout\");\n                        Logger.showErrorPopup(`Failed to render table column '${propKey}'.\\n\\nDetails: ${msg}`);\n                        templateCells.push(new Text({ text: \"Error\" }));\n                    }\n                } else {\n                    Logger.warn(`[MetaUI] Unsupported layout element type '${element.type}' inside TableLayout. Only 'Control' is supported for columns.`, \"\", \"TableLayout\");\n                }\n            });\n        } else {\n            Logger.debug(\"[MetaUI TableLayout]\", \"No uiLayout provided. Falling back to rendering all properties as columns.\", \"TableLayout\");\n            // Fallback: If no uiLayout is provided, render all properties as columns\n            Object.keys(props).forEach((key) => {\n                try {\n                    const fieldMeta = props[key];\n                    const isKey = !!fieldMeta.ui?.isKey;\n\n                    const column = new Column({\n                        header: new Text({ text: fieldMeta.ui?.label || key }),\n                        demandPopin: !isKey,\n                        minScreenWidth: isKey ? \"\" : \"Tablet\",\n                        popinDisplay: \"Inline\"\n                    });\n                    table.addColumn(column);\n\n                    const control = engine.generateField(fieldMeta, key, actualModelName || \"meta\", true);\n                    templateCells.push(control);\n                } catch (error) {\n                    const msg = (error as Error).message;\n                    Logger.error(`[MetaUI] Failed to render fallback column ${key}`, msg, \"TableLayout\");\n                    Logger.showErrorPopup(`Failed to render fallback table column '${key}'.\\n\\nDetails: ${msg}`);\n                    templateCells.push(new Text({ text: \"Error\" }));\n                }\n            });\n        }\n\n\n\n        const rowTemplate = new ColumnListItem({\n            cells: templateCells\n        });\n\n        table.bindItems({\n            path: actualPath,\n            model: actualModelName,\n            template: rowTemplate,\n            templateShareable: false\n        });\n\n        return table;\n    }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,20 +1,29 @@
 declare module "nz/co/siliconst/ui5/metaui/layouts/TableLayout" {
+    import Control from "sap/ui/core/Control";
+    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";
     /**
-     * @file TableLayout.ts
-     * @description Generates a responsive SAP Fiori Table layout.
+     * 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
      */
-    import Table from "sap/m/Table";
-    import { ITableMetadata } from "nz/co/siliconst/ui5/metaui/interfaces/ISchema";
-    /**
-     * Utility class strictly for constructing sap.m.Table structures with dynamic pop-in vectors.
-     */
-    export class TableLayout {
+    export class TableLayout implements ILayoutManager {
         /**
-         * Builds a responsive Table, dynamically calculating column priorities.
-         * @param tableMeta The metadata defining the table's columns and nested fields.
-         * @returns A fully constructed sap.m.Table ready to be bound to a list array.
+         * 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'.
          */
-        static build(tableMeta: ITableMetadata): Table;
+        render(schema: ISchema, modelName: string, engine: Engine, onSubmit?: () => void, bindingPath?: string): Control;
     }
 }
 //# sourceMappingURL=TableLayout.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableLayout.d.ts","sourceRoot":"..\\..\\..\\..\\..\\..\\..\\..","sources":["src\\nz\\co\\siliconst\\ui5\\metaui\\layouts\\TableLayout.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,gDAAgD,CAAC;IAChE;;;OAGG;IAEH,OAAO,KAAK,MAAM,aAAa,CAAC;IAShC,OAAO,EAAE,cAAc,EAAkB,MAAM,+CAA+C,CAAC;IAI/F;;OAEG;IACH,MAAa,WAAW;QACpB;;;;WAIG;eACW,KAAK,CAAC,SAAS,EAAE,cAAc,GAAG,KAAK;KA0ExD;CAEA"}
+{"version":3,"file":"TableLayout.d.ts","sourceRoot":"../../../../../../../..","sources":["src/nz/co/siliconst/ui5/metaui/layouts/TableLayout.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,gDAAgD,CAAC;IAehE,OAAO,OAAO,MAAM,qBAAqB,CAAC;IAC1C,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;;;;;;;OAOG;IACH,MAAa,WAAY,YAAW,cAAc;QAC9C;;;;;;;;;;WAUG;QACI,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,IAAI,EAAE,WAAW,GAAE,MAAY,GAAG,OAAO;KAmJ/H;CAEA"}

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

@@ -1,2 +1,2 @@
-sap.ui.define(["sap/m/Table","sap/m/Column","sap/m/Text","sap/m/ColumnListItem","sap/m/Toolbar","sap/m/Title","sap/m/ToolbarSpacer","sap/m/Button","../core/PluginRegistry"],function(e,t,n,s,a,o,l,r,c){"use strict";const i=c["PluginRegistry"];class p{static build(c){const p=new e({headerToolbar:new a({content:[new o({text:c.label||c.tableName}),new l,new r({text:"Add Row",icon:"sap-icon://add",press:e=>{const t=e.getSource();const n=t.getParent().getParent();const s=n.getModel("meta");const a=`/${c.tableName}`;const o=s.getProperty(a)||[];o.push({});s.setProperty(a,o)}})]}),fixedLayout:false,mode:"Delete",delete:e=>{const t=e.getParameter("listItem");const n=t.getBindingContext("meta").getPath();const s=t.getModel("meta");const a=n.split("/");const o=parseInt(a.pop()||"0",10);const l=a.join("/");const r=s.getProperty(l);r.splice(o,1);s.setProperty(l,r)}});const m=[];const d=i.getInstance();c.fields.forEach(e=>{const s=new t({header:new n({text:e.label}),demandPopin:!e.isKey,minScreenWidth:e.isKey?"":"Tablet",popinDisplay:"Inline"});p.addColumn(s);const a=d.getPlugin(e.type);const o=a.render(e,e.fieldName);m.push(o)});const u=new s({cells:m});p.bindItems({path:`meta>/${c.tableName}`,template:u,templateShareable:false});return p}}var m={__esModule:true};m.TableLayout=p;return m});
+sap.ui.define(["sap/m/Table","sap/m/Column","sap/m/Text","sap/m/ColumnListItem","sap/m/Toolbar","sap/m/Title","sap/m/ToolbarSpacer","sap/m/Button","../utils/Logger"],function(e,t,o,r,a,n,s,i,l){"use strict";const p=l["Logger"];class c{render(l,c,u,d,m="/"){if(l.type!=="array"||!l.items||!l.items.properties){throw new Error("[MetaUI] TableLayout requires an array schema with items.properties.")}const y=l.title||"Table";const b=c;const g=m;const h=new e({headerToolbar:new a({content:[new n({text:y}),new s,...u.isDisplayMode?[]:[new i({text:"Add Row",icon:"sap-icon://add",press:e=>{const t=e.getSource();const o=t.getParent().getParent();const r=o.getModel(b);const a=o.getBindingInfo("items");if(!a||!a.path)return;const n=r.getProperty(a.path);const s=Array.isArray(n)?n:[];const i=[...s,{}];r.setProperty(a.path,i)}})]]}),fixedLayout:false,mode:u.isDisplayMode?"None":"Delete",delete:e=>{const t=e.getParameter("listItem");const o=t.getBindingContext(b).getPath();const r=t.getModel(b);const a=o.split("/");const n=parseInt(a.pop()||"0",10);let s=a.join("/");if(s==="")s="/";const i=r.getProperty(s);const l=Array.isArray(i)?i:[];const p=[...l];p.splice(n,1);r.setProperty(s,p)}});const f=[];const w=l.items.properties;const T=l.uiLayout;if(T&&Array.isArray(T)){T.forEach(e=>{if(e.type==="Control"){if(!e.scope||!e.scope.startsWith("#/properties/")){p.error(`[MetaUI] Invalid scope '${e.scope}' in uiLayout Control for Table.`,"","TableLayout");return}const r=e.scope.replace("#/properties/","");const a=w[r];if(!a){p.error(`[MetaUI] Property '${r}' not found in schema definitions for Table.`,"","TableLayout");return}try{const n=!!a.ui?.isKey;const s=new t({header:new o({text:e.label||a.ui?.label||r}),demandPopin:!n,minScreenWidth:n?"":"Tablet",popinDisplay:"Inline"});h.addColumn(s);const i={...a};if(e.widget){i.ui={...a.ui,widget:e.widget}}const l=u.generateField(i,r,b||"meta",true);f.push(l)}catch(e){const t=e.message;p.error(`[MetaUI] Failed to render column ${r}`,t,"TableLayout");p.showErrorPopup(`Failed to render table column '${r}'.\n\nDetails: ${t}`);f.push(new o({text:"Error"}))}}else{p.warn(`[MetaUI] Unsupported layout element type '${e.type}' inside TableLayout. Only 'Control' is supported for columns.`,"","TableLayout")}})}else{p.debug("[MetaUI TableLayout]","No uiLayout provided. Falling back to rendering all properties as columns.","TableLayout");Object.keys(w).forEach(e=>{try{const r=w[e];const a=!!r.ui?.isKey;const n=new t({header:new o({text:r.ui?.label||e}),demandPopin:!a,minScreenWidth:a?"":"Tablet",popinDisplay:"Inline"});h.addColumn(n);const s=u.generateField(r,e,b||"meta",true);f.push(s)}catch(t){const r=t.message;p.error(`[MetaUI] Failed to render fallback column ${e}`,r,"TableLayout");p.showErrorPopup(`Failed to render fallback table column '${e}'.\n\nDetails: ${r}`);f.push(new o({text:"Error"}))}})}const L=new r({cells:f});h.bindItems({path:g,model:b,template:L,templateShareable:false});return h}}var u={__esModule:true};u.TableLayout=c;return u});
 //# sourceMappingURL=TableLayout.js.map