@genexus/genexus-ide-ui 1.1.24 → 1.1.25

package/dist/genexus-ide-ui/p-163bfc6a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mapOptionsToComboBoxItemModel","options","map","option","value","id","caption","label","startImgSrc","_a","iconName","escapeRegExp","string","replace","hiChar","text","search","escapedSearch","parts","split","RegExp","part","i","toLowerCase","h","key","class","wwFilesCss","CSS_BUNDLES","CLEAR_ICON","getIconPath","category","name","colorType","FILTER_ICON","INFO_ICON","ACCORDION_FILTER_ID","FILTER_AFTER_DATE_TIME","FILTER_AFTER_LAST_BUILD","FILTER_AFTER_IMPORT","CHECKBOX_CHECKED_VALUE","CHECKBOX_UNCHECKED_VALUE","GxIdeWWFiles","_GxIdeWWFiles_componentLocale","set","this","_GxIdeWWFiles_ACCORDION_MODEL","_GxIdeWWFiles_nameValue","_GxIdeWWFiles_moduleValue","_GxIdeWWFiles_searchContentsValue","_GxIdeWWFiles_categoryValue","_GxIdeWWFiles_allDescendants","_GxIdeWWFiles_userValue","_GxIdeWWFiles_selectedObjectsIds","_GxIdeWWFiles_chGridEl","_GxIdeWWFiles_filterModuleEl","_GxIdeWWFiles_setFilterDefaultValues","__classPrivateFieldSet","Object","assign","defaultModule","defaultCategory","categoriesComboBoxModel","afterValue","filterAfterComboBoxModel","dateTimeValue","undefined","_GxIdeWWFiles_allDescendantsCheckboxHandler","event","detail","__classPrivateFieldGet","_GxIdeWWFiles_getObjects","call","_GxIdeWWFiles_attachGridListeners","addEventListener","ev","rowsId","selectionChangeCallback","_GxIdeWWFiles_openSelectionCallbackHandler","preventDefault","stopPropagation","contextMenuCallback","selection","selectedRowsId","clientX","clientY","_GxIdeWWFiles_categoryInputHandler","async","_GxIdeWWFiles_clearDateTimeValue","_GxIdeWWFiles_dateTimeInputHandler","_GxIdeWWFiles_deleteSelectionCallbackHandler","deleteSelectionCallback","_GxIdeWWFiles_deselectAll","selectAllRows","_GxIdeWWFiles_evaluateModifiedDates","objectModifiedDate","filterSelectedModifiedDate","filterSelectedModifiedDateAsDate","Date","_GxIdeWWFiles_formatDate","_GxIdeWWFiles_filterAfterTypeCallbackHandler","date","formatDate","_GxIdeWWFiles_setLoadingState","filtersValues","searchContents","parent","allDescendants","modifiedAfter","showModified","modifiedBy","modifiedDate","loadCallback","then","items","objects","isLoading","_GxIdeWWFiles_renderHeader","htmlFor","filter","onInput","_GxIdeWWFiles_nameInputHandler","debounce","config","inputDebounce","disabled","moduleFolder","labelPosition","defaultValue","selectEntityCallback","selectModuleCallback","ref","el","onValueChanged","_GxIdeWWFiles_moduleValueChangedHandler","model","slot","showSearchContents","content","_GxIdeWWFiles_searchContentsInputHandler","categories","checkedValue","unCheckedValue","modified","_GxIdeWWFiles_showModifiedCheckboxHandler","after","user","_GxIdeWWFiles_userInputHandler","hide","dateTime","src","actionElement","blockAlign","inlineAlign","delay","tooltipSettings","dateTimeTooltip","type","onClick","_GxIdeWWFiles_renderObjects","gridIsEmpty","length","loading","empty","rowSelectionMode","columnName","columnNameHidden","settingable","size","tabularGrid","colSize","maxContent","tableHead","module","gridColumnsVisibility","description","auto","lastUser","importDate","lastBuildDate","object","rowid","icon","loaderTitle","loader","title","show","isAnimated","stateIconSrc","stateTitle","emptyState","_GxIdeWWFiles_newFileCallbackHandler","newFileCallback","openSelectionCallback","_GxIdeWWFiles_selectAll","dateTimeValueChanged","categoriesChanged","newCategories","componentWillLoad","Locale","getComponentStrings","accordionCaption","expanded","componentDidLoad","keyDownHandler","eventInfo","document","activeElement","reload","render","Host","objCount","matching","footer","btnSelectAll","btnNew"],"sources":["src/components/ww-files/helpers.tsx","src/components/ww-files/ww-files.scss?tag=gx-ide-ww-files&encapsulation=shadow","src/components/ww-files/ww-files.tsx"],"sourcesContent":["import { h } from \"@stencil/core\";\n\nimport { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { GxOption } from \"../..\";\n\nexport const mapOptionsToComboBoxItemModel = (\n  options: GxOption[]\n): ComboBoxModel => {\n  return options.map(option => {\n    return {\n      value: option.id,\n      caption: option.label,\n      startImgSrc: option.iconName ?? \"\"\n    };\n  });\n};\n\nconst escapeRegExp = (string: string) => {\n  return string.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n};\n\nexport const hiChar = (text: string, search: string): Element[] | string => {\n  if (!search) {\n    return text;\n  }\n  const escapedSearch = escapeRegExp(search);\n  const parts = text.split(new RegExp(`(${escapedSearch})`, \"gi\"));\n  return parts.map((part, i) =>\n    part.toLowerCase() === search.toLowerCase() ? (\n      <span key={i} class=\"hiChar\">\n        {part}\n      </span>\n    ) : (\n      part\n    )\n  );\n};\n","@import \"../../global/gx-ide-mixins.scss\";\n@import \"../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n:host {\n  container-type: inline-size;\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  display: contents;\n}\n\n// - - - - - - - - - - - -\n// Header\n// - - - - - - - - - - - -\n\n.header {\n  grid-template-areas:\n    \"name module-folder\"\n    \"advanced-filter advanced-filter\";\n  grid-template-columns: 1fr 1fr;\n  grid-auto-rows: max-content max-content;\n}\n.name {\n  grid-area: name;\n}\n.module-folder {\n  grid-area: module-folder;\n}\n.advanced-filter {\n  grid-area: advanced-filter;\n}\n\n// Advanced Filter\n.advanced-filter {\n  &__container {\n    display: grid;\n    grid-auto-rows: max-content;\n  }\n  &__first-row {\n    grid-template-columns: 1fr 1fr;\n  }\n  &__second-row {\n    grid-template-columns: 1fr 1fr 1fr;\n  }\n  .all-descendants__modified {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    block-size: 32px;\n    gap: 16px;\n    align-self: self-end;\n  }\n}\n// date/time\n.field-date {\n  grid-template-areas:\n    \"label-date-time label-date-time\"\n    \"input-date-time icon-clear-date-time\";\n  grid-template-columns: 1fr max-content;\n  column-gap: var(--mer-spacing--2xs);\n}\n.label-date-time {\n  // WA: There is no official way to use an icon (ch-image) within a label\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  .icon-md {\n    // WA: Icon looks so small that it is not recognizable\n    --mer-icon__box--md: 16.8px;\n  }\n  grid-area: label-date-time;\n}\n.input-date-time {\n  block-size: 31.98px; // WA: ch-edit of type \"date\" block-size is a little bit larger than regular ch-edit block-size. It should compute to 31.98px at the time of writting.\n  grid-area: input-date-time;\n}\n.icon-clear-date-time {\n  grid-area: icon-clear-date-time;\n}\n\n// - - - - - - - - - - - -\n// Grid\n// - - - - - - - - - - - -\n\n.tabular-grid {\n  overflow: auto;\n  inline-size: 100%;\n  border-inline-end: var(--section-common-border);\n}\n.tabular-grid.empty::part(main),\n.tabular-grid.loading::part(main) {\n  // WA to avoid scrollbar flickering when displaying the empty-state message\n  overflow: hidden;\n}\nch-tabular-grid-rowset-empty {\n  position: relative;\n}\n.main__files-container {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: var(--mer-spacing--xs);\n  position: relative;\n  z-index: 1;\n}\n\n@include hiChar;\n\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    4\n  )\n);\n.tabular-grid-cell-description {\n  min-inline-size: max-content !important; // TODO: See how to remove the !important\n}\n\n@include hiChar();\n\n// - - - - - - - - - - - -\n// Responsive\n// - - - - - - - - - - - -\n\n// @container (max-width: 992px) {\n//   .main__files-container {\n//     grid-template-columns: repeat(3, 1fr);\n//   }\n// }\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  Method,\n  Listen,\n  Watch\n} from \"@stencil/core\";\n\nimport {\n  ChCheckboxCustomEvent,\n  TabularGridRowContextMenuEvent\n} from \"@genexus/chameleon-controls-library\";\n\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\nimport { GxOption } from \"../../common/types\";\nimport { EntityData, ContextMenuInfo } from \"../../common/types\";\nimport { config } from \"../../common/config\";\nimport { mapOptionsToComboBoxItemModel, hiChar } from \"./helpers\";\nimport {\n  AccordionModel,\n  ComboBoxModel\n} from \"@genexus/chameleon-controls-library\";\nimport { formatDate } from \"../../common/helpers\";\nimport { GxIdeEntitySelectorCustomEvent } from \"../..\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/checkbox\",\n  \"components/combo-box\",\n  \"components/accordion\",\n  \"components/edit\",\n  \"components/icon\",\n  \"components/tooltip\",\n  \"components/tabular-grid\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\"\n];\n\nconst CLEAR_ICON = getIconPath({\n  category: \"system\",\n  name: \"close\",\n  colorType: \"neutral\"\n});\nconst FILTER_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"on-elevation\"\n});\nconst INFO_ICON = getIconPath({\n  category: \"system\",\n  name: \"information\",\n  colorType: \"on-elevation\"\n});\n\nconst ACCORDION_FILTER_ID = \"advanced-filter\";\nconst FILTER_AFTER_DATE_TIME = \"afterDateTime\";\nconst FILTER_AFTER_LAST_BUILD = \"afterLastBuild\";\nconst FILTER_AFTER_IMPORT = \"afterImport\";\n\nconst CHECKBOX_CHECKED_VALUE = \"checked\";\nconst CHECKBOX_UNCHECKED_VALUE = \"unchecked\";\n\n@Component({\n  tag: \"gx-ide-ww-files\",\n  styleUrl: \"ww-files.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/ww-files\"]\n})\nexport class GxIdeWWFiles {\n  #componentLocale: any;\n  #ACCORDION_MODEL: AccordionModel = [];\n\n  // Filter Values\n  #nameValue: string;\n  #moduleValue: EntityData;\n  // Advanced Filter Values\n  #searchContentsValue: string;\n  #categoryValue: string;\n  #allDescendants: CheckboxState;\n  #userValue: string;\n  // Other\n  #selectedObjectsIds: string[] = [];\n\n  @Element() el: HTMLGxIdeWwFilesElement;\n  #chGridEl!: HTMLChTabularGridElement;\n  #filterModuleEl!: HTMLGxIdeEntitySelectorElement;\n\n  /**\n   * The \"After\" control value. Controls the visibility of the \"Date/Time\" control.\n   */\n  @State() afterValue: string;\n\n  /**\n   * The \"Category\" options as combo box model\n   */\n  @State() categoriesComboBoxModel: ComboBoxModel = [];\n\n  /**\n   * Value of the Date/Time control\n   */\n  @State() dateTimeValue: string;\n  @Watch(\"dateTimeValue\")\n  dateTimeValueChanged() {\n    this.#getObjects();\n  }\n\n  /**\n   * A loader that is shown when the filter changes and the server has to retrieve new data.\n   */\n  @State() isLoading: boolean = true;\n\n  /**\n   * The options for the \"After\" combo-box\n   */\n  @State() filterAfterComboBoxModel: ComboBoxModel;\n\n  /**\n   * For show or hide the filters relative to modifiers\n   */\n  @State() showModified: CheckboxState = CHECKBOX_CHECKED_VALUE;\n\n  /**\n   * The files rendered in the table\n   */\n  @State() objects: ObjectData[] = [];\n\n  /**\n   * The categories render in the filter category selector\n   */\n  @Prop() readonly categories!: GxOption[];\n  @Watch(\"categories\")\n  categoriesChanged(newCategories: GxOption[]) {\n    this.categoriesComboBoxModel = mapOptionsToComboBoxItemModel(newCategories);\n  }\n\n  /**\n   * This is a function provided by the developer for show the context menu of the selected files.\n   */\n  @Prop() readonly contextMenuCallback!: ContextMenuCallback;\n\n  /**\n   * The default value for the category filter\n   */\n  @Prop() readonly defaultCategory: string;\n\n  /**\n   * The default value for the module/folder filter\n   */\n  @Prop() readonly defaultModule: EntityData;\n\n  /**\n   * This is a function provided by the developer for delete the selected files.\n   */\n  @Prop() readonly deleteSelectionCallback!: DeleteSelectionCallback;\n\n  /**\n   * Controls the visibility of the tabular grid cell columns, and respective cells.\n   */\n  @Prop() readonly gridColumnsVisibility: GridColumnsVisibility = {\n    description: true,\n    importDate: true,\n    lastBuildDate: true,\n    lastUser: true,\n    modifiedDate: true\n  };\n\n  /**\n   *  This is a function provided by the developer that return a list of files to populate the table of files.\n   */\n  @Prop() readonly loadCallback!: LoadCallback;\n\n  /**\n   *\n   */\n  @Prop() readonly newFileCallback!: NewFileCallback;\n\n  /**\n   * This is a function provided by the developer to expand the data of files that is double-clicked or entered.\n   */\n  @Prop() readonly openSelectionCallback!: OpenSelectionCallback;\n\n  /**\n   * Callback invoked when the action is executed on the Module/Folder filter (button '...'). It returns the information of the selected object (id and name) or 'undefined' if it was canceled.\n   */\n  @Prop() readonly selectModuleCallback!: SelectModuleCallback;\n\n  /**\n   * This is a function provided by the developer for expanded the data of files that is double-clicked or entered.\n   */\n  @Prop() readonly selectionChangeCallback!: SelectionChangeCallback;\n\n  /**\n   * Controls whether to show the Search contents field in the advanced filter section (Not available at the time of writting, since the server is not handling this feature yet.)\n   */\n  @Prop() readonly showSearchContents = false;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n\n    // initialize combo-box models∂\n    this.categoriesChanged(this.categories);\n\n    // initialize \"After\" combo-box options\n    this.filterAfterComboBoxModel = [\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER_DATE_TIME],\n        value: FILTER_AFTER_DATE_TIME\n      },\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER_LAST_BUILD],\n        value: FILTER_AFTER_LAST_BUILD\n      },\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER_IMPORT],\n        value: FILTER_AFTER_IMPORT\n      }\n    ];\n\n    // initialize accordion model with proper configuration\n    this.#ACCORDION_MODEL = [\n      {\n        id: ACCORDION_FILTER_ID,\n        caption: this.#componentLocale.filter.accordionCaption,\n        expanded: false\n      }\n    ];\n\n    this.#setFilterDefaultValues();\n  }\n  #setFilterDefaultValues = () => {\n    this.#nameValue = \"\";\n    this.#moduleValue = { ...this.defaultModule };\n    this.#searchContentsValue = \"\";\n    this.#categoryValue =\n      this.defaultCategory || this.categoriesComboBoxModel[0].value;\n    this.#allDescendants = CHECKBOX_UNCHECKED_VALUE;\n    this.afterValue = this.filterAfterComboBoxModel[0].value;\n    this.#userValue = \"\";\n    this.dateTimeValue = undefined;\n  };\n\n  componentDidLoad() {\n    this.#attachGridListeners();\n    this.#getObjects();\n  }\n\n  @Listen(\"keydown\", { passive: true })\n  keyDownHandler(eventInfo: KeyboardEvent) {\n    if (document.activeElement === this.el) {\n      switch (eventInfo.key) {\n        case \"Enter\":\n          eventInfo.preventDefault();\n          this.#openSelectionCallbackHandler();\n          break;\n        case \"Delete\":\n          eventInfo.preventDefault();\n          this.#deleteSelectionCallbackHandler();\n          break;\n        case \"Escape\":\n          eventInfo.preventDefault();\n          this.#deselectAll();\n          break;\n      }\n    }\n  }\n\n  /**\n   * This method reload the view, refreshing the filters and the table of files.\n   */\n  @Method()\n  async reload(): Promise<void> {\n    this.#setFilterDefaultValues();\n    this.#getObjects();\n  }\n\n  #allDescendantsCheckboxHandler = (\n    event: ChCheckboxCustomEvent<any> | InputEvent\n  ) => {\n    this.#allDescendants =\n      event.detail === CHECKBOX_CHECKED_VALUE\n        ? CHECKBOX_CHECKED_VALUE\n        : CHECKBOX_UNCHECKED_VALUE;\n    this.#getObjects();\n  };\n\n  #attachGridListeners = (): void => {\n    this.#chGridEl.addEventListener(\"selectionChanged\", (ev: any): void => {\n      this.#selectedObjectsIds = ev.detail.rowsId;\n      this.selectionChangeCallback(this.#selectedObjectsIds);\n    });\n\n    this.#chGridEl.addEventListener(\"rowDoubleClicked\", (): void => {\n      this.#openSelectionCallbackHandler();\n    });\n\n    this.#chGridEl.addEventListener(\n      \"rowContextMenu\",\n      (ev: CustomEvent<TabularGridRowContextMenuEvent>): void => {\n        ev.preventDefault();\n        ev.stopPropagation();\n        this.contextMenuCallback({\n          selection: ev.detail.selectedRowsId,\n          clientX: ev.detail.clientX,\n          clientY: ev.detail.clientY\n        });\n      }\n    );\n  };\n\n  #categoryInputHandler = async (event: CustomEvent<string> | InputEvent) => {\n    this.#categoryValue = event.detail as string;\n    this.#getObjects();\n  };\n\n  #clearDateTimeValue = () => {\n    this.dateTimeValue = undefined;\n  };\n\n  #dateTimeInputHandler = (event: CustomEvent<any> | InputEvent) => {\n    this.dateTimeValue = event.detail;\n    this.#getObjects();\n  };\n\n  #deleteSelectionCallbackHandler = (): void => {\n    this.deleteSelectionCallback(this.#selectedObjectsIds);\n  };\n\n  #deselectAll = (): void => {\n    (this.#chGridEl as any).selectAllRows(false);\n  };\n\n  #evaluateModifiedDates = (\n    objectModifiedDate: Date,\n    filterSelectedModifiedDate: string\n  ) => {\n    const filterSelectedModifiedDateAsDate = new Date(\n      filterSelectedModifiedDate\n    );\n    if (filterSelectedModifiedDateAsDate >= objectModifiedDate) {\n      // Object modifed date matches with filter date, or was modified after that date.\n      // Highlight to show that it matches.\n      return <span class=\"hiChar\">{this.#formatDate(objectModifiedDate)}</span>;\n    } else {\n      return this.#formatDate(objectModifiedDate);\n    }\n  };\n\n  #filterAfterTypeCallbackHandler = (\n    event: CustomEvent<string> | InputEvent\n  ) => {\n    this.afterValue = event.detail as string;\n    this.#getObjects();\n  };\n\n  #formatDate = (date: Date): string => {\n    return formatDate(date, \"date-time-short\");\n  };\n\n  #getObjects = () => {\n    this.#setLoadingState();\n    const filtersValues: ObjectFiltersData = {\n      name: this.#nameValue,\n      searchContents: this.#searchContentsValue,\n      category: this.#categoryValue,\n      parent: this.#filterModuleEl.value.id,\n      allDescendants: this.#allDescendants === CHECKBOX_CHECKED_VALUE,\n      modifiedAfter: this.showModified ? this.afterValue : undefined,\n      modifiedBy: this.showModified ? this.#userValue : undefined,\n      modifiedDate: this.showModified ? new Date(this.dateTimeValue) : undefined\n    };\n    this.loadCallback(filtersValues).then((items: ObjectData[]) => {\n      this.objects = items;\n      this.#selectedObjectsIds = [];\n      this.#deselectAll();\n      this.isLoading = false;\n    });\n  };\n\n  #renderHeader = (): Element[] => {\n    return [\n      <div\n        // Name\n        class=\"field field-block field-name\"\n      >\n        <label class=\"label\" htmlFor=\"name\">\n          {this.#componentLocale.filter.name}\n        </label>\n        <ch-edit\n          id=\"name\"\n          class=\"input\"\n          value={this.#nameValue}\n          onInput={this.#nameInputHandler}\n          part=\"filter-files\"\n          debounce={config.inputDebounce}\n          disabled={this.isLoading}\n        ></ch-edit>\n      </div>,\n\n      <div\n        // Module\n        class=\"field field-block field-module-folder\"\n      >\n        <label class=\"label\" htmlFor=\"module-folder\">\n          {this.#componentLocale.filter.moduleFolder}\n        </label>\n        <gx-ide-entity-selector\n          part=\"filter-module-folder\"\n          id=\"module/folder\"\n          labelPosition=\"none\"\n          value={this.#moduleValue}\n          defaultValue={this.defaultModule}\n          selectEntityCallback={this.selectModuleCallback}\n          ref={(el: HTMLGxIdeEntitySelectorElement) =>\n            (this.#filterModuleEl = el as HTMLGxIdeEntitySelectorElement)\n          }\n          onValueChanged={this.#moduleValueChangedHandler}\n          disabled={this.isLoading}\n        ></gx-ide-entity-selector>\n      </div>,\n\n      <ch-accordion-render\n        class=\"accordion-outlined advanced-filter\"\n        model={this.#ACCORDION_MODEL}\n      >\n        <div\n          slot={ACCORDION_FILTER_ID}\n          class=\"spacing-body field-group advanced-filter__container\"\n        >\n          {this.showSearchContents && (\n            <div\n              // Search contents\n              class=\"field field-block field-search-contents\"\n            >\n              <label class=\"label\" htmlFor=\"filter-content\">\n                {this.#componentLocale.filter.content}\n              </label>\n              <ch-edit\n                id=\"filter-content\"\n                class=\"input\"\n                onInput={this.#searchContentsInputHandler}\n                part=\"filter-content\"\n              ></ch-edit>\n            </div>\n          )}\n\n          <div class=\"field-group advanced-filter__first-row\">\n            <div\n              // Category\n              class=\"field field-block field-category\"\n            >\n              <label class=\"label\" htmlFor=\"filter-category\">\n                {this.#componentLocale.filter.category}\n              </label>\n              <ch-combo-box-render\n                id=\"filter-category\"\n                class=\"combo-box disabled\"\n                value={this.#categoryValue}\n                disabled={!this.categories || this.isLoading}\n                model={this.categoriesComboBoxModel}\n                part=\"filter-category\"\n                onInput={this.#categoryInputHandler}\n              ></ch-combo-box-render>\n            </div>\n\n            <div\n              // All descendants / Modified\n              class=\"all-descendants__modified field field-inline\"\n            >\n              <ch-checkbox\n                // All descendants\n                class=\"checkbox\"\n                caption={this.#componentLocale.filter.allDescendants}\n                checkedValue={CHECKBOX_CHECKED_VALUE}\n                unCheckedValue={CHECKBOX_UNCHECKED_VALUE}\n                value={this.#allDescendants}\n                onInput={this.#allDescendantsCheckboxHandler}\n                part=\"filter-all-descendants\"\n                disabled={this.isLoading}\n              ></ch-checkbox>\n\n              <ch-checkbox\n                // Modified\n                class=\"checkbox align-center\"\n                caption={this.#componentLocale.filter.modified}\n                checkedValue={CHECKBOX_CHECKED_VALUE}\n                unCheckedValue={CHECKBOX_UNCHECKED_VALUE}\n                value={this.showModified}\n                onInput={this.#showModifiedCheckboxHandler}\n                part=\"filter-modified\"\n              ></ch-checkbox>\n            </div>\n          </div>\n\n          {this.showModified === CHECKBOX_CHECKED_VALUE && (\n            <div class=\"field-group advanced-filter__second-row\">\n              <div\n                // After\n                class=\"field field-block field-after\"\n              >\n                <label class=\"label\" htmlFor=\"filter-after-type\">\n                  {this.#componentLocale.filter.after}\n                </label>\n                <ch-combo-box-render\n                  id=\"filter-after-type\"\n                  class=\"combo-box\"\n                  value={this.afterValue}\n                  model={this.filterAfterComboBoxModel}\n                  onInput={this.#filterAfterTypeCallbackHandler}\n                  part=\"filter-after-type\"\n                  disabled={this.isLoading}\n                ></ch-combo-box-render>\n              </div>\n\n              <div\n                // User\n                class=\"field field-block field-user\"\n              >\n                <label class=\"label\" htmlFor=\"filter-user\">\n                  {this.#componentLocale.filter.user}\n                </label>\n                <ch-edit\n                  id=\"filter-user\"\n                  class=\"input\"\n                  value={this.#userValue}\n                  onInput={this.#userInputHandler}\n                  part=\"filter-user\"\n                  debounce={config.inputDebounce}\n                  disabled={this.isLoading}\n                ></ch-edit>\n              </div>\n\n              {this.afterValue === FILTER_AFTER_DATE_TIME && (\n                <div\n                  // Date/Time\n                  class={{\n                    \"field field-block field-date\": true,\n                    \"hide\": this.afterValue !== FILTER_AFTER_DATE_TIME\n                  }}\n                >\n                  <label\n                    class=\"label label-date-time\"\n                    htmlFor=\"filter-date-time\"\n                  >\n                    {this.#componentLocale.filter.dateTime}\n                    <ch-image\n                      class=\"icon-md icon-clear-date-time\"\n                      src={INFO_ICON}\n                    ></ch-image>\n                    <ch-tooltip\n                      class=\"tooltip\"\n                      actionElement={null}\n                      blockAlign=\"outside-start\"\n                      inlineAlign=\"inside-start\"\n                      delay={config.tooltipSettings.delay}\n                    >\n                      {this.#componentLocale.filter.dateTimeTooltip}\n                    </ch-tooltip>\n                  </label>\n\n                  <ch-edit\n                    id=\"filter-date-time\"\n                    type=\"datetime-local\"\n                    class=\"input input-date-time\"\n                    value={this.dateTimeValue}\n                    onInput={this.#dateTimeInputHandler}\n                    part=\"filter-date-time\"\n                    disabled={this.isLoading}\n                  ></ch-edit>\n\n                  <button\n                    class=\"button-tertiary button-icon-only\"\n                    onClick={this.#clearDateTimeValue}\n                    disabled={this.isLoading}\n                  >\n                    <ch-image class=\"icon-md\" src={CLEAR_ICON} type=\"mask\" />\n                  </button>\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      </ch-accordion-render>\n    ];\n  };\n\n  #renderObjects = (): Element => {\n    const gridIsEmpty = !this.objects.length;\n\n    return (\n      <ch-tabular-grid\n        ref={(el: HTMLChTabularGridElement) => (this.#chGridEl = el)}\n        class={{\n          \"tabular-grid\": true,\n          \"loading\": this.isLoading,\n          \"empty\": this.objects.length === 0\n        }}\n        rowSelectionMode=\"multiple\"\n        part=\"ch-grid-files\"\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            columnName=\"\"\n            columnNameHidden={false}\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n\n          <ch-tabular-grid-column\n            columnName={this.#componentLocale.tableHead.name}\n            columnNameHidden={false}\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n\n          <ch-tabular-grid-column\n            columnName={this.#componentLocale.tableHead.module}\n            columnNameHidden={false}\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n\n          {this.gridColumnsVisibility.description && (\n            <ch-tabular-grid-column\n              columnName={this.#componentLocale.tableHead.description}\n              columnNameHidden={false}\n              settingable={false}\n              size={config.tabularGrid.colSize.auto}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n          )}\n\n          {this.gridColumnsVisibility.modifiedDate && (\n            <ch-tabular-grid-column\n              columnName={this.#componentLocale.tableHead.modifiedDate}\n              columnNameHidden={false}\n              settingable={false}\n              size={config.tabularGrid.colSize.maxContent}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n          )}\n\n          {this.gridColumnsVisibility.lastUser && (\n            <ch-tabular-grid-column\n              columnName={this.#componentLocale.tableHead.lastUser}\n              columnNameHidden={false}\n              settingable={false}\n              size={config.tabularGrid.colSize.maxContent}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n          )}\n\n          {this.gridColumnsVisibility.importDate && (\n            <ch-tabular-grid-column\n              columnName={this.#componentLocale.tableHead.importDate}\n              columnNameHidden={false}\n              settingable={false}\n              size={config.tabularGrid.colSize.maxContent}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n          )}\n\n          {this.gridColumnsVisibility.lastBuildDate && (\n            <ch-tabular-grid-column\n              columnName={this.#componentLocale.tableHead.lastBuildDate}\n              columnNameHidden={false}\n              settingable={false}\n              size={config.tabularGrid.colSize.maxContent}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n          )}\n        </ch-tabular-grid-columnset>\n\n        {!gridIsEmpty ? (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            {this.objects?.map((object: ObjectData) => (\n              <ch-tabular-grid-row rowid={object.id} class=\"tabular-grid-row\">\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  <ch-image src={object.icon}></ch-image>\n                </ch-tabular-grid-cell>\n\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {hiChar(\n                    object.name.toLowerCase(),\n                    this.#nameValue.toLowerCase()\n                  )}\n                </ch-tabular-grid-cell>\n\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {hiChar(object.parent, this.#moduleValue.name)}\n                </ch-tabular-grid-cell>\n\n                {this.gridColumnsVisibility.description && (\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell tabular-grid-cell-description\">\n                    {object.description}\n                  </ch-tabular-grid-cell>\n                )}\n\n                {this.gridColumnsVisibility.modifiedDate && (\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {this.#evaluateModifiedDates(\n                      object.modifiedDate,\n                      this.dateTimeValue\n                    )}\n                  </ch-tabular-grid-cell>\n                )}\n\n                {this.gridColumnsVisibility.lastUser && (\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {hiChar(object.lastUser?.toLowerCase(), this.#userValue)}\n                  </ch-tabular-grid-cell>\n                )}\n\n                {this.gridColumnsVisibility.importDate && (\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {hiChar(\n                      object.importDate\n                        ? this.#formatDate(object.importDate)\n                        : \"\",\n                      this.#nameValue\n                    )}\n                  </ch-tabular-grid-cell>\n                )}\n\n                {this.gridColumnsVisibility.lastBuildDate && (\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {hiChar(\n                      object.lastBuildDate\n                        ? this.#formatDate(object.lastBuildDate)\n                        : \"\",\n                      this.#nameValue\n                    )}\n                  </ch-tabular-grid-cell>\n                )}\n              </ch-tabular-grid-row>\n            ))}\n          </ch-tabular-grid-rowset>\n        ) : (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            <ch-tabular-grid-rowset-empty>\n              {this.isLoading ? (\n                <gx-ide-loader\n                  loaderTitle={this.#componentLocale.loader.title}\n                  description={this.#componentLocale.loader.description}\n                  show\n                ></gx-ide-loader>\n              ) : (\n                <gx-ide-empty-state\n                  isAnimated={true}\n                  stateIconSrc={FILTER_ICON}\n                  stateTitle={this.#componentLocale.emptyState.title}\n                ></gx-ide-empty-state>\n              )}\n            </ch-tabular-grid-rowset-empty>\n          </ch-tabular-grid-rowset>\n        )}\n      </ch-tabular-grid>\n    );\n  };\n\n  #moduleValueChangedHandler = (\n    event: GxIdeEntitySelectorCustomEvent<EntityData>\n  ) => {\n    this.#moduleValue = event.detail;\n    this.#getObjects();\n  };\n\n  #nameInputHandler = (event: CustomEvent<any> | InputEvent) => {\n    this.#nameValue = event.detail;\n    this.#getObjects();\n  };\n\n  #newFileCallbackHandler = (): void => {\n    this.newFileCallback();\n  };\n\n  #openSelectionCallbackHandler = (): void => {\n    this.openSelectionCallback(this.#selectedObjectsIds);\n  };\n\n  #searchContentsInputHandler = (event: CustomEvent<any> | InputEvent) => {\n    this.#searchContentsValue = event.detail;\n    this.#getObjects();\n  };\n\n  #setLoadingState = () => {\n    this.objects = [];\n    this.isLoading = true;\n  };\n\n  #userInputHandler = (event: CustomEvent<any> | InputEvent) => {\n    this.#userValue = event.detail;\n    this.#getObjects();\n  };\n\n  #showModifiedCheckboxHandler = (\n    event: ChCheckboxCustomEvent<any> | InputEvent\n  ) => {\n    this.showModified = event.detail;\n  };\n\n  #selectAll = (): void => {\n    (this.#chGridEl as any).selectAllRows();\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <section class=\"section\">\n          <header class=\"header control-header-with-border spacing-body-inline spacing-body-block-start field-group\">\n            {this.#renderHeader()}\n          </header>\n\n          {this.#renderObjects()}\n\n          <footer class=\"control-footer-with-border control-footer-space-between spacing-body\">\n            <p\n              // matching objects\n              class=\"text-body\"\n              part=\"objects-matching\"\n            >\n              {`${this.objects?.length} ${\n                this.#componentLocale.objCount.matching\n              }`}\n            </p>\n\n            <div class=\"buttons-spacer\">\n              <button\n                // select all button\n                id=\"button-select-all\"\n                class=\"button-secondary\"\n                onClick={this.#selectAll}\n                part=\"button button--select-all\"\n                disabled={this.isLoading}\n              >\n                {this.#componentLocale.footer.btnSelectAll}\n              </button>\n\n              <button\n                // new file button\n                id=\"button-new-file\"\n                class=\"button-primary button-icon-and-text\"\n                onClick={this.#newFileCallbackHandler}\n                part=\"button button--new-file\"\n                disabled={this.isLoading}\n              >\n                {this.#componentLocale.footer.btnNew}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type SelectionChangeCallback = (ids: string[]) => Promise<void>;\nexport type OpenSelectionCallback = (ids: string[]) => Promise<void>;\nexport type DeleteSelectionCallback = (ids: string[]) => Promise<void>;\nexport type SelectModuleCallback = () => Promise<EntityData | undefined>;\n// export type ContextMenuCallback = (ids: string[]) => Promise<void>;\nexport type ContextMenuCallback = (\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\nexport type NewFileCallback = () => Promise<void>;\nexport type LoadCallback = (\n  filters: ObjectFiltersData\n) => Promise<ObjectData[]>;\n\nexport interface ObjectFiltersData {\n  name?: string;\n  searchContents?: string;\n  category?: string;\n  parent?: string;\n  allDescendants?: boolean;\n  modifiedAfter?: string;\n  modifiedBy?: string;\n  modifiedDate?: Date;\n}\nexport interface ObjectData {\n  id: string;\n  icon: string;\n  name: string;\n  description: string;\n  parent: string;\n  modifiedDate?: Date;\n  lastUser?: string;\n  importDate?: Date;\n  lastBuildDate: Date;\n}\n\nexport type GridColumnsVisibility = {\n  description: boolean;\n  importDate: boolean;\n  lastBuildDate: boolean;\n  lastUser: boolean;\n  modifiedDate: boolean;\n};\n\ntype CheckboxState =\n  | typeof CHECKBOX_CHECKED_VALUE\n  | typeof CHECKBOX_UNCHECKED_VALUE;\n"],"mappings":"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"}

