@genexus/genexus-ide-ui 0.0.39 → 0.0.41

package/dist/collection/components/create-kb-from-server/create-kb-from-server.js

@@ -0,0 +1,302 @@
+/* STENCIL IMPORTS */
+import { Host, h } from "@stencil/core";
+import { Locale } from "../../common/locale";
+import { renderFormItems } from "../../common/common";
+import { formSubmitValidation } from "../../common/form-validation";
+export class GxIdeCreateKbFromServer {
+  constructor() {
+    this.kbIdSelected = null;
+    this.authenticationTypes = [];
+    // 7.LISTENERS //
+    // 8.PUBLIC METHODS API //
+    // 9.LOCAL METHODS //
+    this.setAuthenticationTypes = () => {
+      this.authenticationTypes = [
+        {
+          id: "genexus",
+          value: "genexus",
+          label: this._componentLocale.authenticationTypes.genexusAccount
+        },
+        {
+          id: "local",
+          value: "local",
+          label: this._componentLocale.authenticationTypes.local
+        }
+      ];
+    };
+    this.addEventListeners = () => {
+      this.serverUrlsEl.addEventListener("valueChanged", () => {
+        this.reset();
+      });
+      this.searchKBEl.addEventListener("valueChanged", (e) => {
+        this.kbNameEl.value = "";
+        this.kbIdSelected = null;
+        this.kbSearchText = e.detail;
+      });
+      this.listBoxEl.addEventListener("selectionChanged", (ev) => {
+        const selectedItems = ev.detail.items;
+        let selectedItem;
+        if (selectedItems.length > 0) {
+          selectedItem = ev.detail.items[0];
+        }
+        if (selectedItem) {
+          this.kbIdSelected = selectedItem.value;
+          const kbSelected = this.kbs.find(kb => kb.id === this.kbIdSelected);
+          if (kbSelected) {
+            this.kbNameEl.value = kbSelected.name;
+          }
+        }
+      });
+    };
+    this.createKbHandler = () => {
+      if (this.createKBCallback) {
+        const createKBCallbackPromise = this.createKBCallback({
+          id: this.kbIdSelected,
+          name: this.kbNameEl.value
+        });
+        createKBCallbackPromise.then((formSubmitResult) => {
+          formSubmitValidation(formSubmitResult, this);
+        });
+      }
+    };
+    this.connectCallbackHandler = () => {
+      var _a, _b;
+      if (this.connectCallback) {
+        const connectCallbackPromise = this.connectCallback({
+          serverUrl: this.serverUrlsEl.value,
+          authenticationType: this.authenticationTypeEl.value,
+          user: (_a = this.userNameEl) === null || _a === void 0 ? void 0 : _a.value,
+          password: (_b = this.passwordEl) === null || _b === void 0 ? void 0 : _b.value
+        });
+        connectCallbackPromise.then((connectionResultData) => {
+          formSubmitValidation(connectionResultData.formResult, this);
+          if (connectionResultData.formResult.success &&
+            connectionResultData.kbs) {
+            this.kbs = connectionResultData.kbs;
+            this.selectionKbDisabled = false;
+          }
+        });
+      }
+    };
+    this.selectionKbDisabled = true;
+    this.kbs = [];
+    this.kbSearchText = "";
+    this.connectCallback = undefined;
+    this.createKBCallback = undefined;
+    this.enableCustomServer = false;
+    this.kbName = undefined;
+    this.password = undefined;
+    this.serverUrls = undefined;
+    this.userName = undefined;
+  }
+  // 6.METHODS //
+  async componentWillLoad() {
+    this._componentLocale = await Locale.getComponentStrings(this.el);
+    // this.setInitialValues();
+    this.setAuthenticationTypes();
+  }
+  componentDidLoad() {
+    this.serverUrlsEl.focus();
+    this.addEventListeners();
+  }
+  reset() {
+    this.kbs = [];
+    this.kbIdSelected = null;
+    this.selectionKbDisabled = true;
+    this.searchKBEl.value = "";
+    this.kbSearchText = "";
+  }
+  // 10.RENDER() FUNCTION //
+  // 11.RENDER() FUNCTION //
+  render() {
+    return (h(Host, { class: { "gx-ide-component": true } }, h("div", { class: `main-wrapper` }, h("gxg-container", null, h("div", { class: "flex" }, h("gxg-label", { labelPosition: "start", class: "kb-label" }, this._componentLocale.label.serverUrl), h("gxg-combo-box", { disableFilter: !this.enableCustomServer, ref: (el) => (this.serverUrlsEl = el), class: "server-urls-combo-box", part: "server-urls" }, this.serverUrls
+      ? renderFormItems("gxg-combo-box-item", this.serverUrls.map(sUrl => ({
+        id: sUrl,
+        label: sUrl,
+        value: sUrl
+      })), "server-urls")
+      : null)), h("div", { class: "grid grid-data" }, h("div", null, h("div", { class: "grid grid-data-account" }, h("gxg-combo-box", { disableFilter: true, value: this.authenticationTypes[0].id, ref: (el) => (this.authenticationTypeEl = el), class: "authentication-type", part: "authentication-type", onValueChanged: this.evaluateAuthenticationType }, renderFormItems("gxg-combo-box-item", this.authenticationTypes, "authentication-type")), h("gxg-label", { labelPosition: "start", class: "kb-label" }, `${this._componentLocale.label.userName}:`), h("gxg-form-text", { ref: (el) => (this.userNameEl = el), value: this.userName, class: "user-name", part: "user-name" }), h("gxg-label", { labelPosition: "start", class: "kb-label" }, `${this._componentLocale.label.password}:`), h("gxg-form-text", { password: true, ref: (el) => (this.passwordEl = el), value: this.password, class: "password", part: "password" }), h("div", null, h("gxg-button", { id: "button-connect", type: "primary-text-only", onClick: this.connectCallbackHandler, part: "button-connect" }, this._componentLocale.btn.btnConnect)))), h("div", { class: "grid" }, h("div", { class: "grid-data-kbs" }, h("div", { class: "search-kbs" }, h("gxg-form-text", { ref: (el) => (this.searchKBEl = el), class: "search-kb-input", part: "search-kb", disabled: this.selectionKbDisabled, placeholder: this._componentLocale.label.searchKbs })), h("div", { class: "box-kbs" }, h("gxg-list-box", { id: "max-height", height: "100%", "min-height": "50%", "no-border": true, "single-selection": true, disabled: this.selectionKbDisabled, ref: (el) => (this.listBoxEl = el), part: "kbs", onSelectionChanged: this.kbsOnSelectionChangedHander }, this.kbs
+      .filter(kb => kb.name
+      .toLowerCase()
+      .includes(this.kbSearchText.toLowerCase()))
+      .map(kb => (h("gxg-list-box-item", { value: kb.id, key: kb.id }, kb.name)))))), h("div", { class: "grid grid-data-kbs-footer" }, h("gxg-form-text", { ref: (el) => (this.kbNameEl = el), value: this.kbName, class: "kb-name", part: "kb-name", disabled: this.selectionKbDisabled }), h("div", null, h("gxg-button", { id: "button-create", type: "primary-text-only", onClick: this.createKbHandler, part: "button-create", disabled: this.selectionKbDisabled }, this._componentLocale.btn.btnCreate)))))))));
+  }
+  static get is() { return "gx-ide-create-kb-from-server"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["create-kb-from-server.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["create-kb-from-server.css"]
+    };
+  }
+  static get assetsDirs() { return ["gx-ide-assets/create-kb-from-server"]; }
+  static get properties() {
+    return {
+      "connectCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(\n    data: GXServerConnectionData\n  ) => Promise<ConnectionResultData>",
+          "resolved": "(data: GXServerConnectionData) => Promise<ConnectionResultData>",
+          "references": {
+            "GXServerConnectionData": {
+              "location": "local"
+            },
+            "Promise": {
+              "location": "global"
+            },
+            "ConnectionResultData": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Callback that will be invoked when the user connect to the kb server (\u2018Connect\u2019 button)"
+        }
+      },
+      "createKBCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(\n    data: CreateKBData\n  ) => Promise<FormSubmitResult>",
+          "resolved": "(data: CreateKBData) => Promise<FormSubmitResult>",
+          "references": {
+            "CreateKBData": {
+              "location": "local"
+            },
+            "Promise": {
+              "location": "global"
+            },
+            "FormSubmitResult": {
+              "location": "import",
+              "path": "../../common/types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Callback that will be invoked when the user confirms KB creation (\u2018Create\u2019 button)"
+        }
+      },
+      "enableCustomServer": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "If is true then the user can specify a server url that don't be in the combo box of server urls."
+        },
+        "attribute": "enable-custom-server",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "kbName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The knowledge base default suggested name"
+        },
+        "attribute": "kb-name",
+        "reflect": false
+      },
+      "password": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Password for the database connection."
+        },
+        "attribute": "password",
+        "reflect": false
+      },
+      "serverUrls": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "string[]",
+          "resolved": "string[]",
+          "references": {}
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Array of URLs of cataloged servers to be displayed in the combo"
+        }
+      },
+      "userName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Username for the database connection."
+        },
+        "attribute": "user-name",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "selectionKbDisabled": {},
+      "kbs": {},
+      "kbSearchText": {}
+    };
+  }
+  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 elementRef() { return "el"; }
+}

