@genexus/genexus-ide-ui 3.2.9 → 3.2.11

package/dist/components/gx-ide-db-instance-selector.js

@@ -0,0 +1,168 @@
+import { proxyCustomElement, HTMLElement, getAssetPath, h, Host } from '@stencil/core/internal/client';
+import { g as getIconPath } from './mer-animated-dots.js';
+import 'lit';
+import 'lit/directives/when.js';
+import 'lit/directives/if-defined.js';
+import { L as Locale } from './locale.js';
+
+const dbInstanceSelectorCss = ":host{display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content 1fr max-content}.section{display:contents}.main{overflow:auto}.tree-view{display:block;block-size:100%;overflow:hidden}";
+
+var __classPrivateFieldSet = (undefined && undefined.__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 __classPrivateFieldGet = (undefined && undefined.__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 _GxIdeDbInstanceSelector_componentLocale, _GxIdeDbInstanceSelector_chShortcutsEl, _GxIdeDbInstanceSelector_shortcutsSrc, _GxIdeDbInstanceSelector_selectedInstanceName, _GxIdeDbInstanceSelector_lazyLoadTreeItems, _GxIdeDbInstanceSelector_selectedItemsChangeHandler, _GxIdeDbInstanceSelector_cancelButtonClickedHandler, _GxIdeDbInstanceSelector_confirmButtonClickedHandler;
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "components/tree-view",
+    "utils/form--full",
+    "utils/layout",
+    "utils/typography",
+    "utils/spacing",
+    "chameleon/scrollbar"
+];
+const SERVER_ICON = getIconPath({
+    category: "system",
+    name: "computer",
+    colorType: "primary"
+});
+const DATABASE_ICON = getIconPath({
+    category: "system",
+    name: "database",
+    colorType: "success"
+});
+const LOCAL_SERVERS_NODE_ID = "local-servers";
+const NETWORK_SERVERS_NODE_ID = "network-servers";
+const GxIdeDbInstanceSelector$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeDbInstanceSelector extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        _GxIdeDbInstanceSelector_componentLocale.set(this, void 0);
+        _GxIdeDbInstanceSelector_chShortcutsEl.set(this, void 0);
+        _GxIdeDbInstanceSelector_shortcutsSrc.set(this, getAssetPath(`./gx-ide-assets/db-instance-selector/shortcuts.json`));
+        _GxIdeDbInstanceSelector_selectedInstanceName.set(this, void 0);
+        _GxIdeDbInstanceSelector_lazyLoadTreeItems.set(this, async (treeItemId) => {
+            var _a, _b, _c, _d;
+            let servers = [];
+            if (treeItemId === LOCAL_SERVERS_NODE_ID) {
+                servers = (_b = (await ((_a = this.getLocalServersCallback) === null || _a === void 0 ? void 0 : _a.call(this)))) !== null && _b !== void 0 ? _b : [];
+            }
+            else if (treeItemId === NETWORK_SERVERS_NODE_ID) {
+                servers = (_d = (await ((_c = this.getNetworkServersCallback) === null || _c === void 0 ? void 0 : _c.call(this)))) !== null && _d !== void 0 ? _d : [];
+            }
+            return servers.map(server => ({
+                id: `${treeItemId}__${server.id}`,
+                caption: server.name,
+                startImgSrc: DATABASE_ICON,
+                leaf: true,
+                metadata: server.name
+            }));
+        });
+        _GxIdeDbInstanceSelector_selectedItemsChangeHandler.set(this, (event) => {
+            var _a;
+            const selected = event.detail.find(node => node.item.leaf);
+            if (selected) {
+                this.selectedInstanceId = selected.item.id;
+                __classPrivateFieldSet(this, _GxIdeDbInstanceSelector_selectedInstanceName, (_a = selected.item.metadata) !== null && _a !== void 0 ? _a : selected.item.caption, "f");
+            }
+            else {
+                this.selectedInstanceId = undefined;
+                __classPrivateFieldSet(this, _GxIdeDbInstanceSelector_selectedInstanceName, undefined, "f");
+            }
+        });
+        _GxIdeDbInstanceSelector_cancelButtonClickedHandler.set(this, () => {
+            var _a;
+            (_a = this.cancelCallback) === null || _a === void 0 ? void 0 : _a.call(this);
+        });
+        _GxIdeDbInstanceSelector_confirmButtonClickedHandler.set(this, () => {
+            var _a;
+            if (__classPrivateFieldGet(this, _GxIdeDbInstanceSelector_selectedInstanceName, "f")) {
+                (_a = this.confirmCallback) === null || _a === void 0 ? void 0 : _a.call(this, __classPrivateFieldGet(this, _GxIdeDbInstanceSelector_selectedInstanceName, "f"));
+            }
+        });
+        this.treeModel = [];
+        this.selectedInstanceId = undefined;
+        this.getLocalServersCallback = undefined;
+        this.getNetworkServersCallback = undefined;
+        this.cancelCallback = undefined;
+        this.confirmCallback = undefined;
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeDbInstanceSelector_componentLocale, await Locale.getComponentStrings(this.el), "f");
+        this.treeModel = [
+            {
+                id: LOCAL_SERVERS_NODE_ID,
+                caption: __classPrivateFieldGet(this, _GxIdeDbInstanceSelector_componentLocale, "f").tree.localServers,
+                startImgSrc: SERVER_ICON,
+                leaf: false,
+                lazy: true,
+                expanded: false,
+                items: []
+            },
+            {
+                id: NETWORK_SERVERS_NODE_ID,
+                caption: __classPrivateFieldGet(this, _GxIdeDbInstanceSelector_componentLocale, "f").tree.networkServers,
+                startImgSrc: SERVER_ICON,
+                leaf: false,
+                lazy: true,
+                expanded: false,
+                items: []
+            }
+        ];
+    }
+    /**
+     * Suspends or reactivates the shortcuts.
+     */
+    async suspendShortcuts(suspendShortcuts) {
+        __classPrivateFieldGet(this, _GxIdeDbInstanceSelector_chShortcutsEl, "f").suspend = suspendShortcuts;
+    }
+    render() {
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("ch-shortcuts", { src: __classPrivateFieldGet(this, _GxIdeDbInstanceSelector_shortcutsSrc, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeDbInstanceSelector_chShortcutsEl, el, "f")) }), h("section", { class: "section" }, h("header", { class: "dialog-header spacing-body dialog-header" }, h("h1", { class: "label" }, __classPrivateFieldGet(this, _GxIdeDbInstanceSelector_componentLocale, "f").header.title)), h("div", { class: "main" }, h("ch-tree-view-render", { class: "tree-view", model: this.treeModel, dragDisabled: true, dropDisabled: true, showLines: "all", lazyLoadTreeItemsCallback: __classPrivateFieldGet(this, _GxIdeDbInstanceSelector_lazyLoadTreeItems, "f"), onSelectedItemsChange: __classPrivateFieldGet(this, _GxIdeDbInstanceSelector_selectedItemsChangeHandler, "f") })), h("footer", { class: "dialog-footer dialog-footer-with-border spacing-body-block-end spacing-body-inline" }, h("div", { class: "buttons-spacer" }, h("button", { class: "button-secondary", id: "button-cancel", onClick: __classPrivateFieldGet(this, _GxIdeDbInstanceSelector_cancelButtonClickedHandler, "f"), part: "button-cancel" }, __classPrivateFieldGet(this, _GxIdeDbInstanceSelector_componentLocale, "f").footer.btnCancel), h("button", { class: "button-primary", id: "button-confirm", onClick: __classPrivateFieldGet(this, _GxIdeDbInstanceSelector_confirmButtonClickedHandler, "f"), disabled: !this.selectedInstanceId, part: "button-confirm" }, __classPrivateFieldGet(this, _GxIdeDbInstanceSelector_componentLocale, "f").footer.btnConfirm))))));
+    }
+    static get assetsDirs() { return ["gx-ide-assets/db-instance-selector"]; }
+    get el() { return this; }
+    static get style() { return dbInstanceSelectorCss; }
+}, [1, "gx-ide-db-instance-selector", {
+        "getLocalServersCallback": [16],
+        "getNetworkServersCallback": [16],
+        "cancelCallback": [16],
+        "confirmCallback": [16],
+        "treeModel": [32],
+        "selectedInstanceId": [32],
+        "suspendShortcuts": [64]
+    }]);
+_GxIdeDbInstanceSelector_componentLocale = new WeakMap(), _GxIdeDbInstanceSelector_chShortcutsEl = new WeakMap(), _GxIdeDbInstanceSelector_shortcutsSrc = new WeakMap(), _GxIdeDbInstanceSelector_selectedInstanceName = new WeakMap(), _GxIdeDbInstanceSelector_lazyLoadTreeItems = new WeakMap(), _GxIdeDbInstanceSelector_selectedItemsChangeHandler = new WeakMap(), _GxIdeDbInstanceSelector_cancelButtonClickedHandler = new WeakMap(), _GxIdeDbInstanceSelector_confirmButtonClickedHandler = new WeakMap();
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["gx-ide-db-instance-selector"];
+    components.forEach(tagName => { switch (tagName) {
+        case "gx-ide-db-instance-selector":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, GxIdeDbInstanceSelector$1);
+            }
+            break;
+    } });
+}
+
+const GxIdeDbInstanceSelector = GxIdeDbInstanceSelector$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GxIdeDbInstanceSelector, defineCustomElement };
+
+//# sourceMappingURL=gx-ide-db-instance-selector.js.map

