@epam/ai-dial-skill-editor 1.1.0-dev.249 → 1.1.0-dev.250

package/components/SkillEditor/SkillEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkillEditor.d.ts","sourceRoot":"","sources":["../../../src/components/SkillEditor/SkillEditor.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAEL,EAAE,EASH,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EACV,gBAAgB,EAGjB,MAAM,iCAAiC,CAAC;AAqBzC,qFAAqF;AACrF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAoc5C,CAAC"}
+{"version":3,"file":"SkillEditor.d.ts","sourceRoot":"","sources":["../../../src/components/SkillEditor/SkillEditor.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAEL,EAAE,EASH,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EACV,gBAAgB,EAGjB,MAAM,iCAAiC,CAAC;AAqBzC,qFAAqF;AACrF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAwc5C,CAAC"}

package/index.js

@@ -278,70 +278,72 @@ var A = (e) => !!e.dataTransfer?.types.includes("Files"), ae = (e) => {
 		name: t?.name ?? "",
 		description: t?.description ?? "",
 		instructions: t?.instructions ?? ""
-	}), ge = T(r);
+	}), ge = T(t), _e = ge.current !== t, ve = T(r);
 	S(() => {
-		W({
+		ge.current = t, W({
 			name: t?.name ?? "",
 			description: t?.description ?? "",
 			instructions: t?.instructions ?? ""
-		}), ge.current = r;
+		}), ve.current = r;
 	}, [t]);
-	let _e = (e) => JSON.stringify([...e].sort((e, t) => e.path.localeCompare(t.path))), ve = T(!1);
+	let ye = (e) => JSON.stringify([...e].sort((e, t) => e.path.localeCompare(t.path))), be = T(!1);
 	S(() => {
+		if (_e) return;
 		let e = {
 			name: t?.name ?? "",
 			description: t?.description ?? "",
 			instructions: t?.instructions ?? ""
-		}, n = JSON.stringify(U) !== JSON.stringify(e) || _e(r) !== _e(ge.current);
-		n !== ve.current && (ve.current = n, L?.(n));
+		}, n = JSON.stringify(U) !== JSON.stringify(e) || ye(r) !== ye(ve.current);
+		n !== be.current && (be.current = n, L?.(n));
 	}, [
 		U,
 		r,
 		t,
+		_e,
 		L
 	]);