package/dist/collection/components/create-kb-from-server/gx-ide-assets/create-kb-from-server/langs/create-kb-from-server.lang.en.json

@@ -0,0 +1,17 @@
+{
+  "label": {
+    "serverUrl": "GXServer URL",
+    "authenticationType": "Authentication Type",
+    "userName": "User Name",
+    "password": "Password",
+    "searchKbs": "Search KBs"
+  },
+  "authenticationTypes": {
+    "genexusAccount": "GeneXus Account",
+    "local": "Local"
+  },
+  "btn": {
+    "btnCreate": "Create",
+    "btnConnect": "Connect >>"
+  }
+}

package/dist/collection/components/create-kb-from-server/gx-ide-assets/create-kb-from-server/langs/create-kb-from-server.lang.ja.json

@@ -0,0 +1,3 @@
+{
+  "name": "Name in JA"
+}

package/dist/collection/components/create-kb-from-server/gx-ide-assets/create-kb-from-server/langs/create-kb-from-server.lang.zh.json

@@ -0,0 +1,3 @@
+{
+  "name": "Name in ZH"
+}

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

@@ -365,6 +365,7 @@ FORM ELEMENTS
   background-color: var(--color-background);
 }
 :host input {
+  background-color: transparent;
   flex: 1;
   border: 0;
   font-family: var(--font-family-primary);

package/dist/collection/components/entity-selector/entity-selector.js

@@ -112,7 +112,8 @@ export class GxIdeEntitySelector {
           "resolved": "{ id: string; name: string; iconSrc?: string; iconColor?: Color; }",
           "references": {
             "EntityData": {
-              "location": "local"
+              "location": "import",
+              "path": "../../common/types"
             }
           }
         },
@@ -209,7 +210,8 @@ export class GxIdeEntitySelector {
               "location": "global"
             },
             "EntityData": {
-              "location": "local"
+              "location": "import",
+              "path": "../../common/types"
             }
           }
         },
