@lincle/react-web-minimap 0.4.0-next.16 → 0.4.0-next.18

package/dist/cjs/MiniMap/index.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import MiniMapPlain from '../MiniMapPlain';
+import { memo, useMemo } from 'react';
+import { useResizeDetector } from 'react-resize-detector';
+const displayName = 'LincleMiniMap';
+const MiniMap = ({ className: givenClassname, gutter, height, node, style, width }) => {
+    const { height: lincleHeight = 0, ref, width: lincleWidth = 0 } = useResizeDetector({
+        refreshMode: 'debounce',
+        refreshRate: 16
+    });
+    const className = useMemo(() => {
+        return `lincle-minimap-container ${givenClassname}`;
+    }, [
+        givenClassname
+    ]);
+    return (_jsx("div", { className: 'lincle-minimap', ref: ref, children: _jsx(MiniMapPlain, { className: className, gutter: gutter, height: height, lincleHeight: lincleHeight, lincleWidth: lincleWidth, node: node, style: style, width: width }) }));
+};
+MiniMap.displayName = displayName;
+export default memo(MiniMap);
+//# sourceMappingURL=index.js.map

package/dist/cjs/MiniMap/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MiniMap/index.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAI3C,OAAO,EAEL,IAAI,EAEJ,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EACL,iBAAiB,EAClB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,GAAG,eAAe,CAAC;AAEpC,MAAM,OAAO,GAAoC,CAAC,EAChD,SAAS,EAAE,cAAc,EACzB,MAAM,EACN,MAAM,EACN,IAAI,EACJ,KAAK,EACL,KAAK,EACN,EAAgB,EAAE;IACjB,MAAM,EACJ,MAAM,EAAE,YAAY,GAAG,CAAC,EACxB,GAAG,EACH,KAAK,EAAE,WAAW,GAAG,CAAC,EACvB,GAAG,iBAAiB,CAAC;QACpB,WAAW,EAAE,UAAU;QACvB,WAAW,EAAE,EAAE;KAChB,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE;QACH,OAAO,4BAA4B,cAAc,EAAE,CAAC;IACtD,CAAC,EACD;QACE,cAAc;KACf,CACF,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAC,gBAAgB,EAC1B,GAAG,EAAE,GAAG,YAER,KAAC,YAAY,IACX,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,GACZ,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,WAAW,CAAC;AAElC,eAAe,IAAI,CAAC,OAAO,CAAC,CAAC"}

package/dist/cjs/MiniMapNode/Ellipse.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+const MiniMapNodeEllipse = ({ height, width, x, y }) => {
+    const cx = useMemo(() => {
+        return x + width / 2;
+    }, [
+        width,
+        x
+    ]);
+    const cy = useMemo(() => {
+        return y + height / 2;
+    }, [
+        height,
+        y
+    ]);
+    const rx = useMemo(() => {
+        return width / 2;
+    }, [
+        width
+    ]);
+    const ry = useMemo(() => {
+        return height / 2;
+    }, [
+        height
+    ]);
+    return (_jsx("ellipse", { cx: cx, cy: cy, fill: 'rgba(0, 0, 0, 0.6)', rx: rx, ry: ry }));
+};
+MiniMapNodeEllipse.displayName = 'LincleMiniMapNodeEllipse';
+export default memo(MiniMapNodeEllipse);
+//# sourceMappingURL=Ellipse.js.map

package/dist/cjs/MiniMapNode/Ellipse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ellipse.js","sourceRoot":"","sources":["../../../src/MiniMapNode/Ellipse.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,IAAI,EACJ,OAAO,EACR,MAAM,OAAO,CAAC;AAEf,MAAM,kBAAkB,GAA+C,CAAC,EACtE,MAAM,EACN,KAAK,EACL,CAAC,EACD,CAAC,EACF,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,OAAO,CAChB,GAAG,EAAE;QACH,OAAO,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;IACvB,CAAC,EACD;QACE,KAAK;QACL,CAAC;KACF,CACF,CAAC;IACF,MAAM,EAAE,GAAG,OAAO,CAChB,GAAG,EAAE;QACH,OAAO,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC;IACxB,CAAC,EACD;QACE,MAAM;QACN,CAAC;KACF,CACF,CAAC;IACF,MAAM,EAAE,GAAG,OAAO,CAChB,GAAG,EAAE;QACH,OAAO,KAAK,GAAG,CAAC,CAAC;IACnB,CAAC,EACD;QACE,KAAK;KACN,CACF,CAAC;IACF,MAAM,EAAE,GAAG,OAAO,CAChB,GAAG,EAAE;QACH,OAAO,MAAM,GAAG,CAAC,CAAC;IACpB,CAAC,EACD;QACE,MAAM;KACP,CACF,CAAC;IAEF,OAAO,CACL,kBACE,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,oBAAoB,EACzB,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,GACN,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAS5D,eAAe,IAAI,CAAC,kBAAkB,CAAC,CAAC"}

