@genexus/genexus-ide-ui 0.0.22 → 0.0.24

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

@@ -0,0 +1,149 @@
+/*Gemini*/
+/*Gx Ide*/
+/* Helper Classes */
+.gxi-hidden {
+  display: none !important;
+}
+
+.gxi-full-height {
+  height: 100%;
+}
+
+.align-start {
+  display: flex;
+  align-items: start;
+}
+
+.align-center {
+  display: flex;
+  align-items: center;
+}
+
+.align-end {
+  display: flex;
+  align-items: end;
+}
+
+/* Grids */
+.grid {
+  display: grid;
+  grid-row-gap: var(--gx-ide-grid-row-gap);
+  grid-column-gap: var(--gx-ide-grid-column-gap);
+  grid-template-rows: auto;
+}
+
+/*All components Host should have this class set. !important is set on every rule, since this styles could be overridden by the host user, since they are applied on the host component*/
+:host(.gx-ide-component) {
+  box-shadow: var(--box-shadow-01) !important;
+  height: 100% !important;
+  display: flex !important;
+  flex-direction: column !important;
+}
+
+/*stylize the top bar*/
+:host(:focus-within) gx-ide-top-bar::part(wrapper) {
+  background-color: var(--color-secondary-enabled);
+}
+
+/* Main wrapper (should be the first element inside the host. Everything should be inside .gx-ide-main-wrapper) */
+.gx-ide-main-wrapper {
+  color: var(--gx-ide-component-text-color);
+  font-weight: var(--font-weight-regular);
+  font-size: var(--font-size-lg);
+  line-height: 1.6em;
+  height: 100%;
+  background-color: var(--gx-ide-component-background-color);
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+}
+
+/*This is the main element. This is the one that take the remaining vertical space*/
+.gx-ide-main {
+  flex-grow: 1;
+  overflow-y: auto;
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+.gx-ide-main::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.gx-ide-main::-webkit-scrollbar-track {
+  background-color: var(--gray-02);
+  border-radius: 10px;
+}
+.gx-ide-main::-webkit-scrollbar-thumb {
+  background: var(--gray-05);
+  border-radius: 10px;
+}
+.gx-ide-main::-webkit-scrollbar-thumb:hover {
+  background: var(--gray-04);
+  cursor: pointer;
+}
+.gx-ide-main .gxg-scroll {
+  display: block;
+  overflow-y: auto;
+  padding-inline-end: 2px;
+}
+
+.gx-ide-overflow {
+  overflow-y: auto;
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+.gx-ide-overflow::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.gx-ide-overflow::-webkit-scrollbar-track {
+  background-color: var(--gray-02);
+  border-radius: 10px;
+}
+.gx-ide-overflow::-webkit-scrollbar-thumb {
+  background: var(--gray-05);
+  border-radius: 10px;
+}
+.gx-ide-overflow::-webkit-scrollbar-thumb:hover {
+  background: var(--gray-04);
+  cursor: pointer;
+}
+.gx-ide-overflow .gxg-scroll {
+  display: block;
+  overflow-y: auto;
+  padding-inline-end: 2px;
+}
+
+/*Gemini*/
+/*Gx Ide*/
+:host {
+  display: block;
+  border: 1px solid var(--gxg-border-color--regular);
+  background-color: var(--color-background);
+}
+
+:host(.gxi-object-selector--shadow) {
+  border: none;
+  box-shadow: var(--box-shadow-01);
+}
+
+.top-actions {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+/* Objects Table */
+.actions {
+  grid-template-columns: repeat(2, 1fr);
+}
+.actions > * {
+  display: flex;
+  flex-direction: row;
+  gap: var(--gx-ide-grid-row-gap);
+}
+.actions > *:nth-child(2) {
+  justify-content: flex-end;
+}

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

@@ -0,0 +1,238 @@
+/* STENCIL IMPORTS */
+import { Host, h } from "@stencil/core";
+/* OTHER LIBRARIES IMPORTS */
+/* CUSTOM IMPORTS */
+import { Locale } from "../../common/locale";
+export class GxIdeTeamDevUpdatePartialSelection {
+  constructor() {
+    // 9.LOCAL METHODS //
+    this.handleKeyDownEvent = (add) => {
+      if (add) {
+        document.addEventListener("keydown", this.keyDownEventHandler);
+      }
+      else {
+        document.removeEventListener("keydown", this.keyDownEventHandler);
+      }
+    };
+    this.keyDownEventHandler = (e) => {
+      console.log(e.detail);
+    };
+    this.renderObjects = () => {
+      return (h("gxg-grid", null, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridEl = el), part: "ch-grid-objects" }, h("ch-grid-columnset", null, h("ch-grid-column", { columnName: "", settingable: false, sortable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedOn, settingable: false })), this.selection.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", null, h("gxg-icon", { type: obj.typeIcon })), h("ch-grid-cell", null, " ", obj.name, " "), h("ch-grid-cell", null, " ", obj.type, " "), h("ch-grid-cell", null, " ", obj.description, " "), h("ch-grid-cell", null, `${obj.modifiedOn.toISOString().slice(0, 10)}`)))))));
+    };
+    this.getObjects = () => {
+      this.addCallback().then((items) => {
+        if ((items === null || items === void 0 ? void 0 : items.length) > 0) {
+          this.selection = [...this.selection, ...items];
+          this.selectedObjectsIds = [];
+          this.deselectAll();
+        }
+      });
+    };
+    this.removeObjects = () => {
+      this.selection = this.selection.filter(item => !this.selectedObjectsIds.includes(item.id));
+      this.selectedObjectsIds = [];
+      this.deselectAll();
+    };
+    this.confirm = () => {
+      this.confirmCallback(this.selectedObjectsIds);
+    };
+    this.cancel = () => {
+      this.cancelCallback();
+    };
+    this.deselectAll = () => {
+      this.chGridEl.selectAllRows(false);
+    };
+    this.listenChanges = () => {
+      // for grid selection
+      this.chGridEl.addEventListener("selectionChanged", (ev) => {
+        this.selectedObjectsIds = ev.detail.rowsId;
+      });
+    };
+    this.addCallback = undefined;
+    this.cancelCallback = undefined;
+    this.confirmCallback = undefined;
+    this.selection = [];
+    this.selectedObjectsIds = [];
+  }
+  // 6.COMPONENT LIFECYCLE EVENTS //
+  async componentWillLoad() {
+    this._componentLocale = await Locale.getComponentStrings(this.el);
+    this.componentDidLoadEvent.emit(true);
+    this.handleKeyDownEvent(true);
+  }
+  componentDidLoad() {
+    this.listenChanges();
+  }
+  // 7.LISTENERS //
+  keyDownHandler(eventInfo) {
+    if (document.activeElement === this.el) {
+      switch (eventInfo.key) {
+        case "Delete":
+          this.removeObjects();
+          break;
+      }
+    }
+  }
+  // 8.PUBLIC METHODS API //
+  /**
+   * Validate necessary data input
+   */
+  async validate() {
+    const isValid = true;
+    return isValid;
+  }
+  // 10.RENDER() FUNCTION //
+  render() {
+    return (h(Host, { class: {
+        "gxi-team-dev-update-partial-selection": true
+      } }, h("div", { class: `main-wrapper` }, h("gxg-container", { containerTitle: this._componentLocale.title }, h("div", { class: "top-actions" }, h("gxg-button", { id: "button-add", type: "secondary-icon-only", icon: "gemini-tools/add-circle", onClick: this.getObjects, part: "gxg-button gxg-button--add" }), h("gxg-button", { id: "button-remove", type: "secondary-icon-only", icon: "gemini-tools/minus-circle", onClick: this.removeObjects, part: "gxg-button gxg-button--remove" })), this.renderObjects(), h("gxg-container", { displayBorderTop: true }, h("div", { class: "grid actions" }, h("div", null, h("gxg-button", { id: "button-clear", type: "primary-text-only", onClick: this.deselectAll, part: "gxg-button gxg-button--clear" }, this._componentLocale.footer.btnClear)), h("div", null, h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.confirm, part: "gxg-button gxg-button--ok" }, this._componentLocale.footer.btnOk), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancel, part: "gxg-button gxg-button--cancel" }, this._componentLocale.footer.btnCancel))))))));
+  }
+  static get is() { return "gx-ide-team-dev-update-partial-selection"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["team-dev-update-partial-selection.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["team-dev-update-partial-selection.css"]
+    };
+  }
+  static get assetsDirs() { return ["gx-ide-assets/team-dev-update-partial-selection"]; }
+  static get properties() {
+    return {
+      "addCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "AddCallbackFn",
+          "resolved": "() => Promise<ObjectData[]>",
+          "references": {
+            "AddCallbackFn": {
+              "location": "local"
+            }
+          }
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "This is a function provided by the developer that return a list of new objects to populate the table of objects."
+        }
+      },
+      "cancelCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "CancelCallbackFn",
+          "resolved": "() => Promise<void>",
+          "references": {
+            "CancelCallbackFn": {
+              "location": "local"
+            }
+          }
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "This is a function provided by the developer for execute when cancel button is pressed."
+        }
+      },
+      "confirmCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "ConfirmCallbackFn",
+          "resolved": "(ids: string[]) => Promise<void>",
+          "references": {
+            "ConfirmCallbackFn": {
+              "location": "local"
+            }
+          }
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "This is a function provided by the developer and is invoked when the action confirm is executed passing the selected objects of the grid"
+        }
+      },
+      "selection": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "ObjectData[]",
+          "resolved": "ObjectData[]",
+          "references": {
+            "ObjectData": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The categories render in the filter category selector"
+        },
+        "defaultValue": "[]"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "selectedObjectsIds": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "componentDidLoadEvent",
+        "name": "componentDidLoadEvent",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "This event is emitted once just after the component is fully loaded and the first render() occurs."
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "validate": {
+        "complexType": {
+          "signature": "() => Promise<boolean>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<boolean>"
+        },
+        "docs": {
+          "text": "Validate necessary data input",
+          "tags": []
+        }
+      }
+    };
+  }
+  static get elementRef() { return "el"; }
+  static get listeners() {
+    return [{
+        "name": "keydown",
+        "method": "keyDownHandler",
+        "target": undefined,
+        "capture": false,
+        "passive": true
+      }];
+  }
+}