@@ -228,7 +230,8 @@ export class GxIdeEntitySelector {
           "resolved": "{ id: string; name: string; iconSrc?: string; iconColor?: Color; }",
           "references": {
             "EntityData": {
-              "location": "local"
+              "location": "import",
+              "path": "../../common/types"
             }
           }
         },
@@ -265,7 +268,8 @@ export class GxIdeEntitySelector {
           "resolved": "{ id: string; name: string; iconSrc?: string; iconColor?: Color; }",
           "references": {
             "EntityData": {
-              "location": "local"
+              "location": "import",
+              "path": "../../common/types"
             }
           }
         }

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

@@ -32,6 +32,10 @@
   grid-template-rows: auto;
 }
 
+ch-grid-cell {
+  display: flex;
+}
+
 /*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;

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

@@ -32,6 +32,10 @@
   grid-template-rows: auto;
 }
 
+ch-grid-cell {
+  display: flex;
+}
+
 /*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;

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

@@ -124,7 +124,7 @@ export class GxIdeNewKb {
           password: (_o = this.passwordEl) === null || _o === void 0 ? void 0 : _o.value,
           savePassword: (_p = this.savePasswordEl) === null || _p === void 0 ? void 0 : _p.checked
         });
-        createCallbackPromise.then(formSubmitResult => {
+        createCallbackPromise.then((formSubmitResult) => {
           formSubmitValidation(formSubmitResult, this);
         });
       }

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

@@ -32,6 +32,10 @@
   grid-template-rows: auto;
 }
 
+ch-grid-cell {
+  display: flex;
+}
+
 /*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;

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

@@ -209,7 +209,7 @@ export class GxIdeNewObject {
           "references": {
             "EntityData": {
               "location": "import",
-              "path": "../entity-selector/entity-selector"
+              "path": "../../common/types"
             }
           }
         },
@@ -229,7 +229,7 @@ export class GxIdeNewObject {
           "references": {
             "EntityData": {
               "location": "import",
-              "path": "../entity-selector/entity-selector"
+              "path": "../../common/types"
             }
           }
         },

package/dist/collection/components/object-selector/gx-ide-assets/object-selector/langs/object-selector.lang.en.json

@@ -6,7 +6,7 @@
     "pattern": "Pattern",
     "type": "Type",
     "category": "Category",
-    "moduleFolder": "Module/Folder",
+    "module": "Module",
     "modified": "Modified",
     "modifiedEmpty": "None",
     "afterDateTime": "After Date/Time",

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

@@ -32,6 +32,10 @@
   grid-template-rows: auto;
 }
 
+ch-grid-cell {
+  display: flex;
+}
+
 /*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;

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

@@ -4,6 +4,8 @@ import { Host, h } from "@stencil/core";
 /* CUSTOM IMPORTS */
 import { Locale } from "../../common/locale";
 import { renderComboItems } from "../../common/render-combo-items";
