@siliconst/metaui 1.0.2 → 1.4.4

package/src/nz/co/siliconst/ui5/metaui/plugins/StringPlugin.ts

@@ -1,55 +0,0 @@
-/**
- * @file StringPlugin.ts
- * @description Renders a sap.m.Input for string data and validates lengths.
- */
-
-import { BasePlugin } from "./BasePlugin";
-import { IFieldMetadata } from "../interfaces/ISchema";
-import Input from "sap/m/Input";
-import Control from "sap/ui/core/Control";
-
-/**
- * Handles rendering and logic for basic text inputs.
- */
-export class StringPlugin extends BasePlugin {
-    public render(fieldMetadata: IFieldMetadata, bindingPath: string): Control {
-        this.metadata = fieldMetadata;
-        
-        this.control = new Input({
-            value: `{meta>${bindingPath}}`,
-            maxLength: fieldMetadata.maxLength || 0,
-            editable: !fieldMetadata.isReadOnly,
-            required: fieldMetadata.isRequired,
-            change: (oEvent: any) => {
-                const val = oEvent.getParameter("value");
-                this.publishChange(val);
-                this.validate();
-            }
-        });
-
-        return this.control;
-    }
-
-    public validate(): boolean {
-        if (!this.control || !this.metadata) return true;
-        const input = this.control as Input;
-        const val = input.getValue();
-
-        if (this.metadata.isRequired && (!val || val.trim() === "")) {
-            input.setValueState("Error" as any);
-            input.setValueStateText("This field is required.");
-            return false;
-        }
-
-        input.setValueState("None" as any);
-        return true;
-    }
-
-    protected applyState(): void {
-        if (this.control && this.metadata) {
-            const input = this.control as Input;
-            input.setEditable(!this.metadata.isReadOnly);
-            input.setRequired(this.metadata.isRequired);
-        }
-    }
-}

package/test-resources/App.js

@@ -1,11 +0,0 @@
-sap.ui.define([
-    "sap/ui/core/mvc/XMLView"
-], function(XMLView) {
-    "use strict";
-
-    XMLView.create({
-        viewName: "test.Main"
-    }).then(function(oView) {
-        oView.placeAt("content");
-    });
-});

package/test-resources/Main.controller.js

@@ -1,73 +0,0 @@
-sap.ui.define([
-    "sap/ui/core/mvc/Controller",
-    "nz/co/siliconst/ui5/metaui/controls/GeneratorHost",
-    "sap/m/MessageToast",
-    "nz/co/siliconst/ui5/metaui/library"
-], function(Controller, GeneratorHost, MessageToast) {
-    "use strict";
-
-    return Controller.extend("test.Main", {
-        onInit: function() {
-            this.mockSchema = null;
-            this.initialData = null;
-
-            // Fetch the external JSON files to simulate backend payload ingestion
-            Promise.all([
-                fetch("mockSchema.json").then(res => res.json()),
-                fetch("mockData.json").then(res => res.json())
-            ]).then((results) => {
-                this.mockSchema = results[0];
-                this.initialData = results[1];
-
-                var sapUIModel = sap.ui.require("sap/ui/model/json/JSONModel");
-                if (!sapUIModel) {
-                    sapUIModel = sap.ui.model.json.JSONModel;
-                }
-                
-                // Create JSON models for the declarative XML binding
-                var schemaModel = new sapUIModel(this.mockSchema);
-                var dataModel = new sapUIModel(this.initialData);
-                
-                this.getView().setModel(schemaModel, "schemaModel");
-                this.getView().setModel(dataModel, "dataModel");
-                
-                MessageToast.show("JSON payloads successfully bound to XML View.");
-            }).catch((err) => {
-                MessageToast.show("Error loading JSON.");
-                console.error("Fetch error:", err);
-            });
-        },
-
-        // ---------- OPTION 1: XML BINDING INLINE ----------
-        onSaveInline: function() {
-            // Trigger the submit event on the embedded XML control
-            this.byId("metaHost").triggerSubmit();
-        },
-
-        // ---------- OPTION 2: JAVASCRIPT API DIALOG ----------
-        onOpenDialog: function() {
-            if (!this.mockSchema || !this.initialData) {
-                MessageToast.show("JSON payloads not loaded yet.");
-                return;
-            }
-
-            const host = new GeneratorHost({
-                schemaDefinition: this.mockSchema,
-                initialData: this.initialData,
-                submit: (oEvent) => {
-                    this.onSubmit(oEvent); // Reuse the same handler to output payload
-                }
-            });
-
-            host.openInDialog("MetaUI Generated Form (JS API)", "OK");
-        },
-
-        // ---------- COMMON OUTPUT HANDLER ----------
-        onSubmit: function(oEvent) {
-            // Extract the clean JSON payload from the UI5 engine event
-            const payload = oEvent.getParameter("payload");
-            this.byId("outputArea").setValue(JSON.stringify(payload, null, 2));
-            MessageToast.show("Payload Extracted Successfully!");
-        }
-    });
-});

package/test-resources/Main.view.xml

