@genexus/genexus-ide-ui 1.0.43 → 1.0.45

package/dist/collection/components/ww-attributes/ww-attributes.css

@@ -0,0 +1,70 @@
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+:host {
+  display: grid;
+  block-size: 100%;
+  overflow: auto;
+  grid-template-rows: max-content 1fr max-content;
+}
+
+.section {
+  display: contents;
+}
+
+.header {
+  grid-template: "name type" max-content "object object" max-content;
+  grid-template-columns: 1fr 1fr;
+}
+
+.name__field {
+  grid-area: name;
+}
+
+.name__label {
+  inline-size: 40px;
+}
+
+.type__field {
+  grid-area: type;
+}
+
+.more__btn {
+  grid-area: more;
+  inline-size: 64px;
+}
+
+.object-selector__field {
+  grid-area: object;
+}
+
+.main {
+  overflow: auto;
+}
+
+ch-tabular-grid.tabular-grid--empty::part(main) {
+  overflow: hidden;
+}
+
+ch-tabular-grid-rowset-empty {
+  position: relative;
+}
+
+.tabular-grid-row ch-tabular-grid-cell:is(:nth-child(2), :nth-child(3), :nth-child(4)) {
+  padding-block: var(--grid-cell__padding-block);
+  padding-inline: var(--grid-cell__padding-inline);
+  align-items: start;
+  justify-content: start;
+  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.matching-attributes {
+  margin: 0;
+}

package/dist/collection/components/ww-attributes/ww-attributes.js

@@ -0,0 +1,468 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _GxIdeWWAttributes__componentLocale, _GxIdeWWAttributes_chGridEl, _GxIdeWWAttributes_contextMenuCallbackHandler, _GxIdeWWAttributes_deleteSelectionCallbackHandle, _GxIdeWWAttributes_deselectAll, _GxIdeWWAttributes_getAttributes, _GxIdeWWAttributes_listenChanges, _GxIdeWWAttributes_openSelectionCallbackHandle, _GxIdeWWAttributes_entityCallbackHandler, _GxIdeWWAttributes_entityValueChangedHandler, _GxIdeWWAttributes_renderAttributesGrid, _GxIdeWWAttributes_evaluateAttributesGridContent, _GxIdeWWAttributes_renderFilter, _GxIdeWWAttributes_selectAll, _GxIdeWWAttributes_nameInputHandler, _GxIdeWWAttributes_typeInputHandler;
+/* eslint-disable @stencil-community/own-props-must-be-private */
+// Stencil
+import { Host, h } from "@stencil/core";
+// Other Libraries
+import { getIconPath } from "@genexus/mercury";
+// Custom Imports
+import { config } from "../../common/config";
+import { Locale } from "../../common/locale";
+import { mapOptionsToComboBoxItemModel } from "./helpers";
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "components/button",
+    "components/edit",
+    "components/combo-box",
+    "components/tabular-grid",
+    "components/icon",
+    "utils/form",
+    "utils/layout",
+    "utils/spacing",
+    "chameleon/scrollbar"
+];
+const FILTER_ICON = getIconPath({
+    category: "window-tools",
+    name: "filter",
+    colorType: "on-elevation"
+});
+export class GxIdeWWAttributes {
+    constructor() {
+        /**
+         * Component hard-coded strings translations.
+         */
+        _GxIdeWWAttributes__componentLocale.set(this, void 0);
+        /* References needed to collect data */
+        _GxIdeWWAttributes_chGridEl.set(this, void 0);
+        _GxIdeWWAttributes_contextMenuCallbackHandler.set(this, (ev) => {
+            this.contextMenuCallback({
+                selection: this.selectedAttributesIds,
+                clientX: ev.clientX,
+                clientY: ev.clientY
+            });
+        });
+        _GxIdeWWAttributes_deleteSelectionCallbackHandle.set(this, () => {
+            this.deleteSelectionCallback(this.selectedAttributesIds);
+        });
+        _GxIdeWWAttributes_deselectAll.set(this, () => {
+            __classPrivateFieldGet(this, _GxIdeWWAttributes_chGridEl, "f").selectAllRows(false);
+        });
+        _GxIdeWWAttributes_getAttributes.set(this, () => {
+            var _a;
+            this.loading = true;
+            const filters = {
+                name: this.name.trim(),
+                type: this.type,
+                object: (_a = this.object) === null || _a === void 0 ? void 0 : _a.id
+            };
+            this.loadCallback(filters).then((items) => {
+                var _a;
+                this.attributes = items;
+                if (((_a = this.selectedAttributesIds) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                    this.selectedAttributesIds = [];
+                    __classPrivateFieldGet(this, _GxIdeWWAttributes_deselectAll, "f").call(this);
+                }
+                this.loading = false;
+            });
+        });
+        _GxIdeWWAttributes_listenChanges.set(this, () => {
+            // for grid selection
+            __classPrivateFieldGet(this, _GxIdeWWAttributes_chGridEl, "f").addEventListener("selectionChanged", (ev) => {
+                this.selectedAttributesIds = ev.detail.rowsId;
+                this.selectionChangeCallback(this.selectedAttributesIds);
+            });
+            __classPrivateFieldGet(this, _GxIdeWWAttributes_chGridEl, "f").addEventListener("contextmenu", (ev) => {
+                ev.preventDefault();
+                ev.stopPropagation();
+                __classPrivateFieldGet(this, _GxIdeWWAttributes_contextMenuCallbackHandler, "f").call(this, ev);
+            });
+            __classPrivateFieldGet(this, _GxIdeWWAttributes_chGridEl, "f").addEventListener("rowDoubleClicked", () => {
+                __classPrivateFieldGet(this, _GxIdeWWAttributes_openSelectionCallbackHandle, "f").call(this);
+            });
+        });
+        _GxIdeWWAttributes_openSelectionCallbackHandle.set(this, () => {
+            this.openSelectionCallback(this.selectedAttributesIds);
+        });
+        _GxIdeWWAttributes_entityCallbackHandler.set(this, async () => {
+            const result = await this.objectActionCallback();
+            this.object = {
+                id: result.id,
+                name: result.name,
+                iconSrc: result.iconSrc
+            };
+            return new Promise(resolve => {
+                resolve(null);
+            });
+        });
+        _GxIdeWWAttributes_entityValueChangedHandler.set(this, (event) => {
+            this.object = event.detail;
+            __classPrivateFieldGet(this, _GxIdeWWAttributes_getAttributes, "f").call(this);
+        });
+        _GxIdeWWAttributes_renderAttributesGrid.set(this, () => {
+            var _a;
+            const tabularGridEmpty = ((_a = this.attributes) === null || _a === void 0 ? void 0 : _a.length) === 0 || !this.attributes;
+            return (h("ch-tabular-grid", { class: {
+                    "tabular-grid": true,
+                    "tabular-grid--empty": tabularGridEmpty,
+                    "main": true
+                }, ref: (el) => (__classPrivateFieldSet(this, _GxIdeWWAttributes_chGridEl, el, "f")), "row-selection-mode": "multiple", part: "ch-grid-attributes" }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { "column-name": "", "column-name-position": "text", settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeWWAttributes__componentLocale, "f").tableHead.name, "column-name-position": "text", size: config.tabularGrid.colSize.auto, class: "tabular-grid-column", settingable: false }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeWWAttributes__componentLocale, "f").tableHead.type, "column-name-position": "text", class: "tabular-grid-column", size: config.tabularGrid.colSize.auto, settingable: false }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeWWAttributes__componentLocale, "f").tableHead.description, "column-name-position": "text", size: config.tabularGrid.colSize.auto, class: "tabular-grid-column", settingable: false })), __classPrivateFieldGet(this, _GxIdeWWAttributes_evaluateAttributesGridContent, "f").call(this)));
+        });
+        _GxIdeWWAttributes_evaluateAttributesGridContent.set(this, () => {
+            if (this.loading) {
+                return (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, h("ch-tabular-grid-rowset-empty", null, h("gx-ide-loader", { loaderTitle: __classPrivateFieldGet(this, _GxIdeWWAttributes__componentLocale, "f").loader.title, description: __classPrivateFieldGet(this, _GxIdeWWAttributes__componentLocale, "f").loader.description, show: true }))));
+            }
+            else if (this.attributes.length) {
+                return (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, this.attributes.map((attr) => (h("ch-tabular-grid-row", { class: "tabular-grid-row", rowid: attr.id }, h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-image", { class: "icon-sm", src: attr.icon })), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, attr.name), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, attr.type), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, attr.description))))));
+            }
+            else {
+                // filter returned none
+                return (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, h("ch-tabular-grid-rowset-empty", null, h("gx-ide-empty-state", { stateIconSrc: FILTER_ICON, stateTitle: __classPrivateFieldGet(this, _GxIdeWWAttributes__componentLocale, "f").emptyStateTitle, isAnimated: true }))));
+            }
+        });
+        _GxIdeWWAttributes_renderFilter.set(this, () => {
+            var _a;
+            return (h("header", { class: "header field-group control-header-with-border spacing-body" }, h("div", { class: "field field-inline name__field" }, h("label", { class: "label name__label", htmlFor: "name" }, __classPrivateFieldGet(this, _GxIdeWWAttributes__componentLocale, "f").filter.name), h("ch-edit", {
+                // Name
+                id: "name", class: "input", value: this.name, debounce: 300, onInput: __classPrivateFieldGet(this, _GxIdeWWAttributes_nameInputHandler, "f"), part: "filter-name"
+            })), h("div", { class: "field field-inline type__field" }, h("label", { class: "label", htmlFor: "type" }, __classPrivateFieldGet(this, _GxIdeWWAttributes__componentLocale, "f").filter.type), h("ch-combo-box-render", {
+                // Type
+                id: "type", class: "combo-box", disabled: !this.types, value: this.type, model: mapOptionsToComboBoxItemModel((_a = this.types) !== null && _a !== void 0 ? _a : []), part: "filter-type", onInput: __classPrivateFieldGet(this, _GxIdeWWAttributes_typeInputHandler, "f")
+            })), h("div", { class: "field field-inline object-selector__field" }, h("label", { class: "label", htmlFor: "object-selector" }, __classPrivateFieldGet(this, _GxIdeWWAttributes__componentLocale, "f").filter.object), h("gx-ide-entity-selector", {
+                // Object
+                id: "object-selector", value: this.object, labelPosition: "none", defaultValue: null, selectEntityCallback: __classPrivateFieldGet(this, _GxIdeWWAttributes_entityCallbackHandler, "f"), onValueChanged: __classPrivateFieldGet(this, _GxIdeWWAttributes_entityValueChangedHandler, "f"), part: "filter-module-folder"
+            }))));
+        });
+        _GxIdeWWAttributes_selectAll.set(this, () => {
+            __classPrivateFieldGet(this, _GxIdeWWAttributes_chGridEl, "f").selectAllRows();
+        });
+        _GxIdeWWAttributes_nameInputHandler.set(this, (e) => {
+            this.name = e.detail.trim();
+            __classPrivateFieldGet(this, _GxIdeWWAttributes_getAttributes, "f").call(this);
+        });
+        _GxIdeWWAttributes_typeInputHandler.set(this, (e) => {
+            this.type = e.detail;
+            __classPrivateFieldGet(this, _GxIdeWWAttributes_getAttributes, "f").call(this);
+        });
+        this.attributes = undefined;
+        this.selectedAttributesIds = [];
+        this.filterMore = false;
+        this.name = "";
+        this.loading = true;
+        this.object = undefined;
+        this.type = undefined;
+        this.contextMenuCallback = undefined;
+        this.deleteSelectionCallback = undefined;
+        this.loadCallback = undefined;
+        this.objectActionCallback = undefined;
+        this.objects = undefined;
+        this.openSelectionCallback = undefined;
+        this.selectionChangeCallback = undefined;
+        this.types = undefined;
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeWWAttributes__componentLocale, await Locale.getComponentStrings(this.el), "f");
+    }
+    componentDidLoad() {
+        __classPrivateFieldGet(this, _GxIdeWWAttributes_listenChanges, "f").call(this);
+        this.type = this.types[0].id; // before #getAttributes
+        __classPrivateFieldGet(this, _GxIdeWWAttributes_getAttributes, "f").call(this);
+    }
+    keyDownHandler(eventInfo) {
+        if (document.activeElement === this.el) {
+            switch (eventInfo.key) {
+                case "Enter":
+                    __classPrivateFieldGet(this, _GxIdeWWAttributes_openSelectionCallbackHandle, "f").call(this);
+                    break;
+                case "Delete":
+                    __classPrivateFieldGet(this, _GxIdeWWAttributes_deleteSelectionCallbackHandle, "f").call(this);
+                    break;
+            }
+        }
+    }
+    /**
+     * Reloads the view, refreshing the filters and attributes table.
+     */
+    async reload() {
+        this.name = "";
+        this.type = this.types[0].id;
+        this.object = null;
+        __classPrivateFieldGet(this, _GxIdeWWAttributes_getAttributes, "f").call(this);
+    }
+    /**
+     * Validate necessary data input
+     */
+    async validate() {
+        const isValid = true;
+        return isValid;
+    }
+    render() {
+        var _a, _b;
+        const btnDisabled = !this.attributes || this.attributes.length === 0;
+        const matchingAttributesLabel = ((_a = this.attributes) === null || _a === void 0 ? void 0 : _a.length) === 1
+            ? __classPrivateFieldGet(this, _GxIdeWWAttributes__componentLocale, "f").matchingAttribute
+            : __classPrivateFieldGet(this, _GxIdeWWAttributes__componentLocale, "f").matchingAttributes;
+        const attributesLength = ((_b = this.attributes) === null || _b === void 0 ? void 0 : _b.length) || 0;
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("section", { class: "section" }, __classPrivateFieldGet(this, _GxIdeWWAttributes_renderFilter, "f").call(this), __classPrivateFieldGet(this, _GxIdeWWAttributes_renderAttributesGrid, "f").call(this), h("footer", { class: "control-footer control-footer-with-border spacing-body-block-end spacing-body-inline control-footer-space-between" }, h("p", { class: "text-body-regular-s matching-attributes" }, `${attributesLength} ${matchingAttributesLabel}`), h("button", { id: "button-select-all", class: "button-primary", onClick: __classPrivateFieldGet(this, _GxIdeWWAttributes_selectAll, "f"), disabled: btnDisabled, part: "button button--select-all" }, __classPrivateFieldGet(this, _GxIdeWWAttributes__componentLocale, "f").footer.btnSelectAll)))));
+    }
+    static get is() { return "gx-ide-ww-attributes"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ww-attributes.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ww-attributes.css"]
+        };
+    }
+    static get assetsDirs() { return ["gx-ide-assets/ww-attributes"]; }
+    static get properties() {
+        return {
+            "contextMenuCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ContextMenuCallback",
+                    "resolved": "(contextMenuInfo: ContextMenuInfo) => Promise<void>",
+                    "references": {
+                        "ContextMenuCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/ww-attributes/ww-attributes.tsx",
+                            "id": "src/components/ww-attributes/ww-attributes.tsx::ContextMenuCallback"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when user right-clicks on the grid"
+                }
+            },
+            "deleteSelectionCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "DeleteSelectionCallback",
+                    "resolved": "(ids: string[]) => Promise<void>",
+                    "references": {
+                        "DeleteSelectionCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/ww-attributes/ww-attributes.tsx",
+                            "id": "src/components/ww-attributes/ww-attributes.tsx::DeleteSelectionCallback"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when user deletes an object"
+                }
+            },
+            "loadCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "LoadCallback",
+                    "resolved": "(filters: AttributeFiltersData) => Promise<AttributeData[]>",
+                    "references": {
+                        "LoadCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/ww-attributes/ww-attributes.tsx",
+                            "id": "src/components/ww-attributes/ww-attributes.tsx::LoadCallback"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when user filters the objects"
+                }
+            },
+            "objectActionCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ObjectActionCallback",
+                    "resolved": "() => Promise<EntityData>",
+                    "references": {
+                        "ObjectActionCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/ww-attributes/ww-attributes.tsx",
+                            "id": "src/components/ww-attributes/ww-attributes.tsx::ObjectActionCallback"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when user executes filter action"
+                }
+            },
+            "objects": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "GxOption[]",
+                    "resolved": "GxOption[]",
+                    "references": {
+                        "GxOption": {
+                            "location": "import",
+                            "path": "../../common/types",
+                            "id": "src/common/types.ts::GxOption"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Objects rendered in the object selector"
+                }
+            },
+            "openSelectionCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "OpenSelectionCallback",
+                    "resolved": "(ids: string[]) => Promise<void>",
+                    "references": {
+                        "OpenSelectionCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/ww-attributes/ww-attributes.tsx",
+                            "id": "src/components/ww-attributes/ww-attributes.tsx::OpenSelectionCallback"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when user opens the selection dialog"
+                }
+            },
+            "selectionChangeCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "SelectionChangeCallback",
+                    "resolved": "(ids: string[]) => Promise<void>",
+                    "references": {
+                        "SelectionChangeCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/ww-attributes/ww-attributes.tsx",
+                            "id": "src/components/ww-attributes/ww-attributes.tsx::SelectionChangeCallback"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when user selects or deselects an object"
+                }
+            },
+            "types": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "GxOption[]",
+                    "resolved": "GxOption[]",
+                    "references": {
+                        "GxOption": {
+                            "location": "import",
+                            "path": "../../common/types",
+                            "id": "src/common/types.ts::GxOption"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Types rendered in the filter type selector"
+                }
+            }
+        };
+    }
+    static get states() {
+        return {
+            "attributes": {},
+            "selectedAttributesIds": {},
+            "filterMore": {},
+            "name": {},
+            "loading": {},
+            "object": {},
+            "type": {}
+        };
+    }
+    static get methods() {
+        return {
+            "reload": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Reloads the view, refreshing the filters and attributes table.",
+                    "tags": []
+                }
+            },
+            "validate": {
+                "complexType": {
+                    "signature": "() => Promise<boolean>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<boolean>"
+                },
+                "docs": {
+                    "text": "Validate necessary data input",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get listeners() {
+        return [{
+                "name": "keydown",
+                "method": "keyDownHandler",
+                "target": undefined,
+                "capture": false,
+                "passive": true
+            }];
+    }
+}
+_GxIdeWWAttributes__componentLocale = new WeakMap(), _GxIdeWWAttributes_chGridEl = new WeakMap(), _GxIdeWWAttributes_contextMenuCallbackHandler = new WeakMap(), _GxIdeWWAttributes_deleteSelectionCallbackHandle = new WeakMap(), _GxIdeWWAttributes_deselectAll = new WeakMap(), _GxIdeWWAttributes_getAttributes = new WeakMap(), _GxIdeWWAttributes_listenChanges = new WeakMap(), _GxIdeWWAttributes_openSelectionCallbackHandle = new WeakMap(), _GxIdeWWAttributes_entityCallbackHandler = new WeakMap(), _GxIdeWWAttributes_entityValueChangedHandler = new WeakMap(), _GxIdeWWAttributes_renderAttributesGrid = new WeakMap(), _GxIdeWWAttributes_evaluateAttributesGridContent = new WeakMap(), _GxIdeWWAttributes_renderFilter = new WeakMap(), _GxIdeWWAttributes_selectAll = new WeakMap(), _GxIdeWWAttributes_nameInputHandler = new WeakMap(), _GxIdeWWAttributes_typeInputHandler = new WeakMap();
+//# sourceMappingURL=ww-attributes.js.map

package/dist/collection/components/ww-attributes/ww-attributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ww-attributes.js","sourceRoot":"","sources":["../../../src/components/ww-attributes/ww-attributes.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @stencil-community/own-props-must-be-private */\n// Stencil\nimport {\n  Component,\n  Element,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  h\n} from \"@stencil/core\";\n// Other Libraries\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n// Custom Imports\nimport { config } from \"../../common/config\";\nimport { Locale } from \"../../common/locale\";\nimport { ContextMenuInfo, EntityData, GxOption } from \"../../common/types\";\nimport { mapOptionsToComboBoxItemModel } from \"./helpers\";\nimport { ChEditCustomEvent } from \"@genexus/chameleon-controls-library\";\nimport HTMLChTabularGridRowsetElement from \"@genexus/chameleon-controls-library/dist/types/components/tabular-grid/rowset/tabular-grid-rowset\";\nimport { GxIdeEntitySelectorCustomEvent } from \"../../components\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/edit\",\n  \"components/combo-box\",\n  \"components/tabular-grid\",\n  \"components/icon\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst FILTER_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"on-elevation\"\n});\n\n@Component({\n  tag: \"gx-ide-ww-attributes\",\n  styleUrl: \"ww-attributes.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/ww-attributes\"]\n})\nexport class GxIdeWWAttributes {\n  /**\n   * Component hard-coded strings translations.\n   */\n  #_componentLocale: any;\n\n  @Element() el: HTMLGxIdeWwAttributesElement;\n\n  /* References needed to collect data */\n  #chGridEl!: HTMLChTabularGridElement;\n\n  /**\n   * Attributes rendered in the table\n   */\n  @State() attributes: AttributeData[];\n\n  /**\n   * Selected attributes in the table of attributes\n   */\n  @State() selectedAttributesIds: string[] = [];\n\n  /**\n   * Show or hide advanced filters\n   */\n  @State() filterMore = false;\n\n  /**\n   * The attribute filter name\n   */\n  @State() name: string = \"\";\n\n  /**\n   * True if loadCallback hasn't been resolved yet\n   */\n  @State() loading: boolean = true;\n\n  /**\n   * The attribute object value\n   */\n  @State() object: EntityData;\n\n  /**\n   * The attribute filter type value\n   */\n  @State() type: string;\n\n  /**\n   * Callback invoked when user right-clicks on the grid\n   */\n  @Prop() readonly contextMenuCallback!: ContextMenuCallback;\n\n  /**\n   * Callback invoked when user deletes an object\n   */\n  @Prop() readonly deleteSelectionCallback!: DeleteSelectionCallback;\n\n  /**\n   * Callback invoked when user filters the objects\n   */\n  @Prop() readonly loadCallback!: LoadCallback;\n\n  /**\n   * Callback invoked when user executes filter action\n   */\n  @Prop() readonly objectActionCallback!: ObjectActionCallback;\n\n  /**\n   * Objects rendered in the object selector\n   */\n  @Prop() readonly objects!: GxOption[];\n\n  /**\n   * Callback invoked when user opens the selection dialog\n   */\n  @Prop() readonly openSelectionCallback!: OpenSelectionCallback;\n\n  /**\n   * Callback invoked when user selects or deselects an object\n   */\n  @Prop() readonly selectionChangeCallback!: SelectionChangeCallback;\n\n  /**\n   * Types rendered in the filter type selector\n   */\n  @Prop() readonly types!: GxOption[];\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidLoad() {\n    this.#listenChanges();\n    this.type = this.types[0].id; // before #getAttributes\n    this.#getAttributes();\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          this.#openSelectionCallbackHandle();\n          break;\n        case \"Delete\":\n          this.#deleteSelectionCallbackHandle();\n          break;\n      }\n    }\n  }\n\n  /**\n   * Reloads the view, refreshing the filters and attributes table.\n   */\n  @Method()\n  async reload(): Promise<void> {\n    this.name = \"\";\n    this.type = this.types[0].id;\n    this.object = null;\n    this.#getAttributes();\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  #contextMenuCallbackHandler = (ev: MouseEvent): void => {\n    this.contextMenuCallback({\n      selection: this.selectedAttributesIds,\n      clientX: ev.clientX,\n      clientY: ev.clientY\n    });\n  };\n\n  #deleteSelectionCallbackHandle = (): void => {\n    this.deleteSelectionCallback(this.selectedAttributesIds);\n  };\n\n  #deselectAll = (): void => {\n    (this.#chGridEl as any).selectAllRows(false);\n  };\n\n  #getAttributes = (): void => {\n    this.loading = true;\n    const filters: AttributeFiltersData = {\n      name: this.name.trim(),\n      type: this.type,\n      object: this.object?.id\n    };\n    this.loadCallback(filters).then((items: AttributeData[]) => {\n      this.attributes = items;\n      if (this.selectedAttributesIds?.length > 0) {\n        this.selectedAttributesIds = [];\n        this.#deselectAll();\n      }\n      this.loading = false;\n    });\n  };\n\n  #listenChanges = (): void => {\n    // for grid selection\n    this.#chGridEl.addEventListener(\"selectionChanged\", (ev: any): void => {\n      this.selectedAttributesIds = ev.detail.rowsId;\n      this.selectionChangeCallback(this.selectedAttributesIds);\n    });\n    this.#chGridEl.addEventListener(\"contextmenu\", (ev: MouseEvent): void => {\n      ev.preventDefault();\n      ev.stopPropagation();\n      this.#contextMenuCallbackHandler(ev);\n    });\n\n    this.#chGridEl.addEventListener(\"rowDoubleClicked\", (): void => {\n      this.#openSelectionCallbackHandle();\n    });\n  };\n\n  #openSelectionCallbackHandle = (): void => {\n    this.openSelectionCallback(this.selectedAttributesIds);\n  };\n\n  #entityCallbackHandler = async (): Promise<null> => {\n    const result = await this.objectActionCallback();\n    this.object = {\n      id: result.id,\n      name: result.name,\n      iconSrc: result.iconSrc\n    };\n    return new Promise(resolve => {\n      resolve(null);\n    });\n  };\n\n  #entityValueChangedHandler = (\n    event: GxIdeEntitySelectorCustomEvent<EntityData>\n  ) => {\n    this.object = event.detail;\n    this.#getAttributes();\n  };\n\n  #renderAttributesGrid = (): Element => {\n    const tabularGridEmpty = this.attributes?.length === 0 || !this.attributes;\n    return (\n      <ch-tabular-grid\n        class={{\n          \"tabular-grid\": true,\n          \"tabular-grid--empty\": tabularGridEmpty,\n          \"main\": true\n        }}\n        ref={(el: HTMLChTabularGridElement) => (this.#chGridEl = el)}\n        row-selection-mode=\"multiple\"\n        part=\"ch-grid-attributes\"\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            column-name=\"\"\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#_componentLocale.tableHead.name}\n            column-name-position=\"text\"\n            size={config.tabularGrid.colSize.auto}\n            class=\"tabular-grid-column\"\n            settingable={false}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#_componentLocale.tableHead.type}\n            column-name-position=\"text\"\n            class=\"tabular-grid-column\"\n            size={config.tabularGrid.colSize.auto}\n            settingable={false}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#_componentLocale.tableHead.description}\n            column-name-position=\"text\"\n            size={config.tabularGrid.colSize.auto}\n            class=\"tabular-grid-column\"\n            settingable={false}\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n\n        {this.#evaluateAttributesGridContent()}\n      </ch-tabular-grid>\n    );\n  };\n\n  #evaluateAttributesGridContent = (): HTMLChTabularGridRowsetElement => {\n    if (this.loading) {\n      return (\n        <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n          <ch-tabular-grid-rowset-empty>\n            <gx-ide-loader\n              loaderTitle={this.#_componentLocale.loader.title}\n              description={this.#_componentLocale.loader.description}\n              show\n            ></gx-ide-loader>\n          </ch-tabular-grid-rowset-empty>\n        </ch-tabular-grid-rowset>\n      );\n    } else if (this.attributes.length) {\n      return (\n        <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n          {this.attributes.map((attr: AttributeData) => (\n            <ch-tabular-grid-row class=\"tabular-grid-row\" rowid={attr.id}>\n              <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                <ch-image class=\"icon-sm\" src={attr.icon}></ch-image>\n              </ch-tabular-grid-cell>\n              <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                {attr.name}\n              </ch-tabular-grid-cell>\n              <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                {attr.type}\n              </ch-tabular-grid-cell>\n              <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                {attr.description}\n              </ch-tabular-grid-cell>\n            </ch-tabular-grid-row>\n          ))}\n        </ch-tabular-grid-rowset>\n      );\n    } else {\n      // filter returned none\n      return (\n        <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n          <ch-tabular-grid-rowset-empty>\n            <gx-ide-empty-state\n              stateIconSrc={FILTER_ICON}\n              stateTitle={this.#_componentLocale.emptyStateTitle}\n              isAnimated={true}\n            ></gx-ide-empty-state>\n          </ch-tabular-grid-rowset-empty>\n        </ch-tabular-grid-rowset>\n      );\n    }\n  };\n\n  #renderFilter = (): Element => {\n    return (\n      <header class=\"header field-group control-header-with-border spacing-body\">\n        <div class=\"field field-inline name__field\">\n          <label class=\"label name__label\" htmlFor=\"name\">\n            {this.#_componentLocale.filter.name}\n          </label>\n          <ch-edit\n            // Name\n            id=\"name\"\n            class=\"input\"\n            value={this.name}\n            debounce={300}\n            onInput={this.#nameInputHandler}\n            part=\"filter-name\"\n          ></ch-edit>\n        </div>\n\n        <div class=\"field field-inline type__field\">\n          <label class=\"label\" htmlFor=\"type\">\n            {this.#_componentLocale.filter.type}\n          </label>\n          <ch-combo-box-render\n            // Type\n            id=\"type\"\n            class=\"combo-box\"\n            disabled={!this.types}\n            value={this.type}\n            model={mapOptionsToComboBoxItemModel(this.types ?? [])}\n            part=\"filter-type\"\n            onInput={this.#typeInputHandler}\n          ></ch-combo-box-render>\n        </div>\n\n        {/* <button\n          // TODO: Check with Design if it maes sense to have a button that toggles only one control.\n          // More\n          class=\"button-primary more__btn\"\n          onClick={this.#showMoreFilter}\n          part=\"button button--more-less\"\n        >\n          {this.filterMore\n            ? this.#_componentLocale.filter.btnLess\n            : this.#_componentLocale.filter.btnMore}\n        </button> */}\n\n        <div class=\"field field-inline object-selector__field\">\n          <label class=\"label\" htmlFor=\"object-selector\">\n            {this.#_componentLocale.filter.object}\n          </label>\n          <gx-ide-entity-selector\n            // Object\n            id=\"object-selector\"\n            value={this.object}\n            labelPosition=\"none\"\n            defaultValue={null}\n            selectEntityCallback={this.#entityCallbackHandler}\n            onValueChanged={this.#entityValueChangedHandler}\n            part=\"filter-module-folder\"\n          ></gx-ide-entity-selector>\n        </div>\n      </header>\n    );\n  };\n\n  #selectAll = (): void => {\n    (this.#chGridEl as any).selectAllRows();\n  };\n\n  #nameInputHandler = (e: ChEditCustomEvent<string> | InputEvent) => {\n    this.name = (e as ChEditCustomEvent<string>).detail.trim();\n    this.#getAttributes();\n  };\n\n  #typeInputHandler = (e: CustomEvent<string> | InputEvent) => {\n    this.type = e.detail as string;\n    this.#getAttributes();\n  };\n\n  render(): void {\n    const btnDisabled = !this.attributes || this.attributes.length === 0;\n    const matchingAttributesLabel =\n      this.attributes?.length === 1\n        ? this.#_componentLocale.matchingAttribute\n        : this.#_componentLocale.matchingAttributes;\n    const attributesLength = this.attributes?.length || 0;\n\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          {this.#renderFilter()}\n\n          {this.#renderAttributesGrid()}\n\n          <footer class=\"control-footer control-footer-with-border spacing-body-block-end spacing-body-inline control-footer-space-between\">\n            <p class=\"text-body-regular-s matching-attributes\">\n              {`${attributesLength} ${matchingAttributesLabel}`}\n            </p>\n\n            <button\n              id=\"button-select-all\"\n              class=\"button-primary\"\n              onClick={this.#selectAll}\n              disabled={btnDisabled}\n              part=\"button button--select-all\"\n            >\n              {this.#_componentLocale.footer.btnSelectAll}\n            </button>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type ContextMenuCallback = (\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\n\nexport type DeleteSelectionCallback = (ids: string[]) => Promise<void>;\n\nexport type LoadCallback = (\n  filters: AttributeFiltersData\n) => Promise<AttributeData[]>;\n\nexport type ObjectActionCallback = () => Promise<EntityData | undefined>;\n\nexport type OpenSelectionCallback = (ids: string[]) => Promise<void>;\n\nexport type SelectionChangeCallback = (ids: string[]) => Promise<void>;\n\nexport interface AttributeData {\n  id: string;\n  icon: string;\n  name: string;\n  type: string;\n  description: string;\n}\n\nexport interface AttributeFiltersData {\n  name?: string;\n  type?: string;\n  object?: string;\n}\n"]}

package/dist/collection/testing/locale.e2e.js

@@ -136,6 +136,7 @@ const allGeneXusIdeUIComponents = {
     "gx-ide-top-bar": 0,
     "gx-ide-wf-settings": 0,
     "gx-ide-ww-images": 0,
+    "gx-ide-ww-attributes": 0,
     "gx-ide-navigation-report": 0,
     "gx-ide-splash": 0,
     "gx-ide-welcome-page": 0,