ixia-ui-react 1.4.4 → 1.4.5

package/dist/index.d.ts

@@ -731,7 +731,10 @@ interface CodeBlockValue {
   id: string;
   label: string;
   name: string;
-  content: string | React.ReactNode;
+  /** Original source used for copying, downloading, and the plain-code fallback. */
+  code?: string;
+  /** Custom presentation. Strings render as text; wrap trusted highlighter HTML explicitly. */
+  content?: React.ReactNode;
   icon?: React.ReactNode;
 }
 type CodeBlockTabsProps = React.ComponentProps<typeof Tabs>;
@@ -750,10 +753,10 @@ declare function CodeBlock$1({ items, defaultValue, className, ref, ...props }:
 export declare function CodeBlockActions({ className, ref, ...props }: CodeBlockActionsProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/code-block/code-block-copy.d.ts
-export declare function CodeBlockCopy({ className, children, ref, ...props }: CodeBlockCopyProps): React$1.JSX.Element;
+export declare function CodeBlockCopy({ className, children, disabled, ref, ...props }: CodeBlockCopyProps): React$1.JSX.Element;
 //#endregion
 //#region src/components/code-block/code-block-download.d.ts
-export declare function CodeBlockDownload({ className, children, ref, ...props }: CodeBlockDownloadProps): React$1.JSX.Element;
+export declare function CodeBlockDownload({ className, children, disabled, ref, ...props }: CodeBlockDownloadProps): React$1.JSX.Element;
 //#endregion
 //#region src/components/code-block/code-block-header.d.ts
 type CodeBlockHeaderProps = React.ComponentProps<'div'>;

package/dist/index.js

@@ -2367,11 +2367,11 @@ const COPY_STATUS_ICON = {
 		className: "animate-in zoom-in"
 	})
 };
-function CodeBlockCopy({ className, children, ref, ...props }) {
-	const { currentValue } = useCodeBlock(), [copied, setCopied] = React.useState(false), handleClick = async () => {
-		if (typeof currentValue.content !== "string") return;
+function CodeBlockCopy({ className, children, disabled, ref, ...props }) {
+	const { currentValue } = useCodeBlock(), { code } = currentValue, [copied, setCopied] = React.useState(false), handleClick = async () => {
 		try {
-			await navigator.clipboard.writeText(currentValue.content);
+			if (code === void 0) throw new Error("No source code available to copy");
+			await navigator.clipboard.writeText(code);
 			setCopied(true);
 			setTimeout(() => setCopied(false), COPY_TIMEOUT);
 		} catch (error) {
@@ -2380,13 +2380,14 @@ function CodeBlockCopy({ className, children, ref, ...props }) {
 	};
 	return /* @__PURE__ */ jsxs(Button, {
 		"aria-label": "Copy code",
+		className: cn("", className),
 		onClick: handleClick,
+		ref,
 		size: "medium",
-		variant: "ghost",
 		tone: "neutral",
-		className: cn("", className),
-		ref,
+		variant: "ghost",
 		...props,
+		disabled: disabled || code === void 0,
 		children: [children, COPY_STATUS_ICON[`${copied}`]]
 	});
 }
@@ -2403,11 +2404,11 @@ const DOWNLOAD_STATUS_ICON = {
 		className: "animate-in zoom-in"
 	})
 };
-function CodeBlockDownload({ className, children, ref, ...props }) {
-	const { currentValue } = useCodeBlock(), [downloaded, setDownloaded] = React.useState(false), handleClick = async () => {
-		if (typeof currentValue.content !== "string") return;
+function CodeBlockDownload({ className, children, disabled, ref, ...props }) {
+	const { currentValue } = useCodeBlock(), { code } = currentValue, [downloaded, setDownloaded] = React.useState(false), handleClick = async () => {
 		try {
-			const blob = new Blob([currentValue.content]), url = URL.createObjectURL(blob), link = document.createElement("a");
+			if (code === void 0) throw new Error("No source code available to download");
+			const blob = new Blob([code], { type: "text/plain;charset=utf-8" }), url = URL.createObjectURL(blob), link = document.createElement("a");
 			link.href = url;
 			link.download = currentValue.name;
 			link.click();
@@ -2427,6 +2428,7 @@ function CodeBlockDownload({ className, children, ref, ...props }) {
 		className: cn("", className),
 		ref,
 		...props,
+		disabled: disabled || code === void 0,
 		children: [children, DOWNLOAD_STATUS_ICON[`${downloaded}`]]
 	});
 }
@@ -2758,15 +2760,13 @@ function CodeBlockTabs({ className, children, ref, ...props }) {
 //#region src/components/code-block/code-block-window.tsx
 function CodeBlockWindow({ className, children, ref, ...props }) {
 	const { currentValue } = useCodeBlock();
+	let { content } = currentValue;
+	if (content === void 0 && currentValue.code !== void 0) content = /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: currentValue.code }) });
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("relative overflow-auto rounded-lg px-md py-sm", className),
 		ref,
 		...props,
-		children: [
-			children,
-			typeof currentValue.content === "string" && /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: currentValue.content } }),
-			typeof currentValue.content !== "string" && currentValue.content
-		]
+		children: [children, content]
 	});
 }
 //#endregion