@genexus/genexus-ide-ui 0.0.79 → 0.0.81

package/dist/collection/components/dashboard-home/dashboard-home.js

@@ -0,0 +1,302 @@
+/* STENCIL IMPORTS */
+import { Host, h } from "@stencil/core";
+/* OTHER LIBRARIES IMPORTS */
+/* CUSTOM IMPORTS */
+import { Locale } from "../../common/locale";
+import { formatDate } from "../../common/helpers";
+const mapStatusToIcons = {
+  new: "gx-server/new",
+  modified: "patterns-default-associated/modified",
+  conflicted: "patterns-default-associated/synchronized",
+  unmodified: "gx-server/delete"
+};
+export class GxIdeDashboardHome {
+  constructor() {
+    // 7.LISTENERS //
+    // 8.PUBLIC METHODS API //
+    // 9.LOCAL METHODS //
+    // Kb Name
+    this.handleKbNameChange = async () => {
+      if (this.renameKBCallback) {
+        const response = this.renameKBCallback(this.kbNameEl.value);
+        response.then((result) => {
+          if (result.success) {
+            this.kb.name = this.kbNameEl.value;
+          }
+          this.editValidation(result, this.kbNameEl);
+        });
+      }
+    };
+    // Environment Name
+    this.handleEnvNameChange = async () => {
+      if (this.renameEnvironmentCallback) {
+        const response = this.renameEnvironmentCallback(this.envNameEl.value);
+        response.then((result) => {
+          if (result.success) {
+            this.environment.name = this.envNameEl.value;
+          }
+          this.editValidation(result, this.envNameEl);
+        });
+      }
+    };
+    // Project Description
+    this.toggleEditDescription = async () => {
+      this.editingProjectDescription = !this.editingProjectDescription;
+    };
+    this.handleDescriptionChange = async () => {
+      if (this.editDescriptionCallback) {
+        await this.editDescriptionCallback();
+      }
+    };
+    // Recent Objects
+    this.openObject = (id) => {
+      this.openObjectCallback(id);
+    };
+    // Validation
+    this.editValidation = (result, el) => {
+      if (!result.success) {
+        el.validationStatus = "error";
+        el.validationMessage = result.errorMessage;
+      }
+    };
+    // 10.RENDER() FUNCTIONS //
+    this.renderProjectContent = () => {
+      return this.editingProjectDescription ? (h("div", null, h("gxg-form-textarea", { rows: 12, value: this.projectDescription }), h("div", { class: "project-buttons align-center" }, h("gxg-text", { type: "text-link", onClick: this.handleDescriptionChange }, this._componentLocale.save), h("gxg-text", { type: "text-link", onClick: this.toggleEditDescription }, this._componentLocale.discard)))) : (h("div", null, h("div", { innerHTML: this.projectDescription }), h("gxg-text", { icon: "gemini-tools/edit", type: "text-link", onClick: this.toggleEditDescription }, this._componentLocale.edit)));
+    };
+    this.editingKbName = false;
+    this.editingEnvName = false;
+    this.editingProjectDescription = false;
+    this.kb = undefined;
+    this.environment = undefined;
+    this.projectDescription = undefined;
+    this.recentObjects = undefined;
+    this.renameKBCallback = undefined;
+    this.renameEnvironmentCallback = undefined;
+    this.editDescriptionCallback = undefined;
+    this.openObjectCallback = undefined;
+  }
+  // 6.COMPONENT LIFECYCLE METHODS //
+  async componentWillLoad() {
+    this._componentLocale = await Locale.getComponentStrings(this.el);
+  }
+  componentDidRender() {
+    this.componentDidRenderEvent.emit(this._componentLocale.componentName);
+  }
+  renderFrontEndTitle() {
+    return this.environment.frontEnd.length <= 1
+      ? this._componentLocale.environment.frontEndLang
+      : this._componentLocale.environment.frontEndLangs;
+  }
+  // 11.RENDER() MAIN FUNCTION //
+  render() {
+    return (h(Host, { class: "gx-ide-component", id: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("div", { class: "grid grid--basic" }, h("div", { class: "kb gxi-overflow-auto" }, h("gxg-title-editable", { value: this.kb.name, "disable-edition": this.editingKbName, "click-to-edit": true, fluid: true, ref: el => (this.kbNameEl = el), onValueChanged: this.handleKbNameChange, focusType: "text", debounce: true }), h("div", { class: "align-center kb-detail" }, h("gxg-pill", { id: "pill", class: "version-pill", type: "static", icon: "objects/procedure" }, this._componentLocale.version, ": ", this.kb.currentVersion), h("gxg-text", { class: "display-inline", type: "text-regular", padding: "s", italic: true }, this._componentLocale.created, ":", " ", formatDate(this.kb.created, "date-time-short"), " -", " ", this._componentLocale.lastBuild, ":", " ", formatDate(this.kb.lastBuild, "date-time-short")))), h("div", { class: "environment" }, h("gxg-title-editable", { value: this.environment.name, "disable-edition": this.editingEnvName, "click-to-edit": true, "title-type": "h3", ref: el => (this.envNameEl = el), onValueChanged: this.handleEnvNameChange, focusType: "text", debounce: true }), h("div", { class: "grid grid--environments" }, h("gxg-card", { background: "gray-01", cardType: "mini", padding: "s", cardTitle: this.renderFrontEndTitle() }, h("div", { class: "front-end" }, this.environment.frontEnd.map((obj) => (h("div", { class: "align-center" }, h("gxg-icon", { type: obj.icon, color: "onbackground", style: {
+        "--color-on-background": "var(--gray-05);"
+      } }), obj.name))))), h("gxg-card", { background: "gray-01", cardType: "mini", padding: "s", cardTitle: this._componentLocale.environment.backEnd }, h("div", { class: "align-center" }, h("gxg-icon", { type: this.environment.backEnd.icon, color: "onbackground", style: {
+        "--color-on-background": "var(--gray-05);"
+      } }), this.environment.backEnd.name)), h("gxg-card", { background: "gray-01", cardType: "mini", padding: "s", cardTitle: this._componentLocale.environment.dataStore }, h("div", { class: "align-center" }, h("gxg-icon", { type: this.environment.dataStore.icon, color: "onbackground", style: {
+        "--color-on-background": "var(--gray-05);"
+      } }), this.environment.dataStore.name)))), h("gxg-card", { editableTitle: false, cardTitle: this._componentLocale.project.title, class: "project" }, this.renderProjectContent()), h("gxg-card", { editableTitle: false, cardTitle: this._componentLocale.recent.title, class: "recent-objects", cardType: "section", "no-padding-top": true }, this.recentObjects.map((obj, index) => (h("gxg-card", { background: "gray-01", padding: "m", cardType: "article", class: "recent-objects-card", actionable: true, onClick: () => this.openObject(index) }, h("div", { class: "grid grid--recent-objects" }, h("gxg-icon", { type: obj.typeIcon, color: "auto" }), h("gxg-text", { type: "text-regular", class: "obj-name" }, obj.name), h("gxg-text", { italic: true, class: "justify-end" }, this._componentLocale.recent.modified, ":", " ", `${formatDate(obj.modificationDate, "date")}`), h("div", { class: " justify-end" }, h("gxg-icon", { type: mapStatusToIcons[obj.status], color: "auto" })))))))))));
+  }
+  static get is() { return "gx-ide-dashboard-home"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["dashboard-home.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["dashboard-home.css"]
+    };
+  }
+  static get assetsDirs() { return ["gx-ide-assets/dashboard-home"]; }
+  static get properties() {
+    return {
+      "kb": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "KBData",
+          "resolved": "{ name: string; currentVersion: string; created: Date; lastBuild?: Date; }",
+          "references": {
+            "KBData": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The KB basic properties."
+        }
+      },
+      "environment": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "EnvironmentData",
+          "resolved": "{ name: string; frontEnd: EnvironmentItemData[]; backEnd: EnvironmentItemData; dataStore: EnvironmentItemData; }",
+          "references": {
+            "EnvironmentData": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Information of the current environment."
+        }
+      },
+      "projectDescription": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Project Detail description."
+        },
+        "attribute": "project-description",
+        "reflect": false
+      },
+      "recentObjects": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "recentObjectData[]",
+          "resolved": "recentObjectData[]",
+          "references": {
+            "recentObjectData": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Recently edited objects."
+        }
+      },
+      "renameKBCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(name: string) => Promise<EditResult>",
+          "resolved": "(name: string) => Promise<EditResult>",
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "EditResult": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Callback invoked when user tries to rename the KB.\nReceives the new name as a parameter\nand returns a promise with the result of the operation."
+        }
+      },
+      "renameEnvironmentCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(\n    name: string\n  ) => Promise<EditResult>",
+          "resolved": "(name: string) => Promise<EditResult>",
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "EditResult": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Callback invoked when user tries to rename the KB environment.\nReceives the new name as a parameter\nand returns a promise with the result of the operation."
+        }
+      },
+      "editDescriptionCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "() => Promise<void>",
+          "resolved": "() => Promise<void>",
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Callback invoked when user tries to edit the Project Description.\nThe edition is resolved by the host."
+        }
+      },
+      "openObjectCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(id: number) => Promise<void>",
+          "resolved": "(id: number) => Promise<void>",
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Callback invoked when user tries to open one of the listed Recent Objects\nReceives the internal ID of the object"
+        }
+      }
+    };
+  }
+  static get states() {
+    return {
+      "editingKbName": {},
+      "editingEnvName": {},
+      "editingProjectDescription": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "componentDidRenderEvent",
+        "name": "componentDidRenderEvent",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [{
+              "name": "description",
+              "text": "Gets fired when the component has rendered for the first time."
+            }],
+          "text": ""
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }];
+  }
+  static get elementRef() { return "el"; }
+}

