@ocelescope/resources 0.1.2 → 0.1.3

package/dist/index.js

@@ -2,10 +2,10 @@ import { ActionIcon, Alert, Badge, Box, Button, ButtonGroup, Code, Group, Loadin
 import { useResource, useResources } from "@ocelescope/api-base";
 import { DownloadIcon, EyeOffIcon, Maximize2Icon, MaximizeIcon, MinusIcon, PlusIcon, XIcon } from "lucide-react";
 import { Graphviz } from "@hpcc-js/wasm-graphviz";
-import { saveAs } from "file-saver";
+import FileSaver from "file-saver";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { TransformComponent, TransformWrapper } from "react-zoom-pan-pinch";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Background, BaseEdge, ControlButton, Controls, EdgeLabelRenderer, Handle, Position, ReactFlow, ReactFlowProvider, applyNodeChanges, getBezierPath, getSmoothStepPath, useInternalNode, useNodes, useNodesInitialized, useReactFlow } from "@xyflow/react";
 import ELK from "elkjs/lib/elk.bundled.js";
 import { toPng, toSvg } from "html-to-image";
@@ -15,6 +15,7 @@ import { DataTable } from "mantine-datatable";
 import dayjs from "dayjs";
 import isBetween from "dayjs/plugin/isBetween.js";
 //#region src/components/ResourceView/Viewers/SVG.tsx
+const { saveAs: saveAs$2 } = FileSaver;
 const SvgPanWrapper = ({ children, onDownload }) => {
 	return /* @__PURE__ */ jsx(Box, {
 		w: "100%",
@@ -69,7 +70,7 @@ const SvgViewer = ({ visualization, isPreview }) => {
 	const cleanedSvg = visualization.svg.replace(/width="[^"]+"/, "width=\"100%\"").replace(/height="[^"]+"/, "height=\"100%\"").replace(/<svg(?![^>]*xmlns=)/, "<svg xmlns=\"http://www.w3.org/2000/svg\"");
 	const handleDownload = () => {
 		if (!cleanedSvg) return;
-		saveAs(new Blob([cleanedSvg], { type: "image/svg+xml;charset=utf-8" }), "resource.svg");
+		saveAs$2(new Blob([cleanedSvg], { type: "image/svg+xml;charset=utf-8" }), "resource.svg");
 	};
 	const content = /* @__PURE__ */ jsx("div", {
 		style: {
@@ -86,6 +87,7 @@ const SvgViewer = ({ visualization, isPreview }) => {
 };
 //#endregion
 //#region src/components/ResourceView/Viewers/Dot.tsx
+const { saveAs: saveAs$1 } = FileSaver;
 const DotToSvgViewer = ({ isPreview, visualization }) => {
 	const [svg, setSvg] = useState(null);
 	const [error, setError] = useState(null);
@@ -114,7 +116,7 @@ const DotToSvgViewer = ({ isPreview, visualization }) => {
 	}, [svg]);
 	const handleDownload = () => {
 		if (!cleanedSvg) return;
-		saveAs(new Blob([cleanedSvg], { type: "image/svg+xml;charset=utf-8" }), "resource.svg");
+		saveAs$1(new Blob([cleanedSvg], { type: "image/svg+xml;charset=utf-8" }), "resource.svg");
 	};
 	const content = /* @__PURE__ */ jsxs("div", {
 		style: {
@@ -1538,6 +1540,7 @@ function getContentBounds(nodes, viewportEl, getNodesBounds) {
 }
 //#endregion
 //#region src/components/ResourceView/Viewers/GraphFlow/utils/download.ts
+const { saveAs } = FileSaver;
 const MAX_PX = 2048;
 const EXPORT_PADDING = .05;
 function buildCaptureOptions(imageWidth, imageHeight, x, y, zoom) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ocelescope/resources",
   "type": "module",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Ocelescope resources: helpers and UI components for rendering and exporting data.",
   "author": "Görkem-Emre Öztürk <goerkem.oeztuerk@rwth-aachen.de>",
   "license": "MIT",