@parallelworks/ui 0.21.0 → 0.21.1

package/dist/logviewer/LogViewer.js

@@ -1,5 +1,15 @@
 import { useNotify, useOptionalWorkflowEngine, useStrings } from "../components/Provider.js";
-import { ArrowDownIcon, ArrowUpIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, ClockIcon, CopyIcon, DownloadIcon, ExpandIcon, ShrinkIcon, XIcon } from "../icons.js";
+import { FaArrowDown } from "../icons/fa/FaArrowDown.js";
+import { FaArrowUp } from "../icons/fa/FaArrowUp.js";
+import { FaCheck } from "../icons/fa/FaCheck.js";
+import { FaChevronDown } from "../icons/fa/FaChevronDown.js";
+import { FaCloudDownloadAlt } from "../icons/fa/FaCloudDownloadAlt.js";
+import { FaCompress } from "../icons/fa/FaCompress.js";
+import { FaExpand } from "../icons/fa/FaExpand.js";
+import { FiClock } from "../icons/fi/FiClock.js";
+import { FiCopy } from "../icons/fi/FiCopy.js";
+import { FiX } from "../icons/fi/FiX.js";
+import { LuChevronRight } from "../icons/lu/LuChevronRight.js";
 import { TooltipInfo } from "../components/Tooltip.js";
 import { highlightSegments, parseAnsiSegments, plainSegments } from "./segments.js";
 import cx from "classnames";