package/dist/collection/components/dashboard-home/gx-ide-assets/dashboard-home/langs/dashboard-home.lang.en.json

@@ -0,0 +1,28 @@
+{
+  "componentName": "Dashboard Home",
+  "version": "Version",
+  "created": "Created",
+  "lastBuild": "Last Build",
+  "edit": "Edit Description",
+  "save": "Save Changes",
+  "discard": "Discard Changes",
+  "project": {
+    "title": "Project Detail",
+    "tabs": {
+      "description": "Description",
+      "lookFeel": "Look & feel",
+      "architecture": "Architecture"
+    }
+  },
+  "environment": {
+    "title": "Environment Name",
+    "frontEndLang": "Frontend Language",
+    "frontEndLangs": "Frontend Languages",
+    "backEnd": "Backend Language",
+    "dataStore": "Main Data Store"
+  },
+  "recent": {
+    "title": "Recent Objects",
+    "modified": "Modified"
+  }
+}

package/dist/collection/components/dashboard-home/gx-ide-assets/dashboard-home/langs/dashboard-home.lang.ja.json

@@ -0,0 +1,3 @@
+{
+  "presentation": "「こんにちは、私の名前は {0} です。オレゴンに住んでいます。」"
+}

package/dist/collection/components/dashboard-home/gx-ide-assets/dashboard-home/langs/dashboard-home.lang.zh.json

