@genexus/genexus-ide-ui 0.0.20 → 0.0.22

package/dist/node_modules/@genexus/gemini/dist/collection/components/tree/gxg-tree.css

@@ -3,6 +3,7 @@
 }
 
 /*ALIGNMENT*/
+/*Ellipsis*/
 /*****************************************************
 TYPOGRAPHY
 *****************************************************/
@@ -314,6 +315,28 @@ GXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES
 /*****************************************************
 FORM ELEMENTS
 *****************************************************/
+.gxg-scrollbar {
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+.gxg-scrollbar::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.gxg-scrollbar::-webkit-scrollbar-track {
+  background-color: var(--gray-02);
+  border-radius: 10px;
+}
+.gxg-scrollbar::-webkit-scrollbar-thumb {
+  background: var(--gray-05);
+  border-radius: 10px;
+}
+.gxg-scrollbar::-webkit-scrollbar-thumb:hover {
+  background: var(--gray-04);
+  cursor: pointer;
+}
+
 :host {
   display: block;
   --gxg-tree-item-inner-spacing: var(--spacing-comp-01);
@@ -339,11 +362,6 @@ FORM ELEMENTS
   background: var(--gray-04);
   cursor: pointer;
 }
-:host .gxg-scroll {
-  display: block;
-  overflow-y: auto;
-  padding-right: 2px;
-}
 :host ul {
   margin: 0;
   padding-left: 0;

package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-item/gxg-tree-item.css

@@ -342,6 +342,7 @@ template {
 }
 
 /*ALIGNMENT*/
+/*Ellipsis*/
 /*****************************************************
 TYPOGRAPHY
 *****************************************************/
@@ -653,6 +654,28 @@ GXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES
 /*****************************************************
 FORM ELEMENTS
 *****************************************************/
+.gxg-scrollbar {
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+.gxg-scrollbar::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.gxg-scrollbar::-webkit-scrollbar-track {
+  background-color: var(--gray-02);
+  border-radius: 10px;
+}
+.gxg-scrollbar::-webkit-scrollbar-thumb {
+  background: var(--gray-05);
+  border-radius: 10px;
+}
+.gxg-scrollbar::-webkit-scrollbar-thumb:hover {
+  background: var(--gray-04);
+  cursor: pointer;
+}
+
 :host {
   /**
   * @prop --text-color: The color of the text

package/dist/node_modules/@genexus/gemini/dist/collection/components/window/window.css

@@ -342,6 +342,7 @@ template {
 }
 
 /*ALIGNMENT*/
+/*Ellipsis*/
 /*****************************************************
 TYPOGRAPHY
 *****************************************************/
@@ -653,6 +654,28 @@ GXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES
 /*****************************************************
 FORM ELEMENTS
 *****************************************************/
+.gxg-scrollbar {
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+.gxg-scrollbar::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.gxg-scrollbar::-webkit-scrollbar-track {
+  background-color: var(--gray-02);
+  border-radius: 10px;
+}
+.gxg-scrollbar::-webkit-scrollbar-thumb {
+  background: var(--gray-05);
+  border-radius: 10px;
+}
+.gxg-scrollbar::-webkit-scrollbar-thumb:hover {
+  background: var(--gray-04);
+  cursor: pointer;
+}
+
 :host {
   font-family: var(--font-family-primary);
 }
@@ -741,11 +764,6 @@ FORM ELEMENTS
   background: var(--gray-04);
   cursor: pointer;
 }
-:host #content .gxg-scroll {
-  display: block;
-  overflow-y: auto;
-  padding-right: 2px;
-}
 
 :host(.display) {
   display: block;

package/dist/types/common/render-combo-items.d.ts

@@ -0,0 +1,2 @@
+import { GxOption } from "./types";
+export declare const renderComboItems: (gxOptions: Array<GxOption>) => HTMLGxgComboBoxItemElement[];

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

@@ -2,11 +2,13 @@ export type GxgFormItemsArray = (HTMLGxgComboBoxItemElement | HTMLGxgFormCheckbo
 export type GxOption = {
   id: string;
   label?: string;
+  name?: string;
   value?: string;
   type?: string;
   disabled?: boolean;
   checked?: boolean;
   selected?: boolean;
+  icon?: string;
   iconName?: string;
   iconColor?: string;
 };

package/dist/types/components/list-selector/list-selector-item/list-selector-item.d.ts

@@ -0,0 +1,55 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+export declare class GxIdeListSelectorItem {
+  private parentIsListSelector;
+  private parentList;
+  private checked;
+  private name;
+  el: HTMLGxIdeListSelectorItemElement;
+  /**
+   * The item id
+   */
+  readonly itemId: string;
+  /**
+   * The item value, that act as a label as well
+   */
+  readonly itemValue: string;
+  /**
+   * It allows to select the item by clicking on it. It will emit the item-id
+   */
+  selectable: boolean;
+  /**
+   * The presence of this property will force the item text to not-wrap, and have ellipsis
+   */
+  ellipsis: boolean;
+  componentWillLoad(): void;
+  /**
+   * Emits the item data
+   */
+  itemSelected: EventEmitter<ItemData>;
+  /**
+   * Evaluates if is selectable, considering the parent list-selector 'selectable' property value, only if it is undefined on this item
+   */
+  private evaluateSelectable;
+  /**
+   * Evaluates if text should truncate with ellipsis, considering the parent list-selector 'ellipsis' property value, only if it is undefined on this item
+   */
+  private evaluateEllipsis;
+  /**
+   * Evaluates if this item should be initially checked, only if the parent list-selector listValue equals this item value.
+   */
+  private evaluateChecked;
+  /**
+   * Checks if this item parentElement is a gx-ide-list-selector, and assigns a reference
+   */
+  private evaluateParentIsListSelector;
+  /**
+   * Gets the listName required value, that is needed for the list selection to properly work
+   */
+  private assignName;
+  private onChangeHandler;
+  render(): any;
+}
+export type ItemData = {
+  itemId: string;
+  itemValue: string;
+};

package/dist/types/components/list-selector/list-selector.d.ts

@@ -0,0 +1,32 @@
+import { ItemData } from "./list-selector-item/list-selector-item";
+export declare class GxIdeListSelector {
+  el: HTMLGxIdeListSelectorElement;
+  /**
+   * The list title (optional)
+   */
+  readonly listTitle: string;
+  /**
+   * It determines if the list is ordered, or unordered
+   */
+  readonly ordered = false;
+  /**
+   * It allows to select a single item, by clicking on it. It will emit the item-id of the clicked item
+   */
+  readonly selectable = true;
+  /**
+   * The presence of this property will force all the items to not-wrap, and have ellipsis
+   */
+  readonly ellipsis = true;
+  /**
+   * The value of the initial or current checked list-item
+   */
+  value: string;
+  valueHandler(newValue: string): void;
+  /**
+   * The name of this list. This is a required attribute for the list to work.
+   */
+  readonly listName: string;
+  itemSelectedHandler(event: CustomEvent<ItemData>): void;
+  private getItemByValue;
+  render(): any;
+}

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

@@ -0,0 +1,125 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { GxOption } from "../../common/types";
+export declare class GxIdeTeamDevCommit {
+  /**
+   * The component hard-coded strings translations.
+   */
+  private _componentLocale;
+  private loadDataCalledFirstTime;
+  el: HTMLGxIdeTeamDevCommitElement;
+  private patternEl;
+  private changeSetEl;
+  private typesEl;
+  private foldersEl;
+  private categoriesEl;
+  private chGridPendingCommitsEl;
+  private chIgnoredObjectsEl;
+  filtersHidden: boolean;
+  comment: string;
+  pendingCommits: ModifiedObjectData[];
+  ignoredObjects: ModifiedObjectData[];
+  /**
+   * Possible values for ChangeSet filter
+   */
+  readonly changeSet: GxOption[];
+  /**
+   * Possible values for Type filter
+   */
+  readonly types: ObjetType[];
+  /**
+   * Possible values for Folders filter
+   */
+  readonly folders: GxOption[];
+  /**
+   * Possible values for Categories filter
+   */
+  readonly categories: GxOption[];
+  /**
+   * Callback invoked when user press Recent Comments button.
+   */
+  readonly getRecentCommentCallback: GetRecentComment;
+  /**
+   * Callback invoked when user wants to reload the grid
+   */
+  readonly loadCallback: LoadCallback;
+  /**
+   * Callback invoked when user starts the commit process
+   */
+  readonly commitCallback: CommitCallback;
+  /**
+   * Callback invoked when user check/uncheck any item from the 'Pending to Commit' grid
+   */
+  readonly pendingItemCheckedCallback: (pendingItemsCheckedState: PendingItemsCheckedState) => Promise<PendingItemCheckedResult | undefined>;
+  /**
+   * Callback that must be invoked when user activate the context menu in any of the grids
+   */
+  readonly gridContextMenuCallback: GridContextMenuCallback;
+  /**
+   * This event is emitted once just after the component is fully loaded and the first render() occurs.
+   */
+  componentDidLoadEvent: EventEmitter<boolean>;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): Promise<void>;
+  componentDidRender(): Promise<void>;
+  /**
+   * The method used by the Host to instruct the component to force a data refresh in the grids.
+   */
+  reload(): Promise<void>;
+  private markAllPendingCommitsRows;
+  private togglePendingCommitsCheckboxes;
+  private revertPendingCommitsCheckboxes;
+  private renderIconState;
+  private formatDate;
+  private pendingCommitsRowMarkingChangedHandler;
+  private gridContextMenuCallbackHandler;
+  private renderPendingCommitsGrid;
+  private renderIgnoredObjectsGrid;
+  private getRecentCommentHandler;
+  private commitCallbackHandler;
+  private loadData;
+  private toggleFiltersHandler;
+  render(): any;
+}
+export type ObjetType = {
+  id: string;
+  name: string;
+  icon?: string;
+};
+export type GetRecentComment = () => Promise<string | undefined>;
+export type LoadCallback = (filters: FiltersData) => Promise<CommitData>;
+export type CommitCallback = (selection: string[]) => Promise<boolean>;
+export type PendingItemCheckedCallback = (checkedItemIds: string[]) => Promise<PendingItemCheckedResult | undefined>;
+export type GridContextMenuCallback = (markedRowsIds: string[], grid: "commit" | "ignored") => Promise<void>;
+export type CommitData = {
+  pending: ModifiedObjectData[];
+  ignored: ModifiedObjectData[];
+};
+export type ModifiedObjectData = {
+  id: string;
+  name: string;
+  iconType: string;
+  state: ObjectState;
+  type: string;
+  description: string;
+  modifiedOn: Date;
+  module: string;
+  localState: ObjectState;
+  lastSynchronized: Date;
+  user: string;
+};
+export type FiltersData = {
+  pattern: string;
+  changeSet: string;
+  type: string;
+  folder: string;
+  category: string;
+};
+export type PendingItemCheckedResult = {
+  itemsToCheck: string[];
+  itemsToUncheck: string[];
+};
+export type PendingItemsCheckedState = {
+  itemsChecked: string[];
+  itemsUnchecked: string[];
+};
+export type ObjectState = "inserted" | "modified" | "deleted" | "conflicted";

package/dist/types/components/team-dev-select-recent-comment/team-dev-select-recent-comment.d.ts

@@ -0,0 +1,63 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class GxIdeTeamDevSelectRecentComment {
+  /** ******************************
+   *  1.OWN PROPERTIES
+   ********************************/
+  /**
+   * The component hard-coded strings translations.
+   */
+  private _componentLocale;
+  private selectedComment;
+  /** *****************************
+   * 2. REFERENCE TO ELEMENTS
+   ********************************/
+  el: HTMLGxIdeTeamDevSelectRecentCommentElement;
+  /** *****************************
+   *  3.STATE() VARIABLES
+   ********************************/
+  /** *****************************
+   4.PUBLIC PROPERTY API
+   ********************************/
+  /**
+   * Recent comments list
+   */
+  readonly comments: string[];
+  /**
+   * Callback invoked when user confirms selection
+   */
+  readonly confirmCallback: confirmCallback;
+  /**
+   * Callback invoked when user cancel selection
+   */
+  readonly cancelCallback: cancelCallback;
+  /** *****************************
+   *  5.EVENTS (EMMIT)
+   ********************************/
+  /**
+   * This event is emmited once just after the component is fully loaded and the first render() occurs.
+   */
+  componentDidLoadEvent: EventEmitter<boolean>;
+  /** *****************************
+   *  6.COMPONENT LIFECYCLE EVENTS
+   ********************************/
+  componentWillLoad(): Promise<void>;
+  /** *****************************
+   *  7.LISTENERS
+   ********************************/
+  /** *****************************
+   *  8.PUBLIC METHODS API
+   ********************************/
+  /** *****************************
+   *  9.LOCAL METHODS
+   ********************************/
+  private renderObjectItems;
+  private commentSelectedHandle;
+  private confirmCallbackHandle;
+  private cancelCallbackHandle;
+  /** *****************************
+   *  10.RENDER() FUNCTION
+   ********************************/
+  render(): any;
+}
+export type confirmCallback = (comment: string) => Promise<void>;
+export type cancelCallback = () => Promise<void>;