package/dist/components/gx-ide-db-instance-selector.js.map

@@ -0,0 +1 @@
+{"file":"gx-ide-db-instance-selector.js","mappings":"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","names":["GxIdeDbInstanceSelector"],"sources":["src/components/db-instance-selector/db-instance-selector.scss?tag=gx-ide-db-instance-selector&encapsulation=shadow","src/components/db-instance-selector/db-instance-selector.tsx"],"sourcesContent":[":host {\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  display: contents;\n}\n\n.main {\n  overflow: auto;\n}\n\n.tree-view {\n  display: block;\n  block-size: 100%;\n  overflow: hidden;\n}\n","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 {\n  TreeViewItemModel,\n  TreeViewItemModelExtended\n} from \"@genexus/chameleon-controls-library\";\n\nimport { Locale } from \"../../common/locale\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/tree-view\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst SERVER_ICON = getIconPath({\n  category: \"system\",\n  name: \"computer\",\n  colorType: \"primary\"\n});\n\nconst DATABASE_ICON = getIconPath({\n  category: \"system\",\n  name: \"database\",\n  colorType: \"success\"\n});\n\nconst LOCAL_SERVERS_NODE_ID = \"local-servers\";\nconst NETWORK_SERVERS_NODE_ID = \"network-servers\";\n\n@Component({\n  tag: \"gx-ide-db-instance-selector\",\n  styleUrl: \"db-instance-selector.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/db-instance-selector\"]\n})\nexport class GxIdeDbInstanceSelector {\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/db-instance-selector/shortcuts.json`\n  );\n\n  #selectedInstanceName: string | undefined;\n\n  @Element() el: HTMLGxIdeDbInstanceSelectorElement;\n\n  @State() treeModel: TreeViewItemModel[] = [];\n  @State() selectedInstanceId: string | undefined;\n\n  /**\n   * Callback invoked to load the available local server instances.\n   * Should return the list of database instances available on local servers.\n   */\n  @Prop() readonly getLocalServersCallback!: GetServersCallback;\n\n  /**\n   * Callback invoked to load the available network server instances.\n   * Should return the list of database instances available on network servers.\n   */\n  @Prop() readonly getNetworkServersCallback!: GetServersCallback;\n\n  /**\n   * Callback invoked when the user cancels the selection.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   * Callback invoked when the user confirms the selection. Receives the name\n   * of the selected database instance.\n   */\n  @Prop() readonly confirmCallback!: ConfirmCallback;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.treeModel = [\n      {\n        id: LOCAL_SERVERS_NODE_ID,\n        caption: this.#componentLocale.tree.localServers,\n        startImgSrc: SERVER_ICON,\n        leaf: false,\n        lazy: true,\n        expanded: false,\n        items: []\n      },\n      {\n        id: NETWORK_SERVERS_NODE_ID,\n        caption: this.#componentLocale.tree.networkServers,\n        startImgSrc: SERVER_ICON,\n        leaf: false,\n        lazy: true,\n        expanded: false,\n        items: []\n      }\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  #lazyLoadTreeItems = async (\n    treeItemId: string\n  ): Promise<TreeViewItemModel[]> => {\n    let servers: DbServerInstance[] = [];\n\n    if (treeItemId === LOCAL_SERVERS_NODE_ID) {\n      servers = (await this.getLocalServersCallback?.()) ?? [];\n    } else if (treeItemId === NETWORK_SERVERS_NODE_ID) {\n      servers = (await this.getNetworkServersCallback?.()) ?? [];\n    }\n\n    return servers.map(server => ({\n      id: `${treeItemId}__${server.id}`,\n      caption: server.name,\n      startImgSrc: DATABASE_ICON,\n      leaf: true,\n      metadata: server.name\n    }));\n  };\n\n  #selectedItemsChangeHandler = (\n    event: CustomEvent<TreeViewItemModelExtended[]>\n  ) => {\n    const selected = event.detail.find(node => node.item.leaf);\n    if (selected) {\n      this.selectedInstanceId = selected.item.id;\n      this.#selectedInstanceName =\n        (selected.item.metadata as string) ?? selected.item.caption;\n    } else {\n      this.selectedInstanceId = undefined;\n      this.#selectedInstanceName = undefined;\n    }\n  };\n\n  #cancelButtonClickedHandler = () => {\n    this.cancelCallback?.();\n  };\n\n  #confirmButtonClickedHandler = () => {\n    if (this.#selectedInstanceName) {\n      this.confirmCallback?.(this.#selectedInstanceName);\n    }\n  };\n\n  render() {\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=\"dialog-header spacing-body dialog-header\">\n            <h1 class=\"label\">{this.#componentLocale.header.title}</h1>\n          </header>\n\n          <div class=\"main\">\n            <ch-tree-view-render\n              class=\"tree-view\"\n              model={this.treeModel}\n              dragDisabled={true}\n              dropDisabled={true}\n              showLines=\"all\"\n              lazyLoadTreeItemsCallback={this.#lazyLoadTreeItems}\n              onSelectedItemsChange={this.#selectedItemsChangeHandler}\n            ></ch-tree-view-render>\n          </div>\n\n          <footer class=\"dialog-footer dialog-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.#cancelButtonClickedHandler}\n                part=\"button-cancel\"\n              >\n                {this.#componentLocale.footer.btnCancel}\n              </button>\n              <button\n                class=\"button-primary\"\n                id=\"button-confirm\"\n                onClick={this.#confirmButtonClickedHandler}\n                disabled={!this.selectedInstanceId}\n                part=\"button-confirm\"\n              >\n                {this.#componentLocale.footer.btnConfirm}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type DbServerInstance = {\n  id: string;\n  name: string;\n};\n\nexport type GetServersCallback = () =>\n  | Promise<DbServerInstance[]>\n  | DbServerInstance[];\n\nexport type CancelCallback = () => void | Promise<void>;\n\nexport type ConfirmCallback = (\n  selectedInstanceName: string\n) => void | Promise<void>;\n"],"version":3}