@siliconst/metaui 1.4.17 → 1.4.20

package/src/nz/co/siliconst/ui5/metaui/plugins/controls/DictionaryMapPlugin-dbg.js

@@ -0,0 +1,217 @@
+sap.ui.define(["./BasePlugin", "../../core/PluginRegistry", "sap/m/VBox", "sap/m/HBox", "sap/m/Input", "sap/m/Button", "sap/m/Title", "sap/m/Table", "sap/m/Column", "sap/m/Label", "sap/m/ColumnListItem", "sap/ui/model/json/JSONModel", "sap/m/Dialog"], function (___BasePlugin, ____core_PluginRegistry, VBox, HBox, Input, Button, Title, Table, Column, Label, ColumnListItem, JSONModel, Dialog) {
+  "use strict";
+
+  /**
+   * @file DictionaryMapPlugin.ts
+   * @description Plugin for rendering open-ended JSON Dictionaries (additionalProperties).
+   */
+  const BasePlugin = ___BasePlugin["BasePlugin"];
+  const PluginRegistry = ____core_PluginRegistry["PluginRegistry"];
+  /**
+   * Plugin for rendering open-ended JSON Dictionaries (additionalProperties).
+   * Uses a local JSONModel and sap.m.Table to provide a stable, zero-hack UI5 two-way binding experience.
+   * 
+   * @public
+   */
+  class DictionaryMapPlugin extends BasePlugin {
+    _isSyncing = false;
+    _binding = null;
+    canHandle(schema) {
+      return schema.type === "object" && typeof schema.additionalProperties === "object";
+    }
+    render(schema, bindingPath, modelName, engineScopeId, onChange, model) {
+      this.onChange = onChange;
+      this.metadata = schema;
+      const valueSchema = schema.additionalProperties || {
+        type: "string"
+      };
+      const container = new VBox({
+        width: "100%"
+      }).addStyleClass("sapUiSmallMarginTopBottom");
+      const absolutePath = bindingPath.startsWith("/") ? bindingPath : `/${bindingPath}`;
+
+      // 1. Initialize local flat array model for the Table
+      const currentData = model ? model.getProperty(absolutePath) || {} : {};
+      const localItems = Object.keys(currentData).map(k => ({
+        key: k,
+        value: currentData[k]
+      }));
+      const localModel = new JSONModel({
+        items: localItems
+      });
+
+      // Setup listener to flush local model back to parent dictionary model
+      const syncToParent = () => {
+        if (!model) return;
+        this._isSyncing = true;
+        const items = localModel.getProperty("/items");
+        const newDict = {};
+        items.forEach(item => {
+          if (item.key && item.key.trim() !== "") {
+            newDict[item.key] = item.value;
+          }
+        });
+        model.setProperty(absolutePath, newDict);
+        if (this.onChange) this.onChange();
+        this._isSyncing = false;
+      };
+      if (model) {
+        this._binding = model.bindProperty(absolutePath);
+        this._binding.attachChange(() => {
+          if (this._isSyncing) return;
+          const currentData = model.getProperty(absolutePath) || {};
+          const localItems = Object.keys(currentData).map(k => ({
+            key: k,
+            value: currentData[k]
+          }));
+          localModel.setProperty("/items", localItems);
+        });
+        this._binding.initialize();
+      }
+      const headerItems = [new Title({
+        text: schema.title || schema.ui?.label || "Dictionary Map",
+        level: "H5"
+      })];
+      if (this.isEditable) {
+        headerItems.push(new Button({
+          text: "Add Property",
+          icon: "sap-icon://add",
+          press: () => {
+            const items = localModel.getProperty("/items");
+            items.push({
+              key: "",
+              value: null
+            });
+            localModel.setProperty("/items", items);
+            syncToParent();
+          }
+        }));
+      }
+      const header = new HBox({
+        justifyContent: "SpaceBetween",
+        alignItems: "Center",
+        items: headerItems
+      }).addStyleClass("sapUiSmallMarginBottom");
+      container.addItem(header);
+
+      // 2. Build the Table
+      const columns = [new Column({
+        header: new Label({
+          text: "Key"
+        })
+      }), new Column({
+        header: new Label({
+          text: "Value"
+        })
+      })];
+      if (this.isEditable) {
+        columns.push(new Column({
+          width: "4rem",
+          hAlign: "Center"
+        }));
+      }
+      const table = new Table({
+        mode: "None",
+        noDataText: "No metadata properties defined.",
+        columns: columns
+      });
+      table.setModel(localModel, "localDict");
+      table.bindItems({
+        path: "localDict>/items",
+        factory: (sId, oContext) => {
+          const rowPath = oContext.getPath();
+
+          // Key Input
+          const keyInput = new Input({
+            value: "{localDict>key}",
+            editable: this.isEditable,
+            change: () => syncToParent()
+          });
+
+          // Value Control
+          const plugin = PluginRegistry.getInstance().getPlugin(valueSchema.type || "string", valueSchema.ui?.widget);
+
+          // Temporarily override value schema readOnly state if the dictionary as a whole is readOnly
+          const effectiveValueSchema = {
+            ...valueSchema
+          };
+          if (!this.isEditable) {
+            if (!effectiveValueSchema.ui) effectiveValueSchema.ui = {};
+            effectiveValueSchema.ui.readOnly = true;
+          }
+          const valueControl = plugin.render(effectiveValueSchema, `${rowPath}/value`, "localDict", "dict_" + Date.now(), () => syncToParent(), localModel);
+          const cells = [keyInput, valueControl];
+          if (this.isEditable) {
+            const delBtn = new Button({
+              icon: "sap-icon://delete",
+              type: "Reject",
+              press: () => {
+                const items = localModel.getProperty("/items");
+                const matchIndex = parseInt(rowPath.split("/").pop() || "0", 10);
+                items.splice(matchIndex, 1);
+                localModel.setProperty("/items", items);
+                syncToParent();
+              }
+            });
+            cells.push(delBtn);
+          }
+          return new ColumnListItem({
+            cells
+          });
+        }
+      });
+      container.addItem(table);
+      this.control = new Button({
+        id: this.generateStableId(engineScopeId, bindingPath),
+        text: !this.isEditable ? "View Dictionary" : "Edit Dictionary",
+        icon: !this.isEditable ? "sap-icon://display" : "sap-icon://form",
+        press: () => {
+          const dialog = new Dialog({
+            title: schema.title || schema.ui?.label || "Dictionary Map",
+            contentWidth: "600px",
+            contentHeight: "400px",
+            horizontalScrolling: false,
+            content: [container],
+            buttons: [new Button({
+              text: !this.isEditable ? "Close" : "OK",
+              type: "Emphasized",
+              press: () => {
+                dialog.close();
+              }
+            })],
+            afterClose: () => {
+              // Remove container so it isn't destroyed when the dialog is destroyed
+              dialog.removeAllContent();
+              dialog.destroy();
+            }
+          });
+
+          // Add dependent to ensure models are inherited properly if needed
+          if (this.control) {
+            this.control.addDependent(dialog);
+          }
+          dialog.open();
+        }
+      });
+      return this.control;
+    }
+    getValue() {
+      return null;
+    }
+    validate() {
+      return {
+        isValid: true
+      };
+    }
+    applyState() {}
+    destroy() {
+      if (this._binding) {
+        this._binding.destroy();
+        this._binding = null;
+      }
+      super.destroy();
+    }
+  }
+  return DictionaryMapPlugin;
+});
+//# sourceMappingURL=DictionaryMapPlugin-dbg.js.map

