@genexus/genexus-ide-ui 0.0.149 → 0.0.150
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
- package/dist/cjs/gx-ide-wf-settings.cjs.entry.js +5 -1
- package/dist/cjs/gx-ide-wf-settings.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/wf-settings/gx-ide-assets/wf-settings/langs/wf-settings.lang.en.json +4 -4
- package/dist/collection/components/wf-settings/wf-settings.js +28 -8
- package/dist/collection/components/wf-settings/wf-settings.js.map +1 -1
- package/dist/components/gx-ide-wf-settings.js +6 -1
- package/dist/components/gx-ide-wf-settings.js.map +1 -1
- package/dist/esm/genexus-ide-ui.js +1 -1
- package/dist/esm/gx-ide-wf-settings.entry.js +5 -1
- package/dist/esm/gx-ide-wf-settings.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js.map +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/wf-settings/langs/wf-settings.lang.en.json +4 -4
- package/dist/genexus-ide-ui/{p-460046af.entry.js → p-e8c0e1ab.entry.js} +14 -8
- package/dist/genexus-ide-ui/p-e8c0e1ab.entry.js.map +1 -0
- package/dist/types/components/wf-settings/wf-settings.d.ts +7 -3
- package/dist/types/components.d.ts +14 -6
- package/package.json +1 -1
- package/dist/genexus-ide-ui/p-460046af.entry.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"wf-settings.js","sourceRoot":"","sources":["../../../src/components/wf-settings/wf-settings.tsx"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,EACJ,OAAO,EACP,KAAK,EAEN,MAAM,eAAe,CAAC;AACvB,6BAA6B;AAC7B,oBAAoB;AACpB,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAQ7C,MAAM,OAAO,eAAe;;QAOlB,sBAAiB,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"wf-settings.js","sourceRoot":"","sources":["../../../src/components/wf-settings/wf-settings.tsx"],"names":[],"mappings":"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","sourcesContent":["/* STENCIL IMPORTS */\nimport {\n Component,\n Host,\n h,\n Prop,\n Element,\n Event,\n EventEmitter\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { config } from \"../../common/config\";\nimport { Locale } from \"../../common/locale\";\n\n@Component({\n tag: \"gx-ide-wf-settings\",\n styleUrl: \"wf-settings.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/wf-settings\"]\n})\nexport class GxIdeWFSettings {\n // 1.OWN PROPERTIES //\n\n /**\n * The component hard-coded strings translations.\n */\n private _componentLocale: any;\n private renderedFirstTime = false;\n\n // 2. REFERENCE TO ELEMENTS //\n\n @Element() el: HTMLGxIdeWfSettingsElement;\n private installGxFlowEl!: HTMLGxgFormCheckboxElement;\n private futureUpgradesEl!: HTMLGxgComboBoxElement;\n\n // 3.STATE() VARIABLES //\n\n // 4.PUBLIC PROPERTY API | WATCH'S //\n\n /**\n * If true it displays the component title on the header\n */\n @Prop() readonly displayTitle = false;\n\n /**\n * Indicates the type of configuration being run, the value of this property should be used to determine\n * what long text should be displayed in this dialog.\n */\n @Prop() readonly configurationType: \"installation\" | \"update\" =\n \"installation\";\n\n /**\n * Defines default config to initialize dialog\n */\n @Prop() readonly defaultConfiguration: WFConfigData | undefined = {\n installClient: true,\n futureUpgrades: \"automatic\"\n };\n\n /**\n * Callback invoked when the user presses the 'OK' button. As a parameter, it receives the data entered by the user\n */\n @Prop() readonly saveCallback: (config: WFConfigData) => Promise<void>;\n\n /**\n * Callback invoked when the user presses the 'Cancel' button.\n */\n @Prop() readonly cancelCallback: () => Promise<void>;\n\n // 5.EVENTS (EMIT) //\n\n /**\n * @description Gets fired when the component has rendered for the first time.\n */\n @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n // 6.COMPONENT LIFECYCLE METHODS //\n\n async componentWillLoad() {\n this._componentLocale = await Locale.getComponentStrings(this.el);\n }\n\n componentDidRender() {\n if (!this.renderedFirstTime) {\n this.componentDidRenderFirstTime.emit(\n this._componentLocale.componentName\n );\n this.renderedFirstTime = true;\n }\n }\n\n // 7.LISTENERS //\n\n // 8.PUBLIC METHODS API //\n\n // 9.LOCAL METHODS //\n\n private cancelHandler = () => {\n if (this.cancelCallback) {\n this.cancelCallback();\n }\n };\n\n private saveCallbackHandler = () => {\n if (this.saveCallback) {\n const wfConfigData: WFConfigData = {\n installClient: this.installGxFlowEl.checked,\n futureUpgrades: this.futureUpgradesEl.value\n };\n this.saveCallback(wfConfigData);\n }\n };\n\n // 10.RENDER() FUNCTION //\n\n render() {\n return (\n <Host class=\"gx-ide-component\">\n <div class=\"gx-ide-main-wrapper\">\n <gx-ide-container\n containerTitle={\n this.displayTitle ? this._componentLocale.componentName : null\n }\n slimmerFooter={config.gxIdeContainer.slimmerFooter}\n >\n <div class=\"message-item\">\n <gxg-icon\n type=\"gx-server/changes-commit-pending\"\n color=\"auto\"\n size=\"small\"\n ></gxg-icon>\n <gxg-text>\n {this._componentLocale.description[this.configurationType]}\n </gxg-text>\n </div>\n <div class=\"options\">\n <gxg-form-checkbox\n label={this._componentLocale.installGxFlow}\n checked={this.defaultConfiguration.installClient}\n ref={el =>\n (this.installGxFlowEl = el as HTMLGxgFormCheckboxElement)\n }\n ></gxg-form-checkbox>\n <gxg-combo-box\n class=\"upgrades-options\"\n label={this._componentLocale.manageUpgrades}\n disableFilter\n value={this.defaultConfiguration.futureUpgrades}\n ref={el =>\n (this.futureUpgradesEl = el as HTMLGxgComboBoxElement)\n }\n >\n <gxg-combo-box-item value=\"automatic\">\n {this._componentLocale.upgradesOptions[0]}\n </gxg-combo-box-item>\n <gxg-combo-box-item value=\"prompt\">\n {this._componentLocale.upgradesOptions[1]}\n </gxg-combo-box-item>\n <gxg-combo-box-item value=\"never\">\n {this._componentLocale.upgradesOptions[2]}\n </gxg-combo-box-item>\n </gxg-combo-box>\n </div>\n <gxg-text textAlign=\"end\" type=\"text-regular\">\n {this._componentLocale.prompt[this.configurationType]}\n </gxg-text>\n <gxg-button\n slot=\"footer-end\"\n type=\"outlined\"\n onClick={this.cancelHandler}\n >\n Cancel\n </gxg-button>\n <gxg-button slot=\"footer-end\" onClick={this.saveCallbackHandler}>\n {\n this._componentLocale.footer.confirmButton[\n this.configurationType\n ]\n }\n </gxg-button>\n </gx-ide-container>\n </div>\n </Host>\n );\n }\n}\n\nexport type WFConfigData = {\n installClient: boolean;\n futureUpgrades: \"never\" | \"prompt\" | \"automatic\";\n};\n\nexport type saveCallback = (config: WFConfigData) => Promise<void>;\n"]}
|
|
@@ -43,6 +43,10 @@ const GxIdeWFSettings = /*@__PURE__*/ proxyCustomElement(class GxIdeWFSettings e
|
|
|
43
43
|
};
|
|
44
44
|
this.displayTitle = false;
|
|
45
45
|
this.configurationType = "installation";
|
|
46
|
+
this.defaultConfiguration = {
|
|
47
|
+
installClient: true,
|
|
48
|
+
futureUpgrades: "automatic"
|
|
49
|
+
};
|
|
46
50
|
this.saveCallback = undefined;
|
|
47
51
|
this.cancelCallback = undefined;
|
|
48
52
|
}
|
|
@@ -58,7 +62,7 @@ const GxIdeWFSettings = /*@__PURE__*/ proxyCustomElement(class GxIdeWFSettings e
|
|
|
58
62
|
}
|
|
59
63
|
// 10.RENDER() FUNCTION //
|
|
60
64
|
render() {
|
|
61
|
-
return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { containerTitle: this.displayTitle ? this._componentLocale.componentName : null, slimmerFooter: config.gxIdeContainer.slimmerFooter }, h("div", { class: "message-item" }, h("gxg-icon", { type: "gx-server/changes-commit-pending", color: "auto", size: "small" }), h("gxg-text", null, this._componentLocale.description[this.configurationType])), h("div", { class: "options" }, h("gxg-form-checkbox", { label: this._componentLocale.installGxFlow, ref: el => (this.installGxFlowEl = el) }), h("gxg-combo-box", { class: "upgrades-options", label: this._componentLocale.manageUpgrades, disableFilter: true, ref: el => (this.futureUpgradesEl = el) }, h("gxg-combo-box-item", { value: "automatic" }, this._componentLocale.upgradesOptions[0]), h("gxg-combo-box-item", { value: "prompt" }, this._componentLocale.upgradesOptions[1]), h("gxg-combo-box-item", { value: "never" }, this._componentLocale.upgradesOptions[2]))), h("gxg-text", { textAlign: "end", type: "text-regular" }, this._componentLocale.prompt[this.configurationType]), h("gxg-button", { slot: "footer-end", type: "outlined", onClick: this.cancelHandler }, "Cancel"), h("gxg-button", { slot: "footer-end", onClick: this.saveCallbackHandler }, this._componentLocale.footer.confirmButton[this.configurationType])))));
|
|
65
|
+
return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { containerTitle: this.displayTitle ? this._componentLocale.componentName : null, slimmerFooter: config.gxIdeContainer.slimmerFooter }, h("div", { class: "message-item" }, h("gxg-icon", { type: "gx-server/changes-commit-pending", color: "auto", size: "small" }), h("gxg-text", null, this._componentLocale.description[this.configurationType])), h("div", { class: "options" }, h("gxg-form-checkbox", { label: this._componentLocale.installGxFlow, checked: this.defaultConfiguration.installClient, ref: el => (this.installGxFlowEl = el) }), h("gxg-combo-box", { class: "upgrades-options", label: this._componentLocale.manageUpgrades, disableFilter: true, value: this.defaultConfiguration.futureUpgrades, ref: el => (this.futureUpgradesEl = el) }, h("gxg-combo-box-item", { value: "automatic" }, this._componentLocale.upgradesOptions[0]), h("gxg-combo-box-item", { value: "prompt" }, this._componentLocale.upgradesOptions[1]), h("gxg-combo-box-item", { value: "never" }, this._componentLocale.upgradesOptions[2]))), h("gxg-text", { textAlign: "end", type: "text-regular" }, this._componentLocale.prompt[this.configurationType]), h("gxg-button", { slot: "footer-end", type: "outlined", onClick: this.cancelHandler }, "Cancel"), h("gxg-button", { slot: "footer-end", onClick: this.saveCallbackHandler }, this._componentLocale.footer.confirmButton[this.configurationType])))));
|
|
62
66
|
}
|
|
63
67
|
static get assetsDirs() { return ["gx-ide-assets/wf-settings"]; }
|
|
64
68
|
get el() { return this; }
|
|
@@ -66,6 +70,7 @@ const GxIdeWFSettings = /*@__PURE__*/ proxyCustomElement(class GxIdeWFSettings e
|
|
|
66
70
|
}, [1, "gx-ide-wf-settings", {
|
|
67
71
|
"displayTitle": [4, "display-title"],
|
|
68
72
|
"configurationType": [1, "configuration-type"],
|
|
73
|
+
"defaultConfiguration": [16],
|
|
69
74
|
"saveCallback": [16],
|
|
70
75
|
"cancelCallback": [16]
|
|
71
76
|
}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"gx-ide-wf-settings.js","mappings":";;;;;;;;;;;;;;;;;AAAA,MAAM,aAAa,GAAG,qkWAAqkW;;MCqB9kW,eAAe;;;;;;QAOlB,sBAAiB,GAAG,KAAK,CAAC;;;;
|
|
1
|
+
{"file":"gx-ide-wf-settings.js","mappings":"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","names":[],"sources":["src/components/wf-settings/wf-settings.scss?tag=gx-ide-wf-settings&encapsulation=shadow","src/components/wf-settings/wf-settings.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n display: block;\n}\n\n.options {\n max-width: 50%;\n display: flex;\n flex-direction: column;\n gap: var(--gx-ide-form-items-gap);\n}\n.message-item {\n display: flex;\n align-items: start;\n gap: var(--mer-spacing--xs);\n}\n","/* STENCIL IMPORTS */\nimport {\n Component,\n Host,\n h,\n Prop,\n Element,\n Event,\n EventEmitter\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { config } from \"../../common/config\";\nimport { Locale } from \"../../common/locale\";\n\n@Component({\n tag: \"gx-ide-wf-settings\",\n styleUrl: \"wf-settings.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/wf-settings\"]\n})\nexport class GxIdeWFSettings {\n // 1.OWN PROPERTIES //\n\n /**\n * The component hard-coded strings translations.\n */\n private _componentLocale: any;\n private renderedFirstTime = false;\n\n // 2. REFERENCE TO ELEMENTS //\n\n @Element() el: HTMLGxIdeWfSettingsElement;\n private installGxFlowEl!: HTMLGxgFormCheckboxElement;\n private futureUpgradesEl!: HTMLGxgComboBoxElement;\n\n // 3.STATE() VARIABLES //\n\n // 4.PUBLIC PROPERTY API | WATCH'S //\n\n /**\n * If true it displays the component title on the header\n */\n @Prop() readonly displayTitle = false;\n\n /**\n * Indicates the type of configuration being run, the value of this property should be used to determine\n * what long text should be displayed in this dialog.\n */\n @Prop() readonly configurationType: \"installation\" | \"update\" =\n \"installation\";\n\n /**\n * Defines default config to initialize dialog\n */\n @Prop() readonly defaultConfiguration: WFConfigData | undefined = {\n installClient: true,\n futureUpgrades: \"automatic\"\n };\n\n /**\n * Callback invoked when the user presses the 'OK' button. As a parameter, it receives the data entered by the user\n */\n @Prop() readonly saveCallback: (config: WFConfigData) => Promise<void>;\n\n /**\n * Callback invoked when the user presses the 'Cancel' button.\n */\n @Prop() readonly cancelCallback: () => Promise<void>;\n\n // 5.EVENTS (EMIT) //\n\n /**\n * @description Gets fired when the component has rendered for the first time.\n */\n @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n // 6.COMPONENT LIFECYCLE METHODS //\n\n async componentWillLoad() {\n this._componentLocale = await Locale.getComponentStrings(this.el);\n }\n\n componentDidRender() {\n if (!this.renderedFirstTime) {\n this.componentDidRenderFirstTime.emit(\n this._componentLocale.componentName\n );\n this.renderedFirstTime = true;\n }\n }\n\n // 7.LISTENERS //\n\n // 8.PUBLIC METHODS API //\n\n // 9.LOCAL METHODS //\n\n private cancelHandler = () => {\n if (this.cancelCallback) {\n this.cancelCallback();\n }\n };\n\n private saveCallbackHandler = () => {\n if (this.saveCallback) {\n const wfConfigData: WFConfigData = {\n installClient: this.installGxFlowEl.checked,\n futureUpgrades: this.futureUpgradesEl.value\n };\n this.saveCallback(wfConfigData);\n }\n };\n\n // 10.RENDER() FUNCTION //\n\n render() {\n return (\n <Host class=\"gx-ide-component\">\n <div class=\"gx-ide-main-wrapper\">\n <gx-ide-container\n containerTitle={\n this.displayTitle ? this._componentLocale.componentName : null\n }\n slimmerFooter={config.gxIdeContainer.slimmerFooter}\n >\n <div class=\"message-item\">\n <gxg-icon\n type=\"gx-server/changes-commit-pending\"\n color=\"auto\"\n size=\"small\"\n ></gxg-icon>\n <gxg-text>\n {this._componentLocale.description[this.configurationType]}\n </gxg-text>\n </div>\n <div class=\"options\">\n <gxg-form-checkbox\n label={this._componentLocale.installGxFlow}\n checked={this.defaultConfiguration.installClient}\n ref={el =>\n (this.installGxFlowEl = el as HTMLGxgFormCheckboxElement)\n }\n ></gxg-form-checkbox>\n <gxg-combo-box\n class=\"upgrades-options\"\n label={this._componentLocale.manageUpgrades}\n disableFilter\n value={this.defaultConfiguration.futureUpgrades}\n ref={el =>\n (this.futureUpgradesEl = el as HTMLGxgComboBoxElement)\n }\n >\n <gxg-combo-box-item value=\"automatic\">\n {this._componentLocale.upgradesOptions[0]}\n </gxg-combo-box-item>\n <gxg-combo-box-item value=\"prompt\">\n {this._componentLocale.upgradesOptions[1]}\n </gxg-combo-box-item>\n <gxg-combo-box-item value=\"never\">\n {this._componentLocale.upgradesOptions[2]}\n </gxg-combo-box-item>\n </gxg-combo-box>\n </div>\n <gxg-text textAlign=\"end\" type=\"text-regular\">\n {this._componentLocale.prompt[this.configurationType]}\n </gxg-text>\n <gxg-button\n slot=\"footer-end\"\n type=\"outlined\"\n onClick={this.cancelHandler}\n >\n Cancel\n </gxg-button>\n <gxg-button slot=\"footer-end\" onClick={this.saveCallbackHandler}>\n {\n this._componentLocale.footer.confirmButton[\n this.configurationType\n ]\n }\n </gxg-button>\n </gx-ide-container>\n </div>\n </Host>\n );\n }\n}\n\nexport type WFConfigData = {\n installClient: boolean;\n futureUpgrades: \"never\" | \"prompt\" | \"automatic\";\n};\n\nexport type saveCallback = (config: WFConfigData) => Promise<void>;\n"],"version":3}
|