@aortl/admin-react 0.19.0 → 0.20.0

package/dist/index.mjs

@@ -1522,9 +1522,13 @@ function StatCard({ variant = "default", label, value, detail, trend, icon, comp
 }
 //#endregion
 //#region src/Timeline.tsx
-function TimelineRoot({ numbered, className, ...rest }) {
+function TimelineRoot({ numbered, horizontal, className, ...rest }) {
 	return /* @__PURE__ */ jsx("ol", {
-		className: cn(["timeline", numbered && "timeline-numbered"], className),
+		className: cn([
+			"timeline",
+			numbered && "timeline-numbered",
+			horizontal && "timeline-horizontal"
+		], className),
 		...rest
 	});
 }
@@ -2581,8 +2585,9 @@ function PropertyListLabel({ className, ...rest }) {
 		...rest
 	});
 }
-function PropertyListValue({ numeric, copyable, empty, copyValue, className, classNames, children, ...rest }) {
+function PropertyListValue({ numeric, copyable, empty, copyValue, className, classNames, children, onClick, ...rest }) {
 	const ddRef = useRef(null);
+	const copyButtonRef = useRef(null);
 	const [copied, setCopied] = useState(false);
 	async function handleCopy() {
 		const text = copyValue ?? ddRef.current?.textContent?.trim() ?? "";
@@ -2593,6 +2598,14 @@ function PropertyListValue({ numeric, copyable, empty, copyValue, className, cla
 			setTimeout(() => setCopied(false), 1200);
 		} catch {}
 	}
+	function handleCellClick(event) {
+		onClick?.(event);
+		if (event.defaultPrevented) return;
+		if (window.getSelection()?.toString()) return;
+		const interactive = event.target.closest("a, button, input, select, textarea");
+		if (interactive && interactive !== copyButtonRef.current) return;
+		handleCopy();
+	}
 	return /* @__PURE__ */ jsxs("dd", {
 		ref: ddRef,
 		className: cn([
@@ -2601,12 +2614,13 @@ function PropertyListValue({ numeric, copyable, empty, copyValue, className, cla
 			copyable && "property-list-value-copyable",
 			empty && "property-list-value-empty"
 		], className),
+		onClick: copyable ? handleCellClick : onClick,
 		...rest,
 		children: [children, /* @__PURE__ */ jsxs("button", {
+			ref: copyButtonRef,
 			type: "button",
 			"aria-label": "Copy",
 			className: cn("property-list-copy", classNames?.copy),
-			onClick: handleCopy,
 			"data-copied": copied ? "true" : void 0,
 			children: [/* @__PURE__ */ jsx(CopyGlyph, { className: cn("property-list-copy-icon", void 0) }), /* @__PURE__ */ jsx(CheckGlyph, { className: cn("property-list-copy-icon-copied", void 0) })]
 		})]