@genexus/genexus-ide-ui 0.0.25 → 0.0.26

package/dist/types/common/types.d.ts

@@ -24,3 +24,8 @@ export type FormSubmitResult = {
   fieldErrors: FormElementValidation[];
 };
 export type ObjectState = "inserted" | "modified" | "deleted" | "conflicted";
+export type ContextMenuInfo = {
+  selection: string[];
+  clientX: number;
+  clientY: number;
+};

package/dist/types/components/team-dev-commit/team-dev-commit.d.ts

@@ -1,6 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { ChGridRowContextMenuEvent } from "@genexus/chameleon-controls-library/dist/types/components/grid/ch-grid-types";
-import { GxOption, ObjectState } from "../../common/types";
+import { GxOption, ObjectState, ContextMenuInfo } from "../../common/types";
 export declare class GxIdeTeamDevCommit {
   /**
    * The component hard-coded strings translations.
@@ -14,6 +13,7 @@ export declare class GxIdeTeamDevCommit {
   private foldersEl;
   private categoriesEl;
   private chGridPendingCommitsEl;
+  private chGridIgnoredObjectsEl;
   private commitComment;
   filtersHidden: boolean;
   comment: string;
@@ -58,7 +58,7 @@ export declare class GxIdeTeamDevCommit {
   /**
    * Callback that must be invoked when user activate the context menu in any of the grids
    */
-  readonly gridContextMenuCallback: GridContextMenuCallback;
+  readonly objectsContextMenuCallback: ObjectsContextMenuCallback;
   /**
    * This event is emitted once just after the component is fully loaded and the first render() occurs.
    */
@@ -75,7 +75,7 @@ export declare class GxIdeTeamDevCommit {
   private revertPendingCommitsCheckboxes;
   private renderIconState;
   private pendingCommitsRowMarkingChangedHandler;
-  private gridOnContextMenuCallbackHandler;
+  private objectsOnContextMenuCallbackHandler;
   private gridOnSelectionChangedCallbackHandler;
   private renderPendingCommitsGrid;
   private renderIgnoredObjectsGrid;
@@ -93,10 +93,10 @@ export type ObjetType = {
 export type GetRecentComment = () => Promise<string | undefined>;
 export type LoadCallback = (filters: FiltersData) => Promise<CommitData>;
 export type CommitCallback = (selection: string[], commitComment: string) => Promise<boolean>;
-export type SelectCallback = (grid: gridType, selectionIds: string[]) => Promise<void>;
+export type SelectCallback = (grid: SourceType, selectionIds: string[]) => Promise<void>;
 export type PendingItemCheckedCallback = (checkedItemIds: string[]) => Promise<PendingItemCheckedResult | undefined>;
-export type GridContextMenuCallback = (grid: gridType, eventInfo: ChGridRowContextMenuEvent) => Promise<void>;
-export type gridType = "commit" | "ignored";
+export type ObjectsContextMenuCallback = (grid: SourceType, contextMenuInfo: ContextMenuInfo) => Promise<void>;
+export type SourceType = "commit" | "ignored";
 export type CommitData = {
   pending: ModifiedObjectData[];
   ignored: ModifiedObjectData[];

package/dist/types/components.d.ts

@@ -15,9 +15,9 @@ import { GxOption } from "./common/types";
 import { CancelCallback, ChangedCallback, CreateCallback } from "./components/new-environment/new-environment";
 import { CancelCallback as CancelCallback1, CreateCallback as CreateCallback1, SelectLocationCallback } from "./components/new-kb/new-kb";
 import { LoadReferencesCallback, ObjectData, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
-import { CommitCallback, GetRecentComment, GridContextMenuCallback, LoadCallback, ObjetType, PendingItemCheckedResult, PendingItemsCheckedState, SelectCallback } from "./components/team-dev-commit/team-dev-commit";
+import { CommitCallback, GetRecentComment, LoadCallback, ObjectsContextMenuCallback, ObjetType, PendingItemCheckedResult, PendingItemsCheckedState, SelectCallback } from "./components/team-dev-commit/team-dev-commit";
 import { cancelCallback, confirmCallback } from "./components/team-dev-select-recent-comment/team-dev-select-recent-comment";
-import { ConfirmCallback, GridContextMenuCallback as GridContextMenuCallback1, LoadCallback as LoadCallback1, ObjectType, PendingItemCheckedCallback, UpdateCallback, UpdateFromData } from "./components/team-dev-update/team-dev-update";
+import { ConfirmCallback, GridContextMenuCallback, LoadCallback as LoadCallback1, ObjectType, PendingItemCheckedCallback, UpdateCallback, UpdateFromData } from "./components/team-dev-update/team-dev-update";
 import { AddCallbackFn, CancelCallbackFn, ConfirmCallbackFn, ObjectData as ObjectData1 } from "./components/team-dev-update-partial-selection/team-dev-update-partial-selection";
 import { cancelCallbackFn, confirmCallbackFn } from "./components/team-dev-update-to-revision/team-dev-update-to-revision";
 import { GxgTreeItemData } from "@genexus/gemini/dist/types/components/tree-item/gxg-tree-item";
@@ -387,14 +387,14 @@ export namespace Components {
           * Callback invoked when user press Recent Comments button.
          */
         "getRecentCommentCallback": GetRecentComment;
-        /**
-          * Callback that must be invoked when user activate the context menu in any of the grids
-         */
-        "gridContextMenuCallback": GridContextMenuCallback;
         /**
           * Callback invoked when user wants to reload the grid
          */
         "loadCallback": LoadCallback;
+        /**
+          * Callback that must be invoked when user activate the context menu in any of the grids
+         */
+        "objectsContextMenuCallback": ObjectsContextMenuCallback;
         /**
           * Callback invoked when user check/uncheck any item from the 'Pending to Commit' grid
          */
@@ -1099,14 +1099,14 @@ declare namespace LocalJSX {
           * Callback invoked when user press Recent Comments button.
          */
         "getRecentCommentCallback"?: GetRecentComment;
-        /**
-          * Callback that must be invoked when user activate the context menu in any of the grids
-         */
-        "gridContextMenuCallback"?: GridContextMenuCallback;
         /**
           * Callback invoked when user wants to reload the grid
          */
         "loadCallback"?: LoadCallback;
+        /**
+          * Callback that must be invoked when user activate the context menu in any of the grids
+         */
+        "objectsContextMenuCallback"?: ObjectsContextMenuCallback;
         /**
           * This event is emitted once just after the component is fully loaded and the first render() occurs.
          */

package/package.json

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

package/dist/genexus-ide-ui/p-dbebb1a0.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as e,H as o,g as a}from"./p-976c3a09.js";import{L as l}from"./p-26957490.js";import{f as s,r}from"./p-72303355.js";const n=class{constructor(o){i(this,o),this.componentDidLoadEvent=t(this,"componentDidLoadEvent",7),this.loadDataCalledFirstTime=!1,this.markAllPendingCommitsRows=()=>{this.chGridPendingCommitsEl.markAllRows()},this.togglePendingCommitsCheckboxes=async i=>{if(this.chGridPendingCommitsEl){const t=i.itemsToCheck,e=i.itemsToUncheck;for(const i of t)await this.chGridPendingCommitsEl.markRow(i,!0);for(const i of e)await this.chGridPendingCommitsEl.markRow(i,!1)}},this.revertPendingCommitsCheckboxes=async(i,t)=>{if(this.chGridPendingCommitsEl){for(const t of i)await this.chGridPendingCommitsEl.markRow(t,!1);for(const i of t)await this.chGridPendingCommitsEl.markRow(i,!0)}},this.renderIconState=i=>{let t,o;switch(i){case"inserted":t="gx-server/new",o="success";break;case"modified":t="gx-server/changes-commit-pending",o="primary-active";break;case"deleted":t="gx-server/delete",o="error";break;case"conflicted":t="gx-server/conflict",o="warning"}return e("gxg-icon",{type:t,color:o})},this.pendingCommitsRowMarkingChangedHandler=async i=>{if(this.chGridPendingCommitsEl.removeEventListener("rowMarkingChanged",this.pendingCommitsRowMarkingChangedHandler),this.chGridPendingCommitsEl){const t=i.detail.addedRowsId,e=i.detail.removedRowsId,o=await this.pendingItemCheckedCallback({itemsChecked:t,itemsUnchecked:e});void 0===o?await this.revertPendingCommitsCheckboxes(t,e):await this.togglePendingCommitsCheckboxes(o),this.chGridPendingCommitsEl.addEventListener("rowMarkingChanged",this.pendingCommitsRowMarkingChangedHandler)}},this.gridOnContextMenuCallbackHandler=i=>async t=>{t.preventDefault(),t.stopPropagation(),this.gridContextMenuCallback&&await this.gridContextMenuCallback(i,t.detail)},this.gridOnSelectionChangedCallbackHandler=i=>async t=>{this.selectCallback&&await this.selectCallback(i,t.detail.rowsId)},this.renderPendingCommitsGrid=()=>e("gxg-grid",null,e("ch-grid",{rowSelectionMode:"multiple",ref:i=>this.chGridPendingCommitsEl=i,part:"ch-grid-pending-commits",class:"no-border",onRowContextMenu:this.gridOnContextMenuCallbackHandler("commit"),onSelectionChanged:this.gridOnSelectionChangedCallbackHandler("commit")},e("ch-grid-columnset",null,e("ch-grid-column",{columnType:"rich",richRowSelector:!0,richRowSelectorMode:"mark",settingable:!1,sortable:!1,size:"auto"}),e("ch-grid-column",{columnName:"State",settingable:!1,sortable:!1,size:"auto"}),e("ch-grid-column",{settingable:!1,sortable:!1,size:"auto"}),e("ch-grid-column",{sortable:!0,columnName:"Name",settingable:!1,size:"auto"}),e("ch-grid-column",{sortable:!0,columnName:"Type",settingable:!1,size:"auto"}),e("ch-grid-column",{columnName:"Description",settingable:!1,size:"auto"}),e("ch-grid-column",{sortable:!0,columnName:"Modified On",settingable:!1}),e("ch-grid-column",{columnName:"Module",settingable:!1,size:"auto"}),e("ch-grid-column",{columnName:"Local State",settingable:!1,size:"auto"}),e("ch-grid-column",{columnName:"Last Synchronized",settingable:!1,size:"150px"}),e("ch-grid-column",{sortable:!0,columnName:"User",settingable:!1,size:"auto"})),this.pendingCommits.map((i=>e("ch-grid-row",{rowid:i.id},e("ch-grid-cell",{"cell-type":"rich","row-selector":!0}),e("ch-grid-cell",null," ",this.renderIconState(i.state)," "),e("ch-grid-cell",null,e("gxg-icon",{color:"auto",type:i.iconType})),e("ch-grid-cell",null," ",i.name," "),e("ch-grid-cell",null," ",i.type," "),e("ch-grid-cell",null," ",i.description," "),e("ch-grid-cell",null,`${s(i.modifiedOn)}`),e("ch-grid-cell",null," ",i.module," "),e("ch-grid-cell",null," ",i.localState," "),e("ch-grid-cell",null,`${s(i.lastSynchronized)}`),e("ch-grid-cell",null," ",i.user," ")))))),this.renderIgnoredObjectsGrid=()=>e("gxg-grid",null,e("ch-grid",{rowSelectionMode:"multiple",part:"ch-grid-pending-commits",onRowContextMenu:this.gridOnContextMenuCallbackHandler("ignored"),onSelectionChanged:this.gridOnSelectionChangedCallbackHandler("ignored")},e("ch-grid-columnset",null,e("ch-grid-column",{columnName:"",settingable:!1}),e("ch-grid-column",{columnName:"TypeIcon",settingable:!1}),e("ch-grid-column",{columnName:"Name",settingable:!1,sortable:!0}),e("ch-grid-column",{columnName:"Type",settingable:!1}),e("ch-grid-column",{columnName:"Description",settingable:!1}),e("ch-grid-column",{columnName:"Modified On",settingable:!1}),e("ch-grid-column",{columnName:"Module",settingable:!1}),e("ch-grid-column",{columnName:"Local State",settingable:!1}),e("ch-grid-column",{columnName:"Last Synchronized",settingable:!1}),e("ch-grid-column",{columnName:"User",settingable:!1})),this.ignoredObjects.map((i=>e("ch-grid-row",{"row-id":i.id,selected:!0},e("ch-grid-cell",null," ",this.renderIconState(i.state)," "),e("ch-grid-cell",null,e("gxg-icon",{color:"auto",type:i.iconType})),e("ch-grid-cell",null," ",i.name," "),e("ch-grid-cell",null," ",i.type," "),e("ch-grid-cell",null," ",i.description," "),e("ch-grid-cell",null,`${s(i.modifiedOn)}`),e("ch-grid-cell",null," ",i.module," "),e("ch-grid-cell",null," ",i.localState," "),e("ch-grid-cell",null,`${s(i.lastSynchronized)}`),e("ch-grid-cell",null," ",i.user," ")))))),this.getRecentCommentHandler=async()=>{if(this.getRecentCommentCallback){const i=await this.getRecentCommentCallback();i&&(this.comment=i)}},this.commitCallbackHandler=async()=>{const i=this.commitComment.value;this.chGridPendingCommitsEl.getMarkedRows().then((async t=>{await this.commitCallback(t,i)}))},this.loadData=async()=>{const i={pattern:this.patternEl.value,changeSet:this.changeSetEl.value,folder:this.foldersEl.value,category:this.categoriesEl.value,type:this.typesEl.value};return await this.loadCallback(i).then((async({pending:i,ignored:t})=>{this.pendingCommits=i,this.ignoredObjects=t,this.loadDataCalledFirstTime||(this.loadDataCalledFirstTime=!0)}))},this.toggleFiltersHandler=()=>{this.filtersHidden=!this.filtersHidden},this.filtersHidden=!0,this.comment="",this.pendingCommits=[],this.ignoredObjects=[],this.changeSet=void 0,this.types=void 0,this.folders=void 0,this.categories=void 0,this.getRecentCommentCallback=void 0,this.loadCallback=void 0,this.commitCallback=void 0,this.selectCallback=void 0,this.pendingItemCheckedCallback=void 0,this.gridContextMenuCallback=void 0}async componentWillLoad(){this._componentLocale=await l.getComponentStrings(this.el)}async componentDidLoad(){await this.loadData(),this.componentDidLoadEvent.emit(!0)}async componentDidRender(){this.loadDataCalledFirstTime&&(await this.markAllPendingCommitsRows(),this.chGridPendingCommitsEl.addEventListener("rowMarkingChanged",this.pendingCommitsRowMarkingChangedHandler),this.loadDataCalledFirstTime=!1)}async reload(){this.loadData()}render(){return e(o,{class:"gx-ide-component"},e("div",{class:"gx-ide-main-wrapper gx-ide-overflow"},e("gxg-container",null,e("header",{class:"header grid"},e("gxg-form-textarea",{id:"gxg-textarea",height:"100px",label:this._componentLocale.topMenu.commentLabel,value:this.comment,ref:i=>this.commitComment=i,placeholder:this._componentLocale.topMenu.commentPlaceholder}),e("gxg-button",{type:"outlined",part:"location",onClick:this.getRecentCommentHandler},this._componentLocale.topMenu.recentCommentsButton))),e("main",{class:"main"},e("gxg-container",{fieldset:!0,noContentPadding:!!this.filtersHidden},e("div",{class:"grid second-grid"},e("div",{class:"actions-row grid"},e("gxg-form-text",{class:this.filtersHidden?"hidden":null,"disable-filter":!0,label:this._componentLocale.filtersMenu.patternLabel,labelPosition:"start",value:"",ref:i=>this.patternEl=i,"display-validation-styles":!0,"display-validation-message":!0,part:"pattern",onInput:this.loadData}),e("div",{class:"action-buttons",slot:"tab-bar"},e("gxg-button",{onClick:this.toggleFiltersHandler,type:"secondary-icon-only",icon:"patterns/filters",part:"gxg-button gxg-button--show-filter"}),e("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/reset",onClick:this.loadData,part:"gxg-button gxg-button--reload"}))),e("div",{class:"filters-grid grid "+(this.filtersHidden?"hidden":null)},e("div",{class:"first-row grid"},e("gxg-combo-box",{labelPosition:"start","disable-filter":!0,label:this._componentLocale.filtersMenu.changesetLabel,value:this.changeSet[0].id,ref:i=>this.changeSetEl=i,part:"change-set","display-validation-styles":!0,"display-validation-message":!0,onValueChanged:this.loadData},r(this.changeSet)),e("gxg-combo-box",{labelPosition:"start","disable-filter":!0,label:this._componentLocale.filtersMenu.typeLabel,value:this.types[0].id,ref:i=>this.typesEl=i,part:"type",onValueChanged:this.loadData},r(this.types))),e("div",{class:"second-row grid"},e("gxg-combo-box",{labelPosition:"start","disable-filter":!0,label:this._componentLocale.filtersMenu.folderLabel,value:this.folders[0].id,ref:i=>this.foldersEl=i,part:"folder","display-validation-styles":!0,"display-validation-message":!0,onValueChanged:this.loadData},r(this.folders)),e("gxg-combo-box",{labelPosition:"start","disable-filter":!0,label:this._componentLocale.filtersMenu.categoryLabel,value:this.categories[0].id,ref:i=>this.categoriesEl=i,part:"categories",onValueChanged:this.loadData},r(this.categories)))))),e("gxg-container",null,e("gxg-tabs",{height:"100%",position:"top",class:"gxg-tabs"},e("gxg-tab-bar",{slot:"tab-bar-container"},e("gxg-tab-button",{slot:"tab-bar","tab-label":`${this._componentLocale.tabs.pendingCommits} (${this.pendingCommits.length})`,tab:"pending-commits","is-selected":!0}),e("gxg-tab-button",{slot:"tab-bar","tab-label":`${this._componentLocale.tabs.ignoredObjects} (${this.ignoredObjects.length})`,tab:"ignored-objects"})),e("gxg-tab",{tab:"pending-commits","no-padding":!0},this.renderPendingCommitsGrid()),e("gxg-tab",{tab:"ignored-objects","no-padding":!0},this.renderIgnoredObjectsGrid())),e("gxg-button",{slot:"footer",type:"primary-text-only",onClick:this.commitCallbackHandler,part:"commit-button"},this._componentLocale.footer.commitButton)))))}static get assetsDirs(){return["gx-ide-assets/team-dev-commit"]}get el(){return a(this)}};n.style=".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}.main-wrapper{width:100%}.gxg-tabs{margin-top:0;box-shadow:none}.header{grid-template-columns:4fr auto}.second-grid{grid-template-rows:1fr auto}.second-grid .actions-row{grid-template-columns:1fr auto}.action-buttons{justify-self:flex-end}.hidden{display:none}.filters-grid{grid-template-rows:repeat(2, 1fr)}.filters-grid .first-row{grid-template-columns:repeat(2, 1fr)}.filters-grid .second-row{grid-template-columns:repeat(2, 1fr)}";export{n as gx_ide_team_dev_commit}