+import { formatDate } from "../../common/helpers";
+import { gridCommon } from "../../common/grid";
 const FILTER_AFTER_NONE = "none";
 const FILTER_AFTER_DATE_TIME = "afterDateTime";
 const FILTER_AFTER_LAST_BUILD = "afterLastBuild";
@@ -13,7 +15,7 @@ export class GxIdeObjectSelector {
     // 9.LOCAL METHODS //
     this.renderFilter = () => {
       var _a, _b;
-      return (h("gxg-container", { fieldset: true, displayBorderBottom: true, containerTitle: this._componentLocale.filter.title, part: "filters-container" }, h("div", { class: "grid filter-grid" }, h("gxg-form-text", { "label-position": "above", label: this._componentLocale.filter.pattern, ref: (el) => (this.filterPatternEl = el), value: this.patternValue, part: "filter-pattern" }), h("gxg-combo-box", { "disable-filter": true, label: this._componentLocale.filter.type, value: this.defaultType, disabled: !this.types, "display-validation-styles": true, "display-validation-message": true, ref: (el) => (this.filterTypeEl = el), part: "filter-type" }, renderComboItems((_a = this.types) !== null && _a !== void 0 ? _a : [])), h("gxg-combo-box", { "disable-filter": true, label: this._componentLocale.filter.category, value: this.defaultCategory, disabled: !this.categories, "display-validation-styles": true, "display-validation-message": true, ref: (el) => (this.filterCategoryEl = el), part: "filter-category" }, renderComboItems((_b = this.categories) !== null && _b !== void 0 ? _b : [])), h("gx-ide-entity-selector", { label: this._componentLocale.filter.moduleFolder, "label-position": "above", value: this.defaultModule, defaultValue: this.defaultModule, selectEntityCallback: this.selectModuleCallback, ref: (el) => (this.filterModuleEl = el) }), h("div", { class: "flex with-gap" }, h("gxg-form-checkbox", { label: this._componentLocale.filter.modified, class: "align-center", ref: (el) => (this.filterModifiedEl = el), part: "filter-modified" }), h("gxg-combo-box", { class: { hide: !this.filterModified }, "disable-filter": true, value: this.filterAfterType, "display-validation-styles": true, "display-validation-message": true, ref: (el) => (this.filterAfterTypeEl = el), part: "filter-after-type" }, renderComboItems([
+      return (h("gxg-container", { fieldset: true, displayBorderBottom: true, containerTitle: this._componentLocale.filter.title, part: "filters-container" }, h("div", { class: "grid filter-grid" }, h("gxg-form-text", { "label-position": "above", label: this._componentLocale.filter.pattern, ref: (el) => (this.filterPatternEl = el), value: this.patternValue, part: "filter-pattern" }), h("gxg-combo-box", { "disable-filter": true, label: this._componentLocale.filter.type, value: this.defaultType, disabled: !this.types, "display-validation-styles": true, "display-validation-message": true, ref: (el) => (this.filterTypeEl = el), part: "filter-type" }, renderComboItems((_a = this.types) !== null && _a !== void 0 ? _a : [])), h("gxg-combo-box", { "disable-filter": true, label: this._componentLocale.filter.category, value: this.defaultCategory, disabled: !this.categories, "display-validation-styles": true, "display-validation-message": true, ref: (el) => (this.filterCategoryEl = el), part: "filter-category" }, renderComboItems((_b = this.categories) !== null && _b !== void 0 ? _b : [])), h("gx-ide-entity-selector", { label: this._componentLocale.filter.module, "label-position": "above", value: this.defaultModule, defaultValue: this.defaultModule, selectEntityCallback: this.selectModuleCallback, ref: (el) => (this.filterModuleEl = el) }), h("div", { class: "flex with-gap" }, h("gxg-form-checkbox", { label: this._componentLocale.filter.modified, class: "align-center", ref: (el) => (this.filterModifiedEl = el), part: "filter-modified" }), h("gxg-combo-box", { class: { hide: !this.filterModified }, "disable-filter": true, value: this.filterAfterType, "display-validation-styles": true, "display-validation-message": true, ref: (el) => (this.filterAfterTypeEl = el), part: "filter-after-type" }, renderComboItems([
         {
           id: FILTER_AFTER_NONE,
           label: this._componentLocale.filter.modifiedEmpty,
@@ -41,7 +43,7 @@ export class GxIdeObjectSelector {
         }, part: "filter-datetime" }, h("gxg-label", { "label-position": "start" }, this._componentLocale.filter.dateTime), h("gxg-date-picker", { ref: (el) => (this.filterModifiedDateEl = el) }))))));
     };
     this.renderObjects = () => {
-      return (h("gxg-container", null, h("gxg-grid", null, h("ch-grid", { "row-selection-mode": this.multiSelection ? "multiple" : "single", ref: (el) => (this.chGridEl = el), part: "ch-grid-objects" }, h("ch-grid-columnset", null, h("ch-grid-column", { "column-name": "", "column-name-position": "text", settingable: false }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.name, "column-name-position": "text", settingable: false }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.type, "column-name-position": "text", settingable: false }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.module, "column-name-position": "text", settingable: false }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.description, "column-name-position": "text", settingable: false }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.modifiedDate, "column-name-position": "text", settingable: false }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.importDate, "column-name-position": "text", settingable: false })), this.objects.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", null, h("gxg-icon", { type: obj.icon, color: "auto" })), h("ch-grid-cell", null, " ", obj.name, " "), h("ch-grid-cell", null, " ", obj.type, " "), h("ch-grid-cell", null, " ", obj.module, " "), h("ch-grid-cell", null, " ", obj.description, " "), h("ch-grid-cell", null, `${obj.modifiedDate.toISOString().slice(0, 10)}`), h("ch-grid-cell", null, `${obj.importDate.toISOString().slice(0, 10)}`))))))));
+      return (h("gxg-container", null, h("gxg-grid", { "ellipsis-cell-wrapper": true }, h("ch-grid", { "row-selection-mode": this.multiSelection ? "multiple" : "single", ref: (el) => (this.chGridEl = el), part: "ch-grid-objects" }, h("ch-grid-columnset", null, h("ch-grid-column", { "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.name, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.type, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.module, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.description, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.modifiedDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.importDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto })), this.objects.map((obj) => (h("ch-grid-row", { rowid: obj.id, onDblClick: this.openSelectionCallbackHandler }, h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-icon", { type: obj.icon, color: "auto" }))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, " ", obj.name, " ")), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.type)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.module)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.description)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.modifiedDate, "date-time")}`)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.importDate, "date")}`)))))))));
     };
     this.getObjects = () => {
       var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -66,7 +68,9 @@ export class GxIdeObjectSelector {
         this.deselectAll();
       });
     };