@@ -76,7 +86,7 @@ var LogLine = memo(function LogLine({ index, segments, lineNumbers, isSelected,
 			children: [
 				command?.type === "group" && /* @__PURE__ */ jsx("span", {
 					className: "mr-1 shrink-0 inline-flex items-center",
-					children: isGroupCollapsed ? /* @__PURE__ */ jsx(ChevronRightIcon, { className: "w-3 h-3" }) : /* @__PURE__ */ jsx(ChevronDownIcon, { className: "w-3 h-3" })
+					children: isGroupCollapsed ? /* @__PURE__ */ jsx(LuChevronRight, { className: "w-3 h-3" }) : /* @__PURE__ */ jsx(FaChevronDown, { className: "w-3 h-3" })
 				}),
 				annotationLabel,
 				/* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(LogSegments, { segments: displaySegments }) })
@@ -499,7 +509,7 @@ function LogViewer({ log, height = "unset", width, roundedBottom = false, lineNu
 			setVisibleEnd(50);
 		}
 	};
-	const ExpandButtonIcon = fullscreen ? ShrinkIcon : ExpandIcon;
+	const ExpandButtonIcon = fullscreen ? FaCompress : FaExpand;
 	const expandButtonText = fullscreen ? "Collapse" : "Expand";
 	const paddingTop = visibleStart * LINE_HEIGHT;
 	const paddingBottom = Math.max(0, parsedLog.length - visibleEnd) * LINE_HEIGHT;
@@ -534,7 +544,7 @@ function LogViewer({ log, height = "unset", width, roundedBottom = false, lineNu
 										scrollToTop();
 										updateFollow(false);
 									},
-									children: [/* @__PURE__ */ jsx(ArrowUpIcon, {}), /* @__PURE__ */ jsx("span", { children: t.top })]
+									children: [/* @__PURE__ */ jsx(FaArrowUp, {}), /* @__PURE__ */ jsx("span", { children: t.top })]
 								}), /* @__PURE__ */ jsxs("button", {
 									type: "button",
 									className: "btn btn-neutral",
@@ -547,7 +557,7 @@ function LogViewer({ log, height = "unset", width, roundedBottom = false, lineNu
 											});
 										} else updateFollow(false);
 									},
-									children: [/* @__PURE__ */ jsx(ArrowDownIcon, {}), /* @__PURE__ */ jsx("span", { children: !follow ? "Follow" : "Following" })]
+									children: [/* @__PURE__ */ jsx(FaArrowDown, {}), /* @__PURE__ */ jsx("span", { children: !follow ? "Follow" : "Following" })]
 								})] }),
 								selectedLines.size > 0 ? /* @__PURE__ */ jsxs("div", {
 									className: "relative flex items-center h-full",
@@ -555,20 +565,20 @@ function LogViewer({ log, height = "unset", width, roundedBottom = false, lineNu
 										type: "button",
 										className: "btn btn-neutral",
 										onClick: copySelectedLines,
-										children: [copied ? /* @__PURE__ */ jsx(CheckIcon, { className: "text-green-500" }) : /* @__PURE__ */ jsx(CopyIcon, {}), /* @__PURE__ */ jsx("span", { children: copied ? tCommon.copied : t.copyLines(selectedLines.size) })]
+										children: [copied ? /* @__PURE__ */ jsx(FaCheck, { className: "text-green-500" }) : /* @__PURE__ */ jsx(FiCopy, {}), /* @__PURE__ */ jsx("span", { children: copied ? tCommon.copied : t.copyLines(selectedLines.size) })]
 									}), /* @__PURE__ */ jsx("button", {
 										type: "button",
 										"aria-label": t.clearSelection,
 										className: "absolute -top-1.5 -right-1.5 btn-neutral rounded-full p-1 border transition-colors shadow-sm cursor-pointer z-10",
 										onClick: () => setSelectedLines(/* @__PURE__ */ new Set()),
 										title: t.clearSelection,
-										children: /* @__PURE__ */ jsx(XIcon, { className: "text-[10px]" })
+										children: /* @__PURE__ */ jsx(FiX, { className: "text-[10px]" })
 									})]
 								}) : /* @__PURE__ */ jsxs("button", {
 									type: "button",
 									className: "btn btn-neutral",
 									onClick: copyAllLogs,
-									children: [copied ? /* @__PURE__ */ jsx(CheckIcon, { className: "text-green-500" }) : /* @__PURE__ */ jsx(CopyIcon, {}), /* @__PURE__ */ jsx("span", { children: copied ? tCommon.copied : t.copyAll })]
+									children: [copied ? /* @__PURE__ */ jsx(FaCheck, { className: "text-green-500" }) : /* @__PURE__ */ jsx(FiCopy, {}), /* @__PURE__ */ jsx("span", { children: copied ? tCommon.copied : t.copyAll })]
 								}),
 								additionalLeftBarComponents,
 								enableWorkflowCommands && /* @__PURE__ */ jsx("button", {
@@ -585,7 +595,7 @@ function LogViewer({ log, height = "unset", width, roundedBottom = false, lineNu
 										className: "btn btn-neutral",
 										onClick: () => setTimeRangeOpen((o) => !o),
 										children: [
-											/* @__PURE__ */ jsx(ClockIcon, {}),
+											/* @__PURE__ */ jsx(FiClock, {}),
 											/* @__PURE__ */ jsx("span", { children: t.timeRange }),
 											(timeRangeFrom !== "" || timeRangeTo !== "") && /* @__PURE__ */ jsx("span", {
 												title: t.timeRangeActive,
@@ -670,7 +680,7 @@ function LogViewer({ log, height = "unset", width, roundedBottom = false, lineNu
 							href: logUrl,
 							className: cx(!logUrl && "disabled", "btn btn-neutral"),
 							download: true,
-							children: [/* @__PURE__ */ jsx(DownloadIcon, {}), /* @__PURE__ */ jsx("span", { children: t.download })]
+							children: [/* @__PURE__ */ jsx(FaCloudDownloadAlt, {}), /* @__PURE__ */ jsx("span", { children: t.download })]
 						}),
 						/* @__PURE__ */ jsxs("button", {
 							type: "button",
@@ -729,7 +739,7 @@ function LogViewer({ log, height = "unset", width, roundedBottom = false, lineNu
 					transform: "translateX(-50%)"
 				},
 				onClick: copyHighlightedText,
-				children: copied ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(CheckIcon, { className: "text-green-500 w-3.5 h-3.5" }), /* @__PURE__ */ jsx("span", { children: tCommon.copied })] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(CopyIcon, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ jsx("span", { children: tCommon.copy })] })
+				children: copied ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(FaCheck, { className: "text-green-500 w-3.5 h-3.5" }), /* @__PURE__ */ jsx("span", { children: tCommon.copied })] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(FiCopy, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ jsx("span", { children: tCommon.copy })] })
 			}),
 			(additionalBottomLeftBarComponents || additionalBottomRightBarComponents) && /* @__PURE__ */ jsxs("div", {
 				className: "flex theme-panel select-none items-center gap-x-2 p-2",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parallelworks/ui",
-  "version": "0.21.0",
+  "version": "0.21.1",
   "description": "React UI components: a theme contract, icons, primitives, lists, forms, a job graph, a code editor, a log viewer, a file explorer and an AI chat, each on its own subpath",
   "license": "Apache-2.0",
   "repository": {