@@ -0,0 +1,3 @@
+{
+  "presentation": "你好，我的名字是 {0}，我住在俄勒冈州。"
+}

package/dist/collection/components/kb-manager-export/kb-manager-export.css

@@ -40,6 +40,21 @@ Found on /common/helpers.tsx hiChar function is used to add a span/class to ever
   overflow: auto;
 }
 
+.justify-start {
+  display: flex;
+  justify-content: start;
+}
+
+.justify-center {
+  display: flex;
+  justify-content: center;
+}
+
+.justify-end {
+  display: flex;
+  justify-content: end;
+}
+
 /* Grids */
 .grid {
   display: grid;

package/dist/collection/components/kb-manager-import/kb-manager-import.css

@@ -40,6 +40,21 @@ Found on /common/helpers.tsx hiChar function is used to add a span/class to ever
   overflow: auto;
 }
 
+.justify-start {
+  display: flex;
+  justify-content: start;
+}
+
+.justify-center {
+  display: flex;
+  justify-content: center;
+}
+
+.justify-end {
+  display: flex;
+  justify-content: end;
+}
+
 /* Grids */
 .grid {
   display: grid;

package/dist/collection/components/new-environment/new-environment.css

@@ -40,6 +40,21 @@ Found on /common/helpers.tsx hiChar function is used to add a span/class to ever
   overflow: auto;
 }
 