package/src/nz/co/siliconst/ui5/metaui/plugins/controls/DictionaryMapPlugin-dbg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DictionaryMapPlugin-dbg.js","names":["BasePlugin","___BasePlugin","PluginRegistry","____core_PluginRegistry","DictionaryMapPlugin","_isSyncing","_binding","canHandle","schema","type","additionalProperties","render","bindingPath","modelName","engineScopeId","onChange","model","metadata","valueSchema","container","VBox","width","addStyleClass","absolutePath","startsWith","currentData","getProperty","localItems","Object","keys","map","k","key","value","localModel","JSONModel","items","syncToParent","newDict","forEach","item","trim","setProperty","bindProperty","attachChange","initialize","headerItems","Title","text","title","ui","label","level","isEditable","push","Button","icon","press","header","HBox","justifyContent","alignItems","addItem","columns","Column","Label","hAlign","table","Table","mode","noDataText","setModel","bindItems","path","factory","sId","oContext","rowPath","getPath","keyInput","Input","editable","change","plugin","getInstance","getPlugin","widget","effectiveValueSchema","readOnly","valueControl","Date","now","cells","delBtn","matchIndex","parseInt","split","pop","splice","ColumnListItem","control","id","generateStableId","dialog","Dialog","contentWidth","contentHeight","horizontalScrolling","content","buttons","close","afterClose","removeAllContent","destroy","addDependent","open","getValue","validate","isValid","applyState"],"sources":["DictionaryMapPlugin.ts"],"sourcesContent":["/**\n * @file DictionaryMapPlugin.ts\n * @description Plugin for rendering open-ended JSON Dictionaries (additionalProperties).\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { ISchema, IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport { PluginRegistry } from \"../../core/PluginRegistry\";\nimport VBox from \"sap/m/VBox\";\nimport HBox from \"sap/m/HBox\";\nimport Input from \"sap/m/Input\";\nimport Button from \"sap/m/Button\";\nimport Title from \"sap/m/Title\";\nimport Table from \"sap/m/Table\";\nimport Column from \"sap/m/Column\";\nimport Label from \"sap/m/Label\";\nimport ColumnListItem from \"sap/m/ColumnListItem\";\nimport JSONModel from \"sap/ui/model/json/JSONModel\";\nimport Control from \"sap/ui/core/Control\";\nimport Dialog from \"sap/m/Dialog\";\nimport Toolbar from \"sap/m/Toolbar\";\nimport ToolbarSpacer from \"sap/m/ToolbarSpacer\";\n\n/**\n * Plugin for rendering open-ended JSON Dictionaries (additionalProperties).\n * Uses a local JSONModel and sap.m.Table to provide a stable, zero-hack UI5 two-way binding experience.\n * \n * @public\n */\nexport default class DictionaryMapPlugin extends BasePlugin {\n    private _isSyncing: boolean = false;\n    private _binding: sap.ui.model.PropertyBinding | null = null;\n\n    public canHandle(schema: ISchema | IPropertyMetadata): boolean {\n        return schema.type === \"object\" && typeof schema.additionalProperties === \"object\";\n    }\n\n    public render(\n        schema: ISchema | IPropertyMetadata, \n        bindingPath: string, \n        modelName: string, \n        engineScopeId: string, \n        onChange?: () => void, \n        model?: sap.ui.model.Model\n    ): Control {\n        this.onChange = onChange;\n        this.metadata = schema as IPropertyMetadata;\n\n\n\n        const valueSchema = (schema.additionalProperties as IPropertyMetadata) || { type: \"string\" };\n        const container = new VBox({ width: \"100%\" }).addStyleClass(\"sapUiSmallMarginTopBottom\");\n        \n        const absolutePath = bindingPath.startsWith(\"/\") ? bindingPath : `/${bindingPath}`;\n        \n        // 1. Initialize local flat array model for the Table\n        const currentData = model ? model.getProperty(absolutePath) || {} : {};\n\n        \n        const localItems = Object.keys(currentData).map(k => ({ key: k, value: currentData[k] }));\n        const localModel = new JSONModel({ items: localItems });\n        \n        // Setup listener to flush local model back to parent dictionary model\n        const syncToParent = () => {\n            if (!model) return;\n            this._isSyncing = true;\n            const items = localModel.getProperty(\"/items\") as any[];\n            const newDict: Record<string, any> = {};\n            items.forEach(item => {\n                if (item.key && item.key.trim() !== \"\") {\n                    newDict[item.key] = item.value;\n                }\n            });\n\n            model.setProperty(absolutePath, newDict);\n            if (this.onChange) this.onChange();\n            this._isSyncing = false;\n        };\n\n        if (model) {\n            this._binding = model.bindProperty(absolutePath);\n            this._binding.attachChange(() => {\n                if (this._isSyncing) return;\n                const currentData = model.getProperty(absolutePath) || {};\n\n                const localItems = Object.keys(currentData).map(k => ({ key: k, value: currentData[k] }));\n                localModel.setProperty(\"/items\", localItems);\n            });\n            this._binding.initialize();\n        }\n\n        const headerItems: Control[] = [\n            new Title({ text: schema.title || schema.ui?.label || \"Dictionary Map\", level: \"H5\" })\n        ];\n\n        if (this.isEditable) {\n            headerItems.push(\n                new Button({\n                    text: \"Add Property\",\n                    icon: \"sap-icon://add\",\n                    press: () => {\n                        const items = localModel.getProperty(\"/items\") as any[];\n                        items.push({ key: \"\", value: null });\n                        localModel.setProperty(\"/items\", items);\n                        syncToParent();\n                    }\n                })\n            );\n        }\n\n        const header = new HBox({\n            justifyContent: \"SpaceBetween\",\n            alignItems: \"Center\",\n            items: headerItems\n        }).addStyleClass(\"sapUiSmallMarginBottom\");\n\n        container.addItem(header);\n\n        // 2. Build the Table\n        const columns = [\n            new Column({ header: new Label({ text: \"Key\" }) }),\n            new Column({ header: new Label({ text: \"Value\" }) })\n        ];\n\n        if (this.isEditable) {\n            columns.push(new Column({ width: \"4rem\", hAlign: \"Center\" }));\n        }\n\n        const table = new Table({\n            mode: \"None\",\n            noDataText: \"No metadata properties defined.\",\n            columns: columns\n        });\n\n        table.setModel(localModel, \"localDict\");\n\n        table.bindItems({\n            path: \"localDict>/items\",\n            factory: (sId: string, oContext: sap.ui.model.Context) => {\n                const rowPath = oContext.getPath();\n                \n                // Key Input\n                const keyInput = new Input({\n                    value: \"{localDict>key}\",\n                    editable: this.isEditable,\n                    change: () => syncToParent()\n                });\n\n                // Value Control\n                const plugin = PluginRegistry.getInstance().getPlugin(valueSchema.type || \"string\", valueSchema.ui?.widget);\n                \n                // Temporarily override value schema readOnly state if the dictionary as a whole is readOnly\n                const effectiveValueSchema = { ...valueSchema };\n                if (!this.isEditable) {\n                    if (!effectiveValueSchema.ui) effectiveValueSchema.ui = {};\n                    effectiveValueSchema.ui.readOnly = true;\n                }\n\n                const valueControl = plugin.render(\n                    effectiveValueSchema,\n                    `${rowPath}/value`,\n                    \"localDict\",\n                    \"dict_\" + Date.now(),\n                    () => syncToParent(),\n                    localModel\n                );\n\n                const cells: Control[] = [keyInput, valueControl];\n\n                if (this.isEditable) {\n                    const delBtn = new Button({\n                        icon: \"sap-icon://delete\",\n                        type: \"Reject\",\n                        press: () => {\n                            const items = localModel.getProperty(\"/items\") as any[];\n                            const matchIndex = parseInt(rowPath.split(\"/\").pop() || \"0\", 10);\n                            items.splice(matchIndex, 1);\n                            localModel.setProperty(\"/items\", items);\n                            syncToParent();\n                        }\n                    });\n                    cells.push(delBtn);\n                }\n\n                return new ColumnListItem({ cells });\n            }\n        });\n\n        container.addItem(table);\n\n        this.control = new Button({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            text: !this.isEditable ? \"View Dictionary\" : \"Edit Dictionary\",\n            icon: !this.isEditable ? \"sap-icon://display\" : \"sap-icon://form\",\n            press: () => {\n\n                const dialog = new Dialog({\n                    title: schema.title || schema.ui?.label || \"Dictionary Map\",\n                    contentWidth: \"600px\",\n                    contentHeight: \"400px\",\n                    horizontalScrolling: false,\n                    content: [container],\n                    buttons: [\n                        new Button({\n                            text: !this.isEditable ? \"Close\" : \"OK\",\n                            type: \"Emphasized\",\n                            press: () => {\n                                dialog.close();\n                            }\n                        })\n                    ],\n                    afterClose: () => {\n                        // Remove container so it isn't destroyed when the dialog is destroyed\n                        dialog.removeAllContent();\n                        dialog.destroy();\n                    }\n                });\n                \n                // Add dependent to ensure models are inherited properly if needed\n                if (this.control) {\n                    this.control.addDependent(dialog);\n                }\n                \n                dialog.open();\n            }\n        });\n\n        return this.control as Control;\n    }\n\n    protected getValue(): unknown {\n        return null;\n    }\n\n    public validate(): import(\"../../interfaces/IPlugin\").IPluginValidationResult {\n        return { isValid: true };\n    }\n\n    protected applyState(): void {\n    }\n\n    public destroy(): void {\n        if (this._binding) {\n            this._binding.destroy();\n            this._binding = null;\n        }\n        super.destroy();\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/src/nz/co/siliconst/ui5/metaui/plugins/controls/DictionaryMapPlugin.d.ts

@@ -0,0 +1,26 @@
+declare module "nz/co/siliconst/ui5/metaui/plugins/controls/DictionaryMapPlugin" {
+    /**
+     * @file DictionaryMapPlugin.ts
+     * @description Plugin for rendering open-ended JSON Dictionaries (additionalProperties).
+     */
+    import { BasePlugin } from "nz/co/siliconst/ui5/metaui/plugins/controls/BasePlugin";
+    import { ISchema, IPropertyMetadata } from "nz/co/siliconst/ui5/metaui/interfaces/ISchema";
+    import Control from "sap/ui/core/Control";
+    /**
+     * Plugin for rendering open-ended JSON Dictionaries (additionalProperties).
+     * Uses a local JSONModel and sap.m.Table to provide a stable, zero-hack UI5 two-way binding experience.
+     *
+     * @public
+     */
+    export default class DictionaryMapPlugin extends BasePlugin {
+        private _isSyncing;
+        private _binding;
+        canHandle(schema: ISchema | IPropertyMetadata): boolean;
+        render(schema: ISchema | IPropertyMetadata, bindingPath: string, modelName: string, engineScopeId: string, onChange?: () => void, model?: sap.ui.model.Model): Control;
+        protected getValue(): unknown;
+        validate(): import("nz/co/siliconst/ui5/metaui/interfaces/IPlugin").IPluginValidationResult;
+        protected applyState(): void;
+        destroy(): void;
+    }
+}
+//# sourceMappingURL=DictionaryMapPlugin.d.ts.map

package/src/nz/co/siliconst/ui5/metaui/plugins/controls/DictionaryMapPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DictionaryMapPlugin.d.ts","sourceRoot":"../../../../../../../../..","sources":["src/nz/co/siliconst/ui5/metaui/plugins/controls/DictionaryMapPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,iEAAiE,CAAC;IACjF;;;OAGG;IAEH,OAAO,EAAE,UAAU,EAAE,MAAM,wDAAwD,CAAC;IACpF,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;IAY3F,OAAO,OAAO,MAAM,qBAAqB,CAAC;IAK1C;;;;;OAKG;IACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,UAAU;QACvD,OAAO,CAAC,UAAU,CAAkB;QACpC,OAAO,CAAC,QAAQ,CAA6C;QAEtD,SAAS,CAAC,MAAM,EAAE,OAAO,GAAG,iBAAiB,GAAG,OAAO;QAIvD,MAAM,CACT,MAAM,EAAE,OAAO,GAAG,iBAAiB,EACnC,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,MAAM,EACjB,aAAa,EAAE,MAAM,EACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,EACrB,KAAK,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,GAC3B,OAAO;QA0LV,SAAS,CAAC,QAAQ,IAAI,OAAO;QAItB,QAAQ,IAAI,OAAO,+CAA+C,EAAE,uBAAuB;QAIlG,SAAS,CAAC,UAAU,IAAI,IAAI;QAGrB,OAAO,IAAI,IAAI;KAOzB;CAEA"}

package/src/nz/co/siliconst/ui5/metaui/plugins/controls/DictionaryMapPlugin.js

@@ -0,0 +1,2 @@
+sap.ui.define(["./BasePlugin","../../core/PluginRegistry","sap/m/VBox","sap/m/HBox","sap/m/Input","sap/m/Button","sap/m/Title","sap/m/Table","sap/m/Column","sap/m/Label","sap/m/ColumnListItem","sap/ui/model/json/JSONModel","sap/m/Dialog"],function(t,e,i,n,s,o,a,l,r,c,d,p,u){"use strict";const h=t["BasePlugin"];const y=e["PluginRegistry"];class g extends h{_isSyncing=false;_binding=null;canHandle(t){return t.type==="object"&&typeof t.additionalProperties==="object"}render(t,e,h,g,m,b){this.onChange=m;this.metadata=t;const f=t.additionalProperties||{type:"string"};const w=new i({width:"100%"}).addStyleClass("sapUiSmallMarginTopBottom");const P=e.startsWith("/")?e:`/${e}`;const C=b?b.getProperty(P)||{}:{};const S=Object.keys(C).map(t=>({key:t,value:C[t]}));const x=new p({items:S});const D=()=>{if(!b)return;this._isSyncing=true;const t=x.getProperty("/items");const e={};t.forEach(t=>{if(t.key&&t.key.trim()!==""){e[t.key]=t.value}});b.setProperty(P,e);if(this.onChange)this.onChange();this._isSyncing=false};if(b){this._binding=b.bindProperty(P);this._binding.attachChange(()=>{if(this._isSyncing)return;const t=b.getProperty(P)||{};const e=Object.keys(t).map(e=>({key:e,value:t[e]}));x.setProperty("/items",e)});this._binding.initialize()}const _=[new a({text:t.title||t.ui?.label||"Dictionary Map",level:"H5"})];if(this.isEditable){_.push(new o({text:"Add Property",icon:"sap-icon://add",press:()=>{const t=x.getProperty("/items");t.push({key:"",value:null});x.setProperty("/items",t);D()}}))}const E=new n({justifyContent:"SpaceBetween",alignItems:"Center",items:_}).addStyleClass("sapUiSmallMarginBottom");w.addItem(E);const k=[new r({header:new c({text:"Key"})}),new r({header:new c({text:"Value"})})];if(this.isEditable){k.push(new r({width:"4rem",hAlign:"Center"}))}const v=new l({mode:"None",noDataText:"No metadata properties defined.",columns:k});v.setModel(x,"localDict");v.bindItems({path:"localDict>/items",factory:(t,e)=>{const i=e.getPath();const n=new s({value:"{localDict>key}",editable:this.isEditable,change:()=>D()});const a=y.getInstance().getPlugin(f.type||"string",f.ui?.widget);const l={...f};if(!this.isEditable){if(!l.ui)l.ui={};l.ui.readOnly=true}const r=a.render(l,`${i}/value`,"localDict","dict_"+Date.now(),()=>D(),x);const c=[n,r];if(this.isEditable){const t=new o({icon:"sap-icon://delete",type:"Reject",press:()=>{const t=x.getProperty("/items");const e=parseInt(i.split("/").pop()||"0",10);t.splice(e,1);x.setProperty("/items",t);D()}});c.push(t)}return new d({cells:c})}});w.addItem(v);this.control=new o({id:this.generateStableId(g,e),text:!this.isEditable?"View Dictionary":"Edit Dictionary",icon:!this.isEditable?"sap-icon://display":"sap-icon://form",press:()=>{const e=new u({title:t.title||t.ui?.label||"Dictionary Map",contentWidth:"600px",contentHeight:"400px",horizontalScrolling:false,content:[w],buttons:[new o({text:!this.isEditable?"Close":"OK",type:"Emphasized",press:()=>{e.close()}})],afterClose:()=>{e.removeAllContent();e.destroy()}});if(this.control){this.control.addDependent(e)}e.open()}});return this.control}getValue(){return null}validate(){return{isValid:true}}applyState(){}destroy(){if(this._binding){this._binding.destroy();this._binding=null}super.destroy()}}return g});
+//# sourceMappingURL=DictionaryMapPlugin.js.map

package/src/nz/co/siliconst/ui5/metaui/plugins/controls/DictionaryMapPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DictionaryMapPlugin.js","names":["BasePlugin","___BasePlugin","PluginRegistry","____core_PluginRegistry","DictionaryMapPlugin","_isSyncing","_binding","canHandle","schema","type","additionalProperties","render","bindingPath","modelName","engineScopeId","onChange","model","this","metadata","valueSchema","container","VBox","width","addStyleClass","absolutePath","startsWith","currentData","getProperty","localItems","Object","keys","map","k","key","value","localModel","JSONModel","items","syncToParent","newDict","forEach","item","trim","setProperty","bindProperty","attachChange","initialize","headerItems","Title","text","title","ui","label","level","isEditable","push","Button","icon","press","header","HBox","justifyContent","alignItems","addItem","columns","Column","Label","hAlign","table","Table","mode","noDataText","setModel","bindItems","path","factory","sId","oContext","rowPath","getPath","keyInput","Input","editable","change","plugin","getInstance","getPlugin","widget","effectiveValueSchema","readOnly","valueControl","Date","now","cells","delBtn","matchIndex","parseInt","split","pop","splice","ColumnListItem","control","id","generateStableId","dialog","Dialog","contentWidth","contentHeight","horizontalScrolling","content","buttons","close","afterClose","removeAllContent","destroy","addDependent","open","getValue","validate","isValid","applyState","super"],"sources":["DictionaryMapPlugin.ts"],"sourcesContent":["/**\n * @file DictionaryMapPlugin.ts\n * @description Plugin for rendering open-ended JSON Dictionaries (additionalProperties).\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { ISchema, IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport { PluginRegistry } from \"../../core/PluginRegistry\";\nimport VBox from \"sap/m/VBox\";\nimport HBox from \"sap/m/HBox\";\nimport Input from \"sap/m/Input\";\nimport Button from \"sap/m/Button\";\nimport Title from \"sap/m/Title\";\nimport Table from \"sap/m/Table\";\nimport Column from \"sap/m/Column\";\nimport Label from \"sap/m/Label\";\nimport ColumnListItem from \"sap/m/ColumnListItem\";\nimport JSONModel from \"sap/ui/model/json/JSONModel\";\nimport Control from \"sap/ui/core/Control\";\nimport Dialog from \"sap/m/Dialog\";\nimport Toolbar from \"sap/m/Toolbar\";\nimport ToolbarSpacer from \"sap/m/ToolbarSpacer\";\n\n/**\n * Plugin for rendering open-ended JSON Dictionaries (additionalProperties).\n * Uses a local JSONModel and sap.m.Table to provide a stable, zero-hack UI5 two-way binding experience.\n * \n * @public\n */\nexport default class DictionaryMapPlugin extends BasePlugin {\n    private _isSyncing: boolean = false;\n    private _binding: sap.ui.model.PropertyBinding | null = null;\n\n    public canHandle(schema: ISchema | IPropertyMetadata): boolean {\n        return schema.type === \"object\" && typeof schema.additionalProperties === \"object\";\n    }\n\n    public render(\n        schema: ISchema | IPropertyMetadata, \n        bindingPath: string, \n        modelName: string, \n        engineScopeId: string, \n        onChange?: () => void, \n        model?: sap.ui.model.Model\n    ): Control {\n        this.onChange = onChange;\n        this.metadata = schema as IPropertyMetadata;\n\n\n\n        const valueSchema = (schema.additionalProperties as IPropertyMetadata) || { type: \"string\" };\n        const container = new VBox({ width: \"100%\" }).addStyleClass(\"sapUiSmallMarginTopBottom\");\n        \n        const absolutePath = bindingPath.startsWith(\"/\") ? bindingPath : `/${bindingPath}`;\n        \n        // 1. Initialize local flat array model for the Table\n        const currentData = model ? model.getProperty(absolutePath) || {} : {};\n\n        \n        const localItems = Object.keys(currentData).map(k => ({ key: k, value: currentData[k] }));\n        const localModel = new JSONModel({ items: localItems });\n        \n        // Setup listener to flush local model back to parent dictionary model\n        const syncToParent = () => {\n            if (!model) return;\n            this._isSyncing = true;\n            const items = localModel.getProperty(\"/items\") as any[];\n            const newDict: Record<string, any> = {};\n            items.forEach(item => {\n                if (item.key && item.key.trim() !== \"\") {\n                    newDict[item.key] = item.value;\n                }\n            });\n\n            model.setProperty(absolutePath, newDict);\n            if (this.onChange) this.onChange();\n            this._isSyncing = false;\n        };\n\n        if (model) {\n            this._binding = model.bindProperty(absolutePath);\n            this._binding.attachChange(() => {\n                if (this._isSyncing) return;\n                const currentData = model.getProperty(absolutePath) || {};\n\n                const localItems = Object.keys(currentData).map(k => ({ key: k, value: currentData[k] }));\n                localModel.setProperty(\"/items\", localItems);\n            });\n            this._binding.initialize();\n        }\n\n        const headerItems: Control[] = [\n            new Title({ text: schema.title || schema.ui?.label || \"Dictionary Map\", level: \"H5\" })\n        ];\n\n        if (this.isEditable) {\n            headerItems.push(\n                new Button({\n                    text: \"Add Property\",\n                    icon: \"sap-icon://add\",\n                    press: () => {\n                        const items = localModel.getProperty(\"/items\") as any[];\n                        items.push({ key: \"\", value: null });\n                        localModel.setProperty(\"/items\", items);\n                        syncToParent();\n                    }\n                })\n            );\n        }\n\n        const header = new HBox({\n            justifyContent: \"SpaceBetween\",\n            alignItems: \"Center\",\n            items: headerItems\n        }).addStyleClass(\"sapUiSmallMarginBottom\");\n\n        container.addItem(header);\n\n        // 2. Build the Table\n        const columns = [\n            new Column({ header: new Label({ text: \"Key\" }) }),\n            new Column({ header: new Label({ text: \"Value\" }) })\n        ];\n\n        if (this.isEditable) {\n            columns.push(new Column({ width: \"4rem\", hAlign: \"Center\" }));\n        }\n\n        const table = new Table({\n            mode: \"None\",\n            noDataText: \"No metadata properties defined.\",\n            columns: columns\n        });\n\n        table.setModel(localModel, \"localDict\");\n\n        table.bindItems({\n            path: \"localDict>/items\",\n            factory: (sId: string, oContext: sap.ui.model.Context) => {\n                const rowPath = oContext.getPath();\n                \n                // Key Input\n                const keyInput = new Input({\n                    value: \"{localDict>key}\",\n                    editable: this.isEditable,\n                    change: () => syncToParent()\n                });\n\n                // Value Control\n                const plugin = PluginRegistry.getInstance().getPlugin(valueSchema.type || \"string\", valueSchema.ui?.widget);\n                \n                // Temporarily override value schema readOnly state if the dictionary as a whole is readOnly\n                const effectiveValueSchema = { ...valueSchema };\n                if (!this.isEditable) {\n                    if (!effectiveValueSchema.ui) effectiveValueSchema.ui = {};\n                    effectiveValueSchema.ui.readOnly = true;\n                }\n\n                const valueControl = plugin.render(\n                    effectiveValueSchema,\n                    `${rowPath}/value`,\n                    \"localDict\",\n                    \"dict_\" + Date.now(),\n                    () => syncToParent(),\n                    localModel\n                );\n\n                const cells: Control[] = [keyInput, valueControl];\n\n                if (this.isEditable) {\n                    const delBtn = new Button({\n                        icon: \"sap-icon://delete\",\n                        type: \"Reject\",\n                        press: () => {\n                            const items = localModel.getProperty(\"/items\") as any[];\n                            const matchIndex = parseInt(rowPath.split(\"/\").pop() || \"0\", 10);\n                            items.splice(matchIndex, 1);\n                            localModel.setProperty(\"/items\", items);\n                            syncToParent();\n                        }\n                    });\n                    cells.push(delBtn);\n                }\n\n                return new ColumnListItem({ cells });\n            }\n        });\n\n        container.addItem(table);\n\n        this.control = new Button({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            text: !this.isEditable ? \"View Dictionary\" : \"Edit Dictionary\",\n            icon: !this.isEditable ? \"sap-icon://display\" : \"sap-icon://form\",\n            press: () => {\n\n                const dialog = new Dialog({\n                    title: schema.title || schema.ui?.label || \"Dictionary Map\",\n                    contentWidth: \"600px\",\n                    contentHeight: \"400px\",\n                    horizontalScrolling: false,\n                    content: [container],\n                    buttons: [\n                        new Button({\n                            text: !this.isEditable ? \"Close\" : \"OK\",\n                            type: \"Emphasized\",\n                            press: () => {\n                                dialog.close();\n                            }\n                        })\n                    ],\n                    afterClose: () => {\n                        // Remove container so it isn't destroyed when the dialog is destroyed\n                        dialog.removeAllContent();\n                        dialog.destroy();\n                    }\n                });\n                \n                // Add dependent to ensure models are inherited properly if needed\n                if (this.control) {\n                    this.control.addDependent(dialog);\n                }\n                \n                dialog.open();\n            }\n        });\n\n        return this.control as Control;\n    }\n\n    protected getValue(): unknown {\n        return null;\n    }\n\n    public validate(): import(\"../../interfaces/IPlugin\").IPluginValidationResult {\n        return { isValid: true };\n    }\n\n    protected applyState(): void {\n    }\n\n    public destroy(): void {\n        if (this._binding) {\n            this._binding.destroy();\n            this._binding = null;\n        }\n        super.destroy();\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/src/nz/co/siliconst/ui5/metaui/plugins/controls/DictionaryMapPlugin.ts

@@ -0,0 +1,249 @@
+/**
+ * @file DictionaryMapPlugin.ts
+ * @description Plugin for rendering open-ended JSON Dictionaries (additionalProperties).
+ */
+
+import { BasePlugin } from "./BasePlugin";
+import { ISchema, IPropertyMetadata } from "../../interfaces/ISchema";
+import { PluginRegistry } from "../../core/PluginRegistry";
+import VBox from "sap/m/VBox";
+import HBox from "sap/m/HBox";
+import Input from "sap/m/Input";
+import Button from "sap/m/Button";
+import Title from "sap/m/Title";
+import Table from "sap/m/Table";
+import Column from "sap/m/Column";
+import Label from "sap/m/Label";
+import ColumnListItem from "sap/m/ColumnListItem";
+import JSONModel from "sap/ui/model/json/JSONModel";
+import Control from "sap/ui/core/Control";
+import Dialog from "sap/m/Dialog";
+import Toolbar from "sap/m/Toolbar";
+import ToolbarSpacer from "sap/m/ToolbarSpacer";
+
+/**
+ * Plugin for rendering open-ended JSON Dictionaries (additionalProperties).
+ * Uses a local JSONModel and sap.m.Table to provide a stable, zero-hack UI5 two-way binding experience.
+ * 
+ * @public
+ */
+export default class DictionaryMapPlugin extends BasePlugin {
+    private _isSyncing: boolean = false;
+    private _binding: sap.ui.model.PropertyBinding | null = null;
+
+    public canHandle(schema: ISchema | IPropertyMetadata): boolean {
+        return schema.type === "object" && typeof schema.additionalProperties === "object";
+    }
+
+    public render(
+        schema: ISchema | IPropertyMetadata, 
+        bindingPath: string, 
+        modelName: string, 
+        engineScopeId: string, 
+        onChange?: () => void, 
+        model?: sap.ui.model.Model
+    ): Control {
+        this.onChange = onChange;
+        this.metadata = schema as IPropertyMetadata;
+
+
+
+        const valueSchema = (schema.additionalProperties as IPropertyMetadata) || { type: "string" };
+        const container = new VBox({ width: "100%" }).addStyleClass("sapUiSmallMarginTopBottom");
+        
+        const absolutePath = bindingPath.startsWith("/") ? bindingPath : `/${bindingPath}`;
+        
+        // 1. Initialize local flat array model for the Table
+        const currentData = model ? model.getProperty(absolutePath) || {} : {};
+
+        
+        const localItems = Object.keys(currentData).map(k => ({ key: k, value: currentData[k] }));
+        const localModel = new JSONModel({ items: localItems });
+        
+        // Setup listener to flush local model back to parent dictionary model
+        const syncToParent = () => {
+            if (!model) return;
+            this._isSyncing = true;
+            const items = localModel.getProperty("/items") as any[];
+            const newDict: Record<string, any> = {};
+            items.forEach(item => {
+                if (item.key && item.key.trim() !== "") {
+                    newDict[item.key] = item.value;
+                }
+            });
+
+            model.setProperty(absolutePath, newDict);
+            if (this.onChange) this.onChange();
+            this._isSyncing = false;
+        };
+
+        if (model) {
+            this._binding = model.bindProperty(absolutePath);
+            this._binding.attachChange(() => {
+                if (this._isSyncing) return;
+                const currentData = model.getProperty(absolutePath) || {};
+
+                const localItems = Object.keys(currentData).map(k => ({ key: k, value: currentData[k] }));
+                localModel.setProperty("/items", localItems);
+            });
+            this._binding.initialize();
+        }
+
+        const headerItems: Control[] = [
+            new Title({ text: schema.title || schema.ui?.label || "Dictionary Map", level: "H5" })
+        ];
+
+        if (this.isEditable) {
+            headerItems.push(
+                new Button({
+                    text: "Add Property",
+                    icon: "sap-icon://add",
+                    press: () => {
+                        const items = localModel.getProperty("/items") as any[];
+                        items.push({ key: "", value: null });
+                        localModel.setProperty("/items", items);
+                        syncToParent();
+                    }
+                })
+            );
+        }
+
+        const header = new HBox({
+            justifyContent: "SpaceBetween",
+            alignItems: "Center",
+            items: headerItems
+        }).addStyleClass("sapUiSmallMarginBottom");
+
+        container.addItem(header);
+
+        // 2. Build the Table
+        const columns = [
+            new Column({ header: new Label({ text: "Key" }) }),
+            new Column({ header: new Label({ text: "Value" }) })
+        ];
+
+        if (this.isEditable) {
+            columns.push(new Column({ width: "4rem", hAlign: "Center" }));
+        }
+
+        const table = new Table({
+            mode: "None",
+            noDataText: "No metadata properties defined.",
+            columns: columns
+        });
+
+        table.setModel(localModel, "localDict");
+
+        table.bindItems({
+            path: "localDict>/items",
+            factory: (sId: string, oContext: sap.ui.model.Context) => {
+                const rowPath = oContext.getPath();
+                
+                // Key Input
+                const keyInput = new Input({
+                    value: "{localDict>key}",
+                    editable: this.isEditable,
+                    change: () => syncToParent()
+                });
+
+                // Value Control
+                const plugin = PluginRegistry.getInstance().getPlugin(valueSchema.type || "string", valueSchema.ui?.widget);
+                
+                // Temporarily override value schema readOnly state if the dictionary as a whole is readOnly
+                const effectiveValueSchema = { ...valueSchema };
+                if (!this.isEditable) {
+                    if (!effectiveValueSchema.ui) effectiveValueSchema.ui = {};
+                    effectiveValueSchema.ui.readOnly = true;
+                }
+
+                const valueControl = plugin.render(
+                    effectiveValueSchema,
+                    `${rowPath}/value`,
+                    "localDict",
+                    "dict_" + Date.now(),
+                    () => syncToParent(),
+                    localModel
+                );
+
+                const cells: Control[] = [keyInput, valueControl];
+
+                if (this.isEditable) {
+                    const delBtn = new Button({
+                        icon: "sap-icon://delete",
+                        type: "Reject",
+                        press: () => {
+                            const items = localModel.getProperty("/items") as any[];
+                            const matchIndex = parseInt(rowPath.split("/").pop() || "0", 10);
+                            items.splice(matchIndex, 1);
+                            localModel.setProperty("/items", items);
+                            syncToParent();
+                        }
+                    });
+                    cells.push(delBtn);
+                }
+
+                return new ColumnListItem({ cells });
+            }
+        });
+
+        container.addItem(table);
+
+        this.control = new Button({
+            id: this.generateStableId(engineScopeId, bindingPath),
+            text: !this.isEditable ? "View Dictionary" : "Edit Dictionary",
+            icon: !this.isEditable ? "sap-icon://display" : "sap-icon://form",
+            press: () => {
+
+                const dialog = new Dialog({
+                    title: schema.title || schema.ui?.label || "Dictionary Map",
+                    contentWidth: "600px",
+                    contentHeight: "400px",
+                    horizontalScrolling: false,
+                    content: [container],
+                    buttons: [
+                        new Button({
+                            text: !this.isEditable ? "Close" : "OK",
+                            type: "Emphasized",
+                            press: () => {
+                                dialog.close();
+                            }
+                        })
+                    ],
+                    afterClose: () => {
+                        // Remove container so it isn't destroyed when the dialog is destroyed
+                        dialog.removeAllContent();
+                        dialog.destroy();
+                    }
+                });
+                
+                // Add dependent to ensure models are inherited properly if needed
+                if (this.control) {
+                    this.control.addDependent(dialog);
+                }
+                
+                dialog.open();
+            }
+        });
+
+        return this.control as Control;
+    }
+
+    protected getValue(): unknown {
+        return null;
+    }
+
+    public validate(): import("../../interfaces/IPlugin").IPluginValidationResult {
+        return { isValid: true };
+    }
+
+    protected applyState(): void {
+    }
+
+    public destroy(): void {
+        if (this._binding) {
+            this._binding.destroy();
+            this._binding = null;
+        }
+        super.destroy();
+    }
+}

package/src/nz/co/siliconst/ui5/metaui/plugins/controls/DropdownPlugin-dbg.js

@@ -35,20 +35,19 @@ sap.ui.define(["./BasePlugin", "sap/m/Select", "sap/ui/core/Item", "sap/m/Text"]
         })) : [];
         this.control = new TextControl({
           id: this.generateStableId(engineScopeId, bindingPath),
-          text: {
-            path: `${modelName}>${bindingPath}`,
+          text: this.generateBindingInfo(bindingPath, modelName, undefined, {
             formatter: key => {
               const match = valueHelpArray.find(vh => vh.key === key);
               return match ? match.text : key;
             }
-          }
+          })
         });
         this.applyCommonDirectives(this.control, fieldMetadata, modelName);
         return this.control;
       }
       const select = new Select({
         id: this.generateStableId(engineScopeId, bindingPath),
-        selectedKey: `{${modelName}>${bindingPath}}`,
+        selectedKey: this.generateBindingInfo(bindingPath, modelName),
         enabled: !fieldMetadata.ui?.readOnly,
         forceSelection: false,
         change: oEvent => {