@genexus/genexus-ide-ui 1.1.19 → 1.1.21
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/gx-ide-connect-gx-server.cjs.entry.js +8 -10
- package/dist/cjs/gx-ide-connect-gx-server.cjs.entry.js.map +1 -1
- package/dist/cjs/gx-ide-share-kb.cjs.entry.js +52 -37
- package/dist/cjs/gx-ide-share-kb.cjs.entry.js.map +1 -1
- package/dist/collection/components/team-dev/connect-gx-server/connect-gx-server.js +8 -10
- package/dist/collection/components/team-dev/connect-gx-server/connect-gx-server.js.map +1 -1
- package/dist/collection/components/team-dev/create-kb-from-server/gx-ide-assets/create-kb-from-server/langs/create-kb-from-server.lang.en.json +1 -1
- package/dist/collection/components/team-dev/create-kb-from-server/gx-ide-assets/create-kb-from-server/langs/create-kb-from-server.lang.zh.json +1 -1
- package/dist/collection/components/team-dev/share-kb/gx-ide-assets/share-kb/langs/share-kb.lang.en.json +3 -2
- package/dist/collection/components/team-dev/share-kb/gx-ide-assets/share-kb/langs/share-kb.lang.ja.json +3 -2
- package/dist/collection/components/team-dev/share-kb/gx-ide-assets/share-kb/langs/share-kb.lang.zh.json +3 -2
- package/dist/collection/components/team-dev/share-kb/share-kb.css +10 -0
- package/dist/collection/components/team-dev/share-kb/share-kb.js +51 -36
- package/dist/collection/components/team-dev/share-kb/share-kb.js.map +1 -1
- package/dist/components/gx-ide-connect-gx-server.js +8 -10
- package/dist/components/gx-ide-connect-gx-server.js.map +1 -1
- package/dist/components/gx-ide-share-kb.js +52 -37
- package/dist/components/gx-ide-share-kb.js.map +1 -1
- package/dist/esm/gx-ide-connect-gx-server.entry.js +8 -10
- package/dist/esm/gx-ide-connect-gx-server.entry.js.map +1 -1
- package/dist/esm/gx-ide-share-kb.entry.js +52 -37
- package/dist/esm/gx-ide-share-kb.entry.js.map +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/create-kb-from-server/langs/create-kb-from-server.lang.en.json +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/create-kb-from-server/langs/create-kb-from-server.lang.zh.json +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/share-kb/langs/share-kb.lang.en.json +3 -2
- package/dist/genexus-ide-ui/gx-ide-assets/share-kb/langs/share-kb.lang.ja.json +3 -2
- package/dist/genexus-ide-ui/gx-ide-assets/share-kb/langs/share-kb.lang.zh.json +3 -2
- package/dist/genexus-ide-ui/{p-e502c2fd.entry.js → p-b822181c.entry.js} +21 -21
- package/dist/genexus-ide-ui/p-b822181c.entry.js.map +1 -0
- package/dist/genexus-ide-ui/p-ea02e5cf.entry.js +266 -0
- package/dist/genexus-ide-ui/p-ea02e5cf.entry.js.map +1 -0
- package/dist/types/components/team-dev/share-kb/share-kb.d.ts +3 -1
- package/package.json +1 -1
- package/dist/genexus-ide-ui/p-72e346b9.entry.js +0 -249
- package/dist/genexus-ide-ui/p-72e346b9.entry.js.map +0 -1
- package/dist/genexus-ide-ui/p-e502c2fd.entry.js.map +0 -1
|
@@ -0,0 +1,266 @@
|
|
|
1
|
+
import { r as t, c as e, g as i, h as s, H as n, a } from "./p-25a9f1d7.js";
|
|
2
|
+
|
|
3
|
+
import { g as o } from "./p-2987a259.js";
|
|
4
|
+
|
|
5
|
+
import { c as r } from "./p-13738332.js";
|
|
6
|
+
|
|
7
|
+
import { v as l } from "./p-289c3290.js";
|
|
8
|
+
|
|
9
|
+
import { L as h } from "./p-311eedf3.js";
|
|
10
|
+
|
|
11
|
+
const c = ":host{display:grid;block-size:100%;grid-template-rows:max-content 1fr max-content}.section{display:contents}header{display:grid;grid-template-rows:max-content;grid-template-columns:1fr 1fr max-content}.button-change{align-self:center;justify-self:end}.main{display:grid;grid-template-columns:1fr;grid-template-rows:max-content 1fr max-content max-content}.search-kbs{inline-size:50%}.versions-container{grid-auto-rows:max-content}.versions-container__input{display:grid;grid-template-columns:1fr max-content;gap:var(--mer-spacing--xs)}.button-icon-only.button-tertiary{border-color:var(--mer-color__neutral-gray--500);border-width:var(--mer-border__width--sm);border-radius:var(--mer-border__radius--sm)}.button-icon-only:hover{border-color:var(--mer-color__neutral-gray--100)}";
|
|
12
|
+
|
|
13
|
+
var d = undefined && undefined.__classPrivateFieldSet || function(t, e, i, s, n) {
|
|
14
|
+
if (s === "m") throw new TypeError("Private method is not writable");
|
|
15
|
+
if (s === "a" && !n) throw new TypeError("Private accessor was defined without a setter");
|
|
16
|
+
if (typeof e === "function" ? t !== e || !n : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
17
|
+
return s === "a" ? n.call(t, i) : n ? n.value = i : e.set(t, i), i;
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
var f = undefined && undefined.__classPrivateFieldGet || function(t, e, i, s) {
|
|
21
|
+
if (i === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
|
|
22
|
+
if (typeof e === "function" ? t !== e || !s : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
23
|
+
return i === "m" ? s : i === "a" ? s.call(t) : s ? s.value : e.get(t);
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
var p, u, m, b, v, w, g, y, k, M, W, _, x, T, j, C, E, $;
|
|
27
|
+
|
|
28
|
+
const A = [ "resets/box-sizing", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "components/list-box", "components/tooltip", "chameleon/scrollbar" ];
|
|
29
|
+
|
|
30
|
+
const S = class {
|
|
31
|
+
constructor(n) {
|
|
32
|
+
t(this, n);
|
|
33
|
+
this.componentDidRenderFirstTime = e(this, "componentDidRenderFirstTime", 7);
|
|
34
|
+
p.set(this, o({
|
|
35
|
+
category: "gemini-tools",
|
|
36
|
+
name: "show-more-horizontal",
|
|
37
|
+
colorType: "on-elevation"
|
|
38
|
+
}));
|
|
39
|
+
u.set(this, [ {
|
|
40
|
+
value: "Trunk",
|
|
41
|
+
caption: "Trunk Version"
|
|
42
|
+
}, {
|
|
43
|
+
value: "All",
|
|
44
|
+
caption: "All Versions"
|
|
45
|
+
}, {
|
|
46
|
+
value: "Select",
|
|
47
|
+
caption: "Select Version"
|
|
48
|
+
} ]);
|
|
49
|
+
m.set(this, void 0);
|
|
50
|
+
b.set(this, []);
|
|
51
|
+
v.set(this, false);
|
|
52
|
+
w.set(this, i(`./gx-ide-assets/create-kb-from-server/shortcuts.json`));
|
|
53
|
+
g.set(this, void 0);
|
|
54
|
+
y.set(this, void 0);
|
|
55
|
+
k.set(this, void 0);
|
|
56
|
+
M.set(this, (() => {
|
|
57
|
+
this.cancelCallback();
|
|
58
|
+
}));
|
|
59
|
+
W.set(this, (async () => {
|
|
60
|
+
this.changeConnectionCallback({
|
|
61
|
+
authenticationType: this.connectionData.authenticationType,
|
|
62
|
+
serverUrl: this.connectionData.serverUrl,
|
|
63
|
+
userName: this.connectionData.userName,
|
|
64
|
+
userPassword: this.connectionData.userPassword
|
|
65
|
+
});
|
|
66
|
+
}));
|
|
67
|
+
_.set(this, (async () => {
|
|
68
|
+
if (this.versionSelectedType !== "Select") {
|
|
69
|
+
d(this, b, [], "f");
|
|
70
|
+
}
|
|
71
|
+
this.shareKBCallback({
|
|
72
|
+
name: this.kbName,
|
|
73
|
+
serverUrl: this.connectionData.serverUrl,
|
|
74
|
+
versionList: f(this, b, "f"),
|
|
75
|
+
allVersions: this.versionSelectedType === "All"
|
|
76
|
+
}).then((t => {
|
|
77
|
+
this.validatableControls = l(t, this.validatableControls);
|
|
78
|
+
}));
|
|
79
|
+
}));
|
|
80
|
+
// TODO: evaluate if this should be a global helper function.
|
|
81
|
+
// It is used on other dialogs as well.
|
|
82
|
+
x.set(this, (t => {
|
|
83
|
+
var e, i, n;
|
|
84
|
+
return ((i = (e = this.validatableControls) === null || e === void 0 ? void 0 : e.get(t === null || t === void 0 ? void 0 : t.id)) === null || i === void 0 ? void 0 : i.hasError) && ((n = this.validatableControls.get(t.id)) === null || n === void 0 ? void 0 : n.message) && s("ch-tooltip", {
|
|
85
|
+
class: "tooltip",
|
|
86
|
+
actionElement: t,
|
|
87
|
+
blockAlign: r.tooltipSettings.blockAlign,
|
|
88
|
+
inlineAlign: r.tooltipSettings.inlineAlign,
|
|
89
|
+
delay: r.tooltipSettings.delay
|
|
90
|
+
}, this.validatableControls.get(t.id).message);
|
|
91
|
+
}));
|
|
92
|
+
T.set(this, (() => {
|
|
93
|
+
// populate validatableControls with the controls that could have errors.
|
|
94
|
+
const t = [ f(this, k, "f") ];
|
|
95
|
+
t.forEach((t => {
|
|
96
|
+
if (t.id) {
|
|
97
|
+
this.validatableControls.set(t.id, {
|
|
98
|
+
reference: t,
|
|
99
|
+
hasError: false,
|
|
100
|
+
message: undefined
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
}));
|
|
104
|
+
}));
|
|
105
|
+
j.set(this, (t => {
|
|
106
|
+
this.kbName = t.detail;
|
|
107
|
+
}));
|
|
108
|
+
C.set(this, (async () => {
|
|
109
|
+
if (this.selectKBVersionsCallback) {
|
|
110
|
+
await this.selectKBVersionsCallback(f(this, g, "f")).then((t => {
|
|
111
|
+
if (t === null || t === void 0 ? void 0 : t.length) {
|
|
112
|
+
d(this, b, t.map((t => ({
|
|
113
|
+
id: t.id,
|
|
114
|
+
name: t.name
|
|
115
|
+
}))), "f");
|
|
116
|
+
if (t.length === 1 && f(this, b, "f")[0].id === 0) {
|
|
117
|
+
this.localKbNameInputValue = f(this, g, "f");
|
|
118
|
+
this.versionsValueInput = f(this, m, "f").kb.versionsPlaceholder;
|
|
119
|
+
} else if (t.length > 1) {
|
|
120
|
+
this.localKbNameInputValue = f(this, g, "f");
|
|
121
|
+
this.versionsValueInput = `${t.length.toString()} ${f(this, m, "f").kb.versionSelectedFieldValue}`;
|
|
122
|
+
} else {
|
|
123
|
+
this.localKbNameInputValue = `${f(this, g, "f")}_${f(this, b, "f")[0].name}`;
|
|
124
|
+
this.versionsValueInput = `${t[0].name} ${f(this, m, "f").kb.oneVersionSelectedFieldValue}`;
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
}));
|
|
128
|
+
}
|
|
129
|
+
}));
|
|
130
|
+
E.set(this, (t => {
|
|
131
|
+
this.versionSelectedType = t.detail;
|
|
132
|
+
if (this.versionSelectedType === "Select") {
|
|
133
|
+
this.enableSelectVersionsButton = true;
|
|
134
|
+
} else {
|
|
135
|
+
this.enableSelectVersionsButton = false;
|
|
136
|
+
}
|
|
137
|
+
}));
|
|
138
|
+
$.set(this, (() => {
|
|
139
|
+
const t = !this.kbName.length;
|
|
140
|
+
return s("footer", {
|
|
141
|
+
class: "footer control-footer-with-border spacing-body-inline spacing-body-block-end"
|
|
142
|
+
}, s("div", {
|
|
143
|
+
class: "buttons-spacer"
|
|
144
|
+
}, s("button", {
|
|
145
|
+
// cancel button
|
|
146
|
+
class: "button-secondary",
|
|
147
|
+
onClick: f(this, M, "f"),
|
|
148
|
+
part: "button button-cancel"
|
|
149
|
+
}, f(this, m, "f").footer.cancel), s("button", {
|
|
150
|
+
// share kb button
|
|
151
|
+
class: "button-primary",
|
|
152
|
+
onClick: !t && f(this, _, "f"),
|
|
153
|
+
disabled: t,
|
|
154
|
+
part: "button button-create-kb"
|
|
155
|
+
}, f(this, m, "f").footer.shareKB)));
|
|
156
|
+
}));
|
|
157
|
+
this.enableSelectVersionsButton = false;
|
|
158
|
+
this.validatableControls = new Map;
|
|
159
|
+
this.versionSelectedType = undefined;
|
|
160
|
+
this.versionsValueInput = "";
|
|
161
|
+
this.connectionData = undefined;
|
|
162
|
+
this.cancelCallback = undefined;
|
|
163
|
+
this.changeConnectionCallback = undefined;
|
|
164
|
+
this.kbName = undefined;
|
|
165
|
+
this.shareKBCallback = undefined;
|
|
166
|
+
this.selectKBVersionsCallback = undefined;
|
|
167
|
+
}
|
|
168
|
+
componentDidLoad() {
|
|
169
|
+
this.versionSelectedType = f(this, y, "f").value;
|
|
170
|
+
f(this, T, "f").call(this);
|
|
171
|
+
}
|
|
172
|
+
componentDidRender() {
|
|
173
|
+
if (!f(this, v, "f")) {
|
|
174
|
+
this.componentDidRenderFirstTime.emit(f(this, m, "f").componentName);
|
|
175
|
+
d(this, v, true, "f");
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
async componentWillLoad() {
|
|
179
|
+
d(this, m, await h.getComponentStrings(this.el), "f");
|
|
180
|
+
}
|
|
181
|
+
render() {
|
|
182
|
+
return s(n, {
|
|
183
|
+
class: "widget"
|
|
184
|
+
}, s("ch-theme", {
|
|
185
|
+
model: A
|
|
186
|
+
}), s("ch-shortcuts", {
|
|
187
|
+
src: f(this, w, "f"),
|
|
188
|
+
ref: t => this.chShortcutsEl = t
|
|
189
|
+
}), s("section", {
|
|
190
|
+
class: "section"
|
|
191
|
+
}, s("header", {
|
|
192
|
+
class: "header control-header-with-border space-body spacing-body-inline spacing-body-block-start"
|
|
193
|
+
}, s("div", {
|
|
194
|
+
class: "field field-block"
|
|
195
|
+
}, s("label", {
|
|
196
|
+
class: "label"
|
|
197
|
+
}, f(this, m, "f").header.serverUrl), s("p", null, this.connectionData.serverUrl)), s("div", {
|
|
198
|
+
class: "field field-block"
|
|
199
|
+
}, s("label", {
|
|
200
|
+
class: "label"
|
|
201
|
+
}, f(this, m, "f").header.user), s("p", null, this.connectionData.userName)), s("button", {
|
|
202
|
+
class: "button-tertiary button-change",
|
|
203
|
+
onClick: f(this, W, "f")
|
|
204
|
+
}, f(this, m, "f").header.change)), s("section", {
|
|
205
|
+
class: "main field-group spacing-body"
|
|
206
|
+
}, s("div", {
|
|
207
|
+
class: "field field-block"
|
|
208
|
+
}, s("label", {
|
|
209
|
+
class: "label",
|
|
210
|
+
htmlFor: "alias"
|
|
211
|
+
}, f(this, m, "f").kb.aliasLabel), s("ch-edit", {
|
|
212
|
+
// alias
|
|
213
|
+
class: "input",
|
|
214
|
+
id: "kb-name",
|
|
215
|
+
value: this.kbName,
|
|
216
|
+
onInput: f(this, j, "f"),
|
|
217
|
+
placeholder: f(this, m, "f").kb.localKbNamePlaceholder,
|
|
218
|
+
ref: t => d(this, k, t, "f")
|
|
219
|
+
}), f(this, x, "f").call(this, f(this, k, "f"))), s("div", {
|
|
220
|
+
class: "versions-container field-group"
|
|
221
|
+
}, s("ch-radio-group-render", {
|
|
222
|
+
class: "radio-group",
|
|
223
|
+
model: f(this, u, "f"),
|
|
224
|
+
onChange: f(this, E, "f"),
|
|
225
|
+
value: f(this, u, "f")[0].value,
|
|
226
|
+
ref: t => d(this, y, t, "f")
|
|
227
|
+
}), this.versionSelectedType === "Select" && s("div", {
|
|
228
|
+
class: "versions-container__item field-group"
|
|
229
|
+
}, s("div", {
|
|
230
|
+
class: "field field-block"
|
|
231
|
+
}, s("label", {
|
|
232
|
+
class: "label",
|
|
233
|
+
htmlFor: "control-id-1"
|
|
234
|
+
}, f(this, m, "f").kb.versionsLabel), s("div", {
|
|
235
|
+
class: "versions-container__input"
|
|
236
|
+
}, s("ch-edit", {
|
|
237
|
+
class: "input",
|
|
238
|
+
readonly: true,
|
|
239
|
+
placeholder: this.enableSelectVersionsButton ? f(this, m, "f").kb.versionsPlaceholder : f(this, m, "f").kb.versionsPlaceholderDisabled,
|
|
240
|
+
value: this.versionsValueInput
|
|
241
|
+
}), s("button", {
|
|
242
|
+
class: "button-tertiary button-icon-only",
|
|
243
|
+
onClick: f(this, C, "f"),
|
|
244
|
+
disabled: !this.enableSelectVersionsButton
|
|
245
|
+
}, s("ch-image", {
|
|
246
|
+
src: f(this, p, "f"),
|
|
247
|
+
class: "icon-sm"
|
|
248
|
+
}))))))), f(this, $, "f").call(this)));
|
|
249
|
+
}
|
|
250
|
+
static get assetsDirs() {
|
|
251
|
+
return [ "gx-ide-assets/share-kb" ];
|
|
252
|
+
}
|
|
253
|
+
get el() {
|
|
254
|
+
return a(this);
|
|
255
|
+
}
|
|
256
|
+
};
|
|
257
|
+
|
|
258
|
+
p = new WeakMap, u = new WeakMap, m = new WeakMap, b = new WeakMap, v = new WeakMap,
|
|
259
|
+
w = new WeakMap, g = new WeakMap, y = new WeakMap, k = new WeakMap, M = new WeakMap,
|
|
260
|
+
W = new WeakMap, _ = new WeakMap, x = new WeakMap, T = new WeakMap, j = new WeakMap,
|
|
261
|
+
C = new WeakMap, E = new WeakMap, $ = new WeakMap;
|
|
262
|
+
|
|
263
|
+
S.style = c;
|
|
264
|
+
|
|
265
|
+
export { S as gx_ide_share_kb };
|
|
266
|
+
//# sourceMappingURL=p-ea02e5cf.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["shareKbCss","CSS_BUNDLES","GxIdeShareKb","_GxIdeShareKb_showMoreIcon","set","this","getIconPath","category","name","colorType","_GxIdeShareKb_versionsSelect","value","caption","_GxIdeShareKb__componentLocale","_GxIdeShareKb_kbVersions","_GxIdeShareKb_renderedFirstTime","_GxIdeShareKb_shortcutsSrc","getAssetPath","_GxIdeShareKb_selectedKbId","_GxIdeShareKb_versionSelectedTypeEl","_GxIdeShareKb_KBNameEl","_GxIdeShareKb_cancelHandler","cancelCallback","_GxIdeShareKb_changeConnectionHandler","async","changeConnectionCallback","authenticationType","connectionData","serverUrl","userName","userPassword","_GxIdeShareKb_shareKBHandler","versionSelectedType","__classPrivateFieldSet","shareKBCallback","kbName","versionList","__classPrivateFieldGet","allVersions","then","formSubmitResult","validatableControls","validateControls","_GxIdeShareKb_evaluateTooltipRender","controlReference","_b","_a","get","id","hasError","_c","message","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","_GxIdeShareKb_initializeValidatableControls","forEach","validatableControl","reference","undefined","_GxIdeShareKb_kbNameInputHandler","event","detail","_GxIdeShareKb_selectedVersionHandler","selectKBVersionsCallback","result","length","map","kbVersion","localKbNameInputValue","versionsValueInput","kb","versionsPlaceholder","toString","versionSelectedFieldValue","oneVersionSelectedFieldValue","_GxIdeShareKb_versionsChangedHandler","enableSelectVersionsButton","_GxIdeShareKb_renderFooter","disableShareKbButton","onClick","part","footer","cancel","disabled","shareKB","Map","componentDidLoad","call","componentDidRender","componentDidRenderFirstTime","emit","componentName","componentWillLoad","Locale","getComponentStrings","el","render","Host","model","src","ref","chShortcutsEl","header","user","change","htmlFor","aliasLabel","onInput","placeholder","localKbNamePlaceholder","onChange","versionsLabel","readonly","versionsPlaceholderDisabled"],"sources":["src/components/team-dev/share-kb/share-kb.scss?tag=gx-ide-share-kb&encapsulation=shadow","src/components/team-dev/share-kb/share-kb.tsx"],"sourcesContent":[":host {\n display: grid;\n block-size: 100%;\n grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n display: contents;\n}\n\n// - - - - - - - - - - -\n// Header\n// - - - - - - - - - - -\n\nheader {\n display: grid;\n grid-template-rows: max-content;\n grid-template-columns: 1fr 1fr max-content;\n}\n\n.button-change {\n align-self: center;\n justify-self: end;\n}\n\n// - - - - - - - - - - -\n// Main\n// - - - - - - - - - - -\n\n.main {\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: max-content 1fr max-content max-content;\n}\n\n.search-kbs {\n inline-size: 50%;\n}\n\n.versions-container {\n grid-auto-rows: max-content;\n\n &__input {\n display: grid;\n grid-template-columns: 1fr max-content;\n gap: var(--mer-spacing--xs);\n }\n}\n\n.button-icon-only.button-tertiary {\n border-color: var(--mer-color__neutral-gray--500);\n border-width: var(--mer-border__width--sm);\n border-radius: var(--mer-border__radius--sm);\n}\n\n.button-icon-only:hover {\n border-color: var(--mer-color__neutral-gray--100);\n}\n","// Stencil\nimport {\n Component,\n Host,\n h,\n Prop,\n Event,\n EventEmitter,\n Element,\n State,\n getAssetPath\n} from \"@stencil/core\";\n\n// Other Libraries\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport { config } from \"../../../common/config\";\nimport { GXServerConnectionData } from \"../connect-gx-server/connect-gx-server\";\nimport { FormSubmitResult } from \"../../../common/types\";\nimport {\n ControlValidation,\n validateControls\n} from \"../../../common/form-validation\";\nimport { Locale } from \"../../../common/locale\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\nimport { ChEditCustomEvent } from \"@genexus/chameleon-controls-library\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n \"resets/box-sizing\",\n \"utils/form--full\",\n \"utils/layout\",\n \"utils/typography\",\n \"utils/spacing\",\n \"components/list-box\",\n \"components/tooltip\",\n \"chameleon/scrollbar\"\n];\n\n@Component({\n tag: \"gx-ide-share-kb\",\n styleUrl: \"share-kb.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/share-kb\"]\n})\nexport class GxIdeShareKb {\n #showMoreIcon = getIconPath({\n category: \"gemini-tools\",\n name: \"show-more-horizontal\",\n colorType: \"on-elevation\"\n });\n\n #versionsSelect: RadioGroupItemModel[] = [\n { value: \"Trunk\", caption: \"Trunk Version\" },\n { value: \"All\", caption: \"All Versions\" },\n { value: \"Select\", caption: \"Select Version\" }\n ];\n\n [key: string]: any;\n\n #_componentLocale: any;\n #kbVersions: KBVersion[] = [];\n #renderedFirstTime = false;\n #shortcutsSrc = getAssetPath(\n `./gx-ide-assets/create-kb-from-server/shortcuts.json`\n );\n #selectedKbId: string;\n\n #versionSelectedTypeEl: HTMLChRadioGroupRenderElement;\n\n @Element() el: HTMLGxIdeShareKbElement;\n\n #KBNameEl!: HTMLChEditElement;\n\n /**\n * State to enable/disable the select versions button\n */\n @State() enableSelectVersionsButton: boolean = false;\n\n @State() validatableControls = new Map<string, ControlValidation>();\n\n /**\n * The version selected type\n */\n @State() versionSelectedType: VersionOption;\n\n /**\n * String value to show the number of versions selected (\"N versions selected\")\n */\n @State() versionsValueInput: string = \"\";\n\n /**\n * Set of data required when executing any of the callbacks that require a connection to the server.\n */\n @Prop() readonly connectionData: GXServerConnectionData;\n\n /**\n * Callback that is invoked when the dialog is closed\n */\n @Prop() readonly cancelCallback!: () => Promise<void>;\n\n /**\n * The host reopens the gx-ide-connect-server login modal with the previous data, and closes the current modal\n */\n @Prop() readonly changeConnectionCallback: (\n data: GXServerConnectionData\n ) => Promise<void>;\n\n /**\n * The name of the KB.\n */\n @Prop({ mutable: true }) kbName: string;\n\n /**\n * Callback that must be invoked when the Share button is pressed.\n */\n @Prop() readonly shareKBCallback: (\n data: ShareKBData\n ) => Promise<FormSubmitResult>;\n\n /**\n * Callback invoked by pressing the ellipsis in the version selector. Receives the KB selected by the user, and displays the version selector dialog. Returns a list of versions chosen by the user.\n */\n @Prop() readonly selectKBVersionsCallback: (\n selectedKB: string\n ) => Promise<KBVersion[]>;\n\n /**\n * Emitted once just after the component is fully loaded and the first render() occurs\n */\n @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n componentDidLoad() {\n this.versionSelectedType = this.#versionSelectedTypeEl\n .value as VersionOption;\n\n this.#initializeValidatableControls();\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 async componentWillLoad() {\n this.#_componentLocale = await Locale.getComponentStrings(this.el);\n }\n\n #cancelHandler = (): void => {\n this.cancelCallback();\n };\n\n #changeConnectionHandler = async (): Promise<void> => {\n this.changeConnectionCallback({\n authenticationType: this.connectionData.authenticationType,\n serverUrl: this.connectionData.serverUrl,\n userName: this.connectionData.userName,\n userPassword: this.connectionData.userPassword\n });\n };\n\n #shareKBHandler = async (): Promise<void> => {\n if (this.versionSelectedType !== \"Select\") {\n this.#kbVersions = [];\n }\n this.shareKBCallback({\n name: this.kbName,\n serverUrl: this.connectionData.serverUrl,\n versionList: this.#kbVersions,\n allVersions: this.versionSelectedType === \"All\"\n }).then((formSubmitResult: FormSubmitResult) => {\n this.validatableControls = validateControls(\n formSubmitResult,\n this.validatableControls\n );\n });\n };\n\n // TODO: evaluate if this should be a global helper function.\n // It is used on other dialogs as well.\n #evaluateTooltipRender = (\n controlReference: HTMLElement\n ): HTMLChTooltipElement =>\n this.validatableControls?.get(controlReference?.id)?.hasError &&\n this.validatableControls.get(controlReference.id)?.message && (\n <ch-tooltip\n class=\"tooltip\"\n actionElement={controlReference as unknown as HTMLButtonElement}\n blockAlign={config.tooltipSettings.blockAlign}\n inlineAlign={config.tooltipSettings.inlineAlign}\n delay={config.tooltipSettings.delay}\n >\n {this.validatableControls.get(controlReference.id).message}\n </ch-tooltip>\n );\n\n #initializeValidatableControls = () => {\n // populate validatableControls with the controls that could have errors.\n const validatableControls: HTMLElement[] = [this.#KBNameEl];\n validatableControls.forEach(validatableControl => {\n if (validatableControl.id) {\n this.validatableControls.set(validatableControl.id, {\n reference: validatableControl,\n hasError: false,\n message: undefined\n });\n }\n });\n };\n\n #kbNameInputHandler = (event: ChEditCustomEvent<string> | InputEvent) => {\n this.kbName = event.detail as string;\n };\n\n #selectedVersionHandler = async () => {\n if (this.selectKBVersionsCallback) {\n await this.selectKBVersionsCallback(this.#selectedKbId).then(result => {\n if (result?.length) {\n this.#kbVersions = result.map(kbVersion => ({\n id: kbVersion.id,\n name: kbVersion.name\n }));\n\n if (result.length === 1 && this.#kbVersions[0].id === 0) {\n this.localKbNameInputValue = this.#selectedKbId;\n this.versionsValueInput =\n this.#_componentLocale.kb.versionsPlaceholder;\n } else if (result.length > 1) {\n this.localKbNameInputValue = this.#selectedKbId;\n this.versionsValueInput = `${result.length.toString()} ${\n this.#_componentLocale.kb.versionSelectedFieldValue\n }`;\n } else {\n this.localKbNameInputValue = `${this.#selectedKbId}_${\n this.#kbVersions[0].name\n }`;\n this.versionsValueInput = `${result[0].name} ${\n this.#_componentLocale.kb.oneVersionSelectedFieldValue\n }`;\n }\n }\n });\n }\n };\n\n #versionsChangedHandler = (event: CustomEvent<string>) => {\n this.versionSelectedType = event.detail as VersionOption;\n if (this.versionSelectedType === \"Select\") {\n this.enableSelectVersionsButton = true;\n } else {\n this.enableSelectVersionsButton = false;\n }\n };\n\n #renderFooter = () => {\n const disableShareKbButton = !this.kbName.length;\n return (\n <footer class=\"footer control-footer-with-border spacing-body-inline spacing-body-block-end\">\n <div class=\"buttons-spacer\">\n <button\n // cancel button\n class=\"button-secondary\"\n onClick={this.#cancelHandler}\n part=\"button button-cancel\"\n >\n {this.#_componentLocale.footer.cancel}\n </button>\n\n <button\n // share kb button\n class=\"button-primary\"\n onClick={!disableShareKbButton && this.#shareKBHandler}\n disabled={disableShareKbButton}\n part=\"button button-create-kb\"\n >\n {this.#_componentLocale.footer.shareKB}\n </button>\n </div>\n </footer>\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\n <section class=\"section\">\n <header class=\"header control-header-with-border space-body spacing-body-inline spacing-body-block-start\">\n <div class=\"field field-block\">\n <label class=\"label\">\n {this.#_componentLocale.header.serverUrl}\n </label>\n <p>{this.connectionData.serverUrl}</p>\n </div>\n\n <div class=\"field field-block\">\n <label class=\"label\">{this.#_componentLocale.header.user}</label>\n <p>{this.connectionData.userName}</p>\n </div>\n\n <button\n class=\"button-tertiary button-change\"\n onClick={this.#changeConnectionHandler}\n >\n {this.#_componentLocale.header.change}\n </button>\n </header>\n\n <section class=\"main field-group spacing-body\">\n <div class=\"field field-block\">\n <label class=\"label\" htmlFor=\"alias\">\n {this.#_componentLocale.kb.aliasLabel}\n </label>\n <ch-edit\n // alias\n class=\"input\"\n id=\"kb-name\"\n value={this.kbName}\n onInput={this.#kbNameInputHandler}\n placeholder={this.#_componentLocale.kb.localKbNamePlaceholder}\n ref={(el: HTMLChEditElement) =>\n (this.#KBNameEl = el as HTMLChEditElement)\n }\n ></ch-edit>\n {this.#evaluateTooltipRender(this.#KBNameEl)}\n </div>\n\n <div class=\"versions-container field-group\">\n <ch-radio-group-render\n class=\"radio-group\"\n model={this.#versionsSelect}\n onChange={this.#versionsChangedHandler}\n value={this.#versionsSelect[0].value}\n ref={el =>\n (this.#versionSelectedTypeEl =\n el as HTMLChRadioGroupRenderElement)\n }\n ></ch-radio-group-render>\n\n {this.versionSelectedType === \"Select\" && (\n <div class=\"versions-container__item field-group\">\n <div class=\"field field-block\">\n <label class=\"label\" htmlFor=\"control-id-1\">\n {this.#_componentLocale.kb.versionsLabel}\n </label>\n <div class=\"versions-container__input\">\n <ch-edit\n class=\"input\"\n readonly\n placeholder={\n this.enableSelectVersionsButton\n ? this.#_componentLocale.kb.versionsPlaceholder\n : this.#_componentLocale.kb\n .versionsPlaceholderDisabled\n }\n value={this.versionsValueInput}\n ></ch-edit>\n <button\n class=\"button-tertiary button-icon-only\"\n onClick={this.#selectedVersionHandler}\n disabled={!this.enableSelectVersionsButton}\n >\n <ch-image\n src={this.#showMoreIcon}\n class=\"icon-sm\"\n ></ch-image>\n </button>\n </div>\n </div>\n </div>\n )}\n </div>\n </section>\n\n {this.#renderFooter()}\n </section>\n </Host>\n );\n }\n}\n\nexport type KBData = {\n id: string;\n name: string;\n};\n\nexport type KBVersion = {\n id: number;\n name: string;\n type?: VersionType;\n};\n\nexport type ConnectionResultData = {\n formResult: FormSubmitResult;\n kbs: KBData[];\n};\n\nexport type ShareKBData = {\n name: string;\n serverUrl: string;\n versionList: KBVersion[];\n allVersions: boolean;\n};\n\nexport type VersionOption = \"Trunk\" | \"All\" | \"Select\";\n\nexport type VersionType = \"Branch\" | \"Frozen\";\n"],"mappings":"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"}
|
|
@@ -59,7 +59,7 @@ export type KBData = {
|
|
|
59
59
|
export type KBVersion = {
|
|
60
60
|
id: number;
|
|
61
61
|
name: string;
|
|
62
|
-
type
|
|
62
|
+
type?: VersionType;
|
|
63
63
|
};
|
|
64
64
|
export type ConnectionResultData = {
|
|
65
65
|
formResult: FormSubmitResult;
|
|
@@ -68,6 +68,8 @@ export type ConnectionResultData = {
|
|
|
68
68
|
export type ShareKBData = {
|
|
69
69
|
name: string;
|
|
70
70
|
serverUrl: string;
|
|
71
|
+
versionList: KBVersion[];
|
|
72
|
+
allVersions: boolean;
|
|
71
73
|
};
|
|
72
74
|
export type VersionOption = "Trunk" | "All" | "Select";
|
|
73
75
|
export type VersionType = "Branch" | "Frozen";
|
package/package.json
CHANGED
|
@@ -1,249 +0,0 @@
|
|
|
1
|
-
import { r as t, c as e, g as s, h as i, H as n, a } from "./p-25a9f1d7.js";
|
|
2
|
-
|
|
3
|
-
import { g as o } from "./p-2987a259.js";
|
|
4
|
-
|
|
5
|
-
import { c as r } from "./p-13738332.js";
|
|
6
|
-
|
|
7
|
-
import { v as l } from "./p-289c3290.js";
|
|
8
|
-
|
|
9
|
-
import { L as c } from "./p-311eedf3.js";
|
|
10
|
-
|
|
11
|
-
const h = ":host{display:grid;block-size:100%;grid-template-rows:max-content 1fr max-content}.section{display:contents}header{display:grid;grid-template-rows:max-content;grid-template-columns:1fr 1fr max-content}.button-change{align-self:center;justify-self:end}.main{display:grid;grid-template-columns:1fr;grid-template-rows:max-content 1fr max-content max-content}.search-kbs{inline-size:50%}.versions-container{grid-auto-rows:max-content}.versions-container__input{display:grid;grid-template-columns:1fr max-content;gap:var(--mer-spacing--xs)}";
|
|
12
|
-
|
|
13
|
-
var d = undefined && undefined.__classPrivateFieldGet || function(t, e, s, i) {
|
|
14
|
-
if (s === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
|
|
15
|
-
if (typeof e === "function" ? t !== e || !i : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
16
|
-
return s === "m" ? i : s === "a" ? i.call(t) : i ? i.value : e.get(t);
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
var f = undefined && undefined.__classPrivateFieldSet || function(t, e, s, i, n) {
|
|
20
|
-
if (i === "m") throw new TypeError("Private method is not writable");
|
|
21
|
-
if (i === "a" && !n) throw new TypeError("Private accessor was defined without a setter");
|
|
22
|
-
if (typeof e === "function" ? t !== e || !n : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
23
|
-
return i === "a" ? n.call(t, s) : n ? n.value = s : e.set(t, s), s;
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
var p, u, m, b, g, v, w, y, k, x, M, W, T, j, _;
|
|
27
|
-
|
|
28
|
-
const E = [ "resets/box-sizing", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "components/list-box", "components/tooltip", "chameleon/scrollbar" ];
|
|
29
|
-
|
|
30
|
-
const C = class {
|
|
31
|
-
constructor(n) {
|
|
32
|
-
t(this, n);
|
|
33
|
-
this.componentDidRenderFirstTime = e(this, "componentDidRenderFirstTime", 7);
|
|
34
|
-
p.set(this, o({
|
|
35
|
-
category: "gemini-tools",
|
|
36
|
-
name: "show-more-horizontal",
|
|
37
|
-
colorType: "on-elevation"
|
|
38
|
-
}));
|
|
39
|
-
u.set(this, [ {
|
|
40
|
-
value: "Trunk",
|
|
41
|
-
caption: "Trunk Version"
|
|
42
|
-
}, {
|
|
43
|
-
value: "All",
|
|
44
|
-
caption: "All Versions"
|
|
45
|
-
} ]);
|
|
46
|
-
m.set(this, void 0);
|
|
47
|
-
// uncomment #kbVersionsIds when versions selector is available
|
|
48
|
-
// #kbVersionsIds: string[] = [];
|
|
49
|
-
b.set(this, false);
|
|
50
|
-
g.set(this, s(`./gx-ide-assets/create-kb-from-server/shortcuts.json`));
|
|
51
|
-
// #selectedKbId: string;
|
|
52
|
-
v.set(this, void 0);
|
|
53
|
-
w.set(this, void 0);
|
|
54
|
-
y.set(this, (() => {
|
|
55
|
-
this.cancelCallback();
|
|
56
|
-
}));
|
|
57
|
-
k.set(this, (async () => {
|
|
58
|
-
this.changeConnectionCallback({
|
|
59
|
-
authenticationType: this.connectionData.authenticationType,
|
|
60
|
-
serverUrl: this.connectionData.serverUrl,
|
|
61
|
-
userName: this.connectionData.userName,
|
|
62
|
-
userPassword: this.connectionData.userPassword
|
|
63
|
-
});
|
|
64
|
-
}));
|
|
65
|
-
x.set(this, (async () => {
|
|
66
|
-
// uncomment the following lines when versions selector is available
|
|
67
|
-
// if (this.versionSelectedType !== "Select") {
|
|
68
|
-
// this.#kbVersionsIds = [];
|
|
69
|
-
// }
|
|
70
|
-
this.shareKBCallback({
|
|
71
|
-
name: this.kbName,
|
|
72
|
-
serverUrl: this.connectionData.serverUrl
|
|
73
|
-
}).then((t => {
|
|
74
|
-
this.validatableControls = l(t, this.validatableControls);
|
|
75
|
-
}));
|
|
76
|
-
}));
|
|
77
|
-
// TODO: evaluate if this should be a global helper function.
|
|
78
|
-
// It is used on other dialogs as well.
|
|
79
|
-
M.set(this, (t => {
|
|
80
|
-
var e, s, n;
|
|
81
|
-
return ((s = (e = this.validatableControls) === null || e === void 0 ? void 0 : e.get(t === null || t === void 0 ? void 0 : t.id)) === null || s === void 0 ? void 0 : s.hasError) && ((n = this.validatableControls.get(t.id)) === null || n === void 0 ? void 0 : n.message) && i("ch-tooltip", {
|
|
82
|
-
class: "tooltip",
|
|
83
|
-
actionElement: t,
|
|
84
|
-
blockAlign: r.tooltipSettings.blockAlign,
|
|
85
|
-
inlineAlign: r.tooltipSettings.inlineAlign,
|
|
86
|
-
delay: r.tooltipSettings.delay
|
|
87
|
-
}, this.validatableControls.get(t.id).message);
|
|
88
|
-
}));
|
|
89
|
-
W.set(this, (() => {
|
|
90
|
-
// populate validatableControls with the controls that could have errors.
|
|
91
|
-
const t = [ d(this, w, "f") ];
|
|
92
|
-
t.forEach((t => {
|
|
93
|
-
if (t.id) {
|
|
94
|
-
this.validatableControls.set(t.id, {
|
|
95
|
-
reference: t,
|
|
96
|
-
hasError: false,
|
|
97
|
-
message: undefined
|
|
98
|
-
});
|
|
99
|
-
}
|
|
100
|
-
}));
|
|
101
|
-
}));
|
|
102
|
-
T.set(this, (t => {
|
|
103
|
-
this.kbName = t.detail;
|
|
104
|
-
}));
|
|
105
|
-
// #selectedVersionHandler = async () => {
|
|
106
|
-
// if (this.selectKBVersionsCallback) {
|
|
107
|
-
// await this.selectKBVersionsCallback(this.#selectedKbId).then(result => {
|
|
108
|
-
// if (result?.length) {
|
|
109
|
-
// this.versionsValueInput = result.length
|
|
110
|
-
// .toString()
|
|
111
|
-
// .concat(this.#_componentLocale.kb.versionSelectedFieldValue);
|
|
112
|
-
// this.#kbVersionsIds = result.map(kbVersion =>
|
|
113
|
-
// kbVersion.id.toString()
|
|
114
|
-
// );
|
|
115
|
-
// }
|
|
116
|
-
// });
|
|
117
|
-
// }
|
|
118
|
-
// };
|
|
119
|
-
j.set(this, (t => {
|
|
120
|
-
this.versionSelectedType = t.detail;
|
|
121
|
-
}));
|
|
122
|
-
_.set(this, (() => {
|
|
123
|
-
const t = !this.kbName.length;
|
|
124
|
-
return i("footer", {
|
|
125
|
-
class: "footer control-footer-with-border spacing-body-inline spacing-body-block-end"
|
|
126
|
-
}, i("div", {
|
|
127
|
-
class: "buttons-spacer"
|
|
128
|
-
}, i("button", {
|
|
129
|
-
// cancel button
|
|
130
|
-
class: "button-secondary",
|
|
131
|
-
onClick: d(this, y, "f"),
|
|
132
|
-
part: "button button-cancel"
|
|
133
|
-
}, d(this, m, "f").footer.cancel), i("button", {
|
|
134
|
-
// share kb button
|
|
135
|
-
class: "button-primary",
|
|
136
|
-
onClick: !t && d(this, x, "f"),
|
|
137
|
-
disabled: t,
|
|
138
|
-
part: "button button-create-kb"
|
|
139
|
-
}, d(this, m, "f").footer.shareKB)));
|
|
140
|
-
}));
|
|
141
|
-
this.enableSelectVersionsButton = false;
|
|
142
|
-
this.validatableControls = new Map;
|
|
143
|
-
this.versionSelectedType = undefined;
|
|
144
|
-
this.versionsValueInput = "";
|
|
145
|
-
this.connectionData = undefined;
|
|
146
|
-
this.cancelCallback = undefined;
|
|
147
|
-
this.changeConnectionCallback = undefined;
|
|
148
|
-
this.kbName = undefined;
|
|
149
|
-
this.shareKBCallback = undefined;
|
|
150
|
-
this.selectKBVersionsCallback = undefined;
|
|
151
|
-
}
|
|
152
|
-
componentDidLoad() {
|
|
153
|
-
this.versionSelectedType = d(this, v, "f").value;
|
|
154
|
-
d(this, W, "f").call(this);
|
|
155
|
-
}
|
|
156
|
-
componentDidRender() {
|
|
157
|
-
if (!d(this, b, "f")) {
|
|
158
|
-
this.componentDidRenderFirstTime.emit(d(this, m, "f").componentName);
|
|
159
|
-
f(this, b, true, "f");
|
|
160
|
-
}
|
|
161
|
-
}
|
|
162
|
-
async componentWillLoad() {
|
|
163
|
-
f(this, m, await c.getComponentStrings(this.el), "f");
|
|
164
|
-
}
|
|
165
|
-
render() {
|
|
166
|
-
return i(n, {
|
|
167
|
-
class: "widget"
|
|
168
|
-
}, i("ch-theme", {
|
|
169
|
-
model: E
|
|
170
|
-
}), i("ch-shortcuts", {
|
|
171
|
-
src: d(this, g, "f"),
|
|
172
|
-
ref: t => this.chShortcutsEl = t
|
|
173
|
-
}), i("section", {
|
|
174
|
-
class: "section"
|
|
175
|
-
}, i("header", {
|
|
176
|
-
class: "header control-header-with-border space-body spacing-body-inline spacing-body-block-start"
|
|
177
|
-
}, i("div", {
|
|
178
|
-
class: "field field-block"
|
|
179
|
-
}, i("label", {
|
|
180
|
-
class: "label"
|
|
181
|
-
}, d(this, m, "f").header.serverUrl), i("p", null, this.connectionData.serverUrl)), i("div", {
|
|
182
|
-
class: "field field-block"
|
|
183
|
-
}, i("label", {
|
|
184
|
-
class: "label"
|
|
185
|
-
}, d(this, m, "f").header.user), i("p", null, this.connectionData.userName)), i("button", {
|
|
186
|
-
class: "button-tertiary button-change",
|
|
187
|
-
onClick: d(this, k, "f")
|
|
188
|
-
}, d(this, m, "f").header.change)), i("section", {
|
|
189
|
-
class: "main field-group spacing-body"
|
|
190
|
-
}, i("div", {
|
|
191
|
-
class: "field field-block"
|
|
192
|
-
}, i("label", {
|
|
193
|
-
class: "label",
|
|
194
|
-
htmlFor: "alias"
|
|
195
|
-
}, d(this, m, "f").kb.aliasLabel), i("ch-edit", {
|
|
196
|
-
// alias
|
|
197
|
-
class: "input",
|
|
198
|
-
id: "kb-name",
|
|
199
|
-
value: this.kbName,
|
|
200
|
-
onInput: d(this, T, "f"),
|
|
201
|
-
placeholder: d(this, m, "f").kb.localKbNamePlaceholder,
|
|
202
|
-
ref: t => f(this, w, t, "f")
|
|
203
|
-
}), d(this, M, "f").call(this, d(this, w, "f"))), i("div", {
|
|
204
|
-
class: "versions-container field-group"
|
|
205
|
-
}, i("ch-radio-group-render", {
|
|
206
|
-
class: "radio-group",
|
|
207
|
-
model: d(this, u, "f"),
|
|
208
|
-
onChange: d(this, j, "f"),
|
|
209
|
-
value: d(this, u, "f")[0].value,
|
|
210
|
-
ref: t => f(this, v, t, "f")
|
|
211
|
-
}), this.versionSelectedType === "Select" && i("div", {
|
|
212
|
-
class: "versions-container__item field-group"
|
|
213
|
-
}, i("div", {
|
|
214
|
-
class: "field field-block"
|
|
215
|
-
}, i("label", {
|
|
216
|
-
class: "label",
|
|
217
|
-
htmlFor: "control-id-1"
|
|
218
|
-
}, d(this, m, "f").kb.versionsLabel), i("div", {
|
|
219
|
-
class: "versions-container__input"
|
|
220
|
-
}, i("ch-edit", {
|
|
221
|
-
class: "input",
|
|
222
|
-
readonly: true,
|
|
223
|
-
placeholder: this.enableSelectVersionsButton ? d(this, m, "f").kb.versionsPlaceholder : d(this, m, "f").kb.versionsPlaceholderDisabled,
|
|
224
|
-
value: this.versionsValueInput
|
|
225
|
-
}), i("button", {
|
|
226
|
-
class: "button-tertiary button-icon-only",
|
|
227
|
-
// onClick={this.#selectedVersionHandler}
|
|
228
|
-
disabled: !this.enableSelectVersionsButton
|
|
229
|
-
}, i("ch-image", {
|
|
230
|
-
src: d(this, p, "f"),
|
|
231
|
-
class: "icon-sm"
|
|
232
|
-
}))))))), d(this, _, "f").call(this)));
|
|
233
|
-
}
|
|
234
|
-
static get assetsDirs() {
|
|
235
|
-
return [ "gx-ide-assets/share-kb" ];
|
|
236
|
-
}
|
|
237
|
-
get el() {
|
|
238
|
-
return a(this);
|
|
239
|
-
}
|
|
240
|
-
};
|
|
241
|
-
|
|
242
|
-
p = new WeakMap, u = new WeakMap, m = new WeakMap, b = new WeakMap, g = new WeakMap,
|
|
243
|
-
v = new WeakMap, w = new WeakMap, y = new WeakMap, k = new WeakMap, x = new WeakMap,
|
|
244
|
-
M = new WeakMap, W = new WeakMap, T = new WeakMap, j = new WeakMap, _ = new WeakMap;
|
|
245
|
-
|
|
246
|
-
C.style = h;
|
|
247
|
-
|
|
248
|
-
export { C as gx_ide_share_kb };
|
|
249
|
-
//# sourceMappingURL=p-72e346b9.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["shareKbCss","CSS_BUNDLES","GxIdeShareKb","_GxIdeShareKb_showMoreIcon","set","this","getIconPath","category","name","colorType","_GxIdeShareKb_versionsSelect","value","caption","_GxIdeShareKb__componentLocale","_GxIdeShareKb_renderedFirstTime","_GxIdeShareKb_shortcutsSrc","getAssetPath","_GxIdeShareKb_versionSelectedTypeEl","_GxIdeShareKb_KBNameEl","_GxIdeShareKb_cancelHandler","cancelCallback","_GxIdeShareKb_changeConnectionHandler","async","changeConnectionCallback","authenticationType","connectionData","serverUrl","userName","userPassword","_GxIdeShareKb_shareKBHandler","shareKBCallback","kbName","then","formSubmitResult","validatableControls","validateControls","_GxIdeShareKb_evaluateTooltipRender","controlReference","_b","_a","get","id","hasError","_c","message","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","_GxIdeShareKb_initializeValidatableControls","__classPrivateFieldGet","forEach","validatableControl","reference","undefined","_GxIdeShareKb_kbNameInputHandler","event","detail","_GxIdeShareKb_versionsChangedHandler","versionSelectedType","_GxIdeShareKb_renderFooter","disableShareKbButton","length","onClick","part","footer","cancel","disabled","shareKB","Map","componentDidLoad","call","componentDidRender","componentDidRenderFirstTime","emit","componentName","__classPrivateFieldSet","componentWillLoad","Locale","getComponentStrings","el","render","Host","model","src","ref","chShortcutsEl","header","user","change","htmlFor","kb","aliasLabel","onInput","placeholder","localKbNamePlaceholder","onChange","versionsLabel","readonly","enableSelectVersionsButton","versionsPlaceholder","versionsPlaceholderDisabled","versionsValueInput"],"sources":["src/components/team-dev/share-kb/share-kb.scss?tag=gx-ide-share-kb&encapsulation=shadow","src/components/team-dev/share-kb/share-kb.tsx"],"sourcesContent":[":host {\n display: grid;\n block-size: 100%;\n grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n display: contents;\n}\n\n// - - - - - - - - - - -\n// Header\n// - - - - - - - - - - -\n\nheader {\n display: grid;\n grid-template-rows: max-content;\n grid-template-columns: 1fr 1fr max-content;\n}\n\n.button-change {\n align-self: center;\n justify-self: end;\n}\n\n// - - - - - - - - - - -\n// Main\n// - - - - - - - - - - -\n\n.main {\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: max-content 1fr max-content max-content;\n}\n\n.search-kbs {\n inline-size: 50%;\n}\n\n.versions-container {\n grid-auto-rows: max-content;\n\n &__input {\n display: grid;\n grid-template-columns: 1fr max-content;\n gap: var(--mer-spacing--xs);\n }\n}\n","// Stencil\nimport {\n Component,\n Host,\n h,\n Prop,\n Event,\n EventEmitter,\n Element,\n State,\n getAssetPath\n} from \"@stencil/core\";\n\n// Other Libraries\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport { config } from \"../../../common/config\";\nimport { GXServerConnectionData } from \"../connect-gx-server/connect-gx-server\";\nimport { FormSubmitResult } from \"../../../common/types\";\nimport {\n ControlValidation,\n validateControls\n} from \"../../../common/form-validation\";\nimport { Locale } from \"../../../common/locale\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\nimport { ChEditCustomEvent } from \"@genexus/chameleon-controls-library\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n \"resets/box-sizing\",\n \"utils/form--full\",\n \"utils/layout\",\n \"utils/typography\",\n \"utils/spacing\",\n \"components/list-box\",\n \"components/tooltip\",\n \"chameleon/scrollbar\"\n];\n\n@Component({\n tag: \"gx-ide-share-kb\",\n styleUrl: \"share-kb.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/share-kb\"]\n})\nexport class GxIdeShareKb {\n #showMoreIcon = getIconPath({\n category: \"gemini-tools\",\n name: \"show-more-horizontal\",\n colorType: \"on-elevation\"\n });\n\n #versionsSelect: RadioGroupItemModel[] = [\n { value: \"Trunk\", caption: \"Trunk Version\" },\n { value: \"All\", caption: \"All Versions\" }\n // { value: \"Select\", caption: \"Select Version\" } TODO: display once \"gx-ide-select-kb-versions\" is ready.\n ];\n\n [key: string]: any;\n\n #_componentLocale: any;\n // uncomment #kbVersionsIds when versions selector is available\n // #kbVersionsIds: string[] = [];\n #renderedFirstTime = false;\n #shortcutsSrc = getAssetPath(\n `./gx-ide-assets/create-kb-from-server/shortcuts.json`\n );\n // #selectedKbId: string;\n\n #versionSelectedTypeEl: HTMLChRadioGroupRenderElement;\n\n @Element() el: HTMLGxIdeShareKbElement;\n\n #KBNameEl!: HTMLChEditElement;\n\n /**\n * State to enable/disable the select versions button\n */\n @State() enableSelectVersionsButton: boolean = false;\n\n @State() validatableControls = new Map<string, ControlValidation>();\n\n /**\n * The version selected type\n */\n @State() versionSelectedType: VersionOption;\n\n /**\n * String value to show the number of versions selected (\"N versions selected\")\n */\n @State() versionsValueInput: string = \"\";\n\n /**\n * Set of data required when executing any of the callbacks that require a connection to the server.\n */\n @Prop() readonly connectionData: GXServerConnectionData;\n\n /**\n * Callback that is invoked when the dialog is closed\n */\n @Prop() readonly cancelCallback!: () => Promise<void>;\n\n /**\n * The host reopens the gx-ide-connect-server login modal with the previous data, and closes the current modal\n */\n @Prop() readonly changeConnectionCallback: (\n data: GXServerConnectionData\n ) => Promise<void>;\n\n /**\n * The name of the KB.\n */\n @Prop({ mutable: true }) kbName: string;\n\n /**\n * Callback that must be invoked when the Share button is pressed.\n */\n @Prop() readonly shareKBCallback: (\n data: ShareKBData\n ) => Promise<FormSubmitResult>;\n\n /**\n * Callback invoked by pressing the ellipsis in the version selector. Receives the KB selected by the user, and displays the version selector dialog. Returns a list of versions chosen by the user.\n */\n @Prop() readonly selectKBVersionsCallback: (\n selectedKB: string\n ) => Promise<KBVersion[]>;\n\n /**\n * Emitted once just after the component is fully loaded and the first render() occurs\n */\n @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n componentDidLoad() {\n this.versionSelectedType = this.#versionSelectedTypeEl\n .value as VersionOption;\n\n this.#initializeValidatableControls();\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 async componentWillLoad() {\n this.#_componentLocale = await Locale.getComponentStrings(this.el);\n }\n\n #cancelHandler = (): void => {\n this.cancelCallback();\n };\n\n #changeConnectionHandler = async (): Promise<void> => {\n this.changeConnectionCallback({\n authenticationType: this.connectionData.authenticationType,\n serverUrl: this.connectionData.serverUrl,\n userName: this.connectionData.userName,\n userPassword: this.connectionData.userPassword\n });\n };\n\n #shareKBHandler = async (): Promise<void> => {\n // uncomment the following lines when versions selector is available\n // if (this.versionSelectedType !== \"Select\") {\n // this.#kbVersionsIds = [];\n // }\n this.shareKBCallback({\n name: this.kbName,\n serverUrl: this.connectionData.serverUrl\n }).then((formSubmitResult: FormSubmitResult) => {\n this.validatableControls = validateControls(\n formSubmitResult,\n this.validatableControls\n );\n });\n };\n\n // TODO: evaluate if this should be a global helper function.\n // It is used on other dialogs as well.\n #evaluateTooltipRender = (\n controlReference: HTMLElement\n ): HTMLChTooltipElement =>\n this.validatableControls?.get(controlReference?.id)?.hasError &&\n this.validatableControls.get(controlReference.id)?.message && (\n <ch-tooltip\n class=\"tooltip\"\n actionElement={controlReference as unknown as HTMLButtonElement}\n blockAlign={config.tooltipSettings.blockAlign}\n inlineAlign={config.tooltipSettings.inlineAlign}\n delay={config.tooltipSettings.delay}\n >\n {this.validatableControls.get(controlReference.id).message}\n </ch-tooltip>\n );\n\n #initializeValidatableControls = () => {\n // populate validatableControls with the controls that could have errors.\n const validatableControls: HTMLElement[] = [this.#KBNameEl];\n validatableControls.forEach(validatableControl => {\n if (validatableControl.id) {\n this.validatableControls.set(validatableControl.id, {\n reference: validatableControl,\n hasError: false,\n message: undefined\n });\n }\n });\n };\n\n #kbNameInputHandler = (event: ChEditCustomEvent<string> | InputEvent) => {\n this.kbName = event.detail as string;\n };\n\n // #selectedVersionHandler = async () => {\n // if (this.selectKBVersionsCallback) {\n // await this.selectKBVersionsCallback(this.#selectedKbId).then(result => {\n // if (result?.length) {\n // this.versionsValueInput = result.length\n // .toString()\n // .concat(this.#_componentLocale.kb.versionSelectedFieldValue);\n // this.#kbVersionsIds = result.map(kbVersion =>\n // kbVersion.id.toString()\n // );\n // }\n // });\n // }\n // };\n\n #versionsChangedHandler = (event: CustomEvent<string>) => {\n this.versionSelectedType = event.detail as VersionOption;\n };\n\n #renderFooter = () => {\n const disableShareKbButton = !this.kbName.length;\n return (\n <footer class=\"footer control-footer-with-border spacing-body-inline spacing-body-block-end\">\n <div class=\"buttons-spacer\">\n <button\n // cancel button\n class=\"button-secondary\"\n onClick={this.#cancelHandler}\n part=\"button button-cancel\"\n >\n {this.#_componentLocale.footer.cancel}\n </button>\n\n <button\n // share kb button\n class=\"button-primary\"\n onClick={!disableShareKbButton && this.#shareKBHandler}\n disabled={disableShareKbButton}\n part=\"button button-create-kb\"\n >\n {this.#_componentLocale.footer.shareKB}\n </button>\n </div>\n </footer>\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\n <section class=\"section\">\n <header class=\"header control-header-with-border space-body spacing-body-inline spacing-body-block-start\">\n <div class=\"field field-block\">\n <label class=\"label\">\n {this.#_componentLocale.header.serverUrl}\n </label>\n <p>{this.connectionData.serverUrl}</p>\n </div>\n\n <div class=\"field field-block\">\n <label class=\"label\">{this.#_componentLocale.header.user}</label>\n <p>{this.connectionData.userName}</p>\n </div>\n\n <button\n class=\"button-tertiary button-change\"\n onClick={this.#changeConnectionHandler}\n >\n {this.#_componentLocale.header.change}\n </button>\n </header>\n\n <section class=\"main field-group spacing-body\">\n <div class=\"field field-block\">\n <label class=\"label\" htmlFor=\"alias\">\n {this.#_componentLocale.kb.aliasLabel}\n </label>\n <ch-edit\n // alias\n class=\"input\"\n id=\"kb-name\"\n value={this.kbName}\n onInput={this.#kbNameInputHandler}\n placeholder={this.#_componentLocale.kb.localKbNamePlaceholder}\n ref={(el: HTMLChEditElement) =>\n (this.#KBNameEl = el as HTMLChEditElement)\n }\n ></ch-edit>\n {this.#evaluateTooltipRender(this.#KBNameEl)}\n </div>\n\n <div class=\"versions-container field-group\">\n <ch-radio-group-render\n class=\"radio-group\"\n model={this.#versionsSelect}\n onChange={this.#versionsChangedHandler}\n value={this.#versionsSelect[0].value}\n ref={el =>\n (this.#versionSelectedTypeEl =\n el as HTMLChRadioGroupRenderElement)\n }\n ></ch-radio-group-render>\n\n {this.versionSelectedType === \"Select\" && (\n <div class=\"versions-container__item field-group\">\n <div class=\"field field-block\">\n <label class=\"label\" htmlFor=\"control-id-1\">\n {this.#_componentLocale.kb.versionsLabel}\n </label>\n <div class=\"versions-container__input\">\n <ch-edit\n class=\"input\"\n readonly\n placeholder={\n this.enableSelectVersionsButton\n ? this.#_componentLocale.kb.versionsPlaceholder\n : this.#_componentLocale.kb\n .versionsPlaceholderDisabled\n }\n value={this.versionsValueInput}\n ></ch-edit>\n <button\n class=\"button-tertiary button-icon-only\"\n // onClick={this.#selectedVersionHandler}\n disabled={!this.enableSelectVersionsButton}\n >\n <ch-image\n src={this.#showMoreIcon}\n class=\"icon-sm\"\n ></ch-image>\n </button>\n </div>\n </div>\n </div>\n )}\n </div>\n </section>\n\n {this.#renderFooter()}\n </section>\n </Host>\n );\n }\n}\n\nexport type KBData = {\n id: string;\n name: string;\n};\n\nexport type KBVersion = {\n id: number;\n name: string;\n type: VersionType;\n};\n\nexport type ConnectionResultData = {\n formResult: FormSubmitResult;\n kbs: KBData[];\n};\n\nexport type ShareKBData = {\n name: string;\n serverUrl: string;\n};\n\nexport type VersionOption = \"Trunk\" | \"All\" | \"Select\";\n\nexport type VersionType = \"Branch\" | \"Frozen\";\n"],"mappings":"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"}
|