@@ -1,42 +0,0 @@
-<mvc:View
-    controllerName="test.Main"
-    xmlns:mvc="sap.ui.core.mvc"
-    xmlns="sap.m"
-    xmlns:meta="nz.co.siliconst.ui5.metaui.controls"
-    displayBlock="true">
-    <App>
-        <Page title="MetaUI Standalone Sandbox Test">
-            <content>
-                <VBox class="sapUiSmallMargin" spacing="1rem">
-                    
-                    <Panel headerText="Option 1: Declarative XML Binding (Inline)" expandable="true" expanded="true">
-                        <content>
-                            <Text text="This section uses the &lt;meta:GeneratorHost&gt; tag embedded directly into the XML view, bound to JSONModels." class="sapUiSmallMarginBottom" />
-                            <meta:GeneratorHost 
-                                id="metaHost"
-                                schemaDefinition="{schemaModel>/}" 
-                                initialData="{dataModel>/}" 
-                                submit=".onSubmit" />
-                            <Button text="Save Inline Form" press=".onSaveInline" type="Emphasized" class="sapUiSmallMarginTop" />
-                        </content>
-                    </Panel>
-
-                    <Panel headerText="Option 2: JavaScript API (Dialog Modality)" expandable="true" expanded="true">
-                        <content>
-                            <Text text="This section demonstrates instantiating the GeneratorHost purely in JavaScript and rendering it inside a sap.m.Dialog." class="sapUiSmallMarginBottom" />
-                            <Button text="Open MetaUI Dialog" press=".onOpenDialog" type="Emphasized" />
-                        </content>
-                    </Panel>
-
-                    <Panel headerText="Output Window" expandable="false">
-                        <content>
-                            <Title text="Submitted JSON Payload:" class="sapUiSmallMarginBottom" />
-                            <TextArea id="outputArea" width="100%" rows="15" editable="false" />
-                        </content>
-                    </Panel>
-
-                </VBox>
-            </content>
-        </Page>
-    </App>
-</mvc:View>

package/test-resources/index.html

@@ -1,21 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <title>MetaUI Test Sandbox</title>
-    <script
-        id="sap-ui-bootstrap"
-        src="https://ui5.sap.com/resources/sap-ui-core.js"
-        data-sap-ui-theme="sap_horizon"
-        data-sap-ui-resourceroots='{
-            "nz.co.siliconst.ui5.metaui": "../dist/resources/nz/co/siliconst/ui5/metaui",
-            "test": "./"
-        }'
-        data-sap-ui-oninit="module:test/App"
-        data-sap-ui-compatVersion="edge"
-        data-sap-ui-async="true">
-    </script>
-</head>
-<body class="sapUiBody sapUiSizeCompact" id="content">
-</body>
-</html>

package/test-resources/mockData.json

@@ -1,27 +0,0 @@
-{
-  "CustomerName": "Siliconst Corp",
-  "IsActive": true,
-  "CreditLimit": 150000.00,
-  "AccountType": "ENTERPRISE",
-  "CreationDate": "2026-07-17",
-  "Contacts": [
-    {
-      "ContactID": "C-001",
-      "FullName": "Alice Smith",
-      "Role": "ADMIN",
-      "HasPortalAccess": true
-    },
-    {
-      "ContactID": "C-002",
-      "FullName": "Bob Jones",
-      "Role": "BILLING",
-      "HasPortalAccess": false
-    },
-    {
-      "ContactID": "C-003",
-      "FullName": "Charlie Davis",
-      "Role": "TECH",
-      "HasPortalAccess": true
-    }
-  ]
-}

package/test-resources/mockSchema.json

@@ -1,98 +0,0 @@
-{
-  "mode": "mixed",
-  "tables": [
-    {
-      "tableName": "Contacts",
-      "label": "Authorized Contacts",
-      "fields": [
-        {
-          "fieldName": "ContactID",
-          "type": "string",
-          "label": "ID",
-          "isKey": true,
-          "isReadOnly": true,
-          "isRequired": true
-        },
-        {
-          "fieldName": "FullName",
-          "type": "string",
-          "label": "Full Name",
-          "isKey": false,
-          "isReadOnly": false,
-          "isRequired": true,
-          "maxLength": 100
-        },
-        {
-          "fieldName": "Role",
-          "type": "dropdown",
-          "label": "Role",
-          "isKey": false,
-          "isReadOnly": false,
-          "isRequired": true,
-          "valueHelp": [
-            { "key": "ADMIN", "text": "Administrator" },
-            { "key": "BILLING", "text": "Billing Contact" },
-            { "key": "TECH", "text": "Technical Support" }
-          ]
-        },
-        {
-          "fieldName": "HasPortalAccess",
-          "type": "boolean",
-          "label": "Portal Access",
-          "isKey": false,
-          "isReadOnly": false,
-          "isRequired": false
-        }
-      ]
-    }
-  ],
-  "rootFields": [
-    {
-      "fieldName": "CustomerName",
-      "type": "string",
-      "label": "Customer Name",
-      "isKey": true,
-      "isReadOnly": false,
-      "isRequired": true,
-      "maxLength": 50
-    },
-    {
-      "fieldName": "IsActive",
-      "type": "boolean",
-      "label": "Account Active",
-      "isKey": false,
-      "isReadOnly": false,
-      "isRequired": false
-    },
-    {
-      "fieldName": "CreditLimit",
-      "type": "number",
-      "label": "Credit Limit (USD)",
-      "isKey": false,
-      "isReadOnly": false,
-      "isRequired": true,
-      "scale": 2
-    },
-    {
-      "fieldName": "AccountType",
-      "type": "dropdown",
-      "label": "Account Type",
-      "isKey": false,
-      "isReadOnly": false,
-      "isRequired": true,
-      "valueHelp": [
-        { "key": "BASIC", "text": "Basic Plan" },
-        { "key": "PREMIUM", "text": "Premium Plan" },
-        { "key": "ENTERPRISE", "text": "Enterprise Plan" }
-      ]
-    },
-    {
-      "fieldName": "CreationDate",
-      "type": "date",
-      "label": "Creation Date",
-      "isKey": false,
-      "isReadOnly": true,
-      "isRequired": false
-    }
-  ]
-}