@genexus/genexus-ide-ui 0.0.33 → 0.0.34

package/dist/components/gx-ide-object-selector.js

@@ -0,0 +1,350 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { L as Locale } from './locale.js';
+import { r as renderComboItems } from './render-combo-items.js';
+import { d as defineCustomElement$p } from './ch-grid2.js';
+import { d as defineCustomElement$o } from './ch-grid-column2.js';
+import { d as defineCustomElement$n } from './ch-grid-column-resize2.js';
+import { d as defineCustomElement$m } from './ch-grid-column-settings2.js';
+import { d as defineCustomElement$l } from './ch-grid-columnset2.js';
+import { d as defineCustomElement$k } from './ch-grid-settings2.js';
+import { d as defineCustomElement$j } from './ch-grid-settings-columns2.js';
+import { d as defineCustomElement$i } from './icon.js';
+import { d as defineCustomElement$h } from './ch-window2.js';
+import { d as defineCustomElement$g } from './ch-window-close2.js';
+import { d as defineCustomElement$f } from './entity-selector.js';
+import { d as defineCustomElement$e } from './button.js';
+import { d as defineCustomElement$d } from './combo-box.js';
+import { d as defineCustomElement$c } from './combo-box-item.js';
+import { d as defineCustomElement$b } from './container2.js';
+import { d as defineCustomElement$a } from './date-picker.js';
+import { d as defineCustomElement$9 } from './form-checkbox.js';
+import { d as defineCustomElement$8 } from './form-text.js';
+import { d as defineCustomElement$7 } from './gxg-grid2.js';
+import { d as defineCustomElement$6 } from './icon2.js';
+import { d as defineCustomElement$5 } from './gxg-label2.js';
+import { d as defineCustomElement$4 } from './text.js';
+import { d as defineCustomElement$3 } from './title.js';
+import { d as defineCustomElement$2 } from './tooltip.js';
+
+const objectSelectorCss = ".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}.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}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.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}.gx-ide-main{flex-grow:1;overflow-y:auto;}.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;}.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}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}.filter-grid{grid-template-columns:repeat(2, 1fr)}.filter-grid *:nth-child(5){grid-area:3/1/4/3}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none}.objects-count{grid-template-columns:repeat(2, 1fr)}.objects-count *:nth-child(2){justify-content:flex-end;align-items:flex-start}.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}";
+
+const FILTER_AFTER_NONE = "none";
+const FILTER_AFTER_DATE_TIME = "afterDateTime";
+const FILTER_AFTER_LAST_BUILD = "afterLastBuild";
+const FILTER_AFTER_IMPORT = "afterImport";
+const GxIdeObjectSelector$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.componentDidLoadEvent = createEvent(this, "componentDidLoadEvent", 7);
+    // 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([
+        {
+          id: FILTER_AFTER_NONE,
+          label: this._componentLocale.filter.modifiedEmpty,
+          value: FILTER_AFTER_NONE
+        },
+        {
+          id: FILTER_AFTER_DATE_TIME,
+          label: this._componentLocale.filter[FILTER_AFTER_DATE_TIME],
+          value: FILTER_AFTER_DATE_TIME
+        },
+        {
+          id: FILTER_AFTER_IMPORT,
+          label: this._componentLocale.filter[FILTER_AFTER_IMPORT],
+          value: FILTER_AFTER_IMPORT
+        },
+        {
+          id: FILTER_AFTER_LAST_BUILD,
+          label: this._componentLocale.filter[FILTER_AFTER_LAST_BUILD],
+          value: FILTER_AFTER_LAST_BUILD
+        }
+      ])), h("gxg-form-text", { class: { hide: !this.filterModified }, "label-position": "start", label: this._componentLocale.filter.user, "max-width": "150px", ref: (el) => (this.filterUserEl = el), part: "filter-user" }), h("div", { class: {
+          flex: true,
+          hide: !this.filterModified ||
+            this.filterAfterType !== FILTER_AFTER_DATE_TIME
+        }, 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)}`))))))));
+    };
+    this.getObjects = () => {
+      var _a, _b, _c, _d, _e, _f, _g, _h;
+      /* 'modified' checkbox, should only be considered if 'date' || 'user' */
+      const modified = this.filterModifiedEl.checked;
+      const modifiedAfter = this.filterAfterTypeEl.value;
+      const user = (_b = (_a = this.filterUserEl) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.trim();
+      const filters = {
+        pattern: (_c = this.filterPatternEl) === null || _c === void 0 ? void 0 : _c.value,
+        type: (_d = this.filterTypeEl) === null || _d === void 0 ? void 0 : _d.value,
+        category: (_e = this.filterCategoryEl) === null || _e === void 0 ? void 0 : _e.value,
+        module: (_g = (_f = this.filterModuleEl) === null || _f === void 0 ? void 0 : _f.value) === null || _g === void 0 ? void 0 : _g.id,
+        modifiedAfter: modified && modifiedAfter ? modifiedAfter : null,
+        modifiedBy: modified && user ? user : null,
+        modifiedDate: modified && modifiedAfter === FILTER_AFTER_DATE_TIME
+          ? (_h = this.filterModifiedDateEl) === null || _h === void 0 ? void 0 : _h.value
+          : null
+      };
+      this.loadCallback(filters).then((items) => {
+        this.objects = items;
+        this.selectedObjectsIds = [];
+        this.deselectAll();
+      });
+    };
+    this.openSelectionCallbackHandle = () => {
+      this.openSelectionCallback(this.selectedObjectsIds);
+    };
+    this.cancelCallbackHandle = () => {
+      this.cancelCallback();
+    };
+    this.selectAll = () => {
+      this.chGridEl.selectAllRows();
+    };
+    this.deselectAll = () => {
+      this.chGridEl.selectAllRows(false);
+    };
+    this.newObjectCallbackHandle = () => {
+      this.newObjectCallback();
+    };
+    this.listenChanges = async () => {
+      /* pattern*/
+      this.filterPatternEl.addEventListener("input", () => {
+        this.getObjects();
+      });
+      /* type*/
+      this.filterTypeEl.addEventListener("valueChanged", () => {
+        this.getObjects();
+      });
+      /* category*/
+      this.filterCategoryEl.addEventListener("valueChanged", () => {
+        this.getObjects();
+      });
+      /* module/folder*/
+      this.filterModuleEl.addEventListener("valueChanged", () => {
+        this.getObjects();
+      });
+      /* modified */
+      this.filterModifiedEl.addEventListener("change", (e) => {
+        this.filterModified = e.detail.value;
+        this.getObjects();
+      });
+      /* modified after... */
+      this.filterAfterTypeEl.addEventListener("valueChanged", () => {
+        this.filterAfterType = this.filterAfterTypeEl.value;
+        this.getObjects();
+      });
+      /* user... */
+      this.filterUserEl.addEventListener("input", () => {
+        this.getObjects();
+      });
+      /* Date/Time */
+      this.filterModifiedDateEl.addEventListener("valueChanged", () => {
+        this.getObjects();
+      });
+      // for grid selection
+      this.chGridEl.addEventListener("selectionChanged", (ev) => {
+        this.selectedObjectsIds = ev.detail.rowsId;
+      });
+    };
+    this.filterAfterType = "";
+    this.filterModified = false;
+    this.objects = [];
+    this.selectedObjectsIds = [];
+    this.multiSelection = undefined;
+    this.patternValue = undefined;
+    this.types = undefined;
+    this.defaultType = undefined;
+    this.categories = undefined;
+    this.defaultCategory = undefined;
+    this.defaultModule = undefined;
+    this.selectModuleCallback = undefined;
+    this.cancelCallback = undefined;
+    this.loadCallback = undefined;
+    this.newObjectCallback = undefined;
+    this.openSelectionCallback = undefined;
+  }
+  // 6.COMPONENT LIFECYCLE EVENTS //
+  async componentWillLoad() {
+    this._componentLocale = await Locale.getComponentStrings(this.el);
+    this.componentDidLoadEvent.emit(true);
+  }
+  componentDidLoad() {
+    this.listenChanges();
+    this.getObjects();
+  }
+  // 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: "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)))))));
+  }
+  static get assetsDirs() { return ["gx-ide-assets/object-selector"]; }
+  get el() { return this; }
+  static get style() { return objectSelectorCss; }
+}, [1, "gx-ide-object-selector", {
+    "multiSelection": [4, "multi-selection"],
+    "patternValue": [1, "pattern-value"],
+    "types": [16],
+    "defaultType": [1, "default-type"],
+    "categories": [16],
+    "defaultCategory": [1, "default-category"],
+    "defaultModule": [16],
+    "selectModuleCallback": [16],
+    "cancelCallback": [16],
+    "loadCallback": [16],
+    "newObjectCallback": [16],
+    "openSelectionCallback": [16],
+    "filterAfterType": [32],
+    "filterModified": [32],
+    "objects": [32],
+    "selectedObjectsIds": [32],
+    "validate": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["gx-ide-object-selector", "ch-grid", "ch-grid-column", "ch-grid-column-resize", "ch-grid-column-settings", "ch-grid-columnset", "ch-grid-settings", "ch-grid-settings-columns", "ch-icon", "ch-window", "ch-window-close", "gx-ide-entity-selector", "gxg-button", "gxg-combo-box", "gxg-combo-box-item", "gxg-container", "gxg-date-picker", "gxg-form-checkbox", "gxg-form-text", "gxg-grid", "gxg-icon", "gxg-label", "gxg-text", "gxg-title", "gxg-tooltip"];
+  components.forEach(tagName => { switch (tagName) {
+    case "gx-ide-object-selector":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, GxIdeObjectSelector$1);
+      }
+      break;
+    case "ch-grid":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$p();
+      }
+      break;
+    case "ch-grid-column":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$o();
+      }
+      break;
+    case "ch-grid-column-resize":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$n();
+      }
+      break;
+    case "ch-grid-column-settings":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$m();
+      }
+      break;
+    case "ch-grid-columnset":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$l();
+      }
+      break;
+    case "ch-grid-settings":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$k();
+      }
+      break;
+    case "ch-grid-settings-columns":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$j();
+      }
+      break;
+    case "ch-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$i();
+      }
+      break;
+    case "ch-window":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$h();
+      }
+      break;
+    case "ch-window-close":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$g();
+      }
+      break;
+    case "gx-ide-entity-selector":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$f();
+      }
+      break;
+    case "gxg-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$e();
+      }
+      break;
+    case "gxg-combo-box":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$d();
+      }
+      break;
+    case "gxg-combo-box-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$c();
+      }
+      break;
+    case "gxg-container":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$b();
+      }
+      break;
+    case "gxg-date-picker":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$a();
+      }
+      break;
+    case "gxg-form-checkbox":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$9();
+      }
+      break;
+    case "gxg-form-text":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "gxg-grid":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "gxg-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "gxg-label":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "gxg-text":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "gxg-title":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "gxg-tooltip":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const GxIdeObjectSelector = GxIdeObjectSelector$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GxIdeObjectSelector, defineCustomElement };

package/dist/components/gx-ide-team-dev-commit.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { L as Locale } from './locale.js';
-import { f as formatDate, r as renderComboItems } from './format-date.js';
+import { r as renderComboItems } from './render-combo-items.js';
+import { f as formatDate } from './format-date.js';
 import { d as defineCustomElement$q } from './ch-grid2.js';
 import { d as defineCustomElement$p } from './ch-grid-column2.js';
 import { d as defineCustomElement$o } from './ch-grid-column-resize2.js';

package/dist/components/gx-ide-team-dev-update.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { L as Locale } from './locale.js';
-import { f as formatDate, r as renderComboItems } from './format-date.js';
+import { r as renderComboItems } from './render-combo-items.js';
+import { f as formatDate } from './format-date.js';
 import { d as defineCustomElement$s } from './ch-grid2.js';
 import { d as defineCustomElement$r } from './ch-grid-column2.js';
 import { d as defineCustomElement$q } from './ch-grid-column-resize2.js';

package/dist/components/gx-ide-test.js

@@ -11,7 +11,7 @@ import { d as defineCustomElement$2 } from './gxg-tree-item2.js';
 
 const testCss = ":host{display:block}";
 
-const GxIdeUiTest = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const GxIdeTest$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
@@ -117,7 +117,7 @@ function defineCustomElement$1() {
   components.forEach(tagName => { switch (tagName) {
     case "gx-ide-test":
       if (!customElements.get(tagName)) {
-        customElements.define(tagName, GxIdeUiTest);
+        customElements.define(tagName, GxIdeTest$1);
       }
       break;
     case "ch-icon":
@@ -163,7 +163,7 @@ function defineCustomElement$1() {
   } });
 }
 
-const GxIdeTest = GxIdeUiTest;
+const GxIdeTest = GxIdeTest$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { GxIdeTest, defineCustomElement };