@genexus/genexus-ide-ui 0.0.62 → 0.0.64

package/dist/collection/components/_test/test.js

@@ -1,64 +1,32 @@
 /* STENCIL IMPORTS */
-import { Host, h } from "@stencil/core";
-import { renderTreeItems } from "../../common/render-tree";
-import { updateTreeModel } from "../../common/update-tree-model";
+import { 
+// Host,
+h } from "@stencil/core";
 /* CUSTOM IMPORTS */
 export class GxIdeTest {
   constructor() {
+    /* THIS IS A COMPONENT FOR TESTING PURPOSES. DO WHATEVER YOU WANT.*/
+    /*
+  INDEX:
+  1.OWN PROPERTIES
+  2.REFERENCE TO ELEMENTS
+  3.STATE() VARIABLES
+  4.PUBLIC PROPERTY API | WATCH'S
+  5.EVENTS (EMIT)
+  6.COMPONENT LIFECYCLE METHODS
+  7.LISTENERS
+  8.PUBLIC METHODS API
+  9.LOCAL METHODS
+  10.RENDER() FUNCTION
+  */
+    // 1.OWN PROPERTIES //
     this.renderedFirstTime = false;
+    // 7.LISTENERS //
     // 8.PUBLIC METHODS API //
     // 9.LOCAL METHODS //
-    /* Gxg-Tree Methods*/
-    this.closeTreeNodeHandler = () => {
-      this.tree.toggleItems(["number-1-1-2"], false);
+    this.checkAllHandler = () => {
+      this.treeViewEl.updateAllItemsProperties({ checked: true });
     };
-    this.openTreeNodeHandler = () => {
-      this.tree.toggleItems(["number-1-1-2"], true);
-    };
-    this.toggleTreeNodeHandler = () => {
-      this.tree.toggleItems(["number-1-1-2"]);
-    };
-    this.getSelectedItemsHandler = () => {
-      (async () => {
-        const selected = await this.tree.getSelectedItems();
-        console.log(selected);
-      })();
-    };
-    this.getCheckedItemsHandler = () => {
-      (async () => {
-        const checked = await this.tree.getCheckedItems();
-        console.log(checked);
-      })();
-    };
-    this.deleteNodeHandler = () => {
-      this.treeModel = [];
-    };
-    /* Update model test*/
-    // private showTree = () => {
-    //   this.treeModel = [];
-    // };
-    // private updateTree = () => {
-    //   this.treeModel = [];
-    // };
-    this.treeItemStateChangedHandler = (e) => {
-      // const event = e.detail.emittedBy;
-      const nodeData = e.detail.itemData;
-      const nodeId = e.detail.itemData.id;
-      if (nodeData.lazy) {
-        this.updateLazyCallback(nodeId).then(children => {
-          if (children === null || children === void 0 ? void 0 : children.length) {
-            const updatedTreeModel = updateTreeModel(this.treeModel, { id: nodeId, label: nodeData.label, items: children }, nodeId);
-            this.treeModel = updatedTreeModel;
-          }
-        });
-      }
-    };
-    this.treeModel = undefined;
-    this.lazyNode = undefined;
-    this.updateLazyCallback = undefined;
-    this.newNode = undefined;
-    this.testUpdateNode = false;
-    this.lazyLoadTreeItemsCallback = undefined;
   }
   // 6.COMPONENT LIFECYCLE METHODS //
   componentDidRender() {
@@ -67,33 +35,97 @@ export class GxIdeTest {
       this.renderedFirstTime = true;
     }
   }
-  // 7.LISTENERS //
-  loadLazyChildrenHandler(e) {
-    const treeItemId = e.detail;
-    if (this.lazyLoadTreeItemsCallback) {
-      const promise = this.lazyLoadTreeItemsCallback(treeItemId);
-      setTimeout(() => {
-        promise.then(result => {
-          this.treeModel = result;
-        });
-      }, 1000);
-    }
-  }
-  treeItemStateChanged(event) {
-    const updatedTreeModel = updateTreeModel(this.treeModel, event.detail, event.detail.id);
-    console.log("updatedTreeModel", updatedTreeModel);
+  componentDidLoad() {
+    this.treeViewEl.treeModel = [
+      {
+        id: "number-1",
+        caption: "number-1 label (always editable)",
+        class: "tree-view-item tree-view-item--success",
+        leaf: false,
+        leftImgSrc: "./objects/datastore",
+        editable: true,
+        checkbox: true,
+        items: [
+          {
+            id: "number-1-1",
+            caption: "number-1-1 (always editable)",
+            leaf: false,
+            leftImgSrc: "/build/ch-icon-assets/patterns",
+            editable: true,
+            checkbox: true,
+            items: [
+              {
+                id: "number-1-1-1",
+                caption: "number-1-1-1",
+                leaf: true,
+                checkbox: true,
+                leftImgSrc: "./objects/knowledge-base"
+              },
+              {
+                id: "number-1-1-2",
+                caption: "number-1-1-2",
+                leaf: false,
+                checkbox: true,
+                leftImgSrc: "./objects/knowledge-base",
+                items: [
+                  {
+                    id: "number-1-1-2-1",
+                    caption: "number-1-1-2-1 (lazy, drag disabled)",
+                    leaf: false,
+                    leftImgSrc: "./objects/knowledge-base",
+                    lazy: true,
+                    checkbox: true,
+                    dragDisabled: true,
+                    toggleCheckboxes: true
+                  },
+                  {
+                    id: "number-1-1-2-2",
+                    caption: "number-1-1-2-2",
+                    leaf: true,
+                    checkbox: true,
+                    leftImgSrc: "/build/ch-icon-assets/java"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            id: "number-1-2",
+            caption: "number-1-2",
+            leaf: true,
+            checkbox: true,
+            leftImgSrc: "./objects/knowledge-base"
+          }
+        ]
+      },
+      {
+        id: "number-2",
+        caption: "number-2",
+        class: "tree-view-item tree-view-item--custom-image",
+        checkbox: true,
+        leaf: false,
+        items: [
+          {
+            id: "number-2-1",
+            caption: "number-2-1",
+            leaf: true,
+            checkbox: true,
+            leftImgSrc: "/build/ch-icon-assets/java"
+          },
+          {
+            id: "number-2-2",
+            caption: "number-2-2",
+            leaf: true,
+            checkbox: true,
+            leftImgSrc: "./objects/knowledge-base"
+          }
+        ]
+      }
+    ];
   }
   // 10.RENDER() FUNCTION //
   render() {
-    if (!this.testUpdateNode && this.treeModel) {
-      return (h(Host, null, h("gxg-tree", { checked: true, checkbox: true, multiSelection: true, ref: (el) => (this.tree = el) }, renderTreeItems(this.treeModel)), ",", h("div", { class: "tree-buttons" }, h("gxg-button", { type: "outlined", onClick: this.closeTreeNodeHandler }, "Close 1-1-2"), h("gxg-button", { type: "outlined", onClick: this.openTreeNodeHandler }, "Open 1-1-2"), h("gxg-button", { type: "outlined", onClick: this.toggleTreeNodeHandler }, "Toggle 1-1-2"), h("gxg-button", { type: "outlined", onClick: this.getSelectedItemsHandler }, "Get Selected Items"), h("gxg-button", { type: "outlined", onClick: this.getCheckedItemsHandler }, "Get Checked Items"), h("gxg-button", { type: "outlined", onClick: this.deleteNodeHandler }, "Delete Tree"))));
-    }
-    else if (this.testUpdateNode) {
-      return (h(Host, null, h("gxg-tree", { checked: true, checkbox: true, multiSelection: true, ref: (el) => (this.tree = el), onTreeItemStateChanged: this.treeItemStateChangedHandler }, renderTreeItems(this.treeModel))));
-    }
-    else {
-      return h("slot", null);
-    }
+    return (h("div", null, h("div", { class: "tree-container" }, h("gxg-tree-view", { ref: el => (this.treeViewEl = el) })), h("label", null, "Check item", h("input", { type: "checkbox", name: "", id: "check-all", onInput: this.checkAllHandler }))));
   }
   static get is() { return "gx-ide-test"; }
   static get encapsulation() { return "shadow"; }
@@ -107,134 +139,6 @@ export class GxIdeTest {
       "$": ["test.css"]
     };
   }
-  static get properties() {
-    return {
-      "treeModel": {
-        "type": "unknown",
-        "mutable": true,
-        "complexType": {
-          "original": "GxgTreeItemData[]",
-          "resolved": "GxgTreeItemData[]",
-          "references": {
-            "GxgTreeItemData": {
-              "location": "import",
-              "path": "@genexus/gemini/dist/types/components/tree-item/gxg-tree-item"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The model for a gxg-tree"
-        }
-      },
-      "lazyNode": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "GxgTreeItemData[]",
-          "resolved": "GxgTreeItemData[]",
-          "references": {
-            "GxgTreeItemData": {
-              "location": "import",
-              "path": "@genexus/gemini/dist/types/components/tree-item/gxg-tree-item"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "A new lazy node"
-        }
-      },
-      "updateLazyCallback": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "(\n    id: string\n  ) => Promise<GxgTreeItemData[]>",
-          "resolved": "(id: string) => Promise<GxgTreeItemData[]>",
-          "references": {
-            "Promise": {
-              "location": "global"
-            },
-            "GxgTreeItemData": {
-              "location": "import",
-              "path": "@genexus/gemini/dist/types/components/tree-item/gxg-tree-item"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "A new lazy node"
-        }
-      },
-      "newNode": {
-        "type": "unknown",
-        "mutable": true,
-        "complexType": {
-          "original": "GxgTreeItemData[]",
-          "resolved": "GxgTreeItemData[]",
-          "references": {
-            "GxgTreeItemData": {
-              "location": "import",
-              "path": "@genexus/gemini/dist/types/components/tree-item/gxg-tree-item"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The new tree node to update"
-        }
-      },
-      "testUpdateNode": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "false",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Update tree model test"
-        },
-        "attribute": "test-update-node",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "lazyLoadTreeItemsCallback": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "(\n    treeItemId: string\n  ) => Promise<GxgTreeItemData[]>",
-          "resolved": "(treeItemId: string) => Promise<GxgTreeItemData[]>",
-          "references": {
-            "Promise": {
-              "location": "global"
-            },
-            "GxgTreeItemData": {
-              "location": "import",
-              "path": "@genexus/gemini/dist/types/components/tree-item/gxg-tree-item"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "A callback that returns a Promise with the new tree model"
-        }
-      }
-    };
-  }
   static get events() {
     return [{
         "method": "componentDidRenderFirstTime",
@@ -256,19 +160,4 @@ export class GxIdeTest {
         }
       }];
   }
-  static get listeners() {
-    return [{
-        "name": "loadLazyChildren",
-        "method": "loadLazyChildrenHandler",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "treeItemStateChanged",
-        "method": "treeItemStateChanged",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }];
-  }
 }

package/dist/collection/components/kb-manager-export/gx-ide-assets/kb-manager-export/langs/kb-manager-export.lang.en.json

@@ -10,7 +10,10 @@
   "main": {
     "addKnowledgeBaseDescription": "Add Knowledge Base / Version / Environment properties to list",
     "addKnowledgeBaseDescriptionShort": "Add",
-    "exportAll": "Export All"
+    "exportAll": "Export All",
+    "noObjectsToDisplay": "There are no Objects to display.",
+    "beginByADdingSomeObjects": "Begin by adding some.",
+    "exportAllMessage": "All Objects are going to be exported"
   },
   "footer": {
     "addButton": "Add",

package/dist/collection/components/kb-manager-export/helpers.js

@@ -1,3 +1,5 @@
+export const KB_PROPERTY = "property";
+export const KB_OBJECT = "object";
 /*
 INDEX:
 1. getObjectIcon
@@ -7,21 +9,10 @@ INDEX:
 5. findObjectInTree
 6. findPropertyInTree
 7. convertPropertyToTreeItem
-8. convertObjectDataToTreeItemData
+8. updateTreeModelWithObjects
 9. convertKbPropertiesDataToTreeItemData
 10. clearKbPropertiesFromTree
 */
-/* 1.1 getIcon (for objects)*/
-const getObjectIcon = (typeId, objectTypes) => {
-  // The object icon has to be retrieved from the ObjetTypes array, by matching the ObjectData typeId with the ObjectType id.
-  const objectType = objectTypes.find(objectType => objectType.id === typeId);
-  if (objectType) {
-    return objectType.icon;
-  }
-  else {
-    return undefined;
-  }
-};
 /* 1.2 getIcon (for properties)*/
 const getPropertyIcon = (typeId, kbPropertiesTypes) => {
   // The object icon has to be retrieved from the ObjetTypes array, by matching the ObjectData typeId with the ObjectType id.
@@ -39,7 +30,6 @@ const convertObjectTypeToTreeItem = (objectType) => ({
   id: objectType.id,
   leftImgSrc: objectType.icon,
   leaf: false,
-  checkbox: true,
   class: "object-type tree-view-item",
   expanded: true,
   items: []
@@ -48,17 +38,11 @@ const convertObjectTypeToTreeItem = (objectType) => ({
 const convertObjectToTreeItem = (object, objectTypes) => ({
   caption: object.name,
   id: object.id,
-  leftImgSrc: getObjectIcon(object.typeId, objectTypes),
-  checkbox: true,
+  leftImgSrc: objectTypes.get(object.typeId).icon,
   class: "object tree-view-item",
+  metadata: KB_OBJECT,
   leaf: true
 });
-/* 4. getObjectType*/
-const getObjectType = (object, objectTypes) => {
-  return objectTypes.find(objectType => {
-    return objectType.id === object.typeId;
-  });
-};
 /* 5. findObjectInTree*/
 const findObjectInTree = (object, actualTreeState) => {
   var _a;
@@ -99,12 +83,12 @@ const convertPropertyToTreeItem = (property, kbPropertiesTypes) => ({
   caption: property.name,
   id: property.id,
   leftImgSrc: getPropertyIcon(property.typeId, kbPropertiesTypes),
-  checkbox: true,
   class: "property tree-view-item",
+  metadata: KB_PROPERTY,
   leaf: true
 });
-/* 8. convertObjectDataToTreeItemData*/
-export const convertObjectDataToTreeItemData = (objects, objectTypes, actualTreeState) => {
+/* 8. updateTreeModelWithObjects*/
+export const updateTreeModelWithObjects = (objects, objectTypes, actualTreeState) => {
   const updatedTreeData = [...actualTreeState];
   if (!objects) {
     // nothing to do
@@ -119,7 +103,7 @@ export const convertObjectDataToTreeItemData = (objects, objectTypes, actualTree
       // if the objectType tree node exists, insert inside.
       // if the objectType tree node does not exists, create object type node first.
       if (objectTreeItemInfo.objectTypeIndex === -1) {
-        const objectType = getObjectType(object, objectTypes);
+        const objectType = objectTypes.get(object.typeId);
         if (objectType !== undefined) {
           const objectTypeTreeItem = convertObjectTypeToTreeItem(objectType);
           objectTreeItemInfo.objectTypeIndex =