@deepnoid/canvas 0.1.4 → 0.1.6

package/dist/components/XrayViewer.d.ts

@@ -19,8 +19,6 @@ type Props = {
     };
     onImageLoadError?: (error: Error) => void;
     onImageLoadSuccess?: () => void;
-    renderLoading?: () => ReactNode;
-    renderError?: (errorMessage: string, retry: () => void) => ReactNode;
 };
-declare const XrayViewer: ({ image, hasZoom, coordinates, onImageLoadError, onImageLoadSuccess, renderLoading, renderError, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const XrayViewer: ({ image, hasZoom, coordinates, onImageLoadError, onImageLoadSuccess }: Props) => import("react/jsx-runtime").JSX.Element;
 export default XrayViewer;

package/dist/components/XrayViewer.js

@@ -4,7 +4,7 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 import useResizeObserver from '../hooks/useResizeObserver';
 import { canvasCenterPoint, drawCanvas, getMousePointTransform, resolutionCanvas } from '../utils/graphic';
 import Canvas from './Canvas';
-const XrayViewer = ({ image, hasZoom, coordinates, onImageLoadError, onImageLoadSuccess, renderLoading, renderError, }) => {
+const XrayViewer = ({ image, hasZoom, coordinates, onImageLoadError, onImageLoadSuccess }) => {
     const wrapper = useRef(null);
     const viewer = useRef(null);
     const { width, height } = useResizeObserver({ ref: viewer });
@@ -251,16 +251,7 @@ const XrayViewer = ({ image, hasZoom, coordinates, onImageLoadError, onImageLoad
         setStatus('STOP');
         event.preventDefault();
     };
-    const renderOverlay = () => {
-        if (isImageLoading) {
-            return renderLoading?.() || _jsx("div", { children: "\uC774\uBBF8\uC9C0 \uB85C\uB529 \uC911..." });
-        }
-        if (imageError) {
-            return (renderError?.(imageError, initCanvas) || (_jsxs("div", { children: ["\uC774\uBBF8\uC9C0 \uB85C\uB4DC \uC2E4\uD328", _jsx("button", { onClick: initCanvas, children: "\uB2E4\uC2DC \uC2DC\uB3C4" })] })));
-        }
-        return null;
-    };
-    return (_jsx("div", { style: { width: '100%', height: '100%', display: 'flex', flex: 1, backgroundColor: '#f5f5f5' }, children: _jsxs("div", { ref: wrapper, onWheel: handleWheel, onMouseMove: handleMouseMove, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onMouseLeave: handleMouseLeave, style: { flex: 1, position: 'relative' }, children: [_jsx("canvas", { ref: viewer, style: {
+    return (_jsx("div", { style: { width: '100%', height: '100%', display: 'flex', flex: 1 }, children: _jsxs("div", { ref: wrapper, onWheel: handleWheel, onMouseMove: handleMouseMove, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onMouseLeave: handleMouseLeave, style: { flex: 1, position: 'relative' }, children: [_jsx("canvas", { ref: viewer, style: {
                         position: 'absolute',
                         width: '100%',
                         height: '100%',
@@ -268,6 +259,6 @@ const XrayViewer = ({ image, hasZoom, coordinates, onImageLoadError, onImageLoad
                         top: 0,
                         transition: 'all 500ms',
                         opacity: isImageLoading || imageError ? 0.5 : 1,
-                    } }), renderOverlay(), !isImageLoading && !imageError && (_jsx(Canvas, { moveX: moveX, moveY: moveY, zoomX: zoomX, zoomY: zoomY, zoom: zoom, dx: dx, dy: dy, dw: dw, dh: dh, coordinates: coordinates })), hasZoom && initZoom !== 0 && !isImageLoading && !imageError && (_jsx(hasZoom.ZoomButton, { onClick: initCanvas, children: `${Math.round((zoom / initZoom) * 100)}%` }))] }) }));
+                    } }), !isImageLoading && !imageError && (_jsx(Canvas, { moveX: moveX, moveY: moveY, zoomX: zoomX, zoomY: zoomY, zoom: zoom, dx: dx, dy: dy, dw: dw, dh: dh, coordinates: coordinates })), hasZoom && initZoom !== 0 && !isImageLoading && !imageError && (_jsx(hasZoom.ZoomButton, { onClick: initCanvas, children: `${Math.round((zoom / initZoom) * 100)}%` }))] }) }));
 };
 export default XrayViewer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/canvas",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.cjs",