+.justify-start {
+  display: flex;
+  justify-content: start;
+}
+
+.justify-center {
+  display: flex;
+  justify-content: center;
+}
+
+.justify-end {
+  display: flex;
+  justify-content: end;
+}
+
 /* Grids */
 .grid {
   display: grid;

package/dist/collection/components/new-kb/new-kb.css

@@ -40,6 +40,21 @@ Found on /common/helpers.tsx hiChar function is used to add a span/class to ever
   overflow: auto;
 }
 
+.justify-start {
+  display: flex;
+  justify-content: start;
+}
+
+.justify-center {
+  display: flex;
+  justify-content: center;
+}
+
+.justify-end {
+  display: flex;
+  justify-content: end;
+}
+
 /* Grids */
 .grid {
   display: grid;

package/dist/collection/components/new-object/new-object.css

@@ -40,6 +40,21 @@ Found on /common/helpers.tsx hiChar function is used to add a span/class to ever
   overflow: auto;
 }
 
+.justify-start {
+  display: flex;
+  justify-content: start;
+}
+
+.justify-center {
+  display: flex;
+  justify-content: center;
+}
+
+.justify-end {
+  display: flex;
+  justify-content: end;
+}
+
 /* Grids */
 .grid {
   display: grid;

package/dist/collection/components/object-selector/object-selector.css

@@ -40,6 +40,21 @@ Found on /common/helpers.tsx hiChar function is used to add a span/class to ever
   overflow: auto;
 }
 
+.justify-start {
+  display: flex;
+  justify-content: start;
+}
+
+.justify-center {
+  display: flex;
+  justify-content: center;
+}
+
+.justify-end {
+  display: flex;
+  justify-content: end;
+}
+
 /* Grids */
 .grid {
   display: grid;

package/dist/collection/components/references/references.css

@@ -40,6 +40,21 @@ Found on /common/helpers.tsx hiChar function is used to add a span/class to ever
   overflow: auto;
 }
 
+.justify-start {
+  display: flex;
+  justify-content: start;
+}
+
+.justify-center {
+  display: flex;
+  justify-content: center;
+}
+
+.justify-end {
+  display: flex;
+  justify-content: end;
+}
+
 /* Grids */
 .grid {
   display: grid;

package/dist/collection/components/share-kb/share-kb.css

@@ -40,6 +40,21 @@ Found on /common/helpers.tsx hiChar function is used to add a span/class to ever
   overflow: auto;
 }
 
+.justify-start {
+  display: flex;
+  justify-content: start;
+}
+
+.justify-center {
+  display: flex;
+  justify-content: center;
+}
+
+.justify-end {
+  display: flex;
+  justify-content: end;
+}
+
 /* Grids */
 .grid {
   display: grid;

package/dist/collection/components/team-dev/commit/commit.css

@@ -40,6 +40,21 @@ Found on /common/helpers.tsx hiChar function is used to add a span/class to ever
   overflow: auto;
 }
 
