@epam/ai-dial-skill-editor 1.3.0-dev.70 → 1.3.0-dev.83

package/index.js

@@ -364,40 +364,39 @@ var ve = {
 			})
 		]
 	});
-}, Oe = "Add tags, comma separated", ke = "deployment-creation-form-description", G = ({ values: e, errors: t, onChange: n, onNameBlur: a, onVersionBlur: o, iconPreviewUrl: s, onAddAvatarClick: l, labels: u, styles: d, availableLocaleOptions: f = [], fields: p = Ee, isNameReadOnly: m = !1, nameCaption: h, isDescriptionRequired: g = !1, descriptionMaxLength: _, descriptionCaption: v, renderDescription: y, focusRequestKey: b }) => {
-	let x = V(null), S = V(null), C = V(null), w = V(!1), E = (e) => p.includes(e), D = E(U.Name), O = E(U.Version), k = !!(t.name || t.version || t.description), ee = V(b);
+}, Oe = "Add tags, comma separated", ke = "deployment-creation-form-description", G = ({ values: e, errors: t, onChange: n, onNameBlur: a, onVersionBlur: o, iconPreviewUrl: s, onAddAvatarClick: l, labels: u, styles: d, availableLocaleOptions: f = [], fields: p = Ee, isNameReadOnly: m = !1, nameCaption: h, isDescriptionRequired: g = !1, descriptionCaption: _, renderDescription: v, focusRequestKey: y }) => {
+	let b = V(null), x = V(null), S = V(null), C = V(!1), w = (e) => p.includes(e), E = w(U.Name), D = w(U.Version), O = !!(t.name || t.version || t.description), k = V(y);
 	pe(() => {
 		let e = () => {
-			t.name ? x.current?.focus() : t.version ? S.current?.focus() : t.description && C.current?.focus();
+			t.name ? b.current?.focus() : t.version ? x.current?.focus() : t.description && S.current?.focus();
 		};
-		if (b !== void 0) {
-			b !== ee.current && (ee.current = b, e());
+		if (y !== void 0) {
+			y !== k.current && (k.current = y, e());
 			return;
 		}
-		k && !w.current && e(), w.current = k;
+		O && !C.current && e(), C.current = O;
 	}, [
-		b,
-		k,
+		y,
+		O,
 		t.name,
 		t.version,
 		t.description
 	]);
-	let A = /* @__PURE__ */ F(M, {
+	let ee = /* @__PURE__ */ F(M, {
 		id: ke,
-		ref: C,
+		ref: S,
 		value: e.description,
 		onChange: (e) => n({ description: e }),
 		"aria-required": g || void 0,
-		labelProps: y ? void 0 : {
+		labelProps: v ? void 0 : {
 			label: u.description.label,
 			required: g
 		},
 		placeholder: u.description.placeholder,
-		maxLength: _,
-		caption: v,
+		caption: _,
 		error: t.description || void 0,
 		invalid: !!t.description,
-		containerClassName: y ? void 0 : d?.field,
+		containerClassName: v ? void 0 : d?.field,
 		className: r,
 		resize: N.Vertical
 	});
@@ -406,7 +405,7 @@ var ve = {
 		"aria-label": u.ariaLabel,
 		className: c("flex flex-col gap-4", d?.root),
 		children: [
-			E(U.Avatar) && /* @__PURE__ */ F(we, {
+			w(U.Avatar) && /* @__PURE__ */ F(we, {
 				label: u.iconUrl.label,
 				avatarUrl: s,
 				addAvatarLabel: u.iconUrl.addAvatarLabel,
@@ -414,11 +413,11 @@ var ve = {
 				onAddAvatarClick: l,
 				className: d?.field
 			}),
-			(D || O) && /* @__PURE__ */ I("div", {
+			(E || D) && /* @__PURE__ */ I("div", {
 				className: c("flex items-start gap-4", d?.field),
-				children: [D && /* @__PURE__ */ F(T, {
+				children: [E && /* @__PURE__ */ F(T, {
 					id: "deployment-creation-form-name",
-					inputRef: x,
+					inputRef: b,
 					value: e.name,
 					onChange: (e) => n({ name: e ?? "" }),
 					onBlur: a,
@@ -431,10 +430,10 @@ var ve = {
 					caption: h,
 					error: t.name || void 0,
 					invalid: !!t.name,
-					containerClassName: O ? "min-w-0 basis-0 grow-[2]" : "min-w-0 flex-1"
-				}), O && /* @__PURE__ */ F(T, {
+					containerClassName: D ? "min-w-0 basis-0 grow-[2]" : "min-w-0 flex-1"
+				}), D && /* @__PURE__ */ F(T, {
 					id: "deployment-creation-form-version",
-					inputRef: S,
+					inputRef: x,
 					value: e.version,
 					onChange: (e) => n({ version: e ?? "" }),
 					onBlur: o,
@@ -442,21 +441,21 @@ var ve = {
 					placeholder: u.version.placeholder,
 					error: t.version || void 0,
 					invalid: !!t.version,
-					containerClassName: D ? "min-w-0 basis-0 grow-[1]" : "min-w-0 flex-1"
+					containerClassName: E ? "min-w-0 basis-0 grow-[1]" : "min-w-0 flex-1"
 				})]
 			}),
-			E(U.Description) && (y ? /* @__PURE__ */ F("div", {
+			w(U.Description) && (v ? /* @__PURE__ */ F("div", {
 				className: d?.field,
-				children: y(A, ke)
-			}) : A),
-			E(U.Locales) && /* @__PURE__ */ F(W, {
+				children: v(ee, ke)
+			}) : ee),
+			w(U.Locales) && /* @__PURE__ */ F(W, {
 				value: e.otherLocales,
 				onChange: (e) => n({ otherLocales: e }),
 				availableLocaleOptions: f,
 				labels: u.otherLocales,
 				className: d?.field
 			}),
-			E(U.Tags) && /* @__PURE__ */ F("div", {
+			w(U.Tags) && /* @__PURE__ */ F("div", {
 				className: d?.field,
 				children: /* @__PURE__ */ F(j, {
 					id: "deployment-creation-form-topics",
@@ -578,38 +577,37 @@ var ve = {
 	deleteConfirmItemsLabel: "items?",
 	deleteConfirmLabel: "Delete",
 	deleteCancelLabel: "Cancel"
-}, Ie = fe(({ values: e, errors: t, onChange: n, onNameBlur: r, onVersionBlur: i, avatarPicker: a, availableLocaleOptions: o, fields: s = Ee, isNameReadOnly: c, nameCaption: l, isDescriptionRequired: u, descriptionMaxLength: d, descriptionCaption: f, renderDescription: p, focusRequestKey: m, labels: h }) => {
-	let [g, _] = H(!1), v = B(() => a ? s : s.filter((e) => e !== U.Avatar), [a, s]), y = e.iconUrl, b = a?.resolveIconUrl, x = B(() => b ? b(y) : void 0, [y, b]), S = z(() => _(!0), []), C = z(() => _(!1), []), w = a?.resolveAttachedIconUrl, T = z((e) => {
-		let t = w?.(e);
-		t && n({ iconUrl: t }), _(!1);
-	}, [n, w]);
+}, Ie = fe(({ values: e, errors: t, onChange: n, onNameBlur: r, onVersionBlur: i, avatarPicker: a, availableLocaleOptions: o, fields: s = Ee, isNameReadOnly: c, nameCaption: l, isDescriptionRequired: u, descriptionCaption: d, renderDescription: f, focusRequestKey: p, labels: m }) => {
+	let [h, g] = H(!1), _ = B(() => a ? s : s.filter((e) => e !== U.Avatar), [a, s]), v = e.iconUrl, y = a?.resolveIconUrl, b = B(() => y ? y(v) : void 0, [v, y]), x = z(() => g(!0), []), S = z(() => g(!1), []), C = a?.resolveAttachedIconUrl, w = z((e) => {
+		let t = C?.(e);
+		t && n({ iconUrl: t }), g(!1);
+	}, [n, C]);
 	return /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(G, {
 		values: e,
 		errors: t,
 		onChange: n,
 		onNameBlur: r,
 		onVersionBlur: i,
-		iconPreviewUrl: x,
-		onAddAvatarClick: S,
-		labels: h?.form ?? Pe,
+		iconPreviewUrl: b,
+		onAddAvatarClick: x,
+		labels: m?.form ?? Pe,
 		availableLocaleOptions: o,
-		fields: v,
+		fields: _,
 		isNameReadOnly: c,
 		nameCaption: l,
 		isDescriptionRequired: u,
-		descriptionMaxLength: d,
-		descriptionCaption: f,
-		renderDescription: p,
-		focusRequestKey: m
+		descriptionCaption: d,
+		renderDescription: f,
+		focusRequestKey: p
 	}), a && /* @__PURE__ */ F(Te, {
-		isOpen: g,
-		onClose: C,
-		onAttach: T,
+		isOpen: h,
+		onClose: S,
+		onAttach: w,
 		bucket: a.bucket,
 		FileManagerModal: a.FileManagerModal,
 		allowedMimeTypes: a.allowedMimeTypes,
 		maxFileSizeBytes: a.maxFileSizeBytes,
-		labels: h?.avatarPicker ?? Fe
+		labels: m?.avatarPicker ?? Fe
 	})] });
 }), Le = /* @__PURE__ */ function(e) {
 	return e.Required = "required", e.InvalidFormat = "invalid-format", e.TooLong = "too-long", e.ControlCharacters = "control-characters", e;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-skill-editor",
   "description": "Host-agnostic form for authoring a DIAL Skill, with an inline supporting-file tree",
-  "version": "1.3.0-dev.70",
+  "version": "1.3.0-dev.83",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -20,10 +20,10 @@
     "@tabler/icons-react": "^3.44.0",
     "@uiw/react-markdown-preview": "^5.2.1",
     "@uiw/react-md-editor": "^4.1.1",
-    "@epam/ai-dial-builder-form": "1.3.0-dev.70"
+    "@epam/ai-dial-builder-form": "1.3.0-dev.83"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.3.0-dev.70",
+    "@epam/ai-dial-chat-shared": "1.3.0-dev.83",
     "@epam/ai-dial-ui-kit": "^0.16.0-dev.11",
     "@epam/ai-dial-react-file-manager": "^0.4.0-dev.7",
     "react": "^19.2.8"