package/dist/collection/components/team-dev-update-to-revision/gx-ide-assets/team-dev-update-to-revision/langs/team-dev-update-to-revision.lang.en.json

@@ -0,0 +1,11 @@
+{
+  "name": "Name",
+  "options": {
+    "updateToLatest": "Update to Latest Revision",
+    "updateToRevision": "Update to Revision #"
+  },
+  "footer": {
+    "btnOk": "Ok",
+    "btnCancel": "Cancel"
+  }
+}

package/dist/collection/components/team-dev-update-to-revision/gx-ide-assets/team-dev-update-to-revision/langs/team-dev-update-to-revision.lang.ja.json

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

package/dist/collection/components/team-dev-update-to-revision/gx-ide-assets/team-dev-update-to-revision/langs/team-dev-update-to-revision.lang.zh.json

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

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

@@ -0,0 +1,147 @@
+/*Gemini*/
+/*Gx Ide*/
+/* Helper Classes */
+.gxi-hidden {
+  display: none !important;
+}
+
+.gxi-full-height {
+  height: 100%;
+}
+
+.align-start {
+  display: flex;
+  align-items: start;
+}
+
+.align-center {
+  display: flex;
+  align-items: center;
+}
+
+.align-end {
+  display: flex;
+  align-items: end;
+}
+
+/* Grids */
+.grid {
+  display: grid;
+  grid-row-gap: var(--gx-ide-grid-row-gap);
+  grid-column-gap: var(--gx-ide-grid-column-gap);
+  grid-template-rows: auto;
+}
+
+/*All components Host should have this class set. !important is set on every rule, since this styles could be overridden by the host user, since they are applied on the host component*/
+:host(.gx-ide-component) {
+  box-shadow: var(--box-shadow-01) !important;
+  height: 100% !important;
+  display: flex !important;
+  flex-direction: column !important;
+}
+
+/*stylize the top bar*/
+:host(:focus-within) gx-ide-top-bar::part(wrapper) {
+  background-color: var(--color-secondary-enabled);
+}
+
+/* Main wrapper (should be the first element inside the host. Everything should be inside .gx-ide-main-wrapper) */
+.gx-ide-main-wrapper {
+  color: var(--gx-ide-component-text-color);
+  font-weight: var(--font-weight-regular);
+  font-size: var(--font-size-lg);
+  line-height: 1.6em;
+  height: 100%;
+  background-color: var(--gx-ide-component-background-color);
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+}
+
+/*This is the main element. This is the one that take the remaining vertical space*/
+.gx-ide-main {
+  flex-grow: 1;
+  overflow-y: auto;
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+.gx-ide-main::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.gx-ide-main::-webkit-scrollbar-track {
+  background-color: var(--gray-02);
+  border-radius: 10px;
+}
+.gx-ide-main::-webkit-scrollbar-thumb {
+  background: var(--gray-05);
+  border-radius: 10px;
+}
+.gx-ide-main::-webkit-scrollbar-thumb:hover {
+  background: var(--gray-04);
+  cursor: pointer;
+}
+.gx-ide-main .gxg-scroll {
+  display: block;
+  overflow-y: auto;
+  padding-inline-end: 2px;
+}
+
+.gx-ide-overflow {
+  overflow-y: auto;
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+.gx-ide-overflow::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.gx-ide-overflow::-webkit-scrollbar-track {
+  background-color: var(--gray-02);
+  border-radius: 10px;
+}
+.gx-ide-overflow::-webkit-scrollbar-thumb {
+  background: var(--gray-05);
+  border-radius: 10px;
+}
+.gx-ide-overflow::-webkit-scrollbar-thumb:hover {
+  background: var(--gray-04);
+  cursor: pointer;
+}
+.gx-ide-overflow .gxg-scroll {
+  display: block;
+  overflow-y: auto;
+  padding-inline-end: 2px;
+}
+
+/*Gemini*/
+/*Gx Ide*/
+:host {
+  display: block;
+  border: 1px solid var(--gxg-border-color--regular);
+  background-color: var(--color-background);
+}
+
+:host(.gxi-object-selector--shadow) {
+  border: none;
+  box-shadow: var(--box-shadow-01);
+}
+
+.revision-number {
+  display: flex;
+  align-items: center;
+  gap: var(--gx-ide-grid-row-gap);
+}
+.revision-number > :nth-child(2) {
+  width: auto !important;
+}
+
+/* Objects Table */
+.actions {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: var(--gx-ide-grid-row-gap);
+}

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

@@ -0,0 +1,136 @@
+/* STENCIL IMPORTS */
+import { Host, h } from "@stencil/core";
+/* OTHER LIBRARIES IMPORTS */
+/* CUSTOM IMPORTS */
+import { Locale } from "../../common/locale";
+export class GxIdeTeamDevUpdateToRevision {
+  constructor() {
+    // 9.LOCAL METHODS //
+    this.confirm = () => {
+      let revision = undefined;
+      if (this.updateToRevisionEl.checked) {
+        revision = this.revisionNumberEl.value;
+      }
+      this.confirmCallback(revision);
+    };
+    this.cancel = () => {
+      this.cancelCallback();
+    };
+    this.cancelCallback = undefined;
+    this.confirmCallback = undefined;
+  }
+  // 6.COMPONENT LIFECYCLE EVENTS //
+  async componentWillLoad() {
+    this._componentLocale = await Locale.getComponentStrings(this.el);
+    this.componentDidLoadEvent.emit(true);
+  }
+  // 7.LISTENERS //
+  // 8.PUBLIC METHODS API //
+  /**
+   * Validate necessary data input
+   */
+  async validate() {
+    const isValid = true;
+    return isValid;
+  }
+  // 10.RENDER() FUNCTION //
+  render() {
+    return (h(Host, { class: {
+        "gxi-team-dev-update-to-revision": true
+      } }, h("div", { class: `main-wrapper` }, h("gxg-container", null, h("gxg-form-radio-group", null, h("gxg-form-radio", { label: this._componentLocale.options.updateToLatest, value: "updateToLatest", part: "radio-to-latest" }), h("div", { class: "revision-number" }, h("gxg-form-radio", { label: this._componentLocale.options.updateToRevision, value: "updateToRevision", ref: (el) => (this.updateToRevisionEl = el), part: "radio-to-revision" }), h("gxg-form-text", { ref: (el) => (this.revisionNumberEl = el), part: "revision-number" })))), h("gxg-container", { displayBorderTop: true }, h("div", { class: "actions" }, h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.confirm, part: "gxg-button gxg-button--ok" }, this._componentLocale.footer.btnOk), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancel, part: "gxg-button gxg-button--cancel" }, this._componentLocale.footer.btnCancel))))));
+  }
+  static get is() { return "gx-ide-team-dev-update-to-revision"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["team-dev-update-to-revision.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["team-dev-update-to-revision.css"]
+    };
+  }
+  static get assetsDirs() { return ["gx-ide-assets/team-dev-update-to-revision"]; }
+  static get properties() {
+    return {
+      "cancelCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "cancelCallbackFn",
+          "resolved": "() => Promise<void>",
+          "references": {
+            "cancelCallbackFn": {
+              "location": "local"
+            }
+          }
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "This is a function provided by the developer for execute when cancel button is pressed."
+        }
+      },
+      "confirmCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "confirmCallbackFn",
+          "resolved": "(revision: string) => Promise<void>",
+          "references": {
+            "confirmCallbackFn": {
+              "location": "local"
+            }
+          }
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "This is a function provided by the developer and is invoked when the action confirm is executed passing the selected objects of the grid"
+        }
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "componentDidLoadEvent",
+        "name": "componentDidLoadEvent",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "This event is emitted once just after the component is fully loaded and the first render() occurs."
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "validate": {
+        "complexType": {
+          "signature": "() => Promise<boolean>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<boolean>"
+        },
+        "docs": {
+          "text": "Validate necessary data input",
+          "tags": []
+        }
+      }
+    };
+  }
+  static get elementRef() { return "el"; }
+}