package/dist/types/components/ww-files/helpers.d.ts

@@ -1,3 +1,4 @@
 import { ComboBoxModel } from "@genexus/chameleon-controls-library";
 import { GxOption } from "../..";
 export declare const mapOptionsToComboBoxItemModel: (options: GxOption[]) => ComboBoxModel;
+export declare const hiChar: (text: string, search: string) => Element[] | string;

package/dist/types/components/ww-files/ww-files.d.ts

@@ -1,56 +1,49 @@
-import { EventEmitter } from "../../stencil-public-runtime";
 import { GxOption } from "../../common/types";
 import { EntityData, ContextMenuInfo } from "../../common/types";
 import { ComboBoxModel } from "@genexus/chameleon-controls-library";
+declare const CHECKBOX_CHECKED_VALUE = "checked";
+declare const CHECKBOX_UNCHECKED_VALUE = "unchecked";
 export declare class GxIdeWWFiles {
     #private;
     el: HTMLGxIdeWwFilesElement;
-    categoriesComboBoxModel: ComboBoxModel;
-    /**
-     * The current value of the "After" combo box options.
-     */
-    afterCurrentValue: string;
-    /**
-     * The options for the "After" combo-box
-     */
-    filterAfterOptions: ComboBoxModel;
     /**
-     * When true, modified controls will be enabled, otherwise disabled.
+     * The "After" control value. Controls the visibility of the "Date/Time" control.
      */
-    enabledModifiedControls: boolean;
+    afterValue: string;
     /**
-     * For show or hide the filters relative to modifiers
-     */
-    filterModified: boolean;
-    /**
-     * For show or hide advanced filters
+     * The "Category" options as combo box model
      */
-    filterMore: boolean;
+    categoriesComboBoxModel: ComboBoxModel;
     /**
-     * The files rendered in the table
+     * Value of the Date/Time control
      */
-    objects: ObjectData[];
+    dateTimeValue: string;
+    dateTimeValueChanged(): void;
     /**
-     * Files filter input value
+     * A loader that is shown when the filter changes and the server has to retrieve new data.
      */
-    filterFilesInputValue: string;
+    isLoading: boolean;
     /**
-     * Files rendered in the table after filtering
+     * The options for the "After" combo-box
      */
-    filteredFiles: ObjectData[];
+    filterAfterComboBoxModel: ComboBoxModel;
     /**
-     * The selected files in the table of files
+     * For show or hide the filters relative to modifiers
      */
-    selectedObjectsIds: string[];
+    showModified: CheckboxState;
     /**
-     * Controls the expanded state of the advanced filter accordion
+     * The files rendered in the table
      */
-    advancedFilterAccordionExpanded: boolean;
+    objects: ObjectData[];
     /**
      * The categories render in the filter category selector
      */
     readonly categories: GxOption[];
     categoriesChanged(newCategories: GxOption[]): void;
+    /**
+     * This is a function provided by the developer for show the context menu of the selected files.
+     */
+    readonly contextMenuCallback: ContextMenuCallback;
     /**
      * The default value for the category filter
      */
@@ -59,22 +52,14 @@ export declare class GxIdeWWFiles {
      * The default value for the module/folder filter
      */
     readonly defaultModule: EntityData;
-    /**
-     * The modules/folders render in the module/folder selector
-     */
-    readonly filterModules: GxOption[];
-    /**
-     * The types render in the filter type selector
-     */
-    readonly types: GxOption[];
-    /**
-     * This is a function provided by the developer for show the context menu of the selected files.
-     */
-    readonly contextMenuCallback: ContextMenuCallback;
     /**
      * This is a function provided by the developer for delete the selected files.
      */
     readonly deleteSelectionCallback: DeleteSelectionCallback;
+    /**
+     * Controls the visibility of the tabular grid cell columns, and respective cells.
+     */
+    readonly gridColumnsVisibility: GridColumnsVisibility;
     /**
      *  This is a function provided by the developer that return a list of files to populate the table of files.
      */
@@ -96,44 +81,12 @@ export declare class GxIdeWWFiles {
      */
     readonly selectionChangeCallback: SelectionChangeCallback;
     /**
-     * This event is emitted once just after the component is fully loaded and the first render() occurs.
-     */
-    componentDidLoadEvent: EventEmitter<boolean>;
-    /**
-     * Controls whether to show the Search contents field in the advanced filter section
+     * Controls whether to show the Search contents field in the advanced filter section (Not available at the time of writting, since the server is not handling this feature yet.)
      */
-    showSearchContents: boolean;
-    /**
-     * Controls whether to show the description column in the grid
-     */
-    showDescription: boolean;
-    /**
-     * Controls whether to show the modified date column in the grid
-     */
-    showModifiedDate: boolean;
-    /**
-     * Controls whether to show the last user column in the grid
-     */
-    showLastUser: boolean;
-    /**
-     * Controls whether to show the import date column in the grid
-     */
-    showImportDate: boolean;
-    /**
-     * Controls whether to show the type column in the grid
-     */
-    showType: boolean;
-    /**
-     * Controls whether to show the last build date column in the grid
-     */
-    showLastBuildDate: boolean;
+    readonly showSearchContents = false;
     componentWillLoad(): Promise<void>;
     componentDidLoad(): void;
     keyDownHandler(eventInfo: KeyboardEvent): void;
-    /**
-     * Validate necessary data input
-     */
-    validate(): Promise<boolean>;
     /**
      * This method reload the view, refreshing the filters and the table of files.
      */
@@ -161,12 +114,19 @@ export interface ObjectData {
     id: string;
     icon: string;
     name: string;
-    type: string;
     description: string;
     parent: string;
-    module: string;
     modifiedDate?: Date;
     lastUser?: string;
     importDate?: Date;
     lastBuildDate: Date;
 }
+export type GridColumnsVisibility = {
+    description: boolean;
+    importDate: boolean;
+    lastBuildDate: boolean;
+    lastUser: boolean;
+    modifiedDate: boolean;
+};
+type CheckboxState = typeof CHECKBOX_CHECKED_VALUE | typeof CHECKBOX_UNCHECKED_VALUE;
+export {};

package/dist/types/components.d.ts

@@ -75,7 +75,7 @@ import { TitleAlignment as TitleAlignment1, TitleType as TitleType1 } from "./co
 import { CloseCallback as CloseCallback1, SlideInfo, TransitionType } from "./components/welcome-page/welcome-page";
 import { WFConfigData } from "./components/wf-settings/wf-settings";
 import { ContextMenuCallback, DeleteSelectionCallback, LoadCallback as LoadCallback7, ObjectActionCallback, OpenSelectionCallback as OpenSelectionCallback1, SelectionChangeCallback } from "./components/ww-attributes/ww-attributes";
-import { ContextMenuCallback as ContextMenuCallback1, DeleteSelectionCallback as DeleteSelectionCallback1, LoadCallback as LoadCallback8, NewFileCallback, OpenSelectionCallback as OpenSelectionCallback2, SelectionChangeCallback as SelectionChangeCallback1, SelectModuleCallback as SelectModuleCallback4 } from "./components/ww-files/ww-files";
+import { ContextMenuCallback as ContextMenuCallback1, DeleteSelectionCallback as DeleteSelectionCallback1, GridColumnsVisibility, LoadCallback as LoadCallback8, NewFileCallback, OpenSelectionCallback as OpenSelectionCallback2, SelectionChangeCallback as SelectionChangeCallback1, SelectModuleCallback as SelectModuleCallback4 } from "./components/ww-files/ww-files";
 import { ContextMenuCallback as ContextMenuCallback2, DeleteSelectionCallback as DeleteSelectionCallback2, LoadCallback as LoadCallback9, LoadImageItemsCallback, NewObjectCallback as NewObjectCallback1, OpenSelectionCallback as OpenSelectionCallback3, SelectionObjectCallback, SelectModuleCallback as SelectModuleCallback5 } from "./components/ww-images/ww-images";
 export { DetailsCallback, PrivacyPolicyCallback, TermsAndConditionsCallback } from "./components/about/about";
 export { AiStatus, Message, UserMessageCallback } from "./components/ai-assistant/ai-assistant";
@@ -147,7 +147,7 @@ export { TitleAlignment as TitleAlignment1, TitleType as TitleType1 } from "./co
 export { CloseCallback as CloseCallback1, SlideInfo, TransitionType } from "./components/welcome-page/welcome-page";
 export { WFConfigData } from "./components/wf-settings/wf-settings";
 export { ContextMenuCallback, DeleteSelectionCallback, LoadCallback as LoadCallback7, ObjectActionCallback, OpenSelectionCallback as OpenSelectionCallback1, SelectionChangeCallback } from "./components/ww-attributes/ww-attributes";
-export { ContextMenuCallback as ContextMenuCallback1, DeleteSelectionCallback as DeleteSelectionCallback1, LoadCallback as LoadCallback8, NewFileCallback, OpenSelectionCallback as OpenSelectionCallback2, SelectionChangeCallback as SelectionChangeCallback1, SelectModuleCallback as SelectModuleCallback4 } from "./components/ww-files/ww-files";
+export { ContextMenuCallback as ContextMenuCallback1, DeleteSelectionCallback as DeleteSelectionCallback1, GridColumnsVisibility, LoadCallback as LoadCallback8, NewFileCallback, OpenSelectionCallback as OpenSelectionCallback2, SelectionChangeCallback as SelectionChangeCallback1, SelectModuleCallback as SelectModuleCallback4 } from "./components/ww-files/ww-files";
 export { ContextMenuCallback as ContextMenuCallback2, DeleteSelectionCallback as DeleteSelectionCallback2, LoadCallback as LoadCallback9, LoadImageItemsCallback, NewObjectCallback as NewObjectCallback1, OpenSelectionCallback as OpenSelectionCallback3, SelectionObjectCallback, SelectModuleCallback as SelectModuleCallback5 } from "./components/ww-images/ww-images";
 export namespace Components {
     interface GxIdeAbout {
@@ -2558,9 +2558,9 @@ export namespace Components {
          */
         "deleteSelectionCallback": DeleteSelectionCallback1;
         /**
-          * The modules/folders render in the module/folder selector
+          * Controls the visibility of the tabular grid cell columns, and respective cells.
          */
-        "filterModules": GxOption[];
+        "gridColumnsVisibility": GridColumnsVisibility;
         /**
           * This is a function provided by the developer that return a list of files to populate the table of files.
          */
@@ -2583,41 +2583,9 @@ export namespace Components {
          */
         "selectionChangeCallback": SelectionChangeCallback1;
         /**
-          * Controls whether to show the description column in the grid
-         */
-        "showDescription": boolean;
-        /**
-          * Controls whether to show the import date column in the grid
-         */
-        "showImportDate": boolean;
-        /**
-          * Controls whether to show the last build date column in the grid
-         */
-        "showLastBuildDate": boolean;
-        /**
-          * Controls whether to show the last user column in the grid
-         */
-        "showLastUser": boolean;
-        /**
-          * Controls whether to show the modified date column in the grid
-         */
-        "showModifiedDate": boolean;
-        /**
-          * Controls whether to show the Search contents field in the advanced filter section
-         */
-        "showSearchContents": boolean;
-        /**
-          * Controls whether to show the type column in the grid
+          * Controls whether to show the Search contents field in the advanced filter section (Not available at the time of writting, since the server is not handling this feature yet.)
          */
-        "showType": boolean;
-        /**
-          * The types render in the filter type selector
-         */
-        "types": GxOption[];
-        /**
-          * Validate necessary data input
-         */
-        "validate": () => Promise<boolean>;
+        "showSearchContents": false;
     }
     interface GxIdeWwImages {
         /**
@@ -2842,10 +2810,6 @@ export interface GxIdeWfSettingsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeWfSettingsElement;
 }
-export interface GxIdeWwFilesCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLGxIdeWwFilesElement;
-}
 export interface GxIdeWwImagesCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeWwImagesElement;
@@ -3660,18 +3624,7 @@ declare global {
         prototype: HTMLGxIdeWwAttributesElement;
         new (): HTMLGxIdeWwAttributesElement;
     };
-    interface HTMLGxIdeWwFilesElementEventMap {
-        "componentDidLoadEvent": boolean;
-    }
     interface HTMLGxIdeWwFilesElement extends Components.GxIdeWwFiles, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLGxIdeWwFilesElementEventMap>(type: K, listener: (this: HTMLGxIdeWwFilesElement, ev: GxIdeWwFilesCustomEvent<HTMLGxIdeWwFilesElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLGxIdeWwFilesElementEventMap>(type: K, listener: (this: HTMLGxIdeWwFilesElement, ev: GxIdeWwFilesCustomEvent<HTMLGxIdeWwFilesElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLGxIdeWwFilesElement: {
         prototype: HTMLGxIdeWwFilesElement;
@@ -6239,18 +6192,14 @@ declare namespace LocalJSX {
          */
         "deleteSelectionCallback": DeleteSelectionCallback1;
         /**
-          * The modules/folders render in the module/folder selector
+          * Controls the visibility of the tabular grid cell columns, and respective cells.
          */
-        "filterModules": GxOption[];
+        "gridColumnsVisibility"?: GridColumnsVisibility;
         /**
           * This is a function provided by the developer that return a list of files to populate the table of files.
          */
         "loadCallback": LoadCallback8;
         "newFileCallback": NewFileCallback;
-        /**
-          * This event is emitted once just after the component is fully loaded and the first render() occurs.
-         */
-        "onComponentDidLoadEvent"?: (event: GxIdeWwFilesCustomEvent<boolean>) => void;
         /**
           * This is a function provided by the developer to expand the data of files that is double-clicked or entered.
          */
@@ -6264,37 +6213,9 @@ declare namespace LocalJSX {
          */
         "selectionChangeCallback": SelectionChangeCallback1;
         /**
-          * Controls whether to show the description column in the grid
-         */
-        "showDescription"?: boolean;
-        /**
-          * Controls whether to show the import date column in the grid
-         */
-        "showImportDate"?: boolean;
-        /**
-          * Controls whether to show the last build date column in the grid
-         */
-        "showLastBuildDate"?: boolean;
-        /**
-          * Controls whether to show the last user column in the grid
-         */
-        "showLastUser"?: boolean;
-        /**
-          * Controls whether to show the modified date column in the grid
-         */
-        "showModifiedDate"?: boolean;
-        /**
-          * Controls whether to show the Search contents field in the advanced filter section
+          * Controls whether to show the Search contents field in the advanced filter section (Not available at the time of writting, since the server is not handling this feature yet.)
          */
-        "showSearchContents"?: boolean;
-        /**
-          * Controls whether to show the type column in the grid
-         */
-        "showType"?: boolean;
-        /**
-          * The types render in the filter type selector
-         */
-        "types": GxOption[];
+        "showSearchContents"?: false;
     }
     interface GxIdeWwImages {
         /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "1.1.24",
+  "version": "1.1.25",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",