@genexus/genexus-ide-ui 0.0.66 → 0.0.67

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

@@ -20,28 +20,6 @@ export class GxIdeKbManagerImport {
           this.statusInfo.warning.display ||
           this.statusInfo.success.display;
     };
-    this.countMessages = () => {
-      /* totally inefficient way to count. This has to be improved*/
-      let errors = 0;
-      let warnings = 0;
-      let successes = 0;
-      this.importTreeState.forEach(category => {
-        category.items.forEach(object => {
-          if (object.class.includes("tree-view-item--error")) {
-            errors += object.items.length;
-          }
-          else if (object.class.includes("tree-view-item--warning")) {
-            warnings += object.items.length;
-          }
-          else if (object.class.includes("tree-view-item--success")) {
-            successes += object.items.length;
-          }
-        });
-      });
-      this.statusInfo.error.number = errors;
-      this.statusInfo.warning.number = warnings;
-      this.statusInfo.success.number = successes;
-    };
     this.evaluateObjects = () => {
       var _a;
       this.noObjects = !!(((_a = this.objectsTreeState) === null || _a === void 0 ? void 0 : _a.length) === 0 || !this.objectsTreeState);
@@ -50,7 +28,7 @@ export class GxIdeKbManagerImport {
       var _a;
       this.noImport = !!(((_a = this.importTreeState) === null || _a === void 0 ? void 0 : _a.length) === 0 || !this.importTreeState);
     };
-    this.selectFileHandler = () => {
+    this.selectFileAndLoadHandler = () => {
       this.fileInputEl.openFile();
     };
     this.loadFileHandler = async () => {
@@ -67,17 +45,11 @@ export class GxIdeKbManagerImport {
     this.fileSelectedHandler = (fileEvent) => {
       this.selectedFile = fileEvent.detail[0];
     };
-    this.evaluateHeaderActiveButton = () => {
-      if (!this.selectedFile) {
-        this.headerButtonsGroup.activeButtonId = "select-file-btn";
-        this.fileInputEl.clearInput();
-      }
-      else {
-        this.headerButtonsGroup.activeButtonId = "load-file-btn";
-      }
-    };
     this.importObjectsHandler = async () => {
       if (this.importCallback) {
+        /* first clear imported objects (this clears errors/warnings/success counts as well)*/
+        this.clearStatusHandler();
+        /* then do the import*/
         this.importingIsInProcess = true;
         this.objectsButtonsGroup.activeButtonId = "cancel-import-btn";
         this.importCallback(this.checkedObjectsIds).then(() => {
@@ -146,10 +118,10 @@ export class GxIdeKbManagerImport {
     };
     this.objectsTreeContextMenuHandler = (event) => {
       if (this.objectContextMenuCallback && event.detail.metadata === KB_OBJECT) {
-        this.objectContextMenuCallback({
-          objectId: event.detail.id,
-          screenX: event.detail.contextmenuEvent.screenX,
-          screenY: event.detail.contextmenuEvent.screenY
+        this.objectContextMenuCallback("imported", {
+          selection: [event.detail.id],
+          clientX: event.detail.contextmenuEvent.screenX,
+          clientY: event.detail.contextmenuEvent.screenY
         });
       }
     };
@@ -237,7 +209,8 @@ export class GxIdeKbManagerImport {
     this.noImport = undefined;
     this.importTreeState = [];
     this.importingIsInProcess = false;
-    this.loader = false;
+    this.displayTitle = false;
+    this.loader = true;
     this.selectedFile = undefined;
     this.optionsCallback = undefined;
     this.importCallback = undefined;
@@ -269,8 +242,10 @@ export class GxIdeKbManagerImport {
       this.loaderEl.show = false;
     }
   }
-  watchSelectedFileHandler() {
-    this.evaluateHeaderActiveButton();
+  watchSelectedFileHandler(file) {
+    if (file && file.name && file.size > 0) {
+      this.loadFileHandler();
+    }
   }
   // 6.COMPONENT LIFECYCLE EVENTS //
   async componentWillLoad() {
@@ -295,28 +270,26 @@ export class GxIdeKbManagerImport {
    */
   async addResultItem(item) {
     this.importTreeState = addImportItemResultDataItem(item, this.importCategoryData, this.importTreeState);
-    this.countMessages();
+    this.statusInfo[item.status].number++;
   }
   //  10.RENDER() FUNCTION //
   render() {
-    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { noContentPadding: true, noFooterPadding: true, containerTitle: this._componentLocale.componentName }, h("header", { class: "header", slot: "header" }, h("gxg-form-text", { type: "file", class: "select-file", label: this._componentLocale.header.fileNameLabel, placeholder: this._componentLocale.header.fileNamePlaceholder, part: "file-name", acceptFile: ".xpz, .xml", clearButton: true, iconPosition: "start", onFileSelected: this.fileSelectedHandler, onClearButtonClicked: this.fileClearedHandler, ref: (el) => (this.fileInputEl = el) }), h("gxg-button-group", {
-      // default-selected-btn-id="select-file-btn"
-      ref: (el) => (this.headerButtonsGroup = el)
-    }, h("button", { id: "select-file-btn", part: "select-file-button", onClick: this.selectFileHandler, disabled: this.importingIsInProcess }, this._componentLocale.header.selectFileButton), h("button", { id: "load-file-btn", part: "load-file-button", disabled: !this.selectedFile || this.importingIsInProcess, onClick: this.loadFileHandler }, this._componentLocale.header.loadButton))), h("main", { class: "main" }, h("gx-ide-container", { containerTitle: this._componentLocale.main.objectsInFile.title, noContentPadding: true, noBorderFooter: true, class: "left-grid-item", slimmerFooter: true, inactiveTitle: this.noObjects, footerSubtleShadow: !this.noObjects, titleType: "secondary" }, h("div", { class: {
+    var _a;
+    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { noContentPadding: true, noFooterPadding: true, containerTitle: this.displayTitle ? this._componentLocale.componentName : null }, h("header", { class: "header", slot: "header" }, h("gxg-form-text", { type: "file", class: "select-file", label: this._componentLocale.header.fileNameLabel, placeholder: this._componentLocale.header.fileNamePlaceholder, part: "file-name", acceptFile: ".xpz, .xml", clearButton: true, iconPosition: "start", onFileSelected: this.fileSelectedHandler, onClearButtonClicked: this.fileClearedHandler, ref: (el) => (this.fileInputEl = el) }), h("gxg-button", { type: "primary-text-icon", icon: "gemini-tools/file", part: "select-file-load-button", onClick: this.selectFileAndLoadHandler, disabled: this.importingIsInProcess }, this._componentLocale.header.selectFileButton)), h("main", { class: "main" }, h("gx-ide-container", { containerTitle: this._componentLocale.main.objectsInFile.title, noContentPadding: true, noBorderFooter: true, class: "left-grid-item", slimmerFooter: true, inactiveTitle: this.noObjects, footerSubtleShadow: !this.noObjects, titleType: "secondary" }, h("div", { class: {
         "tree-container": true,
         "tree-container--objects-in-file": true,
         "tree-container--empty": this.noObjects
-      } }, !this.noObjects ? (h("gxg-tree-view", { treeModel: this.objectsTreeState, dragDisabled: true, dropDisabled: true, toggleCheckboxes: true, checkbox: true, checked: true, onCheckedItemsChange: this.objectsTreeCheckedItemsChangedHandler, onItemContextmenu: this.objectsTreeContextMenuHandler, ref: el => (this.objectsTreeEl = el) })) : (h("div", { class: "gx-ide-message" }, h("gxg-text", { textAlign: config.gxgMessage.common.textAlign, padding: config.gxgMessage.common.textAlign, type: config.gxgMessage.common.type, maxWidth: config.gxgMessage.common.maxWidth, part: "objects-in-file-empty-status-message" }, "There are no Objects. ", h("br", null), h("gxg-text", { type: "text-link-no-line", onClick: this.selectFileHandler }, "Begin by selecting a file."))))), h("gxg-form-checkbox", { label: this._componentLocale.main.objectsInFile.selectUnselect, part: "select-all-checkbox", slot: "footer-start", disabled: this.importingIsInProcess ||
+      } }, !this.noObjects ? (h("gxg-tree-view", { treeModel: this.objectsTreeState, dragDisabled: true, dropDisabled: true, toggleCheckboxes: true, checkbox: true, checked: true, onCheckedItemsChange: this.objectsTreeCheckedItemsChangedHandler, onItemContextmenu: this.objectsTreeContextMenuHandler, ref: el => (this.objectsTreeEl = el) })) : (h("div", { class: "gx-ide-message" }, h("gxg-text", { textAlign: config.gxgMessage.common.textAlign, padding: config.gxgMessage.common.textAlign, type: config.gxgMessage.common.type, maxWidth: config.gxgMessage.common.maxWidth, part: "objects-in-file-empty-status-message" }, "There are no Objects. ", h("br", null), h("gxg-text", { type: "text-link-no-line", onClick: this.selectFileAndLoadHandler }, "Begin by selecting a file."))))), h("gxg-form-checkbox", { label: this._componentLocale.main.objectsInFile.selectUnselect, part: "select-all-checkbox", slot: "footer-start", disabled: this.importingIsInProcess ||
         this.objectsTreeState.length === 0, checked: this.evaluateCheckAllValue(), onClick: this.toggleSelectionClickHandler, ref: (el) => (this.toggleObjectsCheckboxEl =
-        el) }), h("gxg-button-group", { slot: "footer-end", ref: (el) => (this.objectsButtonsGroup = el) }, h("button", { id: "import-btn", part: "import-button", disabled: this.importingIsInProcess ||
-        this.checkedObjectsIds.length === 0, onClick: this.importObjectsHandler }, this._componentLocale.main.objectsInFile.importButton), h("button", { id: "cancel-import-btn", part: "cancel-import-button", disabled: !this.importingIsInProcess, onClick: this.cancelImportHandler }, this._componentLocale.main.objectsInFile.cancelButton)), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/settings", slot: "footer-end", part: "select-kb-btn", onClick: this.optionsHandler }, this._componentLocale.header.optionsButton)), h("gx-ide-container", { containerTitle: this._componentLocale.main.importStatus.title, noContentPadding: true, noBorderFooter: true, slimmerFooter: true, inactiveTitle: this.noImport, footerSubtleShadow: !this.noImport, titleType: "secondary" }, h("div", { class: {
+        el) }), h("gxg-button-group", { slot: "footer-end", ref: (el) => (this.objectsButtonsGroup = el) }, h("button", { id: "import-btn", part: "import-button", disabled: ((_a = this.objectsTreeState) === null || _a === void 0 ? void 0 : _a.length) === 0 ||
+        this.importingIsInProcess, onClick: this.importObjectsHandler }, this._componentLocale.main.objectsInFile.importButton), h("button", { id: "cancel-import-btn", part: "cancel-import-button", disabled: !this.importingIsInProcess, onClick: this.cancelImportHandler }, this._componentLocale.main.objectsInFile.cancelButton)), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/settings", slot: "footer-end", part: "select-kb-btn", onClick: this.optionsHandler }, this._componentLocale.header.optionsButton)), h("gx-ide-container", { containerTitle: this._componentLocale.main.importStatus.title, noContentPadding: true, noBorderFooter: true, slimmerFooter: true, inactiveTitle: this.noImport, footerSubtleShadow: !this.noImport, titleType: "secondary" }, h("div", { class: {
         "tree-container": true,
         "tree-container--import-status": true,
         "tree-container--empty": this.noImport || !this.someStatusVisible,
         "tree-container--no-warnings": !this.statusInfo.warning.display,
         "tree-container--no-errors": !this.statusInfo.error.display,
-        "tree-container--no-successes": !this.statusInfo.success.display
-      } }, !this.noImport && this.someStatusVisible ? (h("gxg-tree-view", { treeModel: this.importTreeState, toggleCheckboxes: true, ref: el => (this.objectsTreeEl = el) })) : (h("gxg-text", { textAlign: config.gxgMessage.common.textAlign, padding: config.gxgMessage.common.textAlign, type: config.gxgMessage.common.type, maxWidth: config.gxgMessage.common.maxWidth, part: "objects-in-file-empty-status-message", class: "gx-ide-message" }, this.importStatusMessage))), h("gxg-text", { type: "button-like", slot: "footer-end", part: "select-kb-btn", onClick: this.clearStatusHandler, disabled: this.noImport || this.importingIsInProcess }, this._componentLocale.main.importStatus.clearButton), h("span", { class: "ghost-element", slot: "footer-start" }))), h("footer", { slot: "footer-start" }, h("gx-ide-status-buttons", { errors: this.statusInfo.error.number, warnings: this.statusInfo.warning.number, successes: this.statusInfo.success.number, compact: true, noBorderTop: true, noBorderBottom: true, noBorderStart: true, minimal: this.statusMinimal, onSelectionChanged: this.statusButtonsSelectionChangedHandler }))), h("gxg-ide-loader", { description: "Importing objects..." })), this.loader ? (h("gxg-ide-loader", { cancelLabel: this._componentLocale.loader.cancelLabel, container: this.el, loaderTitle: this._componentLocale.loader.title, ref: el => (this.loaderEl = el), cancelCallback: this.loaderCancelCallbackHandler })) : null));
+        "tree-container--no-succeeded": !this.statusInfo.success.display
+      } }, !this.noImport && this.someStatusVisible ? (h("gxg-tree-view", { treeModel: this.importTreeState, toggleCheckboxes: true, ref: el => (this.objectsTreeEl = el) })) : (h("gxg-text", { textAlign: config.gxgMessage.common.textAlign, padding: config.gxgMessage.common.textAlign, type: config.gxgMessage.common.type, maxWidth: config.gxgMessage.common.maxWidth, part: "objects-in-file-empty-status-message", class: "gx-ide-message" }, this.importStatusMessage))), h("gxg-text", { type: "button-like", slot: "footer-end", part: "select-kb-btn", onClick: this.clearStatusHandler, disabled: this.noImport || this.importingIsInProcess }, this._componentLocale.main.importStatus.clearButton), h("span", { class: "ghost-element", slot: "footer-start" }))), h("footer", { slot: "footer-start" }, h("gx-ide-status-buttons", { errors: this.statusInfo.error.number, warnings: this.statusInfo.warning.number, succeeded: this.statusInfo.success.number, compact: true, noBorderTop: true, noBorderBottom: true, noBorderStart: true, minimal: this.statusMinimal, onSelectionChanged: this.statusButtonsSelectionChangedHandler }))), h("gxg-ide-loader", { description: "Importing objects..." })), this.loader ? (h("gxg-ide-loader", { cancelLabel: this._componentLocale.loader.cancelLabel, container: this.el, loaderTitle: this._componentLocale.loader.title, ref: el => (this.loaderEl = el), cancelCallback: this.loaderCancelCallbackHandler })) : null));
   }
   static get is() { return "gx-ide-kb-manager-import"; }
   static get encapsulation() { return "shadow"; }
