@epam/ai-dial-builder-form 1.3.0-dev.35 → 1.3.0-dev.45

package/components/DeploymentCreationForm/DeploymentCreationForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeploymentCreationForm.d.ts","sourceRoot":"","sources":["../../../src/components/DeploymentCreationForm/DeploymentCreationForm.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,uCAAuC,CAAC;AAWzF;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CA6LlE,CAAC"}
+{"version":3,"file":"DeploymentCreationForm.d.ts","sourceRoot":"","sources":["../../../src/components/DeploymentCreationForm/DeploymentCreationForm.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,uCAAuC,CAAC;AAWzF;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAiMlE,CAAC"}

package/components/MetadataForm/MetadataForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MetadataForm.d.ts","sourceRoot":"","sources":["../../../src/components/MetadataForm/MetadataForm.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AA+F1E,yFAAyF;AACzF,eAAO,MAAM,YAAY,yDAA8B,CAAC"}
+{"version":3,"file":"MetadataForm.d.ts","sourceRoot":"","sources":["../../../src/components/MetadataForm/MetadataForm.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAmG1E,yFAAyF;AACzF,eAAO,MAAM,YAAY,yDAA8B,CAAC"}

package/index.js

@@ -2,9 +2,9 @@ import { ENTITY_DESCRIPTION_MAX_LENGTH as e, ENTITY_NAME_MAX_LENGTH as t, RESIZA
 import { ButtonAppearance as c, ButtonVariant as l, DIAL_ICON_SIZE as u, DIAL_KIT_ICON_STROKE as d, DangerIconButton as f, ElementSize as p, GhostButton as m, GhostIconButton as h, Input as g, Label as _, LinkButton as v, NeutralButton as y, Popup as b, PrimaryButton as x, Select as S, Spinner as C, TagInput as w, Textarea as T, TextareaResize as E } from "@epam/ai-dial-ui-kit";
 import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
 import { IconArrowLeft as A, IconArrowNarrowLeft as j, IconPhoto as M, IconPlus as N, IconTrashX as P } from "@tabler/icons-react";
-import { Suspense as ee, memo as F, useCallback as I, useEffect as te, useId as ne, useLayoutEffect as L, useMemo as R, useRef as z, useState as B } from "react";
+import { Suspense as F, memo as I, useCallback as L, useEffect as ee, useId as te, useLayoutEffect as R, useMemo as z, useRef as B, useState as V } from "react";
 //#region src/components/BuilderFormActions/BuilderFormActions.tsx
-var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubmitDisabled: i = !1, isSubmitting: a = !1, buttonClassName: o }) => /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(y, {
+var H = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubmitDisabled: i = !1, isSubmitting: a = !1, buttonClassName: o }) => /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(y, {
 	label: e.cancelButtonLabel,
 	onClick: t,
 	disabled: r,
@@ -19,18 +19,18 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 		"aria-hidden": !0,
 		children: /* @__PURE__ */ O(C, { size: u.SM })
 	}) : void 0
-})] }), H = {
+})] }), U = {
 	body: "_body_1xd7h_2",
 	sideColumn: "_sideColumn_1xd7h_6",
 	reservedColumn: "_reservedColumn_1xd7h_10"
-}, U = s("flex flex-col desktop:min-h-0 desktop:overflow-y-auto", H.sideColumn), re = ({ left: e, children: t, metadata: n, layout: r }) => {
+}, W = s("flex flex-col desktop:min-h-0 desktop:overflow-y-auto", U.sideColumn), ne = ({ left: e, children: t, metadata: n, layout: r }) => {
 	let i = e != null && n == null && r?.reserveEndColumn !== !1, a = r ? { "--bfb-side-column-width": r.sideColumnWidth ?? "400px" } : void 0, o = r ? { columnGap: r.columnGap ?? "0px" } : void 0;
 	return /* @__PURE__ */ k("div", {
-		className: s("flex min-h-0 min-w-0 flex-1 flex-col overflow-y-auto desktop:flex-row desktop:overflow-hidden", H.body),
+		className: s("flex min-h-0 min-w-0 flex-1 flex-col overflow-y-auto desktop:flex-row desktop:overflow-hidden", U.body),
 		style: o,
 		children: [
 			e != null && /* @__PURE__ */ O("div", {
-				className: U,
+				className: W,
 				style: a,
 				children: e
 			}),
@@ -39,29 +39,29 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 				children: t
 			}),
 			n != null && /* @__PURE__ */ O("div", {
-				className: U,
+				className: W,
 				style: a,
 				children: n
 			}),
 			i && /* @__PURE__ */ O("div", {
 				"aria-hidden": !0,
 				style: a,
-				className: s(H.reservedColumn, H.sideColumn)
+				className: s(U.reservedColumn, U.sideColumn)
 			})
 		]
 	});