-    this.openSelectionCallbackHandle = () => {
+    this.openSelectionCallbackHandler = (e) => {
+      console.log("openSelectionCallbackHandler");
+      e.stopPropagation();
       this.openSelectionCallback(this.selectedObjectsIds);
     };
     this.cancelCallbackHandle = () => {
@@ -113,7 +117,8 @@ export class GxIdeObjectSelector {
         this.getObjects();
       });
       /* Date/Time */
-      this.filterModifiedDateEl.addEventListener("valueChanged", () => {
+      this.filterModifiedDateEl.addEventListener("valueChanged", e => {
+        console.log("e", e);
         this.getObjects();
       });
       // for grid selection
@@ -158,7 +163,7 @@ export class GxIdeObjectSelector {
   }
   // 10.RENDER() FUNCTION //
   render() {
-    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, this.renderFilter(), this.renderObjects(), h("gxg-container", null, h("div", { class: "grid objects-count" }, h("gxg-text", { class: "align-end", part: "objects-selected" }, `${this.selectedObjectsIds.length} ${this._componentLocale.objCount.selected}`), h("gxg-text", { class: "align-end", part: "objects-matching" }, `${this.objects.length} ${this._componentLocale.objCount.matching}`))), h("gxg-container", { displayBorderTop: true }, h("div", { class: "grid actions" }, h("div", null, h("gxg-button", { id: "button-select-all", type: "primary-text-only", onClick: this.selectAll, part: "gxg-button gxg-button--select-all" }, this._componentLocale.footer.btnSelectAll), h("gxg-button", { id: "button-new", type: "primary-text-only", onClick: this.newObjectCallbackHandle, part: "gxg-button gxg-button--new" }, this._componentLocale.footer.btnNew)), h("div", null, h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.openSelectionCallbackHandle, part: "gxg-button gxg-button--ok" }, this._componentLocale.footer.btnConfirm), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancelCallbackHandle, part: "gxg-button gxg-button--cancel" }, this._componentLocale.footer.btnCancel)))))));
+    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, this.renderFilter(), this.renderObjects(), h("gxg-container", null, h("div", { class: "grid objects-count" }, h("gxg-text", { class: "align-end", part: "objects-selected" }, `${this.selectedObjectsIds.length} ${this._componentLocale.objCount.selected}`), h("gxg-text", { class: "align-end", part: "objects-matching" }, `${this.objects.length} ${this._componentLocale.objCount.matching}`))), h("gxg-container", { displayBorderTop: true }, h("div", { class: "grid actions" }, h("div", null, h("gxg-button", { id: "button-select-all", type: "primary-text-only", onClick: this.selectAll, part: "gxg-button gxg-button--select-all" }, this._componentLocale.footer.btnSelectAll), h("gxg-button", { id: "button-new", type: "primary-text-only", onClick: this.newObjectCallbackHandle, part: "gxg-button gxg-button--new" }, this._componentLocale.footer.btnNew)), h("div", null, h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.openSelectionCallbackHandler, part: "gxg-button gxg-button--ok" }, this._componentLocale.footer.btnConfirm), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancelCallbackHandle, part: "gxg-button gxg-button--cancel" }, this._componentLocale.footer.btnCancel)))))));
   }
   static get is() { return "gx-ide-object-selector"; }
   static get encapsulation() { return "shadow"; }