+.justify-start {
+  display: flex;
+  justify-content: start;
+}
+
+.justify-center {
+  display: flex;
+  justify-content: center;
+}
+
+.justify-end {
+  display: flex;
+  justify-content: end;
+}
+
 /* Grids */
 .grid {
   display: grid;

package/dist/collection/components/team-dev/select-recent-comment/select-recent-comment.css

@@ -40,6 +40,21 @@ Found on /common/helpers.tsx hiChar function is used to add a span/class to ever
   overflow: auto;
 }
 
+.justify-start {
+  display: flex;
+  justify-content: start;
+}
+
+.justify-center {
+  display: flex;
+  justify-content: center;
+}
+
+.justify-end {
+  display: flex;
+  justify-content: end;
+}
+
 /* Grids */
 .grid {
   display: grid;

package/dist/collection/components/team-dev/update/update.css

@@ -40,6 +40,21 @@ Found on /common/helpers.tsx hiChar function is used to add a span/class to ever
   overflow: auto;
 }
 
+.justify-start {
+  display: flex;
+  justify-content: start;
+}
+
+.justify-center {
+  display: flex;
+  justify-content: center;
+}
+
+.justify-end {
+  display: flex;
+  justify-content: end;
+}
+
 /* Grids */
 .grid {
   display: grid;

package/dist/collection/components/team-dev/update-partial-selection/update-partial-selection.css

@@ -40,6 +40,21 @@ Found on /common/helpers.tsx hiChar function is used to add a span/class to ever
   overflow: auto;
 }
 
+.justify-start {
+  display: flex;
+  justify-content: start;
+}
+
+.justify-center {
+  display: flex;
+  justify-content: center;
+}
+
+.justify-end {
+  display: flex;
+  justify-content: end;
+}
+
 /* Grids */
 .grid {
   display: grid;

package/dist/collection/components/team-dev/update-to-revision/update-to-revision.css

@@ -40,6 +40,21 @@ Found on /common/helpers.tsx hiChar function is used to add a span/class to ever
   overflow: auto;
 }
 
+.justify-start {
+  display: flex;
+  justify-content: start;
+}
+
+.justify-center {
+  display: flex;
+  justify-content: center;
+}
+
+.justify-end {
+  display: flex;
+  justify-content: end;
+}
+
 /* Grids */
 .grid {
   display: grid;

package/dist/collection/components/ww-images/ww-images.css

@@ -40,6 +40,21 @@ Found on /common/helpers.tsx hiChar function is used to add a span/class to ever
   overflow: auto;
 }
 
+.justify-start {
+  display: flex;
+  justify-content: start;
+}
+
+.justify-center {
+  display: flex;
+  justify-content: center;
+}
+
+.justify-end {
+  display: flex;
+  justify-content: end;
+}
+
 /* Grids */
 .grid {
   display: grid;

package/dist/collection/pages/assets/common.js

@@ -1,5 +1,7 @@
 const toggleDarkBtn = document.getElementById("toggle-dark-btn");
 const toggleDirBtn = document.getElementById("toggle-dir-btn");
+const geminifyBtn = document.getElementById("geminify-btn");
+const mercurifyBtn = document.getElementById("mercurify-btn");
 const showPartsBtn = document.getElementById("show-parts-btn");
 const responsiveMobileBtn = document.getElementById("responsive-mobile-btn");
 const responsiveTabletBtn = document.getElementById("responsive-tablet-btn");
@@ -31,6 +33,19 @@ if (toggleDirBtn) {
   });
 }
 
+/* Geminify */
+if (geminifyBtn) {
+  geminifyBtn.addEventListener("click", function () {
+    html.classList.remove("mercury");
+  });
+}
+/* Mercurify */
+if (mercurifyBtn) {
+  mercurifyBtn.addEventListener("click", function () {
+    html.classList.add("mercury");
+  });
+}
+
 /* Show Parts */
 if (showPartsBtn) {
   showPartsBtn.addEventListener("click", function () {