@@ -333,7 +306,7 @@ export class GxIdeKbManagerImport {
   static get assetsDirs() { return ["gx-ide-assets/kb-manager-import"]; }
   static get properties() {
     return {
-      "loader": {
+      "displayTitle": {
         "type": "boolean",
         "mutable": false,
         "complexType": {
@@ -343,13 +316,31 @@ export class GxIdeKbManagerImport {
         },
         "required": false,
         "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "If true it displays the component title on the header"
+        },
+        "attribute": "display-title",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "loader": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "true",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
         "docs": {
           "tags": [],
           "text": "If true, it will display a loader when needed."
         },
         "attribute": "loader",
         "reflect": false,
-        "defaultValue": "false"
+        "defaultValue": "true"
       },
       "selectedFile": {
         "type": "unknown",
@@ -461,7 +452,7 @@ export class GxIdeKbManagerImport {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "It displays the status buttons (errors, warning, successes) with the minimal ui (no captions)"
+          "text": "It displays the status buttons (errors, warning, succeeded) with the minimal ui (no captions)"
         },
         "attribute": "status-minimal",
         "reflect": false,
@@ -472,7 +463,7 @@ export class GxIdeKbManagerImport {
         "mutable": false,
         "complexType": {
           "original": "ObjectContextMenuCallback",
-          "resolved": "(objectContextMenu: ObjectContextMenuInfo) => Promise<void>",
+          "resolved": "(tree: ObjectsSourceType, contextMenuInfo: ContextMenuInfo) => Promise<void>",
           "references": {
             "ObjectContextMenuCallback": {
               "location": "local"
@@ -483,7 +474,7 @@ export class GxIdeKbManagerImport {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "It displays the status buttons (errors, warning, successes) with the minimal ui (no captions)"
+          "text": "It displays the status buttons (errors, warning, succeeded) with the minimal ui (no captions)"
         }
       }
     };

package/dist/collection/components/new-environment/gx-ide-assets/new-environment/langs/new-environment.lang.en.json

@@ -2,7 +2,6 @@
   "componentName": "New Environment",
   "name": "Environment Name",
   "location": "Location",
-  "setCurrentEnvironment": "Set as current environment",
   "runtime": "Runtime Environment",
   "tabBasic": {
     "tabLabel": "BASIC",
@@ -20,6 +19,7 @@
     "tabLabel": "ADVANCED"
   },
   "footer": {
+    "setAsCurrentEnvironment": "Set as current environment",
     "btnSetNewEnvironment": "Set New Environment",
     "btnCancel": "Cancel"
   }

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

@@ -1,5 +1,9 @@
 /*Gemini*/
 /*Gx Ide*/
+/*@container queries*/
+/* hiChar styles
+Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
+*/
 /* Helper Classes */
 .gxi-hidden {
   display: none !important;
@@ -32,6 +36,10 @@
   align-items: end;
 }
 
+.overflow-auto {
+  overflow: auto;
+}
+
 /* Grids */
 .grid {
   display: grid;
@@ -164,6 +172,10 @@ gxg-tabs {
 
 /*Gemini*/
 /*Gx Ide*/
+/*@container queries*/
+/* hiChar styles
+Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
+*/
 :host {
   display: block;
   border: 1px solid var(--gxg-border-color--regular);