-}, W = {
+}, G = {
 	header: "_header_lon83_4",
 	actions: "_actions_lon83_18",
 	title: "_title_lon83_27"
-}, ie = ({ labels: e, onBack: t, onCancel: n, onSubmit: r, isCancelDisabled: a = !1, isSubmitDisabled: o = !1, isSubmitting: c = !1, backIcon: l, styles: f }) => {
+}, re = ({ labels: e, onBack: t, onCancel: n, onSubmit: r, isCancelDisabled: a = !1, isSubmitDisabled: o = !1, isSubmitting: c = !1, backIcon: l, styles: f }) => {
 	let { colors: p, typography: m } = f ?? {}, g = m?.fontClassName ?? "dial-h1-text", _ = !!m?.fontClassName;
 	return /* @__PURE__ */ k("div", {
 		style: i({
 			"--bfh-border": p?.borderColor,
 			"--bfh-font-family": _ ? void 0 : m?.fontFamily
 		}),
-		className: s("flex min-h-16 shrink-0 items-center justify-between gap-2 px-4 py-2 desktop:h-16 desktop:flex-nowrap desktop:px-8 desktop:py-0", W.header),
+		className: s("flex min-h-16 shrink-0 items-center justify-between gap-2 px-4 py-2 desktop:h-16 desktop:flex-nowrap desktop:px-8 desktop:py-0", G.header),
 		children: [
 			/* @__PURE__ */ k("div", {
 				className: "flex min-w-0 flex-1 items-center gap-2",
@@ -75,13 +75,13 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 					"aria-label": e.backButtonLabel,
 					onClick: t
 				}), /* @__PURE__ */ O("h1", {
-					className: s("truncate", W.title, g),
+					className: s("truncate", G.title, g),
 					children: e.title
 				})]
 			}),
 			/* @__PURE__ */ O("div", {
-				className: s("items-center gap-2", W.actions),
-				children: /* @__PURE__ */ O(V, {
+				className: s("items-center gap-2", G.actions),
+				children: /* @__PURE__ */ O(H, {
 					labels: e,
 					onCancel: n,
 					onSubmit: r,
@@ -98,19 +98,19 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 			})
 		]
 	});
-}, G = {
+}, K = {
 	container: "_container_14mfe_1",
 	footer: "_footer_14mfe_10"
-}, K = ({ labels: e, onBack: t, onCancel: n, onSubmit: r, isCancelDisabled: a = !1, isSubmitDisabled: o = !1, isSubmitting: c = !1, backIcon: l, className: u, left: d, children: f, metadata: p, layout: m, styles: h }) => {
+}, q = ({ labels: e, onBack: t, onCancel: n, onSubmit: r, isCancelDisabled: a = !1, isSubmitDisabled: o = !1, isSubmitting: c = !1, backIcon: l, className: u, left: d, children: f, metadata: p, layout: m, styles: h }) => {
 	let { colors: g, header: _, cssVars: v } = h ?? {};
 	return /* @__PURE__ */ k("div", {
 		style: {
 			...i({ "--bfc-bg": g?.background }),
 			...v
 		},
-		className: s("flex h-full min-h-0 w-full flex-col overflow-hidden", u, G.container),
+		className: s("flex h-full min-h-0 w-full flex-col overflow-hidden", u, K.container),
 		children: [
-			/* @__PURE__ */ O(ie, {
+			/* @__PURE__ */ O(re, {
 				labels: e,
 				onBack: t,
 				onCancel: n,
@@ -121,15 +121,15 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 				backIcon: l,
 				styles: _
 			}),
-			/* @__PURE__ */ O(re, {
+			/* @__PURE__ */ O(ne, {
 				left: d,
 				metadata: p,
 				layout: m,
 				children: f
 			}),
 			/* @__PURE__ */ O("div", {
-				className: s("sticky bottom-0 z-10 items-center gap-2 p-3 shadow-sm", G.footer),
-				children: /* @__PURE__ */ O(V, {
+				className: s("sticky bottom-0 z-10 items-center gap-2 p-3 shadow-sm", K.footer),
+				children: /* @__PURE__ */ O(H, {
 					labels: e,
 					onCancel: n,
 					onSubmit: r,
@@ -141,13 +141,13 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 			})
 		]
 	});
-}, q = {
+}, J = {
 	layout: "dial-builder-form-layout",
 	section: "dial-builder-form-section",
 	metadataSection: "dial-builder-form-metadata-section",
 	setupSection: "dial-builder-form-setup-section",
 	asideSection: "dial-builder-form-aside-section"
-}, J = {
+}, ie = {
 	section: "_section_l1mnx_1",
 	title: "_title_l1mnx_5"
 }, Y = ({ title: e, children: t, styles: n, className: r }) => {
@@ -156,10 +156,10 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 		"--es-title-color": n?.colors?.titleColor
 	});
 	return /* @__PURE__ */ k("section", {
-		className: s("flex h-full flex-col gap-4 rounded border p-6", J.section, r, q.section),
+		className: s("flex h-full flex-col gap-4 rounded border p-6", ie.section, r, J.section),
 		style: a,
 		children: [e != null && /* @__PURE__ */ O("h2", {
-			className: s("dial-h3-text", J.title),
+			className: s("dial-h3-text", ie.title),
 			children: e
 		}), t]
 	});
@@ -168,13 +168,13 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 	footerBorder: "_footerBorder_1adw2_5",
 	columnBorder: "_columnBorder_1adw2_10"
 }, ae = ({ title: e, onBack: t, backAriaLabel: n = "Back", actions: r, leftContent: a, centerContent: o, rightContent: c, isSaving: l = !1, labels: f, styles: p, dir: m }) => {
-	let g = ne(), _ = l ? f?.savingStatusLabel ?? "Saving" : "", v = i({
+	let g = te(), _ = l ? f?.savingStatusLabel ?? "Saving" : "", v = i({
 		"--el-header-border-color": p?.colors?.headerBorderColor,
 		"--el-sidebar-border-color": p?.colors?.sidebarBorderColor
 	});
 	return /* @__PURE__ */ k("div", {
 		dir: m,
-		className: s("flex min-h-0 flex-1 flex-col", q.layout),
+		className: s("flex min-h-0 flex-1 flex-col", J.layout),
 		style: v,
 		children: [
 			/* @__PURE__ */ O("span", {
@@ -229,11 +229,11 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 			})
 		]
 	});
-}, Z = {
+}, oe = {
 	box: "_box_c9as8_1",
 	icon: "_icon_c9as8_6",
 	caption: "_caption_c9as8_10"
-}, oe = ({ label: e, avatarUrl: t, avatarAlt: n = "", addAvatarLabel: r = "Add avatar", captionText: a = "PNG, JPG or SVG (max 1 MB)", onAddAvatarClick: o, styles: c, className: l }) => {
+}, se = ({ label: e, avatarUrl: t, avatarAlt: n = "", addAvatarLabel: r = "Add avatar", captionText: a = "PNG, JPG or SVG (max 1 MB)", onAddAvatarClick: o, styles: c, className: l }) => {
 	let f = i({
 		"--aa-box-bg": c?.colors?.boxBackgroundColor,
 		"--aa-box-border": c?.colors?.boxBorderColor,
@@ -246,7 +246,7 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 		children: [/* @__PURE__ */ O(_, { label: e }), /* @__PURE__ */ k("div", {
 			className: "flex items-start gap-3",
 			children: [/* @__PURE__ */ O("div", {
-				className: s("flex h-16 w-16 shrink-0 items-center justify-center overflow-hidden rounded-lg border", Z.box),
+				className: s("flex h-16 w-16 shrink-0 items-center justify-center overflow-hidden rounded-lg border", oe.box),
 				children: t ? /* @__PURE__ */ O("img", {
 					src: t,
 					alt: n,
@@ -255,7 +255,7 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 					size: u.LG,
 					stroke: d,
 					"aria-hidden": !0,
-					className: Z.icon
+					className: oe.icon
 				})
 			}), /* @__PURE__ */ k("div", {
 				className: "flex flex-col gap-3",
@@ -270,14 +270,14 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 					label: r,
 					onClick: o
 				}), /* @__PURE__ */ O("span", {
-					className: s("dial-tiny-text", Z.caption),
+					className: s("dial-tiny-text", oe.caption),
 					children: a
 				})]
 			})]
 		})]
 	});
-}, se = ({ isOpen: e, onClose: t, onAttach: n, bucket: r, FileManagerModal: i, allowedMimeTypes: a, maxFileSizeBytes: o, labels: s }) => {
-	let c = I((e) => e.length === 1 ? s.deleteConfirmTitleSingle : s.deleteConfirmTitleMultiple, [s.deleteConfirmTitleSingle, s.deleteConfirmTitleMultiple]), l = I((e) => /* @__PURE__ */ O("div", {
+}, ce = ({ isOpen: e, onClose: t, onAttach: n, bucket: r, FileManagerModal: i, allowedMimeTypes: a, maxFileSizeBytes: o, labels: s }) => {
+	let c = L((e) => e.length === 1 ? s.deleteConfirmTitleSingle : s.deleteConfirmTitleMultiple, [s.deleteConfirmTitleSingle, s.deleteConfirmTitleMultiple]), l = L((e) => /* @__PURE__ */ O("div", {
 		className: "dial-small-text px-6 py-3",
 		children: /* @__PURE__ */ O("p", {
 			className: "mb-3 text-secondary",
@@ -310,7 +310,7 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 		s.deleteConfirmMultipleText,
 		s.deleteConfirmItemsLabel
 	]);
-	return /* @__PURE__ */ O(ee, {
+	return /* @__PURE__ */ O(F, {
 		fallback: null,
 		children: e && /* @__PURE__ */ O(i, {
 			isOpen: e,
@@ -343,48 +343,48 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 			deleteCancelLabel: s.deleteCancelLabel
 		})
 	});
-}, Q = /* @__PURE__ */ function(e) {
+}, Z = /* @__PURE__ */ function(e) {
 	return e.Avatar = "avatar", e.Name = "name", e.Version = "version", e.Description = "description", e.Locales = "locales", e.Tags = "tags", e;
-}({}), ce = [
+}({}), le = [
 	"avatar",
 	"name",
 	"version",
 	"description",
 	"locales",
 	"tags"
-], le = (e, t, n) => ({
+], ue = (e, t, n) => ({
 	id: e,
 	language: n.find((e) => !t.has(e.code))?.code ?? "",
 	name: "",
 	description: ""
-}), ue = ({ value: e, onChange: t, availableLocaleOptions: r = [], labels: i, className: a, summaryClassName: o = "dial-body-text text-secondary", rowLabelClassName: m = "dial-tiny-lead-text text-secondary" }) => {
-	let { summaryLabel: h, addLabel: _, editLabel: y, popupTitle: x, addLocaleLabel: C, localeRowLabel: w = "Locale", languageLabel: D, nameLabel: A, namePlaceholder: j, descriptionLabel: M, descriptionPlaceholder: ee, deleteAriaLabel: F, cancelLabel: I = "Cancel", saveLabel: ne = "Save" } = i, [L, R] = B(!1), [V, H] = B([]), U = z(0);
-	te(() => {
-		L && H(e.length > 0 ? e : [le(`locale-row-${++U.current}`, /* @__PURE__ */ new Set(), r)]);
+}), de = ({ value: e, onChange: t, availableLocaleOptions: r = [], labels: i, className: a, summaryClassName: o = "dial-body-text text-secondary", rowLabelClassName: m = "dial-tiny-lead-text text-secondary" }) => {
+	let { summaryLabel: h, addLabel: _, editLabel: y, popupTitle: x, addLocaleLabel: C, localeRowLabel: w = "Locale", languageLabel: D, nameLabel: A, namePlaceholder: j, descriptionLabel: M, descriptionPlaceholder: F, deleteAriaLabel: I, cancelLabel: L = "Cancel", saveLabel: te = "Save" } = i, [R, z] = V(!1), [H, U] = V([]), W = B(0);
+	ee(() => {
+		R && U(e.length > 0 ? e : [ue(`locale-row-${++W.current}`, /* @__PURE__ */ new Set(), r)]);
 	}, [
-		L,
+		R,
 		e,
 		r
 	]);
-	let re = () => R(!0), W = () => R(!1), ie = () => {
-		t(V.filter((e) => e.language && e.name)), R(!1);
-	}, G = () => {
-		let e = new Set(V.map((e) => e.language).filter(Boolean));
-		H((t) => [...t, le(`locale-row-${++U.current}`, e, r)]);
-	}, K = (e, t) => {
-		H((n) => n.map((n) => n.id === e ? {
+	let ne = () => z(!0), G = () => z(!1), re = () => {
+		t(H.filter((e) => e.language && e.name)), z(!1);
+	}, K = () => {
+		let e = new Set(H.map((e) => e.language).filter(Boolean));
+		U((t) => [...t, ue(`locale-row-${++W.current}`, e, r)]);
+	}, q = (e, t) => {
+		U((n) => n.map((n) => n.id === e ? {
 			...n,
 			...t
 		} : n));
-	}, q = (e) => {
-		H((t) => t.filter((t) => t.id !== e));
-	}, J = (e) => r.find((t) => t.code === e)?.label ?? e.toUpperCase(), Y = V.some((e) => !e.language || !e.name);
+	}, J = (e) => {
+		U((t) => t.filter((t) => t.id !== e));
+	}, ie = (e) => r.find((t) => t.code === e)?.label ?? e.toUpperCase(), Y = H.some((e) => !e.language || !e.name);
 	return r.length === 0 ? null : /* @__PURE__ */ k("div", {
 		className: s("flex items-center gap-2", a),
 		children: [
 			e.length > 0 && /* @__PURE__ */ O("span", {
 				className: o,
-				children: `${h}: ${e.map((e) => `[${J(e.language)}]`).join(", ")}`
+				children: `${h}: ${e.map((e) => `[${ie(e.language)}]`).join(", ")}`
 			}),
 			/* @__PURE__ */ O(v, {
 				label: e.length > 0 ? y : _,
@@ -394,25 +394,25 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 					stroke: d
 				}),
 				className: "!px-0",
-				onClick: re
+				onClick: ne
 			}),
 			/* @__PURE__ */ O(b, {
-				open: L,
+				open: R,
 				header: x,
-				onClose: W,
+				onClose: G,
 				mainButtons: [{
-					label: I,
-					onClick: W
+					label: L,
+					onClick: G
 				}, {
-					label: ne,
+					label: te,
 					variant: l.Primary,
 					disabled: Y,
-					onClick: ie
+					onClick: re
 				}],
 				children: /* @__PURE__ */ k("div", {
 					className: "flex flex-col gap-8 px-6 py-3",
-					children: [V.map((e, t) => {
-						let i = new Set(V.filter((t) => t.id !== e.id).map((e) => e.language).filter(Boolean));
+					children: [H.map((e, t) => {
+						let i = new Set(H.filter((t) => t.id !== e.id).map((e) => e.language).filter(Boolean));
 						return /* @__PURE__ */ k("div", {
 							className: "flex flex-col gap-2",
 							children: [/* @__PURE__ */ k("div", {
@@ -432,8 +432,8 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 										"aria-hidden": !0,
 										stroke: d
 									}),
-									"aria-label": `${F} ${t + 1}`,
-									onClick: () => q(e.id)
+									"aria-label": `${I} ${t + 1}`,
+									onClick: () => J(e.id)
 								})]
 							}), /* @__PURE__ */ k("div", {
 								role: "group",
@@ -454,13 +454,13 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 											disabled: i.has(e.code)
 										})),
 										value: e.language,
-										onChange: (t) => K(e.id, { language: t })
+										onChange: (t) => q(e.id, { language: t })
 									}), /* @__PURE__ */ O(g, {
 										id: `${e.id}-name`,
 										containerClassName: "min-w-0 flex-1",
 										required: !0,
 										value: e.name,
-										onChange: (t) => K(e.id, { name: t ?? "" }),
+										onChange: (t) => q(e.id, { name: t ?? "" }),
 										labelProps: {
 											label: A,
 											required: !0
@@ -472,9 +472,9 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 									className: n,
 									resize: E.Vertical,
 									value: e.description,
-									onChange: (t) => K(e.id, { description: t }),
+									onChange: (t) => q(e.id, { description: t }),
 									labelProps: { label: M },
-									placeholder: ee
+									placeholder: F
 								})]
 							})]
 						}, e.id);
@@ -486,45 +486,47 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 							stroke: d
 						}),
 						className: "self-start",
-						onClick: G,
-						disabled: V.length >= r.length
+						onClick: K,
+						disabled: H.length >= r.length
 					})]
 				})
 			})
 		]
 	});
-}, de = "Add tags, comma separated", fe = "deployment-creation-form-description", pe = ({ values: e, errors: t, onChange: i, onNameBlur: a, onVersionBlur: o, iconPreviewUrl: c, onAddAvatarClick: l, labels: u, styles: d, availableLocaleOptions: f = [], fields: p = ce, isNameReadOnly: m = !1, nameCaption: h, isDescriptionRequired: _ = !1, renderDescription: v, focusRequestKey: y }) => {
-	let b = z(null), x = z(null), S = z(null), C = z(!1), D = (e) => p.includes(e), A = D(Q.Name), j = D(Q.Version), M = !!(t.name || t.version || t.description), N = z(y);
-	te(() => {
+}, fe = "Add tags, comma separated", pe = "deployment-creation-form-description", me = ({ values: e, errors: t, onChange: i, onNameBlur: a, onVersionBlur: o, iconPreviewUrl: c, onAddAvatarClick: l, labels: u, styles: d, availableLocaleOptions: f = [], fields: p = le, isNameReadOnly: m = !1, nameCaption: h, isDescriptionRequired: _ = !1, descriptionMaxLength: v, descriptionCaption: y, renderDescription: b, focusRequestKey: x }) => {
+	let S = B(null), C = B(null), D = B(null), A = B(!1), j = (e) => p.includes(e), M = j(Z.Name), N = j(Z.Version), P = !!(t.name || t.version || t.description), F = B(x);
+	ee(() => {
 		let e = () => {
-			t.name ? b.current?.focus() : t.version ? x.current?.focus() : t.description && S.current?.focus();
+			t.name ? S.current?.focus() : t.version ? C.current?.focus() : t.description && D.current?.focus();
 		};
-		if (y !== void 0) {
-			y !== N.current && (N.current = y, e());
+		if (x !== void 0) {
+			x !== F.current && (F.current = x, e());
 			return;
 		}
-		M && !C.current && e(), C.current = M;
+		P && !A.current && e(), A.current = P;
 	}, [
-		y,
-		M,
+		x,
+		P,
 		t.name,
 		t.version,
 		t.description
 	]);
-	let P = /* @__PURE__ */ O(T, {
-		id: fe,
-		ref: S,
+	let I = /* @__PURE__ */ O(T, {
+		id: pe,
+		ref: D,
 		value: e.description,
 		onChange: (e) => i({ description: e }),
 		"aria-required": _ || void 0,
-		labelProps: v ? void 0 : {
+		labelProps: b ? void 0 : {
 			label: u.description.label,
 			required: _
 		},
 		placeholder: u.description.placeholder,
+		maxLength: v,
+		caption: y,
 		error: t.description || void 0,
 		invalid: !!t.description,
-		containerClassName: v ? void 0 : d?.field,
+		containerClassName: b ? void 0 : d?.field,
 		className: n,
 		resize: E.Vertical
 	});
@@ -533,7 +535,7 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 		"aria-label": u.ariaLabel,
 		className: s("flex flex-col gap-4", d?.root),
 		children: [
-			D(Q.Avatar) && /* @__PURE__ */ O(oe, {
+			j(Z.Avatar) && /* @__PURE__ */ O(se, {
 				label: u.iconUrl.label,
 				avatarUrl: c,
 				addAvatarLabel: u.iconUrl.addAvatarLabel,
@@ -541,11 +543,11 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 				onAddAvatarClick: l,
 				className: d?.field
 			}),
-			(A || j) && /* @__PURE__ */ k("div", {
+			(M || N) && /* @__PURE__ */ k("div", {
 				className: s("flex items-start gap-4", d?.field),
-				children: [A && /* @__PURE__ */ O(g, {
+				children: [M && /* @__PURE__ */ O(g, {
 					id: "deployment-creation-form-name",
-					inputRef: b,
+					inputRef: S,
 					value: e.name,
 					onChange: (e) => i({ name: e ?? "" }),
 					onBlur: a,
@@ -558,10 +560,10 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 					caption: h,
 					error: t.name || void 0,
 					invalid: !!t.name,
-					containerClassName: j ? "min-w-0 basis-0 grow-[2]" : "min-w-0 flex-1"
-				}), j && /* @__PURE__ */ O(g, {
+					containerClassName: N ? "min-w-0 basis-0 grow-[2]" : "min-w-0 flex-1"
+				}), N && /* @__PURE__ */ O(g, {
 					id: "deployment-creation-form-version",
-					inputRef: x,
+					inputRef: C,
 					value: e.version,
 					onChange: (e) => i({ version: e ?? "" }),
 					onBlur: o,
@@ -569,26 +571,26 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 					placeholder: u.version.placeholder,
 					error: t.version || void 0,
 					invalid: !!t.version,
-					containerClassName: A ? "min-w-0 basis-0 grow-[1]" : "min-w-0 flex-1"
+					containerClassName: M ? "min-w-0 basis-0 grow-[1]" : "min-w-0 flex-1"
 				})]
 			}),
-			D(Q.Description) && (v ? /* @__PURE__ */ O("div", {
+			j(Z.Description) && (b ? /* @__PURE__ */ O("div", {
 				className: d?.field,
-				children: v(P, fe)
-			}) : P),
-			D(Q.Locales) && /* @__PURE__ */ O(ue, {
+				children: b(I, pe)
+			}) : I),
+			j(Z.Locales) && /* @__PURE__ */ O(de, {
 				value: e.otherLocales,
 				onChange: (e) => i({ otherLocales: e }),
 				availableLocaleOptions: f,
 				labels: u.otherLocales,
 				className: d?.field
 			}),
-			D(Q.Tags) && /* @__PURE__ */ O("div", {
+			j(Z.Tags) && /* @__PURE__ */ O("div", {
 				className: d?.field,
 				children: /* @__PURE__ */ O(w, {
 					id: "deployment-creation-form-topics",
 					labelProps: { label: u.topics.label },
-					placeholder: u.topics.placeholder ?? de,
+					placeholder: u.topics.placeholder ?? fe,
 					value: e.topics,
 					onChange: (e) => i({ topics: e }),
 					tagClassName: r
@@ -596,10 +598,10 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 			})
 		]
 	});
-}, me = "border-0 p-4 desktop:p-8", he = "desktop:flex-1", ge = "px-4 pt-4 desktop:px-6 desktop:pt-6", _e = F(({ title: e, onBack: t, onCancel: n, onSubmit: r, submitLabel: i, isSubmitting: a = !1, isSubmitDisabled: o = !1, extraActions: c, hideStandardActions: l = !1, metadata: u, metadataTitle: d, metadataFooter: f, setup: p, setupTitle: m, asideData: h, asideTitle: g, asideSectionClassName: _, alert: v, metadataSectionClassName: b, setupSectionClassName: S, labels: C, styles: w, dir: T }) => {
+}, he = "border-0 p-4 desktop:p-8", ge = "desktop:flex-1", _e = "px-4 pt-4 desktop:px-6 desktop:pt-6", ve = I(({ title: e, onBack: t, onCancel: n, onSubmit: r, submitLabel: i, isSubmitting: a = !1, isSubmitDisabled: o = !1, extraActions: c, hideStandardActions: l = !1, metadata: u, metadataTitle: d, metadataFooter: f, setup: p, setupTitle: m, asideData: h, asideTitle: g, asideSectionClassName: _, alert: v, metadataSectionClassName: b, setupSectionClassName: S, labels: C, styles: w, dir: T }) => {
 	let E = v == null ? null : /* @__PURE__ */ O("div", {
 		role: "alert",
-		className: ge,
+		className: _e,
 		children: v
 	}), A = p != null;
 	return /* @__PURE__ */ O(ae, {
@@ -611,7 +613,7 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 		rightContent: h == null ? void 0 : /* @__PURE__ */ O(Y, {
 			title: g,
 			styles: w?.section,
-			className: s(me, _, q.asideSection),
+			className: s(he, _, J.asideSection),
 			children: h
 		}),
 		styles: w?.layout,
@@ -630,7 +632,7 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 			/* @__PURE__ */ O(Y, {
 				title: d === null ? void 0 : d ?? C?.metadataTitle ?? "Metadata",
 				styles: w?.section,
-				className: s(me, b, q.metadataSection),
+				className: s(he, b, J.metadataSection),
 				children: u
 			}),
 			f
@@ -638,11 +640,11 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 		centerContent: A ? /* @__PURE__ */ k(D, { children: [E, /* @__PURE__ */ O(Y, {
 			title: m === null ? void 0 : m ?? C?.setupTitle ?? "Setup",
 			styles: w?.section,
-			className: s(me, he, S, q.setupSection),
+			className: s(he, ge, S, J.setupSection),
 			children: p
 		})] }) : void 0
 	});
-}), ve = {
+}), ye = {
 	name: {
 		label: "Name",
 		placeholder: "Enter name"
@@ -681,7 +683,7 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 		saveLabel: "Save"
 	},
 	ariaLabel: "Metadata"
-}, ye = {
+}, be = {
 	title: "Add avatar",
 	attachLabel: "Attach",
 	emptyTitle: "This folder is empty",
@@ -705,45 +707,47 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 	deleteConfirmItemsLabel: "items?",
 	deleteConfirmLabel: "Delete",
 	deleteCancelLabel: "Cancel"
-}, be = F(({ values: e, errors: t, onChange: n, onNameBlur: r, onVersionBlur: i, avatarPicker: a, availableLocaleOptions: o, fields: s = ce, isNameReadOnly: c, nameCaption: l, isDescriptionRequired: u, renderDescription: d, focusRequestKey: f, labels: p }) => {
-	let [m, h] = B(!1), g = R(() => a ? s : s.filter((e) => e !== Q.Avatar), [a, s]), _ = e.iconUrl, v = a?.resolveIconUrl, y = R(() => v ? v(_) : void 0, [_, v]), b = I(() => h(!0), []), x = I(() => h(!1), []), S = a?.resolveAttachedIconUrl, C = I((e) => {
-		let t = S?.(e);
-		t && n({ iconUrl: t }), h(!1);
-	}, [n, S]);
-	return /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(pe, {
+}, xe = I(({ values: e, errors: t, onChange: n, onNameBlur: r, onVersionBlur: i, avatarPicker: a, availableLocaleOptions: o, fields: s = le, isNameReadOnly: c, nameCaption: l, isDescriptionRequired: u, descriptionMaxLength: d, descriptionCaption: f, renderDescription: p, focusRequestKey: m, labels: h }) => {
+	let [g, _] = V(!1), v = z(() => a ? s : s.filter((e) => e !== Z.Avatar), [a, s]), y = e.iconUrl, b = a?.resolveIconUrl, x = z(() => b ? b(y) : void 0, [y, b]), S = L(() => _(!0), []), C = L(() => _(!1), []), w = a?.resolveAttachedIconUrl, T = L((e) => {
+		let t = w?.(e);
+		t && n({ iconUrl: t }), _(!1);
+	}, [n, w]);
+	return /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(me, {
 		values: e,
 		errors: t,
 		onChange: n,
 		onNameBlur: r,
 		onVersionBlur: i,
-		iconPreviewUrl: y,
-		onAddAvatarClick: b,
-		labels: p?.form ?? ve,
+		iconPreviewUrl: x,
+		onAddAvatarClick: S,
+		labels: h?.form ?? ye,
 		availableLocaleOptions: o,
-		fields: g,
+		fields: v,
 		isNameReadOnly: c,
 		nameCaption: l,
 		isDescriptionRequired: u,
-		renderDescription: d,
-		focusRequestKey: f
-	}), a && /* @__PURE__ */ O(se, {
-		isOpen: m,
-		onClose: x,
-		onAttach: C,
+		descriptionMaxLength: d,
+		descriptionCaption: f,
+		renderDescription: p,
+		focusRequestKey: m
+	}), a && /* @__PURE__ */ O(ce, {
+		isOpen: g,
+		onClose: C,
+		onAttach: T,
 		bucket: a.bucket,
 		FileManagerModal: a.FileManagerModal,
 		allowedMimeTypes: a.allowedMimeTypes,
 		maxFileSizeBytes: a.maxFileSizeBytes,
-		labels: p?.avatarPicker ?? ye
+		labels: h?.avatarPicker ?? be
 	})] });
-}), $ = /* @__PURE__ */ function(e) {
+}), Q = /* @__PURE__ */ function(e) {
 	return e.Required = "required", e.InvalidFormat = "invalid-format", e.TooLong = "too-long", e.ControlCharacters = "control-characters", e;
-}({}), xe = (e, t) => e.length === t.length && e.every((e, n) => e.id === t[n].id && e.language === t[n].language && e.name === t[n].name && e.description === t[n].description), Se = (e, t) => e.name === t.name && e.description === t.description && e.iconUrl === t.iconUrl && e.version === t.version && e.topics.length === t.topics.length && e.topics.every((e, n) => e === t.topics[n]) && xe(e.otherLocales, t.otherLocales), Ce = (e) => Object.values(e).every((e) => e == null), we = /^[a-zA-Z0-9 _.-]+$/, Te = /^[a-zA-Z0-9._-]+$/, Ee = /^(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)(?:-(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\.(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*))*)?(?:\+[0-9a-zA-Z-]+(?:\.[0-9a-zA-Z-]+)*)?$/, De = "1.0.0", Oe = (n, r = {}) => {
+}({}), Se = (e, t) => e.length === t.length && e.every((e, n) => e.id === t[n].id && e.language === t[n].language && e.name === t[n].name && e.description === t[n].description), Ce = (e, t) => e.name === t.name && e.description === t.description && e.iconUrl === t.iconUrl && e.version === t.version && e.topics.length === t.topics.length && e.topics.every((e, n) => e === t.topics[n]) && Se(e.otherLocales, t.otherLocales), we = (e) => Object.values(e).every((e) => e == null), Te = /^[a-zA-Z0-9 _.-]+$/, Ee = /^[a-zA-Z0-9._-]+$/, De = /^(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)(?:-(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\.(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*))*)?(?:\+[0-9a-zA-Z-]+(?:\.[0-9a-zA-Z-]+)*)?$/, Oe = "1.0.0", ke = (n, r = {}) => {
 	let i = {}, s = n.name.trim();
-	s ? a(s, t) ? i.name = $.TooLong : r.validateNamePattern && !we.test(s) ? i.name = $.InvalidFormat : o(s) && (i.name = $.ControlCharacters) : i.name = $.Required, a(n.description, e) && (i.description = $.TooLong);
+	s ? a(s, t) ? i.name = Q.TooLong : r.validateNamePattern && !Te.test(s) ? i.name = Q.InvalidFormat : o(s) && (i.name = Q.ControlCharacters) : i.name = Q.Required, a(n.description, e) && (i.description = Q.TooLong);
 	let c = n.version.trim();
-	return r.validateVersionPattern && c && ((r.validateVersionPattern instanceof RegExp ? r.validateVersionPattern : Te).test(c) || (i.version = $.InvalidFormat)), i;
-}, ke = new Set([$.TooLong, $.ControlCharacters]), Ae = (e, t) => ({
+	return r.validateVersionPattern && c && ((r.validateVersionPattern instanceof RegExp ? r.validateVersionPattern : Ee).test(c) || (i.version = Q.InvalidFormat)), i;
+}, Ae = new Set([Q.TooLong, Q.ControlCharacters]), $ = (e, t) => ({
 	reseedKey: t,
 	values: e,
 	baseline: e,
@@ -751,49 +755,49 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 	hasAttemptedSubmit: !1,
 	submitAttemptCount: 0
 }), je = ({ initialValues: e, validationOptions: t, reseedKey: n }) => {
-	let [r, i] = B(() => Ae(e, n));
-	r.reseedKey !== n && i(Ae(e, n));
-	let a = t?.validateNamePattern, o = t?.validateVersionPattern, s = R(() => Oe(r.values, {
+	let [r, i] = V(() => $(e, n));
+	r.reseedKey !== n && i($(e, n));
+	let a = t?.validateNamePattern, o = t?.validateVersionPattern, s = z(() => ke(r.values, {
 		validateNamePattern: a,
 		validateVersionPattern: o
 	}), [
 		r.values,
 		a,
 		o
-	]), c = R(() => {
+	]), c = z(() => {
 		if (r.hasAttemptedSubmit) return s;
-		let e = (e, t) => e && (t || ke.has(e)) ? e : void 0;
+		let e = (e, t) => e && (t || Ae.has(e)) ? e : void 0;
 		return {
-			name: e(s.name, r.touched[Q.Name]),
-			version: e(s.version, r.touched[Q.Version]),
-			description: e(s.description, r.touched[Q.Description])
+			name: e(s.name, r.touched[Z.Name]),
+			version: e(s.version, r.touched[Z.Version]),
+			description: e(s.description, r.touched[Z.Description])
 		};
 	}, [
 		s,
 		r.hasAttemptedSubmit,
 		r.touched
-	]), l = z(s), u = z(e);
-	L(() => {
+	]), l = B(s), u = B(e);
+	R(() => {
 		l.current = s, u.current = e;
 	});
-	let d = I((e) => i((t) => ({
+	let d = L((e) => i((t) => ({
 		...t,
 		values: {
 			...t.values,
 			...e
 		}
-	})), []), f = I((e) => i((t) => t.touched[e] ? t : {
+	})), []), f = L((e) => i((t) => t.touched[e] ? t : {
 		...t,
 		touched: {
 			...t.touched,
 			[e]: !0
 		}
-	}), []), p = I(() => (i((e) => ({
+	}), []), p = L(() => (i((e) => ({
 		...e,
 		hasAttemptedSubmit: !0,
 		submitAttemptCount: e.submitAttemptCount + 1
-	})), Ce(l.current)), []), m = I((e) => i((t) => Ae(e ?? u.current, t.reseedKey)), []), h = R(() => !Se(r.values, r.baseline), [r.values, r.baseline]);
-	return R(() => ({
+	})), we(l.current)), []), m = L((e) => i((t) => $(e ?? u.current, t.reseedKey)), []), h = z(() => !Ce(r.values, r.baseline), [r.values, r.baseline]);
+	return z(() => ({
 		values: r.values,
 		setValues: d,
 		touched: r.touched,
@@ -818,4 +822,4 @@ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
 	]);
 };
 //#endregion
-export { oe as AddAvatar, se as AvatarPickerModal, q as BUILDER_FORM_CLASS, K as BuilderFormContainer, De as DEFAULT_DEPLOYMENT_VERSION, ve as DEFAULT_METADATA_FORM_LABELS, $ as DeploymentCreationFieldErrorCode, pe as DeploymentCreationForm, ue as DeploymentLocalesField, ae as EditorLayout, Y as EditorSection, _e as EntityEditor, Q as MetadataField, be as MetadataForm, we as NAME_PATTERN, Ee as SEMVER_VERSION_PATTERN, Te as VERSION_PATTERN, je as useMetadataForm, Oe as validateDeploymentCreationFields };
+export { se as AddAvatar, ce as AvatarPickerModal, J as BUILDER_FORM_CLASS, q as BuilderFormContainer, Oe as DEFAULT_DEPLOYMENT_VERSION, ye as DEFAULT_METADATA_FORM_LABELS, Q as DeploymentCreationFieldErrorCode, me as DeploymentCreationForm, de as DeploymentLocalesField, ae as EditorLayout, Y as EditorSection, ve as EntityEditor, Z as MetadataField, xe as MetadataForm, Te as NAME_PATTERN, De as SEMVER_VERSION_PATTERN, Ee as VERSION_PATTERN, je as useMetadataForm, ke as validateDeploymentCreationFields };

package/models/deployment-creation-form.d.ts

@@ -138,6 +138,10 @@ export interface DeploymentCreationFormProps {
     nameCaption?: string;
     /** Marks the description field as required. The host still owns the validation. */
     isDescriptionRequired?: boolean;
+    /** Hard limit on the description length; the textarea stops accepting input at it. */
+    descriptionMaxLength?: number;
+    /** Helper text rendered under the description field, e.g. a `120/2000` counter. */
+    descriptionCaption?: string;
     /**
      * Wraps the Description textarea, e.g. in a label row with extra actions.
      * When set, the textarea renders without its own label, so the returned node

package/models/deployment-creation-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deployment-creation-form.d.ts","sourceRoot":"","sources":["../../src/models/deployment-creation-form.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"deployment-creation-form.d.ts","sourceRoot":"","sources":["../../src/models/deployment-creation-form.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,kBAAkB,EACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,6GAA6G;AAC7G,MAAM,MAAM,iCAAiC,GAAG,kBAAkB,CAAC;AAEnE,iEAAiE;AACjE,MAAM,MAAM,kCAAkC,GAAG,YAAY,CAAC;AAE9D,4EAA4E;AAC5E,MAAM,WAAW,4BAA4B;IAC3C,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,2CAA2C;IAC3C,WAAW,EAAE,MAAM,CAAC;IACpB,qGAAqG;IACrG,OAAO,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,uGAAuG;IACvG,YAAY,EAAE,iCAAiC,EAAE,CAAC;CACnD;AAED,kEAAkE;AAClE,MAAM,WAAW,iCAAiC;IAChD,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,+EAA+E;AAC/E,MAAM,WAAW,iCAAiC;IAChD,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,uEAAuE;AACvE,MAAM,WAAW,gCAAgC;IAC/C,kFAAkF;IAClF,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,cAAc,EAAE,MAAM,CAAC;IACvB,kGAAkG;IAClG,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,+GAA+G;AAC/G,MAAM,WAAW,kCAAkC;IACjD,4EAA4E;IAC5E,YAAY,EAAE,MAAM,CAAC;IACrB,uGAAuG;IACvG,QAAQ,EAAE,MAAM,CAAC;IACjB,sGAAsG;IACtG,SAAS,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,cAAc,EAAE,MAAM,CAAC;IACvB,qGAAqG;IACrG,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,2CAA2C;IAC3C,aAAa,EAAE,MAAM,CAAC;IACtB,2CAA2C;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kDAAkD;IAClD,gBAAgB,EAAE,MAAM,CAAC;IACzB,wDAAwD;IACxD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,iDAAiD;IACjD,eAAe,EAAE,MAAM,CAAC;IACxB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,oFAAoF;AACpF,MAAM,WAAW,4BAA4B;IAC3C,iCAAiC;IACjC,IAAI,EAAE,iCAAiC,CAAC;IACxC,wCAAwC;IACxC,WAAW,EAAE,iCAAiC,CAAC;IAC/C,wCAAwC;IACxC,OAAO,EAAE,gCAAgC,CAAC;IAC1C,oCAAoC;IACpC,OAAO,EAAE,iCAAiC,CAAC;IAC3C,mCAAmC;IACnC,MAAM,EAAE,iCAAiC,CAAC;IAC1C,+DAA+D;IAC/D,YAAY,EAAE,kCAAkC,CAAC;IACjD,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qFAAqF;AACrF,MAAM,WAAW,4BAA4B;IAC3C,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,gEAAgE;AAChE,MAAM,WAAW,2BAA2B;IAC1C,qEAAqE;IACrE,MAAM,EAAE,4BAA4B,CAAC;IACrC,yEAAyE;IACzE,MAAM,EAAE,iCAAiC,CAAC;IAC1C,kEAAkE;IAClE,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,4BAA4B,CAAC,KAAK,IAAI,CAAC;IACjE,sFAAsF;IACtF,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qJAAqJ;IACrJ,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,0DAA0D;IAC1D,MAAM,EAAE,4BAA4B,CAAC;IACrC,8CAA8C;IAC9C,MAAM,CAAC,EAAE,4BAA4B,CAAC;IACtC,8GAA8G;IAC9G,sBAAsB,CAAC,EAAE,kCAAkC,EAAE,CAAC;IAC9D;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,aAAa,EAAE,CAAC;IAClC,+FAA+F;IAC/F,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mFAAmF;IACnF,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,sFAAsF;IACtF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,mFAAmF;IACnF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,KAAK,SAAS,CAAC;IACxE;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}

package/models/metadata-form-props.d.ts

@@ -52,6 +52,10 @@ export interface MetadataFormProps {
     nameCaption?: string;
     /** Marks the Description field as required. Defaults to `false`. */
     isDescriptionRequired?: boolean;
+    /** Hard limit on the Description length; see `DeploymentCreationFormProps.descriptionMaxLength`. */
+    descriptionMaxLength?: number;
+    /** Helper text rendered under the Description field, e.g. a character counter. */
+    descriptionCaption?: string;
     /** Wraps the Description textarea, which then renders without its own label; see `DeploymentCreationFormProps.renderDescription`. */
     renderDescription?: (textarea: ReactNode, fieldId: string) => ReactNode;
     /** Changes on every submit attempt to move focus to the first invalid field; see `DeploymentCreationFormProps.focusRequestKey`. */

package/models/metadata-form-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"metadata-form-props.d.ts","sourceRoot":"","sources":["../../src/models/metadata-form-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EACV,iCAAiC,EACjC,uBAAuB,EACxB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EACV,iCAAiC,EACjC,4BAA4B,EAC5B,kCAAkC,EAClC,4BAA4B,EAC7B,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,+DAA+D;IAC/D,IAAI,CAAC,EAAE,4BAA4B,CAAC;IACpC,0CAA0C;IAC1C,YAAY,CAAC,EAAE,uBAAuB,CAAC;CACxC;AAED,uFAAuF;AACvF,MAAM,WAAW,wBAAwB;IACvC,4DAA4D;IAC5D,MAAM,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,gBAAgB,EAAE,aAAa,CAAC,iCAAiC,CAAC,CAAC;IACnE,iFAAiF;IACjF,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,qGAAqG;IACrG,sBAAsB,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,MAAM,GAAG,SAAS,CAAC;IACrE,4CAA4C;IAC5C,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,yCAAyC;IACzC,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,+BAA+B;AAC/B,MAAM,WAAW,iBAAiB;IAChC,8EAA8E;IAC9E,MAAM,EAAE,4BAA4B,CAAC;IACrC,4DAA4D;IAC5D,MAAM,EAAE,iCAAiC,CAAC;IAC1C,yDAAyD;IACzD,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,4BAA4B,CAAC,KAAK,IAAI,CAAC;IACjE,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,2GAA2G;IAC3G,YAAY,CAAC,EAAE,wBAAwB,CAAC;IACxC,mFAAmF;IACnF,sBAAsB,CAAC,EAAE,kCAAkC,EAAE,CAAC;IAC9D,iEAAiE;IACjE,MAAM,CAAC,EAAE,SAAS,aAAa,EAAE,CAAC;IAClC,6DAA6D;IAC7D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oEAAoE;IACpE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qIAAqI;IACrI,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,KAAK,SAAS,CAAC;IACxE,mIAAmI;IACnI,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wEAAwE;IACxE,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B"}
+{"version":3,"file":"metadata-form-props.d.ts","sourceRoot":"","sources":["../../src/models/metadata-form-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EACV,iCAAiC,EACjC,uBAAuB,EACxB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EACV,iCAAiC,EACjC,4BAA4B,EAC5B,kCAAkC,EAClC,4BAA4B,EAC7B,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,+DAA+D;IAC/D,IAAI,CAAC,EAAE,4BAA4B,CAAC;IACpC,0CAA0C;IAC1C,YAAY,CAAC,EAAE,uBAAuB,CAAC;CACxC;AAED,uFAAuF;AACvF,MAAM,WAAW,wBAAwB;IACvC,4DAA4D;IAC5D,MAAM,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,gBAAgB,EAAE,aAAa,CAAC,iCAAiC,CAAC,CAAC;IACnE,iFAAiF;IACjF,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,qGAAqG;IACrG,sBAAsB,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,MAAM,GAAG,SAAS,CAAC;IACrE,4CAA4C;IAC5C,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,yCAAyC;IACzC,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,+BAA+B;AAC/B,MAAM,WAAW,iBAAiB;IAChC,8EAA8E;IAC9E,MAAM,EAAE,4BAA4B,CAAC;IACrC,4DAA4D;IAC5D,MAAM,EAAE,iCAAiC,CAAC;IAC1C,yDAAyD;IACzD,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,4BAA4B,CAAC,KAAK,IAAI,CAAC;IACjE,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,2GAA2G;IAC3G,YAAY,CAAC,EAAE,wBAAwB,CAAC;IACxC,mFAAmF;IACnF,sBAAsB,CAAC,EAAE,kCAAkC,EAAE,CAAC;IAC9D,iEAAiE;IACjE,MAAM,CAAC,EAAE,SAAS,aAAa,EAAE,CAAC;IAClC,6DAA6D;IAC7D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oEAAoE;IACpE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oGAAoG;IACpG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kFAAkF;IAClF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qIAAqI;IACrI,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,KAAK,SAAS,CAAC;IACxE,mIAAmI;IACnI,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wEAAwE;IACxE,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-builder-form",
   "description": "Presentational builder form shells, editor layouts, and shared deployment field sets for composing and editing DIAL entities",
-  "version": "1.3.0-dev.35",
+  "version": "1.3.0-dev.45",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -20,7 +20,7 @@
     "@tabler/icons-react": "^3.44.0"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.3.0-dev.35",
+    "@epam/ai-dial-chat-shared": "1.3.0-dev.45",
     "@epam/ai-dial-ui-kit": "^0.15.3",
     "react": "^19.2.8"
   },