@genexus/genexus-ide-ui 1.1.16 → 1.1.18

package/dist/collection/components/json-import/gx-ide-assets/json-import/langs/json-import.lang.zh.json

@@ -0,0 +1,18 @@
+{
+  "header": {
+    "nameFieldLabel": "",
+    "descriptionFieldLabel": "",
+    "moduleFolderLabel": "",
+    "filePathLabel": "",
+    "selectfileButton": "",
+    "fileNamePlaceholder": ""
+  },
+  "main": {
+    "jsonAreaLabel": "",
+    "checkBoxLabel": ""
+  },
+  "footer": {
+    "btnCancel": "",
+    "btnOk": ""
+  }
+}

package/dist/collection/components/json-import/gx-ide-assets/json-import/shortcuts.json

@@ -0,0 +1,15 @@
+[
+  {
+    "selector": "[part='button-ok']",
+    "keyShortcuts": "Enter",
+    "action": "click",
+    "conditions": {
+      "focusExclude": "[part='button-select-location'],[part='button-cancel']"
+    }
+  },
+  {
+    "selector": "[part='button-cancel']",
+    "keyShortcuts": "Escape",
+    "action": "click"
+  }
+]

package/dist/collection/components/json-import/json-import.css

@@ -0,0 +1,77 @@
+:host {
+  display: grid;
+  grid-template-rows: max-content 1fr max-content;
+  block-size: 100%;
+  overflow: auto;
+}
+
+.section {
+  display: contents;
+}
+
+.main {
+  display: grid;
+  grid-template-rows: 1fr max-content;
+  overflow: auto;
+}
+
+.field-group-name-description-module {
+  grid-template-areas: "name-label name-input" "description-label description-input" "module-label module-entity-selector";
+  grid-template-columns: max-content 1fr;
+}
+
+.name-label {
+  grid-area: name-label;
+}
+
+.name-input {
+  grid-area: name-input;
+}
+
+.description-label {
+  grid-area: description-label;
+}
+
+.description-input {
+  grid-area: description-input;
+}
+
+.module-label {
+  grid-area: module-label;
+}
+
+.module-entity-selector {
+  grid-area: module-entity-selector;
+}
+
+.radio-file-input-wrapper {
+  grid-template-columns: max-content 1fr;
+}
+
+div.field-file-input {
+  grid-template-columns: 1fr max-content;
+}
+
+.json-area {
+  display: grid;
+  grid-template-rows: 1fr max-content;
+  overflow: auto;
+}
+
+.slotted-container {
+  overflow: auto;
+  block-size: 100%;
+}
+
+.input-file {
+  display: grid;
+  grid-template-columns: 1fr max-content;
+}
+
+.radio-group {
+  gap: 30px !important;
+}
+
+.tooltip {
+  height: 0px;
+}

package/dist/collection/components/json-import/json-import.js

