@epam/ai-dial-builder-form 1.2.0-dev.46 → 1.2.0-dev.50
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/components/EditorLayout/EditorLayout.d.ts.map +1 -1
- package/components/EditorSection/EditorSection.d.ts.map +1 -1
- package/constants/public-class-names.d.ts +7 -0
- package/constants/public-class-names.d.ts.map +1 -0
- package/index.d.ts +1 -0
- package/index.d.ts.map +1 -1
- package/index.js +41 -38
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditorLayout.d.ts","sourceRoot":"","sources":["../../../src/components/EditorLayout/EditorLayout.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,EAAE,EAAS,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"EditorLayout.d.ts","sourceRoot":"","sources":["../../../src/components/EditorLayout/EditorLayout.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,EAAE,EAAS,MAAM,OAAO,CAAC;AAElC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAG1E;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAsG9C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditorSection.d.ts","sourceRoot":"","sources":["../../../src/components/EditorSection/EditorSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"EditorSection.d.ts","sourceRoot":"","sources":["../../../src/components/EditorSection/EditorSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAG5E,yEAAyE;AACzE,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA2BhD,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const BUILDER_FORM_CLASS: {
|
|
2
|
+
/** The editor layout root, which holds the header and the content columns. */
|
|
3
|
+
readonly layout: "dial-builder-form-layout";
|
|
4
|
+
/** Every `EditorSection` box, whatever a caller puts inside it. */
|
|
5
|
+
readonly section: "dial-builder-form-section";
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=public-class-names.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"public-class-names.d.ts","sourceRoot":"","sources":["../../src/constants/public-class-names.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,kBAAkB;IAC7B,8EAA8E;;IAE9E,mEAAmE;;CAE3D,CAAC"}
|
package/index.d.ts
CHANGED
|
@@ -17,4 +17,5 @@ export type { DeploymentCreationFormFieldErrors, DeploymentCreationFormFieldLabe
|
|
|
17
17
|
export type { DeploymentCreationFormErrorCodes, DeploymentCreationFormValidationOptions, } from './models/validation';
|
|
18
18
|
export { DeploymentCreationFieldErrorCode } from './models/validation';
|
|
19
19
|
export { NAME_PATTERN, SEMVER_VERSION_PATTERN, VERSION_PATTERN, validateDeploymentCreationFields, } from './utils/validate-deployment-creation-fields';
|
|
20
|
+
export { BUILDER_FORM_CLASS } from './constants/public-class-names';
|
|
20
21
|
//# sourceMappingURL=index.d.ts.map
|
package/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAC9F,YAAY,EACV,yBAAyB,EACzB,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,uCAAuC,CAAC;AAC/C,YAAY,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AACpF,YAAY,EACV,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,2BAA2B,GAC5B,MAAM,oCAAoC,CAAC;AAC5C,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,+BAA+B,CAAC;AACvC,YAAY,EACV,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EACV,cAAc,EACd,eAAe,EACf,eAAe,GAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,YAAY,EAAE,2BAA2B,EAAE,MAAM,4DAA4D,CAAC;AAC9G,YAAY,EACV,iCAAiC,EACjC,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EACV,iCAAiC,EACjC,iCAAiC,EACjC,gCAAgC,EAChC,4BAA4B,EAC5B,iCAAiC,EACjC,kCAAkC,EAClC,kCAAkC,EAClC,2BAA2B,EAC3B,4BAA4B,EAC5B,4BAA4B,GAC7B,MAAM,mCAAmC,CAAC;AAC3C,YAAY,EACV,gCAAgC,EAChC,uCAAuC,GACxC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,gCAAgC,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,gCAAgC,GACjC,MAAM,6CAA6C,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAC9F,YAAY,EACV,yBAAyB,EACzB,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,uCAAuC,CAAC;AAC/C,YAAY,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AACpF,YAAY,EACV,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,2BAA2B,GAC5B,MAAM,oCAAoC,CAAC;AAC5C,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,+BAA+B,CAAC;AACvC,YAAY,EACV,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EACV,cAAc,EACd,eAAe,EACf,eAAe,GAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,YAAY,EAAE,2BAA2B,EAAE,MAAM,4DAA4D,CAAC;AAC9G,YAAY,EACV,iCAAiC,EACjC,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EACV,iCAAiC,EACjC,iCAAiC,EACjC,gCAAgC,EAChC,4BAA4B,EAC5B,iCAAiC,EACjC,kCAAkC,EAClC,kCAAkC,EAClC,2BAA2B,EAC3B,4BAA4B,EAC5B,4BAA4B,GAC7B,MAAM,mCAAmC,CAAC;AAC3C,YAAY,EACV,gCAAgC,EAChC,uCAAuC,GACxC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,gCAAgC,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,gCAAgC,GACjC,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC"}
|
package/index.js
CHANGED
|
@@ -128,34 +128,37 @@ var F = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
128
128
|
]
|
|
129
129
|
});
|
|
130
130
|
}, H = {
|
|
131
|
+
layout: "dial-builder-form-layout",
|
|
132
|
+
section: "dial-builder-form-section"
|
|
133
|
+
}, U = {
|
|
131
134
|
section: "_section_l1mnx_1",
|
|
132
135
|
title: "_title_l1mnx_5"
|
|
133
|
-
},
|
|
136
|
+
}, W = ({ title: e, children: t, styles: i, className: a }) => {
|
|
134
137
|
let o = n({
|
|
135
138
|
"--es-border-color": i?.colors?.borderColor,
|
|
136
139
|
"--es-title-color": i?.colors?.titleColor
|
|
137
140
|
});
|
|
138
141
|
return /* @__PURE__ */ w("section", {
|
|
139
|
-
className: r("flex flex-col gap-4 rounded border p-6",
|
|
142
|
+
className: r("flex flex-col gap-4 rounded border p-6", U.section, a, H.section),
|
|
140
143
|
style: o,
|
|
141
144
|
children: [e != null && /* @__PURE__ */ C("h2", {
|
|
142
|
-
className: r("dial-h3-text",
|
|
145
|
+
className: r("dial-h3-text", U.title),
|
|
143
146
|
children: e
|
|
144
147
|
}), t]
|
|
145
148
|
});
|
|
146
|
-
},
|
|
149
|
+
}, G = {
|
|
147
150
|
headerBorder: "_headerBorder_1kidu_1",
|
|
148
151
|
footerBorder: "_footerBorder_1kidu_5",
|
|
149
152
|
sidebarBorder: "_sidebarBorder_1kidu_9"
|
|
150
|
-
},
|
|
151
|
-
let h = M(), g = d ? f?.savingStatusLabel ?? "Saving" : ""
|
|
153
|
+
}, K = ({ title: e, onBack: t, backAriaLabel: i = "Back", actions: a, leftContent: c, rightContent: l, isSaving: d = !1, labels: f, styles: p, dir: m }) => {
|
|
154
|
+
let h = M(), g = d ? f?.savingStatusLabel ?? "Saving" : "", _ = n({
|
|
155
|
+
"--el-header-border-color": p?.colors?.headerBorderColor,
|
|
156
|
+
"--el-sidebar-border-color": p?.colors?.sidebarBorderColor
|
|
157
|
+
});
|
|
152
158
|
return /* @__PURE__ */ w("div", {
|
|
153
159
|
dir: m,
|
|
154
|
-
className: "flex min-h-0 flex-1 flex-col",
|
|
155
|
-
style:
|
|
156
|
-
"--el-header-border-color": p?.colors?.headerBorderColor,
|
|
157
|
-
"--el-sidebar-border-color": p?.colors?.sidebarBorderColor
|
|
158
|
-
}),
|
|
160
|
+
className: r("flex min-h-0 flex-1 flex-col", H.layout),
|
|
161
|
+
style: _,
|
|
159
162
|
children: [
|
|
160
163
|
/* @__PURE__ */ C("span", {
|
|
161
164
|
role: "status",
|
|
@@ -165,7 +168,7 @@ var F = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
165
168
|
children: g
|
|
166
169
|
}),
|
|
167
170
|
/* @__PURE__ */ w("div", {
|
|
168
|
-
className: r("flex items-center justify-between gap-2 border-b px-4 py-2 desktop:px-8 desktop:pb-3 desktop:pt-3",
|
|
171
|
+
className: r("flex items-center justify-between gap-2 border-b px-4 py-2 desktop:px-8 desktop:pb-3 desktop:pt-3", G.headerBorder),
|
|
169
172
|
children: [/* @__PURE__ */ w("div", {
|
|
170
173
|
className: "flex min-w-0 flex-1 items-center gap-2",
|
|
171
174
|
children: [/* @__PURE__ */ C(u, {
|
|
@@ -189,7 +192,7 @@ var F = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
189
192
|
/* @__PURE__ */ w("div", {
|
|
190
193
|
className: "flex flex-1 flex-col overflow-y-auto desktop:flex-row desktop:overflow-hidden",
|
|
191
194
|
children: [/* @__PURE__ */ C("div", {
|
|
192
|
-
className: r(l == null ? "desktop:flex-1" : "desktop:w-[360px] desktop:shrink-0 desktop:overflow-y-auto desktop:border-e", "desktop:overflow-y-auto", l == null ? void 0 :
|
|
195
|
+
className: r(l == null ? "desktop:flex-1" : "desktop:w-[360px] desktop:shrink-0 desktop:overflow-y-auto desktop:border-e", "desktop:overflow-y-auto", l == null ? void 0 : G.sidebarBorder),
|
|
193
196
|
children: c
|
|
194
197
|
}), l != null && /* @__PURE__ */ C("div", {
|
|
195
198
|
className: "desktop:flex-1 desktop:overflow-y-auto",
|
|
@@ -197,16 +200,16 @@ var F = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
197
200
|
})]
|
|
198
201
|
}),
|
|
199
202
|
a != null && /* @__PURE__ */ C("div", {
|
|
200
|
-
className: r("flex shrink-0 flex-row-reverse items-center gap-2 border-t px-4 py-2 desktop:hidden [&>*]:flex-1",
|
|
203
|
+
className: r("flex shrink-0 flex-row-reverse items-center gap-2 border-t px-4 py-2 desktop:hidden [&>*]:flex-1", G.footerBorder),
|
|
201
204
|
children: a
|
|
202
205
|
})
|
|
203
206
|
]
|
|
204
207
|
});
|
|
205
|
-
},
|
|
208
|
+
}, q = {
|
|
206
209
|
box: "_box_c9as8_1",
|
|
207
210
|
icon: "_icon_c9as8_6",
|
|
208
211
|
caption: "_caption_c9as8_10"
|
|
209
|
-
},
|
|
212
|
+
}, J = ({ label: e, avatarUrl: t, avatarAlt: i = "", addAvatarLabel: a = "Add avatar", captionText: c = "PNG, JPG or SVG (max 1 MB)", onAddAvatarClick: u, styles: d, className: m }) => {
|
|
210
213
|
let h = n({
|
|
211
214
|
"--aa-box-bg": d?.colors?.boxBackgroundColor,
|
|
212
215
|
"--aa-box-border": d?.colors?.boxBorderColor,
|
|
@@ -219,7 +222,7 @@ var F = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
219
222
|
children: [/* @__PURE__ */ C(f, { label: e }), /* @__PURE__ */ w("div", {
|
|
220
223
|
className: "flex items-start gap-3",
|
|
221
224
|
children: [/* @__PURE__ */ C("div", {
|
|
222
|
-
className: r("flex h-16 w-16 shrink-0 items-center justify-center overflow-hidden rounded-lg border",
|
|
225
|
+
className: r("flex h-16 w-16 shrink-0 items-center justify-center overflow-hidden rounded-lg border", q.box),
|
|
223
226
|
children: t ? /* @__PURE__ */ C("img", {
|
|
224
227
|
src: t,
|
|
225
228
|
alt: i,
|
|
@@ -228,7 +231,7 @@ var F = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
228
231
|
size: o.LG,
|
|
229
232
|
stroke: s,
|
|
230
233
|
"aria-hidden": !0,
|
|
231
|
-
className:
|
|
234
|
+
className: q.icon
|
|
232
235
|
})
|
|
233
236
|
}), /* @__PURE__ */ w("div", {
|
|
234
237
|
className: "flex flex-col gap-3",
|
|
@@ -243,13 +246,13 @@ var F = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
243
246
|
label: a,
|
|
244
247
|
onClick: u
|
|
245
248
|
}), /* @__PURE__ */ C("span", {
|
|
246
|
-
className: r("dial-tiny-text",
|
|
249
|
+
className: r("dial-tiny-text", q.caption),
|
|
247
250
|
children: c
|
|
248
251
|
})]
|
|
249
252
|
})]
|
|
250
253
|
})]
|
|
251
254
|
});
|
|
252
|
-
},
|
|
255
|
+
}, Y = ({ isOpen: e, onClose: t, onAttach: n, bucket: r, FileManagerModal: i, allowedMimeTypes: a, maxFileSizeBytes: o, labels: s }) => {
|
|
253
256
|
let c = A((e) => e.length === 1 ? s.deleteConfirmTitleSingle : s.deleteConfirmTitleMultiple, [s.deleteConfirmTitleSingle, s.deleteConfirmTitleMultiple]), l = A((e) => /* @__PURE__ */ C("div", {
|
|
254
257
|
className: "dial-small-text px-6 py-3",
|
|
255
258
|
children: /* @__PURE__ */ C("p", {
|
|
@@ -318,15 +321,15 @@ var F = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
318
321
|
cancelLabel: s.cancelLabel
|
|
319
322
|
})
|
|
320
323
|
});
|
|
321
|
-
},
|
|
324
|
+
}, X = (e, t, n) => ({
|
|
322
325
|
id: e,
|
|
323
326
|
language: n.find((e) => !t.has(e.code))?.code ?? "",
|
|
324
327
|
name: "",
|
|
325
328
|
description: ""
|
|
326
|
-
}),
|
|
329
|
+
}), Z = ({ value: t, onChange: n, availableLocaleOptions: u = [], labels: f, className: m, summaryClassName: g = "dial-body-text text-secondary", rowLabelClassName: v = "dial-tiny-lead-text text-secondary" }) => {
|
|
327
330
|
let { summaryLabel: y, addLabel: S, editLabel: T, popupTitle: E, addLocaleLabel: D, localeRowLabel: k = "Locale", languageLabel: A, nameLabel: M, namePlaceholder: F, descriptionLabel: I, descriptionPlaceholder: L, deleteAriaLabel: R, cancelLabel: z = "Cancel", saveLabel: B = "Save" } = f, [V, H] = P(!1), [U, W] = P([]), G = N(0);
|
|
328
331
|
j(() => {
|
|
329
|
-
V && W(t.length > 0 ? t : [
|
|
332
|
+
V && W(t.length > 0 ? t : [X(`locale-row-${++G.current}`, /* @__PURE__ */ new Set(), u)]);
|
|
330
333
|
}, [
|
|
331
334
|
V,
|
|
332
335
|
t,
|
|
@@ -336,13 +339,13 @@ var F = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
336
339
|
n(U.filter((e) => e.language && e.name)), H(!1);
|
|
337
340
|
}, Y = () => {
|
|
338
341
|
let e = new Set(U.map((e) => e.language).filter(Boolean));
|
|
339
|
-
W((t) => [...t,
|
|
340
|
-
},
|
|
342
|
+
W((t) => [...t, X(`locale-row-${++G.current}`, e, u)]);
|
|
343
|
+
}, Z = (e, t) => {
|
|
341
344
|
W((n) => n.map((n) => n.id === e ? {
|
|
342
345
|
...n,
|
|
343
346
|
...t
|
|
344
347
|
} : n));
|
|
345
|
-
},
|
|
348
|
+
}, te = (e) => {
|
|
346
349
|
W((t) => t.filter((t) => t.id !== e));
|
|
347
350
|
}, Q = (e) => u.find((t) => t.code === e)?.label ?? e.toUpperCase(), $ = U.some((e) => !e.language || !e.name);
|
|
348
351
|
return u.length === 0 ? null : /* @__PURE__ */ w("div", {
|
|
@@ -399,7 +402,7 @@ var F = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
399
402
|
stroke: s
|
|
400
403
|
}),
|
|
401
404
|
"aria-label": `${R} ${n + 1}`,
|
|
402
|
-
onClick: () =>
|
|
405
|
+
onClick: () => te(t.id)
|
|
403
406
|
})]
|
|
404
407
|
}), /* @__PURE__ */ w("div", {
|
|
405
408
|
role: "group",
|
|
@@ -420,13 +423,13 @@ var F = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
420
423
|
disabled: r.has(e.code)
|
|
421
424
|
})),
|
|
422
425
|
value: t.language,
|
|
423
|
-
onChange: (e) =>
|
|
426
|
+
onChange: (e) => Z(t.id, { language: e })
|
|
424
427
|
}), /* @__PURE__ */ C(d, {
|
|
425
428
|
id: `${t.id}-name`,
|
|
426
429
|
containerClassName: "min-w-0 flex-1",
|
|
427
430
|
required: !0,
|
|
428
431
|
value: t.name,
|
|
429
|
-
onChange: (e) =>
|
|
432
|
+
onChange: (e) => Z(t.id, { name: e ?? "" }),
|
|
430
433
|
labelProps: {
|
|
431
434
|
label: M,
|
|
432
435
|
required: !0
|
|
@@ -438,7 +441,7 @@ var F = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
438
441
|
className: e,
|
|
439
442
|
resize: x.Vertical,
|
|
440
443
|
value: t.description,
|
|
441
|
-
onChange: (e) =>
|
|
444
|
+
onChange: (e) => Z(t.id, { description: e }),
|
|
442
445
|
labelProps: { label: I },
|
|
443
446
|
placeholder: L
|
|
444
447
|
})]
|
|
@@ -459,7 +462,7 @@ var F = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
459
462
|
})
|
|
460
463
|
]
|
|
461
464
|
});
|
|
462
|
-
},
|
|
465
|
+
}, te = ({ values: n, errors: i, onChange: a, onNameBlur: o, onVersionBlur: s, iconPreviewUrl: c, onAddAvatarClick: l, labels: u, styles: f, availableLocaleOptions: p = [] }) => {
|
|
463
466
|
let m = N(null), h = N(null), g = N(!1), _ = !!(i.name || i.version);
|
|
464
467
|
return j(() => {
|
|
465
468
|
_ && !g.current && (i.name ? m : h).current?.focus(), g.current = _;
|
|
@@ -472,7 +475,7 @@ var F = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
472
475
|
"aria-label": u.ariaLabel,
|
|
473
476
|
className: r("flex flex-col gap-4", f?.root),
|
|
474
477
|
children: [
|
|
475
|
-
/* @__PURE__ */ C(
|
|
478
|
+
/* @__PURE__ */ C(J, {
|
|
476
479
|
label: u.iconUrl.label,
|
|
477
480
|
avatarUrl: c,
|
|
478
481
|
addAvatarLabel: u.iconUrl.addAvatarLabel,
|
|
@@ -519,7 +522,7 @@ var F = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
519
522
|
className: e,
|
|
520
523
|
resize: x.Vertical
|
|
521
524
|
}),
|
|
522
|
-
/* @__PURE__ */ C(
|
|
525
|
+
/* @__PURE__ */ C(Z, {
|
|
523
526
|
value: n.otherLocales,
|
|
524
527
|
onChange: (e) => a({ otherLocales: e }),
|
|
525
528
|
availableLocaleOptions: p,
|
|
@@ -539,13 +542,13 @@ var F = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
539
542
|
})
|
|
540
543
|
]
|
|
541
544
|
});
|
|
542
|
-
},
|
|
545
|
+
}, Q = /* @__PURE__ */ function(e) {
|
|
543
546
|
return e.Required = "required", e.InvalidFormat = "invalid-format", e.TooLong = "too-long", e;
|
|
544
|
-
}({}),
|
|
547
|
+
}({}), $ = /^[a-zA-Z0-9 _.-]+$/, ne = /^[a-zA-Z0-9._-]+$/, re = /^\d+(\.\d+)*$/, ie = (e, t = {}) => {
|
|
545
548
|
let n = {}, r = e.name.trim();
|
|
546
|
-
r ? t.validateNamePattern &&
|
|
549
|
+
r ? t.validateNamePattern && !$.test(r) && (n.name = Q.InvalidFormat) : n.name = Q.Required;
|
|
547
550
|
let i = e.version.trim();
|
|
548
|
-
return t.validateVersionPattern && i && ((t.validateVersionPattern instanceof RegExp ? t.validateVersionPattern :
|
|
551
|
+
return t.validateVersionPattern && i && ((t.validateVersionPattern instanceof RegExp ? t.validateVersionPattern : ne).test(i) || (n.version = Q.InvalidFormat)), n;
|
|
549
552
|
};
|
|
550
553
|
//#endregion
|
|
551
|
-
export {
|
|
554
|
+
export { J as AddAvatar, Y as AvatarPickerModal, H as BUILDER_FORM_CLASS, V as BuilderFormContainer, Q as DeploymentCreationFieldErrorCode, te as DeploymentCreationForm, Z as DeploymentLocalesField, K as EditorLayout, W as EditorSection, $ as NAME_PATTERN, re as SEMVER_VERSION_PATTERN, ne as VERSION_PATTERN, ie as validateDeploymentCreationFields };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@epam/ai-dial-builder-form",
|
|
3
3
|
"description": "Presentational builder form shells, editor layouts, and shared deployment field sets for composing and editing DIAL entities",
|
|
4
|
-
"version": "1.2.0-dev.
|
|
4
|
+
"version": "1.2.0-dev.50",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./index.js",
|
|
@@ -20,8 +20,8 @@
|
|
|
20
20
|
"@tabler/icons-react": "^3.44.0"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
23
|
-
"@epam/ai-dial-chat-shared": "1.2.0-dev.
|
|
24
|
-
"@epam/ai-dial-ui-kit": "^0.
|
|
23
|
+
"@epam/ai-dial-chat-shared": "1.2.0-dev.50",
|
|
24
|
+
"@epam/ai-dial-ui-kit": "^0.15.0-dev.7",
|
|
25
25
|
"react": "^19.2.8"
|
|
26
26
|
},
|
|
27
27
|
"repository": {
|