@@ -291,7 +296,7 @@ export class GxIdeObjectSelector {
           "references": {
             "EntityData": {
               "location": "import",
-              "path": "../entity-selector/entity-selector"
+              "path": "../../common/types"
             }
           }
         },

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

@@ -32,6 +32,10 @@
   grid-template-rows: auto;
 }
 
+ch-grid-cell {
+  display: flex;
+}
+
 /*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;

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

@@ -32,6 +32,10 @@
   grid-template-rows: auto;
 }
 
+ch-grid-cell {
+  display: flex;
+}
+
 /*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;

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

@@ -32,6 +32,10 @@
   grid-template-rows: auto;
 }
 
+ch-grid-cell {
+  display: flex;
+}
+
 /*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;

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

@@ -32,6 +32,10 @@
   grid-template-rows: auto;
 }
 
+ch-grid-cell {
+  display: flex;
+}
+
 /*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;

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

@@ -32,6 +32,10 @@
   grid-template-rows: auto;
 }
 
+ch-grid-cell {
+  display: flex;
+}
+
 /*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;

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

@@ -32,6 +32,10 @@
   grid-template-rows: auto;
 }
 
+ch-grid-cell {
+  display: flex;
+}
+
 /*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;

package/dist/collection/global/global.js

@@ -0,0 +1,7 @@
+export default function () {
+  // or export default async function()
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const chStyle = document.createElement("ch-style");
+  chStyle.setAttribute("href", "/gemini/ch-styles.css");
+  head.appendChild(chStyle);
+}