@genexus/genexus-ide-ui 0.0.103 → 0.0.104

package/dist/genexus-ide-ui/{p-725fe015.entry.js → p-926191a3.entry.js}

@@ -41,11 +41,13 @@ const c = class {
         }));
       }
     };
-    this.editCallbackHandler = t => {
+    this.editCallbackHandler = async t => {
       t.stopPropagation();
-      if (this.selectedObjectsIds[0]) {
-        this.editCallback(this.selectedObjectsIds[0]);
-        this.getObjects();
+      if (this.editCallback && this.selectedObjectsIds[0]) {
+        const t = await this.editCallback(this.selectedObjectsIds[0]);
+        if (t) {
+          this.getObjects();
+        }
       }
     };
     this.confirmCallbackHandler = t => {
@@ -58,9 +60,13 @@ const c = class {
     this.deselectAll = () => {
       this.chGridEl.selectAllRows(false);
     };
-    this.newVariableCallbackHandler = () => {
-      this.newVariableCallback();
-      this.getObjects();
+    this.newVariableCallbackHandler = async () => {
+      if (this.newVariableCallback) {
+        const t = await this.newVariableCallback();
+        if (t) {
+          this.getObjects();
+        }
+      }
     };
     this.listenChanges = async () => {
       /* pattern*/
@@ -227,16 +233,6 @@ const c = class {
       noHeadingBorder: true,
       slimmerFooter: l.gxIdeContainer.slimmerFooter
     }, this.renderFilter(), this.renderObjects(), o("gxg-button", {
-      type: "outlined",
-      onClick: this.cancelCallbackHandler,
-      part: "gxg-button gxg-button--cancel",
-      slot: "footer-end"
-    }, this._componentLocale.footer.btnCancel), o("gxg-button", {
-      type: "primary-text-only",
-      onClick: this.confirmCallbackHandler,
-      part: "gxg-button gxg-button--ok",
-      slot: "footer-end"
-    }, this._componentLocale.footer.btnConfirm), o("gxg-button", {
       type: "primary-text-only",
       onClick: this.newVariableCallbackHandler,
       part: "gxg-button gxg-button--new",
@@ -245,8 +241,19 @@ const c = class {
       type: "primary-text-only",
       onClick: this.editCallbackHandler,
       part: "gxg-button gxg-button--edit",
+      disabled: this.selectedObjectsIds.length === 0,
       slot: "footer-start"
-    }, this._componentLocale.footer.btnEdit))), o("gxg-shortcuts", {
+    }, this._componentLocale.footer.btnEdit), o("gxg-button", {
+      type: "outlined",
+      onClick: this.cancelCallbackHandler,
+      part: "gxg-button gxg-button--cancel",
+      slot: "footer-end"
+    }, this._componentLocale.footer.btnCancel), o("gxg-button", {
+      type: "primary-text-only",
+      onClick: this.confirmCallbackHandler,
+      part: "gxg-button gxg-button--ok",
+      slot: "footer-end"
+    }, this._componentLocale.footer.btnConfirm))), o("gxg-shortcuts", {
       src: this.shortcutsSrc,
       ref: t => this.gxgShortcutsEl = t
     }), this.loader ? o("gxg-ide-loader", {
@@ -270,4 +277,4 @@ const c = class {
 c.style = g;
 
 export { c as gx_ide_data_selector };
-//# sourceMappingURL=p-725fe015.entry.js.map
+//# sourceMappingURL=p-926191a3.entry.js.map

package/dist/genexus-ide-ui/p-926191a3.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dataSelectorCss","GxIdeDataSelector","this","renderedFirstTime","shortcutsSrc","getAssetPath","loaderCancelCallbackHandler","async","cancelCallbackHandler","getObjects","filters","pattern","_a","filterPatternEl","value","object","_c","_b","filterObjectEl","id","loadItemsCallback","loader","loaderEl","show","then","items","objects","selectedObjectsIds","deselectAll","editCallbackHandler","e","stopPropagation","editCallback","result","confirmCallbackHandler","confirmCallback","cancelCallback","chGridEl","selectAllRows","newVariableCallbackHandler","newVariableCallback","response","listenChanges","addEventListener","ev","detail","rowsId","chGridKeyDownHandler","key","hostKeyPressHandler","renderFilter","h","part","class","displayTitle","slot","labelPosition","noMargin","_componentLocale","filter","ref","el","debounce","selectEntityCallback","selectObjectCallback","renderObjects","noBorder","rowSelectionMode","selectionType","onKeyDown","settingable","size","gridCommon","colSize","minContent","tableHead","name","auto","dataType","description","sort","a","b","nameA","toLowerCase","nameB","map","obj","rowid","onDblClick","type","color","componentWillLoad","Locale","getComponentStrings","componentDidLoadEvent","emit","componentDidLoad","container","focus","componentDidRender","componentDidRenderFirstTime","componentName","suspendShortcuts","gxgShortcutsEl","suspend","validate","isValid","render","Host","onKeyPress","containerTitle","noContentPadding","noAboveFooterPadding","noHeadingPadding","headingPaddingTop","noHeadingBorder","slimmerFooter","config","gxIdeContainer","onClick","footer","btnNew","disabled","length","btnEdit","btnCancel","btnConfirm","src","cancelLabel","loaderTitle","title"],"sources":["src/components/data-selector/data-selector.scss?tag=gx-ide-data-selector&encapsulation=shadow","src/components/data-selector/data-selector.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n  border: 1px solid var(--gxg-border-color--regular);\n  background-color: var(--color-background);\n}\n\n/* Filters */\n.filter-grid {\n  display: grid;\n  padding: var(--spacing-comp-03);\n  row-gap: var(--gx-ide-grid-row-gap);\n  column-gap: var(--gx-ide-grid-column-gap);\n  border-block-start: 1px solid var(--gx-ide-container-border-color);\n  border-block-end: 1px solid var(--gx-ide-container-border-color);\n\n  grid-template-areas:\n    \"pattern-label pattern-input pattern-input pattern-input\"\n    \"object-label object-input object-input object-input\";\n\n  .pattern-label {\n    grid-area: pattern-label;\n  }\n  .pattern-input {\n    grid-area: pattern-input;\n  }\n  .object-label {\n    grid-area: object-label;\n  }\n  .object-input {\n    grid-area: object-input;\n  }\n\n  &--no-title {\n    border-top: 0;\n  }\n}\n\n/*gxg-grid*/\n.grid-container {\n  height: 100%;\n}\nch-grid-cell {\n  --spacing-comp-02: var(--spacing-comp-03);\n}\n/* Objects Table */\n.objects-count {\n  display: flex;\n  justify-content: space-around;\n  > * {\n    flex: 1;\n    padding: var(--spacing-comp-01);\n  }\n  > :not(:last-child) {\n    border-inline-end: 1px solid var(--gx-ide-container-border-color);\n  }\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  Method,\n  getAssetPath\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\n\nimport { EntityData } from \"../../common/types\";\nimport { gridCommon } from \"../../common/grid\";\n\n@Component({\n  tag: \"gx-ide-data-selector\",\n  styleUrl: \"data-selector.scss\",\n  shadow: { delegatesFocus: true },\n  assetsDirs: [\"gx-ide-assets/data-selector\"]\n})\nexport class GxIdeDataSelector {\n  /*\nINDEX:\n1.OWN PROPERTIES\n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE EVENTS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n  private shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/object-selector/shortcuts.json`\n  );\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeDataSelectorElement;\n\n  /* References needed to collect data */\n  private filterPatternEl!: HTMLGxgFormTextElement;\n  private filterObjectEl!: HTMLGxIdeEntitySelectorElement;\n  private chGridEl!: HTMLChGridElement;\n  private gxgShortcutsEl: HTMLGxgShortcutsElement;\n  private loaderEl!: HTMLGxgIdeLoaderElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * The objects rendered in the table\n   */\n  @State() objects: ItemData[] = [];\n\n  /**\n   * The selected objects in the table of objects\n   */\n  @State() selectedObjectsIds: string[] = [];\n\n  // 4.PUBLIC PROPERTY API //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * If true, it will display a loader when needed.\n   */\n  @Prop() readonly loader = false;\n\n  /**\n   * Single if multiple object selection is not allowed. Default is multiple\n   */\n  @Prop() readonly selectionType: \"single\" | \"multiple\" = \"multiple\";\n\n  /**\n   * Callback invoked when the action is executed in the Object filter. It returns the information of the selected object (id and name) or 'undefined' if it was canceled.\n   */\n  @Prop() readonly selectObjectCallback: SelectObjectCallback;\n\n  /**\n   * Callback invoked when user press edit button. Receives the first selected element id as parameter\n   */\n  @Prop() readonly editCallback: EditCallback;\n\n  /**\n   * Callback invoked when the user wishes to cancel the selection of objects.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   * Callback invoked when the component needs to reload the list of attributes.\n   */\n  @Prop() readonly loadItemsCallback!: LoadItemsCallback;\n\n  /**\n   * Callback invoked when the user presses the 'New' button.\n   */\n  @Prop() readonly newVariableCallback!: NewVariableCallback;\n\n  /**\n   * Callback invoked when the user presses the 'OK' button\n   */\n  @Prop() readonly confirmCallback!: ConfirmCallback;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs.\n   */\n  @Event() componentDidLoadEvent: EventEmitter<boolean>;\n\n  // 6.COMPONENT LIFECYCLE EVENTS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.componentDidLoadEvent.emit(true);\n  }\n\n  componentDidLoad() {\n    this.listenChanges();\n    this.loaderEl.container = this.chGridEl;\n    this.getObjects();\n    this.filterPatternEl.focus();\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.gxgShortcutsEl.suspend = true;\n    } else {\n      this.gxgShortcutsEl.suspend = false;\n    }\n  }\n\n  /**\n   * Validate necessary data input\n   */\n  @Method()\n  async validate(): Promise<boolean> {\n    const isValid = true;\n    return isValid;\n  }\n\n  // 9.LOCAL METHODS //\n\n  private loaderCancelCallbackHandler = async () => {\n    this.cancelCallbackHandler();\n  };\n\n  private getObjects = (): void => {\n    const filters: FiltersData = {\n      pattern: this.filterPatternEl?.value,\n      object: this.filterObjectEl?.value?.id\n    };\n    if (this.loadItemsCallback) {\n      if (this.loader) {\n        this.loaderEl.show = true;\n      }\n      this.loadItemsCallback(filters).then((items: ItemData[]) => {\n        if (items) {\n          this.objects = items;\n        }\n        this.selectedObjectsIds = [];\n        this.deselectAll();\n        if (this.loader) {\n          this.loaderEl.show = false;\n        }\n      });\n    }\n  };\n\n  private editCallbackHandler = async (e: MouseEvent): Promise<void> => {\n    e.stopPropagation();\n    if (this.editCallback && this.selectedObjectsIds[0]) {\n      const result = await this.editCallback(this.selectedObjectsIds[0]);\n      if (result) {\n        this.getObjects();\n      }\n    }\n  };\n\n  private confirmCallbackHandler = (e: MouseEvent | KeyboardEvent): void => {\n    e.stopPropagation();\n    this.confirmCallback(this.selectedObjectsIds);\n  };\n\n  private cancelCallbackHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  private deselectAll = (): void => {\n    (this.chGridEl as any).selectAllRows(false);\n  };\n\n  private newVariableCallbackHandler = async () => {\n    if (this.newVariableCallback) {\n      const response = await this.newVariableCallback();\n      if (response) {\n        this.getObjects();\n      }\n    }\n  };\n\n  private listenChanges = async (): Promise<void> => {\n    /* pattern*/\n    this.filterPatternEl.addEventListener(\"valueChanged\", () => {\n      this.getObjects();\n    });\n\n    /* object*/\n    this.filterObjectEl.addEventListener(\"valueChanged\", () => {\n      this.getObjects();\n    });\n    // for grid selection\n    this.chGridEl.addEventListener(\"selectionChanged\", (ev: any): void => {\n      this.selectedObjectsIds = ev.detail.rowsId;\n    });\n  };\n\n  private chGridKeyDownHandler = (e: KeyboardEvent) => {\n    if (e.key === \"Enter\") {\n      this.confirmCallbackHandler(e);\n    }\n  };\n\n  private hostKeyPressHandler = (e: KeyboardEvent) => {\n    // just prevent keypress propagation\n    if (e.key === \"Enter\") {\n      e.stopPropagation();\n    }\n  };\n\n  // 9.LOCAL METHODS  -> RENDER//\n\n  private renderFilter = (): Element => {\n    return (\n      <div\n        part=\"filters-container\"\n        class={{\n          \"filter-grid\": true,\n          \"filter-grid--no-title\": !this.displayTitle\n        }}\n        slot=\"header\"\n      >\n        <gxg-label labelPosition=\"start\" class=\"pattern-label\" noMargin>\n          {this._componentLocale.filter.pattern}\n        </gxg-label>\n        <gxg-form-text\n          ref={(el: HTMLGxgFormTextElement) =>\n            (this.filterPatternEl = el as HTMLGxgFormTextElement)\n          }\n          class=\"pattern-input\"\n          part=\"filter-pattern\"\n          debounce\n        ></gxg-form-text>\n\n        <gxg-label labelPosition=\"start\" class=\"object-label\" noMargin>\n          {this._componentLocale.filter.object}\n        </gxg-label>\n        <gx-ide-entity-selector\n          selectEntityCallback={this.selectObjectCallback}\n          ref={(el: HTMLGxIdeEntitySelectorElement) =>\n            (this.filterObjectEl = el as HTMLGxIdeEntitySelectorElement)\n          }\n          class=\"object-input\"\n        ></gx-ide-entity-selector>\n      </div>\n    );\n  };\n\n  private renderObjects = (): Element => {\n    return (\n      <gxg-grid ellipsis-cell-wrapper noBorder>\n        <ch-grid\n          rowSelectionMode={this.selectionType}\n          ref={(el: HTMLChGridElement) => (this.chGridEl = el)}\n          onKeyDown={this.chGridKeyDownHandler}\n          part=\"ch-grid-objects\"\n        >\n          <ch-grid-columnset>\n            <ch-grid-column\n              column-name-position=\"text\"\n              settingable={false}\n              size={gridCommon.colSize.minContent}\n            ></ch-grid-column>\n            <ch-grid-column\n              column-name={this._componentLocale.tableHead.name}\n              column-name-position=\"text\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              column-name={this._componentLocale.tableHead.dataType}\n              column-name-position=\"text\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n\n            <ch-grid-column\n              column-name={this._componentLocale.tableHead.description}\n              column-name-position=\"text\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n          </ch-grid-columnset>\n          {this.objects\n            .sort((a, b) => {\n              const nameA = a.name.toLowerCase(),\n                nameB = b.name.toLowerCase();\n              if (nameA < nameB) {\n                return -1;\n              }\n              if (nameA > nameB) {\n                return 1;\n              }\n              return 0;\n            })\n            .map((obj: ItemData) => (\n              <ch-grid-row\n                rowid={obj.id}\n                onDblClick={this.confirmCallbackHandler}\n              >\n                <ch-grid-cell>\n                  <span class=\"cell-wrapper\">\n                    <gxg-icon\n                      type={\n                        obj.type === \"attribute\"\n                          ? \"objects/attribute\"\n                          : \"objects-parts/variables\"\n                      }\n                      color=\"auto\"\n                      size=\"small\"\n                    ></gxg-icon>\n                  </span>\n                </ch-grid-cell>\n                <ch-grid-cell>\n                  <span class=\"cell-wrapper\"> {obj.name} </span>\n                </ch-grid-cell>\n                <ch-grid-cell>\n                  <span class=\"cell-wrapper\">{obj.dataType}</span>\n                </ch-grid-cell>\n\n                <ch-grid-cell>\n                  <span class=\"cell-wrapper\">{obj.description}</span>\n                </ch-grid-cell>\n              </ch-grid-row>\n            ))}\n        </ch-grid>\n      </gxg-grid>\n    );\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render(): void {\n    return (\n      <Host class=\"gx-ide-component\" onKeyPress={this.hostKeyPressHandler}>\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            noContentPadding\n            noAboveFooterPadding\n            noHeadingPadding\n            headingPaddingTop\n            noHeadingBorder\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n          >\n            {this.renderFilter()}\n            {this.renderObjects()}\n\n            {/* footer */}\n            {/* button new... */}\n            <gxg-button\n              type=\"primary-text-only\"\n              onClick={this.newVariableCallbackHandler}\n              part=\"gxg-button gxg-button--new\"\n              slot=\"footer-start\"\n            >\n              {this._componentLocale.footer.btnNew}\n            </gxg-button>\n            {/* button edit  */}\n            <gxg-button\n              type=\"primary-text-only\"\n              onClick={this.editCallbackHandler}\n              part=\"gxg-button gxg-button--edit\"\n              disabled={this.selectedObjectsIds.length === 0}\n              slot=\"footer-start\"\n            >\n              {this._componentLocale.footer.btnEdit}\n            </gxg-button>\n            {/* button cancel */}\n            <gxg-button\n              type=\"outlined\"\n              onClick={this.cancelCallbackHandler}\n              part=\"gxg-button gxg-button--cancel\"\n              slot=\"footer-end\"\n            >\n              {this._componentLocale.footer.btnCancel}\n            </gxg-button>\n            {/* button confirm */}\n            <gxg-button\n              type=\"primary-text-only\"\n              onClick={this.confirmCallbackHandler}\n              part=\"gxg-button gxg-button--ok\"\n              slot=\"footer-end\"\n            >\n              {this._componentLocale.footer.btnConfirm}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n        <gxg-shortcuts\n          src={this.shortcutsSrc}\n          ref={(el: HTMLGxgShortcutsElement) =>\n            (this.gxgShortcutsEl = el as HTMLGxgShortcutsElement)\n          }\n        ></gxg-shortcuts>\n        {/* loader*/}\n        {this.loader ? (\n          <gxg-ide-loader\n            cancelLabel={this._componentLocale.loader.cancelLabel}\n            loaderTitle={this._componentLocale.loader.title}\n            ref={el => (this.loaderEl = el as HTMLGxgIdeLoaderElement)}\n            cancelCallback={this.loaderCancelCallbackHandler}\n          ></gxg-ide-loader>\n        ) : null}\n      </Host>\n    );\n  }\n}\n\nexport type NewVariableCallback = () => Promise<boolean>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type SelectObjectCallback = () => Promise<EntityData | undefined>;\n\nexport type EditCallback = (id: string) => Promise<boolean>;\n\nexport type ConfirmCallback = (ids: string[]) => Promise<void>;\n\nexport type LoadItemsCallback = (filters: FiltersData) => Promise<ItemData[]>;\n\nexport type FiltersData = {\n  pattern?: string;\n  object?: string;\n};\n\nexport type ItemData = {\n  type: ItemType;\n  id: string;\n  name: string;\n  dataType: string;\n  description: string;\n};\n\nexport type ItemType = \"variable\" | \"attribute\";\n"],"mappings":"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"}

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

@@ -90,7 +90,7 @@ export declare class GxIdeDataSelector {
     private renderObjects;
     render(): void;
 }
-export type NewVariableCallback = () => Promise<void>;
+export type NewVariableCallback = () => Promise<boolean>;
 export type CancelCallback = () => Promise<void>;
 export type SelectObjectCallback = () => Promise<EntityData | undefined>;
 export type EditCallback = (id: string) => Promise<boolean>;
@@ -101,9 +101,10 @@ export type FiltersData = {
     object?: string;
 };
 export type ItemData = {
-    type: "variable" | "attribute";
+    type: ItemType;
     id: string;
     name: string;
     dataType: string;
     description: string;
 };
+export type ItemType = "variable" | "attribute";

package/package.json

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

package/dist/genexus-ide-ui/p-725fe015.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["dataSelectorCss","GxIdeDataSelector","this","renderedFirstTime","shortcutsSrc","getAssetPath","loaderCancelCallbackHandler","async","cancelCallbackHandler","getObjects","filters","pattern","_a","filterPatternEl","value","object","_c","_b","filterObjectEl","id","loadItemsCallback","loader","loaderEl","show","then","items","objects","selectedObjectsIds","deselectAll","editCallbackHandler","e","stopPropagation","editCallback","confirmCallbackHandler","confirmCallback","cancelCallback","chGridEl","selectAllRows","newVariableCallbackHandler","newVariableCallback","listenChanges","addEventListener","ev","detail","rowsId","chGridKeyDownHandler","key","hostKeyPressHandler","renderFilter","h","part","class","displayTitle","slot","labelPosition","noMargin","_componentLocale","filter","ref","el","debounce","selectEntityCallback","selectObjectCallback","renderObjects","noBorder","rowSelectionMode","selectionType","onKeyDown","settingable","size","gridCommon","colSize","minContent","tableHead","name","auto","dataType","description","sort","a","b","nameA","toLowerCase","nameB","map","obj","rowid","onDblClick","type","color","componentWillLoad","Locale","getComponentStrings","componentDidLoadEvent","emit","componentDidLoad","container","focus","componentDidRender","componentDidRenderFirstTime","componentName","suspendShortcuts","gxgShortcutsEl","suspend","validate","isValid","render","Host","onKeyPress","containerTitle","noContentPadding","noAboveFooterPadding","noHeadingPadding","headingPaddingTop","noHeadingBorder","slimmerFooter","config","gxIdeContainer","onClick","footer","btnCancel","btnConfirm","btnNew","btnEdit","src","cancelLabel","loaderTitle","title"],"sources":["src/components/data-selector/data-selector.scss?tag=gx-ide-data-selector&encapsulation=shadow","src/components/data-selector/data-selector.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n  border: 1px solid var(--gxg-border-color--regular);\n  background-color: var(--color-background);\n}\n\n/* Filters */\n.filter-grid {\n  display: grid;\n  padding: var(--spacing-comp-03);\n  row-gap: var(--gx-ide-grid-row-gap);\n  column-gap: var(--gx-ide-grid-column-gap);\n  border-block-start: 1px solid var(--gx-ide-container-border-color);\n  border-block-end: 1px solid var(--gx-ide-container-border-color);\n\n  grid-template-areas:\n    \"pattern-label pattern-input pattern-input pattern-input\"\n    \"object-label object-input object-input object-input\";\n\n  .pattern-label {\n    grid-area: pattern-label;\n  }\n  .pattern-input {\n    grid-area: pattern-input;\n  }\n  .object-label {\n    grid-area: object-label;\n  }\n  .object-input {\n    grid-area: object-input;\n  }\n\n  &--no-title {\n    border-top: 0;\n  }\n}\n\n/*gxg-grid*/\n.grid-container {\n  height: 100%;\n}\nch-grid-cell {\n  --spacing-comp-02: var(--spacing-comp-03);\n}\n/* Objects Table */\n.objects-count {\n  display: flex;\n  justify-content: space-around;\n  > * {\n    flex: 1;\n    padding: var(--spacing-comp-01);\n  }\n  > :not(:last-child) {\n    border-inline-end: 1px solid var(--gx-ide-container-border-color);\n  }\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  Method,\n  getAssetPath\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\n\nimport { EntityData } from \"../../common/types\";\nimport { gridCommon } from \"../../common/grid\";\n\n@Component({\n  tag: \"gx-ide-data-selector\",\n  styleUrl: \"data-selector.scss\",\n  shadow: { delegatesFocus: true },\n  assetsDirs: [\"gx-ide-assets/data-selector\"]\n})\nexport class GxIdeDataSelector {\n  /*\nINDEX:\n1.OWN PROPERTIES\n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE EVENTS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n  private shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/object-selector/shortcuts.json`\n  );\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeDataSelectorElement;\n\n  /* References needed to collect data */\n  private filterPatternEl!: HTMLGxgFormTextElement;\n  private filterObjectEl!: HTMLGxIdeEntitySelectorElement;\n  private chGridEl!: HTMLChGridElement;\n  private gxgShortcutsEl: HTMLGxgShortcutsElement;\n  private loaderEl!: HTMLGxgIdeLoaderElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * The objects rendered in the table\n   */\n  @State() objects: ItemData[] = [];\n\n  /**\n   * The selected objects in the table of objects\n   */\n  @State() selectedObjectsIds: string[] = [];\n\n  // 4.PUBLIC PROPERTY API //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * If true, it will display a loader when needed.\n   */\n  @Prop() readonly loader = false;\n\n  /**\n   * Single if multiple object selection is not allowed. Default is multiple\n   */\n  @Prop() readonly selectionType: \"single\" | \"multiple\" = \"multiple\";\n\n  /**\n   * Callback invoked when the action is executed in the Object filter. It returns the information of the selected object (id and name) or 'undefined' if it was canceled.\n   */\n  @Prop() readonly selectObjectCallback: SelectObjectCallback;\n\n  /**\n   * Callback invoked when user press edit button. Receives the first selected element id as parameter\n   */\n  @Prop() readonly editCallback: EditCallback;\n\n  /**\n   * Callback invoked when the user wishes to cancel the selection of objects.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   * Callback invoked when the component needs to reload the list of attributes.\n   */\n  @Prop() readonly loadItemsCallback!: LoadItemsCallback;\n\n  /**\n   * Callback invoked when the user presses the 'New' button.\n   */\n  @Prop() readonly newVariableCallback!: NewVariableCallback;\n\n  /**\n   * Callback invoked when the user presses the 'OK' button\n   */\n  @Prop() readonly confirmCallback!: ConfirmCallback;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs.\n   */\n  @Event() componentDidLoadEvent: EventEmitter<boolean>;\n\n  // 6.COMPONENT LIFECYCLE EVENTS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.componentDidLoadEvent.emit(true);\n  }\n\n  componentDidLoad() {\n    this.listenChanges();\n    this.loaderEl.container = this.chGridEl;\n    this.getObjects();\n    this.filterPatternEl.focus();\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.gxgShortcutsEl.suspend = true;\n    } else {\n      this.gxgShortcutsEl.suspend = false;\n    }\n  }\n\n  /**\n   * Validate necessary data input\n   */\n  @Method()\n  async validate(): Promise<boolean> {\n    const isValid = true;\n    return isValid;\n  }\n\n  // 9.LOCAL METHODS //\n\n  private loaderCancelCallbackHandler = async () => {\n    this.cancelCallbackHandler();\n  };\n\n  private getObjects = (): void => {\n    const filters: FiltersData = {\n      pattern: this.filterPatternEl?.value,\n      object: this.filterObjectEl?.value?.id\n    };\n    if (this.loadItemsCallback) {\n      if (this.loader) {\n        this.loaderEl.show = true;\n      }\n      this.loadItemsCallback(filters).then((items: ItemData[]) => {\n        if (items) {\n          this.objects = items;\n        }\n        this.selectedObjectsIds = [];\n        this.deselectAll();\n        if (this.loader) {\n          this.loaderEl.show = false;\n        }\n      });\n    }\n  };\n\n  private editCallbackHandler = (e: MouseEvent): void => {\n    e.stopPropagation();\n    if (this.selectedObjectsIds[0]) {\n      this.editCallback(this.selectedObjectsIds[0]);\n      this.getObjects();\n    }\n  };\n\n  private confirmCallbackHandler = (e: MouseEvent | KeyboardEvent): void => {\n    e.stopPropagation();\n    this.confirmCallback(this.selectedObjectsIds);\n  };\n\n  private cancelCallbackHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  private deselectAll = (): void => {\n    (this.chGridEl as any).selectAllRows(false);\n  };\n\n  private newVariableCallbackHandler = (): void => {\n    this.newVariableCallback();\n    this.getObjects();\n  };\n\n  private listenChanges = async (): Promise<void> => {\n    /* pattern*/\n    this.filterPatternEl.addEventListener(\"valueChanged\", () => {\n      this.getObjects();\n    });\n\n    /* object*/\n    this.filterObjectEl.addEventListener(\"valueChanged\", () => {\n      this.getObjects();\n    });\n    // for grid selection\n    this.chGridEl.addEventListener(\"selectionChanged\", (ev: any): void => {\n      this.selectedObjectsIds = ev.detail.rowsId;\n    });\n  };\n\n  private chGridKeyDownHandler = (e: KeyboardEvent) => {\n    if (e.key === \"Enter\") {\n      this.confirmCallbackHandler(e);\n    }\n  };\n\n  private hostKeyPressHandler = (e: KeyboardEvent) => {\n    // just prevent keypress propagation\n    if (e.key === \"Enter\") {\n      e.stopPropagation();\n    }\n  };\n\n  // 9.LOCAL METHODS  -> RENDER//\n\n  private renderFilter = (): Element => {\n    return (\n      <div\n        part=\"filters-container\"\n        class={{\n          \"filter-grid\": true,\n          \"filter-grid--no-title\": !this.displayTitle\n        }}\n        slot=\"header\"\n      >\n        <gxg-label labelPosition=\"start\" class=\"pattern-label\" noMargin>\n          {this._componentLocale.filter.pattern}\n        </gxg-label>\n        <gxg-form-text\n          ref={(el: HTMLGxgFormTextElement) =>\n            (this.filterPatternEl = el as HTMLGxgFormTextElement)\n          }\n          class=\"pattern-input\"\n          part=\"filter-pattern\"\n          debounce\n        ></gxg-form-text>\n\n        <gxg-label labelPosition=\"start\" class=\"object-label\" noMargin>\n          {this._componentLocale.filter.object}\n        </gxg-label>\n        <gx-ide-entity-selector\n          selectEntityCallback={this.selectObjectCallback}\n          ref={(el: HTMLGxIdeEntitySelectorElement) =>\n            (this.filterObjectEl = el as HTMLGxIdeEntitySelectorElement)\n          }\n          class=\"object-input\"\n        ></gx-ide-entity-selector>\n      </div>\n    );\n  };\n\n  private renderObjects = (): Element => {\n    return (\n      <gxg-grid ellipsis-cell-wrapper noBorder>\n        <ch-grid\n          rowSelectionMode={this.selectionType}\n          ref={(el: HTMLChGridElement) => (this.chGridEl = el)}\n          onKeyDown={this.chGridKeyDownHandler}\n          part=\"ch-grid-objects\"\n        >\n          <ch-grid-columnset>\n            <ch-grid-column\n              column-name-position=\"text\"\n              settingable={false}\n              size={gridCommon.colSize.minContent}\n            ></ch-grid-column>\n            <ch-grid-column\n              column-name={this._componentLocale.tableHead.name}\n              column-name-position=\"text\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              column-name={this._componentLocale.tableHead.dataType}\n              column-name-position=\"text\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n\n            <ch-grid-column\n              column-name={this._componentLocale.tableHead.description}\n              column-name-position=\"text\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n          </ch-grid-columnset>\n          {this.objects\n            .sort((a, b) => {\n              const nameA = a.name.toLowerCase(),\n                nameB = b.name.toLowerCase();\n              if (nameA < nameB) {\n                return -1;\n              }\n              if (nameA > nameB) {\n                return 1;\n              }\n              return 0;\n            })\n            .map((obj: ItemData) => (\n              <ch-grid-row\n                rowid={obj.id}\n                onDblClick={this.confirmCallbackHandler}\n              >\n                <ch-grid-cell>\n                  <span class=\"cell-wrapper\">\n                    <gxg-icon\n                      type={\n                        obj.type === \"attribute\"\n                          ? \"objects/attribute\"\n                          : \"objects-parts/variables\"\n                      }\n                      color=\"auto\"\n                      size=\"small\"\n                    ></gxg-icon>\n                  </span>\n                </ch-grid-cell>\n                <ch-grid-cell>\n                  <span class=\"cell-wrapper\"> {obj.name} </span>\n                </ch-grid-cell>\n                <ch-grid-cell>\n                  <span class=\"cell-wrapper\">{obj.dataType}</span>\n                </ch-grid-cell>\n\n                <ch-grid-cell>\n                  <span class=\"cell-wrapper\">{obj.description}</span>\n                </ch-grid-cell>\n              </ch-grid-row>\n            ))}\n        </ch-grid>\n      </gxg-grid>\n    );\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render(): void {\n    return (\n      <Host class=\"gx-ide-component\" onKeyPress={this.hostKeyPressHandler}>\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            noContentPadding\n            noAboveFooterPadding\n            noHeadingPadding\n            headingPaddingTop\n            noHeadingBorder\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n          >\n            {this.renderFilter()}\n            {this.renderObjects()}\n\n            {/* footer */}\n            {/* button cancel */}\n            <gxg-button\n              type=\"outlined\"\n              onClick={this.cancelCallbackHandler}\n              part=\"gxg-button gxg-button--cancel\"\n              slot=\"footer-end\"\n            >\n              {this._componentLocale.footer.btnCancel}\n            </gxg-button>\n            {/* button confirm */}\n            <gxg-button\n              type=\"primary-text-only\"\n              onClick={this.confirmCallbackHandler}\n              part=\"gxg-button gxg-button--ok\"\n              slot=\"footer-end\"\n            >\n              {this._componentLocale.footer.btnConfirm}\n            </gxg-button>\n            {/* button new... */}\n            <gxg-button\n              type=\"primary-text-only\"\n              onClick={this.newVariableCallbackHandler}\n              part=\"gxg-button gxg-button--new\"\n              slot=\"footer-start\"\n            >\n              {this._componentLocale.footer.btnNew}\n            </gxg-button>\n            {/* button edit  */}\n            <gxg-button\n              type=\"primary-text-only\"\n              onClick={this.editCallbackHandler}\n              part=\"gxg-button gxg-button--edit\"\n              slot=\"footer-start\"\n            >\n              {this._componentLocale.footer.btnEdit}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n        <gxg-shortcuts\n          src={this.shortcutsSrc}\n          ref={(el: HTMLGxgShortcutsElement) =>\n            (this.gxgShortcutsEl = el as HTMLGxgShortcutsElement)\n          }\n        ></gxg-shortcuts>\n        {/* loader*/}\n        {this.loader ? (\n          <gxg-ide-loader\n            cancelLabel={this._componentLocale.loader.cancelLabel}\n            loaderTitle={this._componentLocale.loader.title}\n            ref={el => (this.loaderEl = el as HTMLGxgIdeLoaderElement)}\n            cancelCallback={this.loaderCancelCallbackHandler}\n          ></gxg-ide-loader>\n        ) : null}\n      </Host>\n    );\n  }\n}\n\nexport type NewVariableCallback = () => Promise<void>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type SelectObjectCallback = () => Promise<EntityData | undefined>;\n\nexport type EditCallback = (id: string) => Promise<boolean>;\n\nexport type ConfirmCallback = (ids: string[]) => Promise<void>;\n\nexport type LoadItemsCallback = (filters: FiltersData) => Promise<ItemData[]>;\n\nexport type FiltersData = {\n  pattern?: string;\n  object?: string;\n};\n\nexport type ItemData = {\n  type: \"variable\" | \"attribute\";\n  id: string;\n  name: string;\n  dataType: string;\n  description: string;\n};\n"],"mappings":"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"}