package/dist/cjs/MiniMapNode/Rectangle.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+const MiniMapNodeRectangle = ({ height, width, x, y }) => {
+    return (_jsx("rect", { fill: 'rgba(0, 0, 0, 0.6)', height: height, width: width, x: x, y: y }));
+};
+MiniMapNodeRectangle.displayName = 'LincleMiniMapNodeRectangle';
+export default memo(MiniMapNodeRectangle);
+//# sourceMappingURL=Rectangle.js.map

package/dist/cjs/MiniMapNode/Rectangle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rectangle.js","sourceRoot":"","sources":["../../../src/MiniMapNode/Rectangle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,IAAI,EACL,MAAM,OAAO,CAAC;AAEf,MAAM,oBAAoB,GAAiD,CAAC,EAC1E,MAAM,EACN,KAAK,EACL,CAAC,EACD,CAAC,EACF,EAAE,EAAE;IACH,OAAO,CACL,eACE,IAAI,EAAC,oBAAoB,EACzB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,GACJ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,WAAW,GAAG,4BAA4B,CAAC;AAShE,eAAe,IAAI,CAAC,oBAAoB,CAAC,CAAC"}

package/dist/cjs/MiniMapNode/index.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Ellipse from './Ellipse';
+import Rectangle from './Rectangle';
+import { memo } from 'react';
+const MiniMapNode = ({ height, shape, width, x, y }) => {
+    return (shape === 'oval' ?
+        _jsx(Ellipse, { height: height, width: width, x: x, y: y }) :
+        _jsx(Rectangle, { height: height, width: width, x: x, y: y }));
+};
+MiniMapNode.displayName = 'LincleMiniMapNode';
+export default memo(MiniMapNode);
+//# sourceMappingURL=index.js.map

package/dist/cjs/MiniMapNode/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MiniMapNode/index.tsx"],"names":[],"mappings":";AAGA,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,EAEL,IAAI,EACL,MAAM,OAAO,CAAC;AAEf,MAAM,WAAW,GAAwC,CAAC,EACxD,MAAM,EACN,KAAK,EACL,KAAK,EACL,CAAC,EACD,CAAC,EACF,EAAE,EAAE;IACH,OAAO,CACL,KAAK,KAAK,MAAM,CAAC,CAAC;QAEhB,KAAC,OAAO,IACN,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,GACJ,CAAC,CAAC;QAEJ,KAAC,SAAS,IACR,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,GACJ,CAEL,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAE9C,eAAe,IAAI,CAAC,WAAW,CAAC,CAAC"}

package/dist/{MiniMapPlain → cjs/MiniMapPlain}/index.js

@@ -1,38 +1,33 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const MiniMapNode_1 = __importDefault(require("../MiniMapNode"));
-const react_web_interactive_1 = require("@lincle/react-web-interactive");
-const react_1 = require("react");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Node from '../MiniMapNode';
+import { useNodePositions, useScale, useTranslate } from '@lincle/react-web-interactive';
+import { memo, useEffect, useMemo, useState } from 'react';
 const displayName = 'LincleMiniMapPlain';