@@ -0,0 +1,458 @@
+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 _GxIdeJsonImport_componentLocale, _GxIdeJsonImport_data, _GxIdeJsonImport_radioOptionsModel, _GxIdeJsonImport_shortcutsSrc, _GxIdeJsonImport_checkBoxEl, _GxIdeJsonImport_chShortcutsEl, _GxIdeJsonImport_descriptionEl, _GxIdeJsonImport_fileInputHiddenEl, _GxIdeJsonImport_moduleEntitySelector, _GxIdeJsonImport_nameEl, _GxIdeJsonImport_radioGroup, _GxIdeJsonImport_validateForm, _GxIdeJsonImport_nameChangedHandler, _GxIdeJsonImport_changeRadioHandler, _GxIdeJsonImport_createHandler, _GxIdeJsonImport_removeFileSelection, _GxIdeJsonImport_selectFileInputChangedHandler, _GxIdeJsonImport_selectFileInputHandler, _GxIdeJsonImport_handleEditorChange, _GxIdeJsonImport_handleSlotChange;
+import { Host, getAssetPath, h } from "@stencil/core";
+import { getIconPath } from "@genexus/mercury";
+import { config } from "../../common/config";
+import { Locale } from "../../common/locale";
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "components/tab",
+    "components/tooltip",
+    "utils/form--full",
+    "utils/layout",
+    "utils/typography",
+    "utils/spacing",
+    "chameleon/scrollbar"
+];
+const FILE_ICON = getIconPath({
+    category: "gemini-tools",
+    name: "file",
+    colorType: "primary"
+});
+const MENU_DELETE = getIconPath({
+    category: "menus",
+    name: "delete",
+    colorType: "primary"
+});
+export class GxIdeJsonImport {
+    constructor() {
+        _GxIdeJsonImport_componentLocale.set(this, void 0);
+        _GxIdeJsonImport_data.set(this, {
+            name: "",
+            description: "",
+            assumeVarcharForNull: false,
+            parentId: "",
+            json: ""
+        });
+        _GxIdeJsonImport_radioOptionsModel.set(this, []);
+        _GxIdeJsonImport_shortcutsSrc.set(this, getAssetPath(`./gx-ide-assets/json-import/shortcuts.json`));
+        _GxIdeJsonImport_checkBoxEl.set(this, void 0);
+        _GxIdeJsonImport_chShortcutsEl.set(this, void 0);
+        _GxIdeJsonImport_descriptionEl.set(this, void 0);
+        _GxIdeJsonImport_fileInputHiddenEl.set(this, void 0);
+        _GxIdeJsonImport_moduleEntitySelector.set(this, void 0);
+        _GxIdeJsonImport_nameEl.set(this, void 0);
+        _GxIdeJsonImport_radioGroup.set(this, void 0);
+        _GxIdeJsonImport_validateForm.set(this, () => {
+            var _a, _b;
+            const name = ((_b = (_a = __classPrivateFieldGet(this, _GxIdeJsonImport_nameEl, "f")) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.trim()) || "";
+            const json = this.radioGroupValue === "file" ? this.fileName : this.jsonContent;
+            const isNameValid = this.validateNameCallback
+                ? this.validateNameCallback(name)
+                : Boolean(name);
+            const isJsonValid = this.radioGroupValue === "file"
+                ? Boolean(this.fileName)
+                : this.validateJSONCallback
+                    ? this.validateJSONCallback(json)
+                    : false;
+            this.isFormValid = isNameValid && isJsonValid;
+        });
+        _GxIdeJsonImport_nameChangedHandler.set(this, () => {
+            __classPrivateFieldGet(this, _GxIdeJsonImport_validateForm, "f").call(this);
+        });
+        _GxIdeJsonImport_changeRadioHandler.set(this, () => {
+            var _a;
+            this.radioGroupValue = __classPrivateFieldGet(this, _GxIdeJsonImport_radioGroup, "f").value;
+            if (this.radioGroupValue === "file") {
+                __classPrivateFieldGet(this, _GxIdeJsonImport_checkBoxEl, "f").value = "false";
+            }
+            else {
+                __classPrivateFieldGet(this, _GxIdeJsonImport_data, "f").json = null;
+                __classPrivateFieldGet(this, _GxIdeJsonImport_removeFileSelection, "f").call(this);
+                __classPrivateFieldGet(this, _GxIdeJsonImport_validateForm, "f").call(this);
+            }
+            (_a = this.modeChangeCallback) === null || _a === void 0 ? void 0 : _a.call(this, this.radioGroupValue);
+        });
+        _GxIdeJsonImport_createHandler.set(this, () => {
+            var _a;
+            __classPrivateFieldGet(this, _GxIdeJsonImport_data, "f").name = __classPrivateFieldGet(this, _GxIdeJsonImport_nameEl, "f").value;
+            __classPrivateFieldGet(this, _GxIdeJsonImport_data, "f").description = __classPrivateFieldGet(this, _GxIdeJsonImport_descriptionEl, "f").value;
+            __classPrivateFieldGet(this, _GxIdeJsonImport_data, "f").parentId = (_a = __classPrivateFieldGet(this, _GxIdeJsonImport_moduleEntitySelector, "f").value) === null || _a === void 0 ? void 0 : _a.id;
+            __classPrivateFieldGet(this, _GxIdeJsonImport_data, "f").assumeVarcharForNull = __classPrivateFieldGet(this, _GxIdeJsonImport_checkBoxEl, "f").value === "true";
+            this.confirmCallback(__classPrivateFieldGet(this, _GxIdeJsonImport_data, "f")).then((formSubmitResult) => {
+                this.showTooltipError = !formSubmitResult.success;
+            });
+        });
+        _GxIdeJsonImport_removeFileSelection.set(this, () => {
+            var _a;
+            __classPrivateFieldGet(this, _GxIdeJsonImport_data, "f").json = null;
+            __classPrivateFieldGet(this, _GxIdeJsonImport_fileInputHiddenEl, "f").value = null;
+            this.fileName = null;
+            (_a = this.fileChangeCallback) === null || _a === void 0 ? void 0 : _a.call(this, null);
+            __classPrivateFieldGet(this, _GxIdeJsonImport_validateForm, "f").call(this);
+        });
+        _GxIdeJsonImport_selectFileInputChangedHandler.set(this, (event) => {
+            var _a, _b;
+            const target = event.target;
+            if (((_a = target.files) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.radioGroupValue === "file") {
+                __classPrivateFieldGet(this, _GxIdeJsonImport_data, "f").json = target.files[0];
+                this.fileName = target.files[0].name;
+                (_b = this.fileChangeCallback) === null || _b === void 0 ? void 0 : _b.call(this, target.files[0]);
+                __classPrivateFieldGet(this, _GxIdeJsonImport_validateForm, "f").call(this);
+            }
+        });
+        _GxIdeJsonImport_selectFileInputHandler.set(this, () => {
+            __classPrivateFieldGet(this, _GxIdeJsonImport_fileInputHiddenEl, "f").click();
+        });
+        _GxIdeJsonImport_handleEditorChange.set(this, () => {
+            __classPrivateFieldGet(this, _GxIdeJsonImport_validateForm, "f").call(this);
+        });
+        _GxIdeJsonImport_handleSlotChange.set(this, (e) => {
+            const elements = e.target.assignedElements();
+            if (elements.length > 0) {
+                const element = elements[0];
+                element.addEventListener("json-content-change", ((event) => {
+                    if (this.radioGroupValue === "text") {
+                        this.jsonContent = event.detail.content;
+                        __classPrivateFieldGet(this, _GxIdeJsonImport_handleEditorChange, "f").call(this);
+                    }
+                }));
+            }
+        });
+        this.fileName = undefined;
+        this.radioGroupValue = "file";
+        this.showTooltipError = false;
+        this.isFormValid = false;
+        this.jsonContent = "";
+        this.cancelCallback = undefined;
+        this.confirmCallback = undefined;
+        this.defaultParent = undefined;
+        this.defaultRadioValue = undefined;
+        this.parent = undefined;
+        this.selectModuleCallback = undefined;
+        this.modeChangeCallback = undefined;
+        this.fileChangeCallback = undefined;
+        this.validateNameCallback = undefined;
+        this.validateJSONCallback = undefined;
+        this.onJsonContentChange = undefined;
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeJsonImport_componentLocale, await Locale.getComponentStrings(this.el), "f");
+        __classPrivateFieldSet(this, _GxIdeJsonImport_radioOptionsModel, [
+            {
+                value: "file",
+                caption: __classPrivateFieldGet(this, _GxIdeJsonImport_componentLocale, "f").header.filePathLabel
+            },
+            { value: "text", caption: __classPrivateFieldGet(this, _GxIdeJsonImport_componentLocale, "f").main.jsonAreaLabel }
+        ], "f");
+    }
+    /**
+     * Suspends or reactivates the shortcuts
+     */
+    async suspendShortcuts(suspendShortcuts) {
+        __classPrivateFieldGet(this, _GxIdeJsonImport_chShortcutsEl, "f").suspend = suspendShortcuts;
+    }
+    render() {
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("ch-shortcuts", { src: __classPrivateFieldGet(this, _GxIdeJsonImport_shortcutsSrc, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeJsonImport_chShortcutsEl, el, "f")) }), h("section", { class: "section" }, h("header", { class: "header field-group spacing-body control-header-with-border" }, h("div", { class: "field-group field-group-name-description-module" }, h("label", {
+            // name
+            class: "label name-label", htmlFor: "input-name"
+        }, __classPrivateFieldGet(this, _GxIdeJsonImport_componentLocale, "f").header.nameFieldLabel), h("ch-edit", { class: "input name-input", id: "input-name", ref: (el) => (__classPrivateFieldSet(this, _GxIdeJsonImport_nameEl, el, "f")), onInput: __classPrivateFieldGet(this, _GxIdeJsonImport_nameChangedHandler, "f") }), h("label", {
+            // description
+            class: "label description-label", htmlFor: "input-description"
+        }, __classPrivateFieldGet(this, _GxIdeJsonImport_componentLocale, "f").header.descriptionFieldLabel), h("ch-edit", { class: "input description-input", id: "input-description", ref: (el) => (__classPrivateFieldSet(this, _GxIdeJsonImport_descriptionEl, el, "f")) }), h("label", {
+            // module/folder
+            class: "label module-label", htmlFor: "input-module"
+        }, __classPrivateFieldGet(this, _GxIdeJsonImport_componentLocale, "f").header.moduleFolderLabel), h("gx-ide-entity-selector", { class: "module module-entity-selector", id: "module", value: this.defaultParent, ref: (el) => (__classPrivateFieldSet(this, _GxIdeJsonImport_moduleEntitySelector, el, "f")), labelPosition: "none", defaultValue: this.defaultParent, selectEntityCallback: this.selectModuleCallback })), h("div", { class: "radio-file-input-wrapper field-group" }, h("ch-radio-group-render", {
+            // file url/text
+            class: "radio-group", model: __classPrivateFieldGet(this, _GxIdeJsonImport_radioOptionsModel, "f"), onChange: __classPrivateFieldGet(this, _GxIdeJsonImport_changeRadioHandler, "f"), value: this.defaultRadioValue, ref: (el) => (__classPrivateFieldSet(this, _GxIdeJsonImport_radioGroup, el, "f"))
+        }), h("div", { class: "field field-inline field-file-input" }, h("ch-edit", { autoFocus: true, id: "file-name", class: "input", part: "file-name", type: "text", value: this.fileName, readonly: true, placeholder: __classPrivateFieldGet(this, _GxIdeJsonImport_componentLocale, "f").header.fileNamePlaceholder, startImgSrc: FILE_ICON, disabled: this.radioGroupValue !== "file" }), h("input", { hidden: true, type: "file", accept: ".json", onChange: __classPrivateFieldGet(this, _GxIdeJsonImport_selectFileInputChangedHandler, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeJsonImport_fileInputHiddenEl, el, "f")) }), h("div", { class: "buttons-spacer" }, h("button", { "aria-label": __classPrivateFieldGet(this, _GxIdeJsonImport_componentLocale, "f").header.removeFileSelection, title: __classPrivateFieldGet(this, _GxIdeJsonImport_componentLocale, "f").header.removeFileSelection, id: "reset-all-button", class: "button-tertiary button-icon-only", part: "reset-all-button", onClick: __classPrivateFieldGet(this, _GxIdeJsonImport_removeFileSelection, "f"), disabled: this.radioGroupValue !== "file" }, h("ch-image", { class: "icon-md", src: MENU_DELETE })), h("button", { id: "select-file-load-button", class: "button-primary", part: "select-file-load-button", onClick: __classPrivateFieldGet(this, _GxIdeJsonImport_selectFileInputHandler, "f"), disabled: this.radioGroupValue !== "file" }, __classPrivateFieldGet(this, _GxIdeJsonImport_componentLocale, "f").header.selectfileButton))))), h("div", { class: "main field-group" }, h("div", { class: "json-area" }, h("div", { class: "slotted-container scrollable" }, h("slot", { name: "JsonTextEditor", onSlotchange: __classPrivateFieldGet(this, _GxIdeJsonImport_handleSlotChange, "f") })), this.showTooltipError && (h("ch-tooltip", { class: "tooltip", blockAlign: config.tooltipSettings.blockAlign, inlineAlign: config.tooltipSettings.inlineAlign, delay: config.tooltipSettings.delay }, "Error message"))), h("ch-checkbox", { class: "checkbox spacing-body-block-end spacing-body-inline-start", caption: __classPrivateFieldGet(this, _GxIdeJsonImport_componentLocale, "f").main.checkBoxLabel, checkedValue: "true", ref: (el) => (__classPrivateFieldSet(this, _GxIdeJsonImport_checkBoxEl, el, "f")) })), h("footer", { class: "control-footer control-footer-with-border spacing-body-block-end spacing-body-inline" }, h("div", { class: "buttons-spacer" }, h("button", { class: "button-secondary", id: "button-cancel", onClick: this.cancelCallback, part: "button-cancel" }, __classPrivateFieldGet(this, _GxIdeJsonImport_componentLocale, "f").footer.btnCancel), h("button", { class: "button-primary", id: "button-ok", onClick: __classPrivateFieldGet(this, _GxIdeJsonImport_createHandler, "f"), part: "button-ok", disabled: !this.isFormValid }, __classPrivateFieldGet(this, _GxIdeJsonImport_componentLocale, "f").footer.btnOk))))));
+    }
+    static get is() { return "gx-ide-json-import"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["json-import.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["json-import.css"]
+        };
+    }
+    static get assetsDirs() { return ["gx-ide-assets/json-import"]; }
+    static get properties() {
+        return {
+            "cancelCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => Promise<void>",
+                    "resolved": "() => Promise<void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback that must be invoked when the user want to cancel the operation"
+                }
+            },
+            "confirmCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(\n    data: JsonImportData\n  ) => Promise<FormSubmitResult>",
+                    "resolved": "(data: JsonImportData) => Promise<FormSubmitResult>",
+                    "references": {
+                        "JsonImportData": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/json-import/json-import.tsx",
+                            "id": "src/components/json-import/json-import.tsx::JsonImportData"
+                        },
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "FormSubmitResult": {
+                            "location": "import",
+                            "path": "../../common/types",
+                            "id": "src/common/types.ts::FormSubmitResult"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback that must be invoked when the user confirms the creation of the SDT. It receives as parameters the data necessary to create the SDT."
+                }
+            },
+            "defaultParent": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "EntityData",
+                    "resolved": "{ id: string; name: string; iconSrc?: string; }",
+                    "references": {
+                        "EntityData": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/json-import/json-import.tsx",
+                            "id": "src/components/json-import/json-import.tsx::EntityData"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Default value for Module/Folder field"
+                }
+            },
+            "defaultRadioValue": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Default value for Module/Folder field"
+                },
+                "attribute": "default-radio-value",
+                "reflect": false
+            },
+            "parent": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "EntityData",
+                    "resolved": "{ id: string; name: string; iconSrc?: string; }",
+                    "references": {
+                        "EntityData": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/json-import/json-import.tsx",
+                            "id": "src/components/json-import/json-import.tsx::EntityData"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Actual value for Module/Folder field"
+                }
+            },
+            "selectModuleCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "SelectModuleCallback",
+                    "resolved": "() => Promise<EntityData>",
+                    "references": {
+                        "SelectModuleCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/json-import/json-import.tsx",
+                            "id": "src/components/json-import/json-import.tsx::SelectModuleCallback"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when the action is executed in the Module/Folder filter. It returns the information of the selected object (id and name) or 'undefined' if it was canceled."
+                }
+            },
+            "modeChangeCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(\n    mode: \"file\" | \"text\"\n  ) => Promise<void>",
+                    "resolved": "(mode: \"text\" | \"file\") => Promise<void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when the input mode changes between file and text."
+                }
+            },
+            "fileChangeCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(file: File | null) => Promise<void>",
+                    "resolved": "(file: File) => Promise<void>",
+                    "references": {
+                        "File": {
+                            "location": "global",
+                            "id": "global::File"
+                        },
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when a file is selected or removed."
+                }
+            },
+            "validateNameCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(name: string) => boolean",
+                    "resolved": "(name: string) => boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback para validar el nombre del objeto. Debe retornar true si el nombre es v\u00E1lido, false en caso contrario."
+                }
+            },
+            "validateJSONCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(json: string) => boolean",
+                    "resolved": "(json: string) => boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback para validar el JSON. Debe retornar true si el JSON es v\u00E1lido, false en caso contrario."
+                }
+            },
+            "onJsonContentChange": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(content: string) => void",
+                    "resolved": "(content: string) => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invocado cuando el contenido del JSON cambia"
+                }
+            }
+        };
+    }
+    static get states() {
+        return {
+            "fileName": {},
+            "radioGroupValue": {},
+            "showTooltipError": {},
+            "isFormValid": {},
+            "jsonContent": {}
+        };
+    }
+    static get methods() {
+        return {
+            "suspendShortcuts": {
+                "complexType": {
+                    "signature": "(suspendShortcuts: boolean) => Promise<void>",
+                    "parameters": [{
+                            "name": "suspendShortcuts",
+                            "type": "boolean",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Suspends or reactivates the shortcuts",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+_GxIdeJsonImport_componentLocale = new WeakMap(), _GxIdeJsonImport_data = new WeakMap(), _GxIdeJsonImport_radioOptionsModel = new WeakMap(), _GxIdeJsonImport_shortcutsSrc = new WeakMap(), _GxIdeJsonImport_checkBoxEl = new WeakMap(), _GxIdeJsonImport_chShortcutsEl = new WeakMap(), _GxIdeJsonImport_descriptionEl = new WeakMap(), _GxIdeJsonImport_fileInputHiddenEl = new WeakMap(), _GxIdeJsonImport_moduleEntitySelector = new WeakMap(), _GxIdeJsonImport_nameEl = new WeakMap(), _GxIdeJsonImport_radioGroup = new WeakMap(), _GxIdeJsonImport_validateForm = new WeakMap(), _GxIdeJsonImport_nameChangedHandler = new WeakMap(), _GxIdeJsonImport_changeRadioHandler = new WeakMap(), _GxIdeJsonImport_createHandler = new WeakMap(), _GxIdeJsonImport_removeFileSelection = new WeakMap(), _GxIdeJsonImport_selectFileInputChangedHandler = new WeakMap(), _GxIdeJsonImport_selectFileInputHandler = new WeakMap(), _GxIdeJsonImport_handleEditorChange = new WeakMap(), _GxIdeJsonImport_handleSlotChange = new WeakMap();
+//# sourceMappingURL=json-import.js.map

package/dist/collection/components/json-import/json-import.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-import.js","sourceRoot":"","sources":["../../../src/components/json-import/json-import.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Host,\n  Prop,\n  Element,\n  State,\n  getAssetPath,\n  Method,\n  h\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport { config } from \"../../common/config\";\n\nimport { Locale } from \"../../common/locale\";\nimport { FormSubmitResult } from \"../../common/types\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/tab\",\n  \"components/tooltip\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst FILE_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"file\",\n  colorType: \"primary\"\n});\n\nconst MENU_DELETE = getIconPath({\n  category: \"menus\",\n  name: \"delete\",\n  colorType: \"primary\"\n});\n\n@Component({\n  tag: \"gx-ide-json-import\",\n  styleUrl: \"json-import.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/json-import\"]\n})\nexport class GxIdeJsonImport {\n  #componentLocale: any;\n  #data: JsonImportData = {\n    name: \"\",\n    description: \"\",\n    assumeVarcharForNull: false,\n    parentId: \"\",\n    json: \"\"\n  };\n  #radioOptionsModel: RadioGroupItemModel[] = [];\n  #shortcutsSrc = getAssetPath(`./gx-ide-assets/json-import/shortcuts.json`);\n\n  @Element() el: HTMLGxIdeJsonImportElement;\n  #checkBoxEl!: HTMLChCheckboxElement;\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #descriptionEl!: HTMLChEditElement;\n  #fileInputHiddenEl!: HTMLInputElement;\n  #moduleEntitySelector!: HTMLGxIdeEntitySelectorElement;\n  #nameEl!: HTMLChEditElement;\n  #radioGroup!: HTMLChRadioGroupRenderElement;\n\n  @State() fileName: string;\n  @State() radioGroupValue: string = \"file\";\n  @State() showTooltipError: boolean = false;\n  @State() isFormValid: boolean = false;\n  @State() jsonContent: string = \"\";\n\n  /**\n   * Callback that must be invoked when the user want to cancel the operation\n   */\n  @Prop() readonly cancelCallback: () => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the user confirms the creation of the SDT. It receives as parameters the data necessary to create the SDT.\n   */\n  @Prop() readonly confirmCallback!: (\n    data: JsonImportData\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * Default value for Module/Folder field\n   */\n  @Prop() readonly defaultParent: EntityData;\n\n  /**\n   * Default value for Module/Folder field\n   */\n  @Prop() readonly defaultRadioValue: string;\n\n  /**\n   * Actual value for Module/Folder field\n   */\n  @Prop() readonly parent: EntityData;\n\n  /**\n   * Callback invoked when the action is executed in the Module/Folder filter. It returns the information of the selected object (id and name) or 'undefined' if it was canceled.\n   */\n  @Prop() readonly selectModuleCallback: SelectModuleCallback;\n\n  /**\n   * Callback invoked when the input mode changes between file and text.\n   */\n  @Prop() readonly modeChangeCallback?: (\n    mode: \"file\" | \"text\"\n  ) => Promise<void>;\n\n  /**\n   * Callback invoked when a file is selected or removed.\n   */\n  @Prop() readonly fileChangeCallback?: (file: File | null) => Promise<void>;\n\n  /**\n   * Callback para validar el nombre del objeto. Debe retornar true si el nombre es válido, false en caso contrario.\n   */\n  @Prop() readonly validateNameCallback?: (name: string) => boolean;\n\n  /**\n   * Callback para validar el JSON. Debe retornar true si el JSON es válido, false en caso contrario.\n   */\n  @Prop() readonly validateJSONCallback?: (json: string) => boolean;\n\n  /**\n   * Callback invocado cuando el contenido del JSON cambia\n   */\n  @Prop() readonly onJsonContentChange?: (content: string) => void;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#radioOptionsModel = [\n      {\n        value: \"file\",\n        caption: this.#componentLocale.header.filePathLabel\n      },\n      { value: \"text\", caption: this.#componentLocale.main.jsonAreaLabel }\n    ];\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    this.#chShortcutsEl.suspend = suspendShortcuts;\n  }\n\n  #validateForm = () => {\n    const name = this.#nameEl?.value?.trim() || \"\";\n    const json =\n      this.radioGroupValue === \"file\" ? this.fileName : this.jsonContent;\n\n    const isNameValid = this.validateNameCallback\n      ? this.validateNameCallback(name)\n      : Boolean(name);\n\n    const isJsonValid =\n      this.radioGroupValue === \"file\"\n        ? Boolean(this.fileName)\n        : this.validateJSONCallback\n        ? this.validateJSONCallback(json)\n        : false;\n\n    this.isFormValid = isNameValid && isJsonValid;\n  };\n\n  #nameChangedHandler = () => {\n    this.#validateForm();\n  };\n\n  #changeRadioHandler = () => {\n    this.radioGroupValue = this.#radioGroup.value;\n    if (this.radioGroupValue === \"file\") {\n      this.#checkBoxEl.value = \"false\";\n    } else {\n      this.#data.json = null;\n      this.#removeFileSelection();\n      this.#validateForm();\n    }\n    this.modeChangeCallback?.(this.radioGroupValue as \"file\" | \"text\");\n  };\n\n  #createHandler = () => {\n    this.#data.name = this.#nameEl.value;\n    this.#data.description = this.#descriptionEl.value;\n    this.#data.parentId = this.#moduleEntitySelector.value?.id;\n    this.#data.assumeVarcharForNull = this.#checkBoxEl.value === \"true\";\n    this.confirmCallback(this.#data).then(\n      (formSubmitResult: FormSubmitResult) => {\n        this.showTooltipError = !formSubmitResult.success;\n      }\n    );\n  };\n\n  #removeFileSelection = () => {\n    this.#data.json = null;\n    this.#fileInputHiddenEl.value = null;\n    this.fileName = null;\n    this.fileChangeCallback?.(null);\n    this.#validateForm();\n  };\n\n  #selectFileInputChangedHandler = (event: InputEvent) => {\n    const target = event.target as HTMLInputElement;\n    if (target.files?.length > 0 && this.radioGroupValue === \"file\") {\n      this.#data.json = target.files[0];\n      this.fileName = target.files[0].name;\n      this.fileChangeCallback?.(target.files[0]);\n      this.#validateForm();\n    }\n  };\n\n  #selectFileInputHandler = () => {\n    this.#fileInputHiddenEl.click();\n  };\n\n  #handleEditorChange = () => {\n    this.#validateForm();\n  };\n\n  #handleSlotChange = (e: Event) => {\n    const elements = (e.target as HTMLSlotElement).assignedElements();\n    if (elements.length > 0) {\n      const element = elements[0];\n      element.addEventListener(\"json-content-change\", ((event: CustomEvent) => {\n        if (this.radioGroupValue === \"text\") {\n          this.jsonContent = event.detail.content;\n          this.#handleEditorChange();\n        }\n      }) as EventListener);\n    }\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n        <section class=\"section\">\n          <header class=\"header field-group spacing-body control-header-with-border\">\n            <div class=\"field-group field-group-name-description-module\">\n              <label\n                // name\n                class=\"label name-label\"\n                htmlFor=\"input-name\"\n              >\n                {this.#componentLocale.header.nameFieldLabel}\n              </label>\n              <ch-edit\n                class=\"input name-input\"\n                id=\"input-name\"\n                ref={(el: HTMLChEditElement) =>\n                  (this.#nameEl = el as HTMLChEditElement)\n                }\n                onInput={this.#nameChangedHandler}\n              ></ch-edit>\n\n              <label\n                // description\n                class=\"label description-label\"\n                htmlFor=\"input-description\"\n              >\n                {this.#componentLocale.header.descriptionFieldLabel}\n              </label>\n              <ch-edit\n                class=\"input description-input\"\n                id=\"input-description\"\n                ref={(el: HTMLChEditElement) =>\n                  (this.#descriptionEl = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n\n              <label\n                // module/folder\n                class=\"label module-label\"\n                htmlFor=\"input-module\"\n              >\n                {this.#componentLocale.header.moduleFolderLabel}\n              </label>\n              <gx-ide-entity-selector\n                class=\"module module-entity-selector\"\n                id=\"module\"\n                value={this.defaultParent}\n                ref={(el: HTMLGxIdeEntitySelectorElement) =>\n                  (this.#moduleEntitySelector =\n                    el as HTMLGxIdeEntitySelectorElement)\n                }\n                labelPosition=\"none\"\n                defaultValue={this.defaultParent}\n                selectEntityCallback={this.selectModuleCallback}\n              ></gx-ide-entity-selector>\n            </div>\n\n            <div class=\"radio-file-input-wrapper field-group\">\n              <ch-radio-group-render\n                // file url/text\n                class=\"radio-group\"\n                model={this.#radioOptionsModel}\n                onChange={this.#changeRadioHandler}\n                value={this.defaultRadioValue}\n                ref={(el: HTMLChRadioGroupRenderElement) =>\n                  (this.#radioGroup = el as HTMLChRadioGroupRenderElement)\n                }\n              ></ch-radio-group-render>\n              <div class=\"field field-inline field-file-input\">\n                <ch-edit\n                  autoFocus\n                  id=\"file-name\"\n                  class=\"input\"\n                  part=\"file-name\"\n                  type=\"text\"\n                  value={this.fileName}\n                  readonly\n                  placeholder={this.#componentLocale.header.fileNamePlaceholder}\n                  startImgSrc={FILE_ICON}\n                  disabled={this.radioGroupValue !== \"file\"}\n                ></ch-edit>\n                <input\n                  hidden\n                  type=\"file\"\n                  accept=\".json\"\n                  onChange={this.#selectFileInputChangedHandler}\n                  ref={(el: HTMLInputElement) =>\n                    (this.#fileInputHiddenEl = el as HTMLInputElement)\n                  }\n                />\n                <div class=\"buttons-spacer\">\n                  <button\n                    aria-label={\n                      this.#componentLocale.header.removeFileSelection\n                    }\n                    title={this.#componentLocale.header.removeFileSelection}\n                    id=\"reset-all-button\"\n                    class=\"button-tertiary button-icon-only\"\n                    part=\"reset-all-button\"\n                    onClick={this.#removeFileSelection}\n                    disabled={this.radioGroupValue !== \"file\"}\n                  >\n                    <ch-image class=\"icon-md\" src={MENU_DELETE}></ch-image>\n                  </button>\n\n                  <button\n                    id=\"select-file-load-button\"\n                    class=\"button-primary\"\n                    part=\"select-file-load-button\"\n                    onClick={this.#selectFileInputHandler}\n                    disabled={this.radioGroupValue !== \"file\"}\n                  >\n                    {this.#componentLocale.header.selectfileButton}\n                  </button>\n                </div>\n              </div>\n            </div>\n          </header>\n          <div class=\"main field-group\">\n            <div class=\"json-area\">\n              <div class=\"slotted-container scrollable\">\n                <slot\n                  name=\"JsonTextEditor\"\n                  onSlotchange={this.#handleSlotChange}\n                ></slot>\n              </div>\n              {this.showTooltipError && (\n                <ch-tooltip\n                  class=\"tooltip\"\n                  blockAlign={config.tooltipSettings.blockAlign}\n                  inlineAlign={config.tooltipSettings.inlineAlign}\n                  delay={config.tooltipSettings.delay}\n                >\n                  Error message\n                </ch-tooltip>\n              )}\n            </div>\n            <ch-checkbox\n              class=\"checkbox spacing-body-block-end spacing-body-inline-start\"\n              caption={this.#componentLocale.main.checkBoxLabel}\n              checkedValue=\"true\"\n              ref={(el: HTMLChCheckboxElement) =>\n                (this.#checkBoxEl = el as HTMLChCheckboxElement)\n              }\n            ></ch-checkbox>\n          </div>\n\n          <footer class=\"control-footer control-footer-with-border spacing-body-block-end spacing-body-inline\">\n            <div class=\"buttons-spacer\">\n              <button\n                class=\"button-secondary\"\n                id=\"button-cancel\"\n                onClick={this.cancelCallback}\n                part=\"button-cancel\"\n              >\n                {this.#componentLocale.footer.btnCancel}\n              </button>\n              <button\n                class=\"button-primary\"\n                id=\"button-ok\"\n                onClick={this.#createHandler}\n                part=\"button-ok\"\n                disabled={!this.isFormValid}\n              >\n                {this.#componentLocale.footer.btnOk}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type JsonImportData = {\n  name: string;\n  description: string;\n  parentId: string;\n  json: File | string;\n  assumeVarcharForNull: boolean;\n};\n\nexport type EntityData = {\n  id: string;\n  name: string;\n  iconSrc?: string;\n};\n\nexport type SelectModuleCallback = () => Promise<EntityData | undefined>;\n"]}

package/dist/collection/components/object-selector/object-selector.js

@@ -190,10 +190,10 @@ export class GxIdeObjectSelector {
             }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").footer.btnNew), h("div", { class: "end buttons-spacer" }, h("button", {
                 // button cancel
                 class: "button-secondary", part: "button button-cancel", onClick: __classPrivateFieldGet(this, _GxIdeObjectSelector_cancelCallbackHandler, "f")
-            }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").footer.btnCancel), h("button", {
+            }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").footer.btnCancel), this.multiSelection ? (h("button", { class: "button-secondary", onClick: __classPrivateFieldGet(this, _GxIdeObjectSelector_selectAll, "f"), part: "button button-select-all" }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").footer.btnSelectAll)) : null, h("button", {
                 // button confirm
                 class: "button-primary", part: "button button-confirm", onClick: __classPrivateFieldGet(this, _GxIdeObjectSelector_openSelectionCallbackHandler, "f"), disabled: this.loading
-            }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").footer.btnConfirm), this.multiSelection ? (h("button", { class: "button-secondary", onClick: __classPrivateFieldGet(this, _GxIdeObjectSelector_selectAll, "f"), part: "button button-select-all" }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").footer.btnSelectAll)) : null))));
+            }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").footer.btnConfirm)))));
         });
         _GxIdeObjectSelector_renderObjects.set(this, () => {
             return (h("ch-tabular-grid", { class: {