-	let [ye, be] = E(j), G = te ?? ye, K = x((e) => {
-		be(e), d?.(e);
-	}, [d]), [xe, Se] = E([]), Ce = ne ?? xe, we = w(() => new Set(Ce), [Ce]), Te = x((e) => {
+	let [xe, Se] = E(j), G = te ?? xe, K = x((e) => {
+		Se(e), d?.(e);
+	}, [d]), [Ce, we] = E([]), Te = ne ?? Ce, Ee = w(() => new Set(Te), [Te]), De = x((e) => {
 		let t = [...e];
-		Se(t), p?.(t);
-	}, [p]), [q, J] = E(!1), [Ee, Y] = E(), [De, Oe] = E(!0), { isDragActive: ke, dropZoneHandlers: Ae } = ae(x((e) => {
+		we(t), p?.(t);
+	}, [p]), [q, J] = E(!1), [Oe, Y] = E(), [ke, Ae] = E(!0), { isDragActive: je, dropZoneHandlers: Me } = ae(x((e) => {
 		q || (Y(e), J(!0));
-	}, [q])), X = H ?? {}, Z = pe?.colors, Q = pe?.typography ?? {}, je = Q.titleClassName ?? "dial-body-semi-text", Me = Q.helperTextClassName ?? "dial-tiny-semi-text", Ne = Q.removeIconClassName ?? "text-secondary", Pe = e({
+	}, [q])), X = H ?? {}, Z = pe?.colors, Q = pe?.typography ?? {}, Ne = Q.titleClassName ?? "dial-body-semi-text", Pe = Q.helperTextClassName ?? "dial-tiny-semi-text", Fe = Q.removeIconClassName ?? "text-secondary", Ie = e({
 		"--se-title-color": Z?.title,
 		"--se-helper-text-color": Z?.helperText,
 		"--se-border-color": Z?.border
-	}), Fe = w(() => oe([{
+	}), Le = w(() => oe([{
 		path: j,
 		name: j,
 		kind: M.File
-	}, ...r]), [r]), $ = w(() => r.find((e) => e.path === G), [r, G]), Ie = x((e) => {
+	}, ...r]), [r]), $ = w(() => r.find((e) => e.path === G), [r, G]), Re = x((e) => {
 		K(e.path);
-	}, [K]), Le = x((e) => {
+	}, [K]), ze = x((e) => {
 		R.onRemoveNode(e), G === e && K(j);
 	}, [
 		R,
 		G,
 		K
-	]), Re = x((e) => e.path === "SKILL.md" ? [] : [{
+	]), Be = x((e) => e.path === "SKILL.md" ? [] : [{
 		key: "remove",
 		label: X.removeLabel ?? "Remove",
 		icon: /* @__PURE__ */ O(ie, {
 			size: o.SM,
-			className: Ne,
+			className: Fe,
 			"aria-hidden": !0
 		}),
-		onClick: () => Le(e.path)
+		onClick: () => ze(e.path)
 	}], [
 		X.removeLabel,
-		Ne,
-		Le
-	]), ze = C(), Be = C(), Ve = /* @__PURE__ */ k("div", {
+		Fe,
+		ze
+	]), Ve = C(), He = C(), Ue = /* @__PURE__ */ k("div", {
 		className: "flex flex-col gap-2 desktop:gap-5",
 		children: [/* @__PURE__ */ k("div", {
 			className: "flex items-center justify-between",
 			children: [/* @__PURE__ */ O("span", {
-				className: n(B.title, je),
+				className: n(B.title, Ne),
 				children: X.filesHeading ?? "Files"
 			}), /* @__PURE__ */ O(f, {
 				label: X.addUploadLabel ?? "Upload from device",
@@ -354,21 +356,21 @@ var A = (e) => !!e.dataTransfer?.types.includes("Files"), ae = (e) => {
 				}
 			})]
 		}), /* @__PURE__ */ O("div", {
-			id: ze,
+			id: Ve,
 			role: "tree",
 			"aria-label": X.filesTreeAriaLabel ?? "Skill files",
 			children: /* @__PURE__ */ O(i, {
-				items: Fe,
+				items: Le,
 				showFiles: !0,
 				selectedPath: G,
-				expandedPaths: we,
-				onExpandedPathsChange: Te,
-				onItemClick: Ie,
-				getContextMenuItems: Re,
+				expandedPaths: Ee,
+				onExpandedPathsChange: De,
+				onItemClick: Re,
+				getContextMenuItems: Be,
 				rootItemPath: ""
 			})
 		})]
-	}), He = b ? X.savingStatusLabel ?? "Saving" : "", Ue = /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(l, {
+	}), We = b ? X.savingStatusLabel ?? "Saving" : "", Ge = /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(l, {
 		label: X.cancelLabel ?? "Cancel",
 		onClick: de,
 		disabled: b
@@ -394,19 +396,19 @@ var A = (e) => !!e.dataTransfer?.types.includes("Files"), ae = (e) => {
 	}) : /* @__PURE__ */ k("div", {
 		dir: me,
 		className: "relative flex h-full flex-col",
-		style: Pe,
-		...Ae,
+		style: Ie,
+		...Me,
 		children: [
 			/* @__PURE__ */ O(se, {
-				isVisible: ke && !q,
+				isVisible: je && !q,
 				labels: H
 			}),
 			/* @__PURE__ */ O("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				id: Be,
-				children: He
+				id: He,
+				children: We
 			}),
 			N && /* @__PURE__ */ O("div", {
 				role: "alert",
@@ -428,7 +430,7 @@ var A = (e) => !!e.dataTransfer?.types.includes("Files"), ae = (e) => {
 					children: z
 				}), /* @__PURE__ */ O("div", {
 					className: "flex shrink-0 items-center gap-2",
-					children: Ue
+					children: Ge
 				})]
 			}),
 			/* @__PURE__ */ k("div", {
@@ -439,20 +441,20 @@ var A = (e) => !!e.dataTransfer?.types.includes("Files"), ae = (e) => {
 						children: /* @__PURE__ */ O(a, {
 							title: X.editingFileLabel ?? "Editing file",
 							description: $?.name ?? "SKILL.md",
-							expanded: De,
-							onToggle: Oe,
+							expanded: ke,
+							onToggle: Ae,
 							ariaLabel: X.editingFileLabel ?? "Editing file",
-							children: Ve
+							children: Ue
 						})
 					}),
 					/* @__PURE__ */ O("div", {
 						className: n("hidden border-e desktop:block desktop:w-[360px] desktop:shrink-0 desktop:px-8 desktop:py-6", B.sidebarBorder),
-						children: Ve
+						children: Ue
 					}),
 					/* @__PURE__ */ k("div", {
 						className: "flex min-w-0 flex-1 flex-col gap-4 desktop:gap-5 desktop:px-8 desktop:py-6",
 						children: [/* @__PURE__ */ O("h2", {
-							className: n(B.title, je),
+							className: n(B.title, Ne),
 							children: G === "SKILL.md" ? j : X.selectedFileHeading?.($?.name ?? G) ?? $?.name ?? G
 						}), G === "SKILL.md" ? /* @__PURE__ */ k(D, { children: [
 							/* @__PURE__ */ O(u, {
@@ -491,7 +493,7 @@ var A = (e) => !!e.dataTransfer?.types.includes("Files"), ae = (e) => {
 									/* @__PURE__ */ k("span", {
 										className: "flex items-center gap-0.5",
 										children: [/* @__PURE__ */ O("span", {
-											className: n(B.helperText, Me),
+											className: n(B.helperText, Pe),
 											children: X.instructionsLabel ?? "Instructions"
 										}), /* @__PURE__ */ O("span", {
 											className: "dial-tiny-text text-error",
@@ -519,7 +521,7 @@ var A = (e) => !!e.dataTransfer?.types.includes("Files"), ae = (e) => {
 			}),
 			/* @__PURE__ */ O("div", {
 				className: n("fixed inset-x-0 bottom-0 flex items-center gap-2 border-t p-3 desktop:hidden", B.actionBarBorder),
-				children: Ue
+				children: Ge
 			}),
 			/* @__PURE__ */ O(ce, {
 				isOpen: q,
@@ -527,7 +529,7 @@ var A = (e) => !!e.dataTransfer?.types.includes("Files"), ae = (e) => {
 					J(!1), Y(void 0);
 				},
 				fileActions: R,
-				initialFiles: Ee,
+				initialFiles: Oe,
 				labels: H
 			})
 		]

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.1.0-dev.249",
+  "version": "1.1.0-dev.250",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -16,7 +16,7 @@
     }
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.249",
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.250",
     "@epam/ai-dial-ui-kit": "*",
     "@epam/ai-dial-react-file-manager": "^0.1.0-dev.22",
     "@tabler/icons-react": "^3.0.0",