-const MiniMapPlain = ({ className, gutter: givenGutter = 8, height: givenMapHeight, lincleHeight = 0, lincleWidth = 0, node: nodeFunction, style: givenStyle, width: givenMapWidth }) => {
-    const nodePositions = (0, react_web_interactive_1.useNodePositions)();
-    const { x: translateX, y: translateY } = (0, react_web_interactive_1.useTranslate)();
-    const scale = (0, react_web_interactive_1.useScale)();
-    const [nodes, setNodes] = (0, react_1.useState)();
-    const hasNodes = (0, react_1.useMemo)(() => {
+const MiniMapPlain = ({ className, gutter: givenGutter = 8, height: givenMapHeight, lincleHeight, lincleWidth, node: nodeFunction, style: givenStyle, width: givenMapWidth }) => {
+    const nodePositions = useNodePositions();
+    const { x: translateX, y: translateY } = useTranslate();
+    const scale = useScale();
+    const [nodes, setNodes] = useState();
+    const hasNodes = useMemo(() => {
         return nodes && Object.keys(nodes).length;
     }, [
         nodes
     ]);
-    const [nodeSize, setNodeSize] = (0, react_1.useState)();
-    (0, react_1.useEffect)(() => {
-        nodePositions === null || nodePositions === void 0 ? void 0 : nodePositions.subscribe(displayName, (newSize, newNodes) => {
+    const [nodeSize, setNodeSize] = useState();
+    useEffect(() => {
+        nodePositions?.subscribe(displayName, (newSize, newNodes) => {
             setNodeSize(newSize);
             setNodes(newNodes);
         });
         return () => {
-            nodePositions === null || nodePositions === void 0 ? void 0 : nodePositions.unsubscribe(displayName);
+            nodePositions?.unsubscribe(displayName);
         };
     }, []);
-    const map = (0, react_1.useMemo)(() => {
+    const map = useMemo(() => {
         const piWidth = lincleWidth / Math.PI;
         const piHeight = lincleHeight / Math.PI;
-        const width = givenMapWidth !== null && givenMapWidth !== void 0 ? givenMapWidth : Math.min(lincleWidth - 32, Math.max(Math.min(piWidth, piHeight), 128));
-        const height = givenMapHeight !== null && givenMapHeight !== void 0 ? givenMapHeight : Math.min(lincleHeight - 32, Math.max(Math.min(piWidth, piHeight / 1.5), 128));
+        const width = givenMapWidth ?? Math.min(lincleWidth - 32, Math.max(Math.min(piWidth, piHeight), 128));
+        const height = givenMapHeight ?? Math.min(lincleHeight - 32, Math.max(Math.min(piWidth, piHeight / 1.5), 128));
         return {
             height,
             width
@@ -43,7 +38,7 @@ const MiniMapPlain = ({ className, gutter: givenGutter = 8, height: givenMapHeig
         lincleHeight,
         lincleWidth
     ]);
-    const viewSize = (0, react_1.useMemo)(() => {
+    const viewSize = useMemo(() => {
         const height = lincleHeight / scale;
         const left = -translateX / scale;
         const top = -translateY / scale;
@@ -65,7 +60,7 @@ const MiniMapPlain = ({ className, gutter: givenGutter = 8, height: givenMapHeig
         translateX,
         translateY
     ]);
-    const fullSize = (0, react_1.useMemo)(() => {
+    const fullSize = useMemo(() => {
         if (hasNodes &&
             nodeSize) {
             const bottom = Math.max(nodeSize.bottom, viewSize.bottom);
@@ -89,7 +84,7 @@ const MiniMapPlain = ({ className, gutter: givenGutter = 8, height: givenMapHeig
         nodeSize,
         viewSize
     ]);
-    const viewMaskSize = (0, react_1.useMemo)(() => {
+    const viewMaskSize = useMemo(() => {
         const scaledHeight = fullSize.height / map.height;
         const scaledWidth = fullSize.width / map.width;
         const viewScale = Math.max(scaledWidth, scaledHeight);
@@ -122,20 +117,20 @@ const MiniMapPlain = ({ className, gutter: givenGutter = 8, height: givenMapHeig
             if (node) {
                 return nodeFunction ?
                     nodeFunction(node) :
-                    ((0, jsx_runtime_1.jsx)(MiniMapNode_1.default, { height: node.height, shape: node.shape, width: node.width, x: node.x, y: node.y }, node.id));
+                    (_jsx(Node, { height: node.height, shape: node.shape, width: node.width, x: node.x, y: node.y }, node.id));
             }
             else {
                 return null;
             }
         }) :
         null;
-    const d = (0, react_1.useMemo)(() => {
+    const d = useMemo(() => {
         return `M${viewMaskSize.left - viewMaskSize.gutter},${viewMaskSize.top - viewMaskSize.gutter}h${viewMaskSize.width + viewMaskSize.gutter * 2}v${viewMaskSize.height + viewMaskSize.gutter * 2}h${-viewMaskSize.width - viewMaskSize.gutter * 2}z M${viewSize.left},${viewSize.top}h${viewSize.width}v${viewSize.height}h${-viewSize.width}z`;
     }, [
         viewMaskSize,
         viewSize
     ]);
-    const viewBox = (0, react_1.useMemo)(() => {
+    const viewBox = useMemo(() => {
         return `${viewMaskSize.left} ${viewMaskSize.top} ${viewMaskSize.width} ${viewMaskSize.height}`;
     }, [
         viewMaskSize
@@ -143,7 +138,8 @@ const MiniMapPlain = ({ className, gutter: givenGutter = 8, height: givenMapHeig
     return lincleWidth === 0 ||
         lincleHeight === 0 ?
         null :
-        (0, jsx_runtime_1.jsxs)("svg", { className: `${className} lincle-minimap-svg`, height: map.height, style: givenStyle, viewBox: viewBox, width: map.width, children: [Nodes, (0, jsx_runtime_1.jsx)("path", { d: d, fill: 'rgba(238, 238, 238, 0.65)', fillRule: 'evenodd' })] });
+        _jsxs("svg", { className: `${className} lincle-minimap-svg`, height: map.height, style: givenStyle, viewBox: viewBox, width: map.width, children: [Nodes, _jsx("path", { d: d, fill: 'rgba(238, 238, 238, 0.65)', fillRule: 'evenodd' })] });
 };
 MiniMapPlain.displayName = displayName;
-exports.default = (0, react_1.memo)(MiniMapPlain);
+export default memo(MiniMapPlain);
+//# sourceMappingURL=index.js.map

package/dist/cjs/MiniMapPlain/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MiniMapPlain/index.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/index.js

@@ -0,0 +1,4 @@
+export { default as MiniMap } from './MiniMap';
+export { default as MiniMapNode } from './MiniMapNode';
+export { default as MiniMapPlain } from './MiniMapPlain';
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,OAAO,EACnB,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,OAAO,IAAI,WAAW,EACvB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,OAAO,IAAI,YAAY,EACxB,MAAM,gBAAgB,CAAC"}

package/dist/cjs/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/cjs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":""}

package/dist/esm/MiniMap/index.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import MiniMapPlain from '../MiniMapPlain';
+import { memo, useMemo } from 'react';
+import { useResizeDetector } from 'react-resize-detector';
+const displayName = 'LincleMiniMap';
+const MiniMap = ({ className: givenClassname, gutter, height, node, style, width }) => {
+    const { height: lincleHeight = 0, ref, width: lincleWidth = 0 } = useResizeDetector({
+        refreshMode: 'debounce',
+        refreshRate: 16
+    });
+    const className = useMemo(() => {
+        return `lincle-minimap-container ${givenClassname}`;
+    }, [
+        givenClassname
+    ]);
+    return (_jsx("div", { className: 'lincle-minimap', ref: ref, children: _jsx(MiniMapPlain, { className: className, gutter: gutter, height: height, lincleHeight: lincleHeight, lincleWidth: lincleWidth, node: node, style: style, width: width }) }));
+};
+MiniMap.displayName = displayName;
+export default memo(MiniMap);
+//# sourceMappingURL=index.js.map

package/dist/esm/MiniMap/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MiniMap/index.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAI3C,OAAO,EAEL,IAAI,EAEJ,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EACL,iBAAiB,EAClB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,GAAG,eAAe,CAAC;AAEpC,MAAM,OAAO,GAAoC,CAAC,EAChD,SAAS,EAAE,cAAc,EACzB,MAAM,EACN,MAAM,EACN,IAAI,EACJ,KAAK,EACL,KAAK,EACN,EAAgB,EAAE;IACjB,MAAM,EACJ,MAAM,EAAE,YAAY,GAAG,CAAC,EACxB,GAAG,EACH,KAAK,EAAE,WAAW,GAAG,CAAC,EACvB,GAAG,iBAAiB,CAAC;QACpB,WAAW,EAAE,UAAU;QACvB,WAAW,EAAE,EAAE;KAChB,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE;QACH,OAAO,4BAA4B,cAAc,EAAE,CAAC;IACtD,CAAC,EACD;QACE,cAAc;KACf,CACF,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAC,gBAAgB,EAC1B,GAAG,EAAE,GAAG,YAER,KAAC,YAAY,IACX,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,GACZ,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,WAAW,CAAC;AAElC,eAAe,IAAI,CAAC,OAAO,CAAC,CAAC"}

package/dist/esm/MiniMapNode/Ellipse.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+const MiniMapNodeEllipse = ({ height, width, x, y }) => {
+    const cx = useMemo(() => {
+        return x + width / 2;
+    }, [
+        width,
+        x
+    ]);
+    const cy = useMemo(() => {
+        return y + height / 2;
+    }, [
+        height,
+        y
+    ]);
+    const rx = useMemo(() => {
+        return width / 2;
+    }, [
+        width
+    ]);
+    const ry = useMemo(() => {
+        return height / 2;
+    }, [
+        height
+    ]);
+    return (_jsx("ellipse", { cx: cx, cy: cy, fill: 'rgba(0, 0, 0, 0.6)', rx: rx, ry: ry }));
+};
+MiniMapNodeEllipse.displayName = 'LincleMiniMapNodeEllipse';
+export default memo(MiniMapNodeEllipse);
+//# sourceMappingURL=Ellipse.js.map

package/dist/esm/MiniMapNode/Ellipse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ellipse.js","sourceRoot":"","sources":["../../../src/MiniMapNode/Ellipse.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,IAAI,EACJ,OAAO,EACR,MAAM,OAAO,CAAC;AAEf,MAAM,kBAAkB,GAA+C,CAAC,EACtE,MAAM,EACN,KAAK,EACL,CAAC,EACD,CAAC,EACF,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,OAAO,CAChB,GAAG,EAAE;QACH,OAAO,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;IACvB,CAAC,EACD;QACE,KAAK;QACL,CAAC;KACF,CACF,CAAC;IACF,MAAM,EAAE,GAAG,OAAO,CAChB,GAAG,EAAE;QACH,OAAO,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC;IACxB,CAAC,EACD;QACE,MAAM;QACN,CAAC;KACF,CACF,CAAC;IACF,MAAM,EAAE,GAAG,OAAO,CAChB,GAAG,EAAE;QACH,OAAO,KAAK,GAAG,CAAC,CAAC;IACnB,CAAC,EACD;QACE,KAAK;KACN,CACF,CAAC;IACF,MAAM,EAAE,GAAG,OAAO,CAChB,GAAG,EAAE;QACH,OAAO,MAAM,GAAG,CAAC,CAAC;IACpB,CAAC,EACD;QACE,MAAM;KACP,CACF,CAAC;IAEF,OAAO,CACL,kBACE,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,oBAAoB,EACzB,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,GACN,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAS5D,eAAe,IAAI,CAAC,kBAAkB,CAAC,CAAC"}

package/dist/esm/MiniMapNode/Rectangle.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+const MiniMapNodeRectangle = ({ height, width, x, y }) => {
+    return (_jsx("rect", { fill: 'rgba(0, 0, 0, 0.6)', height: height, width: width, x: x, y: y }));
+};
+MiniMapNodeRectangle.displayName = 'LincleMiniMapNodeRectangle';
+export default memo(MiniMapNodeRectangle);
+//# sourceMappingURL=Rectangle.js.map

package/dist/esm/MiniMapNode/Rectangle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rectangle.js","sourceRoot":"","sources":["../../../src/MiniMapNode/Rectangle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,IAAI,EACL,MAAM,OAAO,CAAC;AAEf,MAAM,oBAAoB,GAAiD,CAAC,EAC1E,MAAM,EACN,KAAK,EACL,CAAC,EACD,CAAC,EACF,EAAE,EAAE;IACH,OAAO,CACL,eACE,IAAI,EAAC,oBAAoB,EACzB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,GACJ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,WAAW,GAAG,4BAA4B,CAAC;AAShE,eAAe,IAAI,CAAC,oBAAoB,CAAC,CAAC"}

package/dist/esm/MiniMapNode/index.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Ellipse from './Ellipse';
+import Rectangle from './Rectangle';
+import { memo } from 'react';
+const MiniMapNode = ({ height, shape, width, x, y }) => {
+    return (shape === 'oval' ?
+        _jsx(Ellipse, { height: height, width: width, x: x, y: y }) :
+        _jsx(Rectangle, { height: height, width: width, x: x, y: y }));
+};
+MiniMapNode.displayName = 'LincleMiniMapNode';
+export default memo(MiniMapNode);
+//# sourceMappingURL=index.js.map

package/dist/esm/MiniMapNode/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MiniMapNode/index.tsx"],"names":[],"mappings":";AAGA,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,EAEL,IAAI,EACL,MAAM,OAAO,CAAC;AAEf,MAAM,WAAW,GAAwC,CAAC,EACxD,MAAM,EACN,KAAK,EACL,KAAK,EACL,CAAC,EACD,CAAC,EACF,EAAE,EAAE;IACH,OAAO,CACL,KAAK,KAAK,MAAM,CAAC,CAAC;QAEhB,KAAC,OAAO,IACN,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,GACJ,CAAC,CAAC;QAEJ,KAAC,SAAS,IACR,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,GACJ,CAEL,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAE9C,eAAe,IAAI,CAAC,WAAW,CAAC,CAAC"}

package/dist/esm/MiniMapPlain/index.js

@@ -0,0 +1,145 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Node from '../MiniMapNode';
+import { useNodePositions, useScale, useTranslate } from '@lincle/react-web-interactive';
+import { memo, useEffect, useMemo, useState } from 'react';
+const displayName = 'LincleMiniMapPlain';
+const MiniMapPlain = ({ className, gutter: givenGutter = 8, height: givenMapHeight, lincleHeight, lincleWidth, node: nodeFunction, style: givenStyle, width: givenMapWidth }) => {
+    const nodePositions = useNodePositions();
+    const { x: translateX, y: translateY } = useTranslate();
+    const scale = useScale();
+    const [nodes, setNodes] = useState();
+    const hasNodes = useMemo(() => {
+        return nodes && Object.keys(nodes).length;
+    }, [
+        nodes
+    ]);
+    const [nodeSize, setNodeSize] = useState();
+    useEffect(() => {
+        nodePositions?.subscribe(displayName, (newSize, newNodes) => {
+            setNodeSize(newSize);
+            setNodes(newNodes);
+        });
+        return () => {
+            nodePositions?.unsubscribe(displayName);
+        };
+    }, []);
+    const map = useMemo(() => {
+        const piWidth = lincleWidth / Math.PI;
+        const piHeight = lincleHeight / Math.PI;
+        const width = givenMapWidth ?? Math.min(lincleWidth - 32, Math.max(Math.min(piWidth, piHeight), 128));
+        const height = givenMapHeight ?? Math.min(lincleHeight - 32, Math.max(Math.min(piWidth, piHeight / 1.5), 128));
+        return {
+            height,
+            width
+        };
+    }, [
+        givenMapHeight,
+        givenMapWidth,
+        lincleHeight,
+        lincleWidth
+    ]);
+    const viewSize = useMemo(() => {
+        const height = lincleHeight / scale;
+        const left = -translateX / scale;
+        const top = -translateY / scale;
+        const width = lincleWidth / scale;
+        const bottom = top + height;
+        const right = left + width;
+        return {
+            bottom,
+            height,
+            left,
+            right,
+            top,
+            width
+        };
+    }, [
+        lincleHeight,
+        lincleWidth,
+        scale,
+        translateX,
+        translateY
+    ]);
+    const fullSize = useMemo(() => {
+        if (hasNodes &&
+            nodeSize) {
+            const bottom = Math.max(nodeSize.bottom, viewSize.bottom);
+            const left = Math.min(nodeSize.left, viewSize.left);
+            const right = Math.max(nodeSize.right, viewSize.right);
+            const top = Math.min(nodeSize.top, viewSize.top);
+            const height = bottom - top;
+            const width = right - left;
+            return {
+                bottom,
+                height,
+                left,
+                right,
+                top,
+                width
+            };
+        }
+        return viewSize;
+    }, [
+        hasNodes,
+        nodeSize,
+        viewSize
+    ]);
+    const viewMaskSize = useMemo(() => {
+        const scaledHeight = fullSize.height / map.height;
+        const scaledWidth = fullSize.width / map.width;
+        const viewScale = Math.max(scaledWidth, scaledHeight);
+        const viewHeight = viewScale * map.height;
+        const viewWidth = viewScale * map.width;
+        const gutter = givenGutter * viewScale;
+        const left = fullSize.left - (viewWidth - fullSize.width) / 2 - gutter;
+        const top = fullSize.top - (viewHeight - fullSize.height) / 2 - gutter;
+        const height = viewHeight + gutter * 2;
+        const width = viewWidth + gutter * 2;
+        const bottom = top + height;
+        const right = left + width;
+        return {
+            bottom,
+            gutter,
+            height,
+            left,
+            right,
+            top,
+            width
+        };
+    }, [
+        fullSize,
+        givenGutter,
+        map
+    ]);
+    const Nodes = nodes ?
+        Object.keys(nodes).map((nodeId) => {
+            const node = nodes[nodeId];
+            if (node) {
+                return nodeFunction ?
+                    nodeFunction(node) :
+                    (_jsx(Node, { height: node.height, shape: node.shape, width: node.width, x: node.x, y: node.y }, node.id));
+            }
+            else {
+                return null;
+            }
+        }) :
+        null;
+    const d = useMemo(() => {
+        return `M${viewMaskSize.left - viewMaskSize.gutter},${viewMaskSize.top - viewMaskSize.gutter}h${viewMaskSize.width + viewMaskSize.gutter * 2}v${viewMaskSize.height + viewMaskSize.gutter * 2}h${-viewMaskSize.width - viewMaskSize.gutter * 2}z M${viewSize.left},${viewSize.top}h${viewSize.width}v${viewSize.height}h${-viewSize.width}z`;
+    }, [
+        viewMaskSize,
+        viewSize
+    ]);
+    const viewBox = useMemo(() => {
+        return `${viewMaskSize.left} ${viewMaskSize.top} ${viewMaskSize.width} ${viewMaskSize.height}`;
+    }, [
+        viewMaskSize
+    ]);
+    return lincleWidth === 0 ||
+        lincleHeight === 0 ?
+        null :
+        _jsxs("svg", { className: `${className} lincle-minimap-svg`, height: map.height, style: givenStyle, viewBox: viewBox, width: map.width, children: [Nodes, _jsx("path", { d: d, fill: 'rgba(238, 238, 238, 0.65)', fillRule: 'evenodd' })] });
+};
+MiniMapPlain.displayName = displayName;
+export default memo(MiniMapPlain);
+//# sourceMappingURL=index.js.map

package/dist/esm/MiniMapPlain/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MiniMapPlain/index.tsx"],"names":[],"mappings":"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"}

package/dist/esm/index.js

@@ -0,0 +1,4 @@
+export { default as MiniMap } from './MiniMap';
+export { default as MiniMapNode } from './MiniMapNode';
+export { default as MiniMapPlain } from './MiniMapPlain';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,OAAO,EACnB,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,OAAO,IAAI,WAAW,EACvB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,OAAO,IAAI,YAAY,EACxB,MAAM,gBAAgB,CAAC"}

package/dist/esm/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":""}

package/dist/styles.g.css

@@ -26,8 +26,9 @@
 
 .lincle-minimap-svg {
   display: flex;
+  z-index: 2;
   align-items: center;
-  background-color: rgba(255 255 255 / 0.95%);
+  background-color: rgb(255 255 255 / 0.95%);
   cursor: pointer;
   pointer-events: auto;
   backdrop-filter: blur(8px);

package/package.json

@@ -2,7 +2,7 @@
   "name": "@lincle/react-web-minimap",
   "title": "lincle react web minimap",
   "license": "LGPL-3.0-or-later",
-  "version": "0.4.0-next.16",
+  "version": "0.4.0-next.18",
   "private": false,
   "description": "A 'reactive' React node and edge generator",
   "author": "wallzero @wallzeroblog (http://wallzero.com)",
@@ -13,8 +13,9 @@
       "position": "Initial and Lead Developer"
     }
   ],
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
   "files": [
     "dist/",
     "COPYING.md",
@@ -30,7 +31,9 @@
   },
   "scripts": {
     "build": "run-s clean:dist build:prod build:styles",
-    "build:prod": "tsc -p ./tsconfig.json",
+    "build:prod": "run-p build:cjs:prod build:esm:prod",
+    "build:cjs:prod": "tsc -p ./tsconfig.cjs.json",
+    "build:esm:prod": "tsc -p ./tsconfig.json",
     "build:watch": "run-s clean:dist build:prod build:styles build:watch:tsc",
     "build:watch:tsc": "tsc -p ./tsconfig.json --watch --pretty --preserveWatchOutput",
     "build:styles": "ncp src/styles.g.css dist/styles.g.css",
@@ -44,33 +47,33 @@
     "clean:dist": "rimraf dist"
   },
   "devDependencies": {
-    "@digest/eslint-config-jest": "^4.14.3",
-    "@digest/eslint-config-react": "^4.14.3",
-    "@digest/eslint-config-typescript": "^4.14.3",
-    "@digest/jest-junit": "^4.14.3",
-    "@digest/jest-react": "^4.14.3",
-    "@digest/jest-typescript": "^4.14.3",
-    "@digest/stylelint-config": "^4.14.3",
-    "@digest/typescript": "^4.14.3",
-    "@types/jest": "^29.5.14",
-    "@types/node": "^22.15.18",
-    "@types/react": "^19.1.4",
-    "@types/react-dom": "^19.1.5",
+    "@digest/eslint-config-jest": "^4.14.14",
+    "@digest/eslint-config-react": "^4.14.14",
+    "@digest/eslint-config-typescript": "^4.14.14",
+    "@digest/jest-junit": "^4.14.14",
+    "@digest/jest-react": "^4.14.14",
+    "@digest/jest-typescript": "^4.14.14",
+    "@digest/stylelint-config": "^4.14.14",
+    "@digest/typescript": "^4.14.14",
+    "@types/jest": "^30.0.0",
+    "@types/node": "^25.2.1",
+    "@types/react": "^19.2.13",
+    "@types/react-dom": "^19.2.3",
     "@types/react-test-renderer": "^19.1.0",
-    "cross-env": "^7.0.3",
-    "jest-environment-jsdom": "^29.7.0",
+    "cross-env": "^10.1.0",
+    "jest-environment-jsdom": "^30.2.0",
     "jest-environment-jsdom-global": "^4.0.0",
     "ncp": "^2.0.0",
     "npm-run-all": "^4.1.5",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "react-test-renderer": "^19.1.0",
-    "rimraf": "^6.0.1"
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-test-renderer": "^19.2.4",
+    "rimraf": "^6.1.2"
   },
   "dependencies": {
-    "@lincle/react-shared": "^0.4.0-next.16",
-    "@lincle/react-web-interactive": "^0.4.0-next.16",
-    "react-resize-detector": "^12.0.2"
+    "@lincle/react-shared": "^0.4.0-next.18",
+    "@lincle/react-web-interactive": "^0.4.0-next.18",
+    "react-resize-detector": "^12.3.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -91,5 +94,5 @@
     "acyclical graph",
     "cyclical graph"
   ],
-  "gitHead": "fbf9e67e3a145457c0f13ec5b65b1528e82aee99"
+  "gitHead": "8c8017797cadc70f9c4a7665982040b192c8e357"
 }

package/dist/MiniMap/index.js

@@ -1,24 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const MiniMapPlain_1 = __importDefault(require("../MiniMapPlain"));
-const react_1 = require("react");
-const react_resize_detector_1 = require("react-resize-detector");
-const displayName = 'LincleMiniMap';
-const MiniMap = ({ className: givenClassname, gutter, height, node, style, width }) => {
-    const { height: lincleHeight = 0, ref, width: lincleWidth = 0 } = (0, react_resize_detector_1.useResizeDetector)({
-        refreshMode: 'debounce',
-        refreshRate: 16
-    });
-    const className = (0, react_1.useMemo)(() => {
-        return `lincle-minimap-container ${givenClassname}`;
-    }, [
-        givenClassname
-    ]);
-    return ((0, jsx_runtime_1.jsx)("div", { className: 'lincle-minimap', ref: ref, children: (0, jsx_runtime_1.jsx)(MiniMapPlain_1.default, { className: className, gutter: gutter, height: height, lincleHeight: lincleHeight, lincleWidth: lincleWidth, node: node, style: style, width: width }) }));
-};
-MiniMap.displayName = displayName;
-exports.default = (0, react_1.memo)(MiniMap);

package/dist/MiniMapNode/Ellipse.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const MiniMapNodeEllipse = ({ height, width, x, y }) => {
-    const cx = (0, react_1.useMemo)(() => {
-        return x + width / 2;
-    }, [
-        width,
-        x
-    ]);
-    const cy = (0, react_1.useMemo)(() => {
-        return y + height / 2;
-    }, [
-        height,
-        y
-    ]);
-    const rx = (0, react_1.useMemo)(() => {
-        return width / 2;
-    }, [
-        width
-    ]);
-    const ry = (0, react_1.useMemo)(() => {
-        return height / 2;
-    }, [
-        height
-    ]);
-    return ((0, jsx_runtime_1.jsx)("ellipse", { cx: cx, cy: cy, fill: 'rgba(0, 0, 0, 0.6)', rx: rx, ry: ry }));
-};
-MiniMapNodeEllipse.displayName = 'LincleMiniMapNodeEllipse';
-exports.default = (0, react_1.memo)(MiniMapNodeEllipse);

package/dist/MiniMapNode/Rectangle.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const MiniMapNodeRectangle = ({ height, width, x, y }) => {
-    return ((0, jsx_runtime_1.jsx)("rect", { fill: 'rgba(0, 0, 0, 0.6)', height: height, width: width, x: x, y: y }));
-};
-MiniMapNodeRectangle.displayName = 'LincleMiniMapNodeRectangle';
-exports.default = (0, react_1.memo)(MiniMapNodeRectangle);

package/dist/MiniMapNode/index.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Ellipse_1 = __importDefault(require("./Ellipse"));
-const Rectangle_1 = __importDefault(require("./Rectangle"));
-const react_1 = require("react");
-const MiniMapNode = ({ height, shape, width, x, y }) => {
-    return (shape === 'oval' ?
-        (0, jsx_runtime_1.jsx)(Ellipse_1.default, { height: height, width: width, x: x, y: y }) :
-        (0, jsx_runtime_1.jsx)(Rectangle_1.default, { height: height, width: width, x: x, y: y }));
-};
-MiniMapNode.displayName = 'LincleMiniMapNode';
-exports.default = (0, react_1.memo)(MiniMapNode);

package/dist/index.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MiniMapPlain = exports.MiniMapNode = exports.MiniMap = void 0;
-var MiniMap_1 = require("./MiniMap");
-Object.defineProperty(exports, "MiniMap", { enumerable: true, get: function () { return __importDefault(MiniMap_1).default; } });
-var MiniMapNode_1 = require("./MiniMapNode");
-Object.defineProperty(exports, "MiniMapNode", { enumerable: true, get: function () { return __importDefault(MiniMapNode_1).default; } });
-var MiniMapPlain_1 = require("./MiniMapPlain");
-Object.defineProperty(exports, "MiniMapPlain", { enumerable: true, get: function () { return __importDefault(MiniMapPlain_1).default; } });

package/dist/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });