@lincle/react-web-minimap 0.4.0-next.10

package/LICENSE.md

@@ -0,0 +1,165 @@
+                   GNU LESSER GENERAL PUBLIC LICENSE
+                       Version 3, 29 June 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+
+  This version of the GNU Lesser General Public License incorporates
+the terms and conditions of version 3 of the GNU General Public
+License, supplemented by the additional permissions listed below.
+
+  0. Additional Definitions.
+
+  As used herein, "this License" refers to version 3 of the GNU Lesser
+General Public License, and the "GNU GPL" refers to version 3 of the GNU
+General Public License.
+
+  "The Library" refers to a covered work governed by this License,
+other than an Application or a Combined Work as defined below.
+
+  An "Application" is any work that makes use of an interface provided
+by the Library, but which is not otherwise based on the Library.
+Defining a subclass of a class defined by the Library is deemed a mode
+of using an interface provided by the Library.
+
+  A "Combined Work" is a work produced by combining or linking an
+Application with the Library.  The particular version of the Library
+with which the Combined Work was made is also called the "Linked
+Version".
+
+  The "Minimal Corresponding Source" for a Combined Work means the
+Corresponding Source for the Combined Work, excluding any source code
+for portions of the Combined Work that, considered in isolation, are
+based on the Application, and not on the Linked Version.
+
+  The "Corresponding Application Code" for a Combined Work means the
+object code and/or source code for the Application, including any data
+and utility programs needed for reproducing the Combined Work from the
+Application, but excluding the System Libraries of the Combined Work.
+
+  1. Exception to Section 3 of the GNU GPL.
+
+  You may convey a covered work under sections 3 and 4 of this License
+without being bound by section 3 of the GNU GPL.
+
+  2. Conveying Modified Versions.
+
+  If you modify a copy of the Library, and, in your modifications, a
+facility refers to a function or data to be supplied by an Application
+that uses the facility (other than as an argument passed when the
+facility is invoked), then you may convey a copy of the modified
+version:
+
+   a) under this License, provided that you make a good faith effort to
+   ensure that, in the event an Application does not supply the
+   function or data, the facility still operates, and performs
+   whatever part of its purpose remains meaningful, or
+
+   b) under the GNU GPL, with none of the additional permissions of
+   this License applicable to that copy.
+
+  3. Object Code Incorporating Material from Library Header Files.
+
+  The object code form of an Application may incorporate material from
+a header file that is part of the Library.  You may convey such object
+code under terms of your choice, provided that, if the incorporated
+material is not limited to numerical parameters, data structure
+layouts and accessors, or small macros, inline functions and templates
+(ten or fewer lines in length), you do both of the following:
+
+   a) Give prominent notice with each copy of the object code that the
+   Library is used in it and that the Library and its use are
+   covered by this License.
+
+   b) Accompany the object code with a copy of the GNU GPL and this license
+   document.
+
+  4. Combined Works.
+
+  You may convey a Combined Work under terms of your choice that,
+taken together, effectively do not restrict modification of the
+portions of the Library contained in the Combined Work and reverse
+engineering for debugging such modifications, if you also do each of
+the following:
+
+   a) Give prominent notice with each copy of the Combined Work that
+   the Library is used in it and that the Library and its use are
+   covered by this License.
+
+   b) Accompany the Combined Work with a copy of the GNU GPL and this license
+   document.
+
+   c) For a Combined Work that displays copyright notices during
+   execution, include the copyright notice for the Library among
+   these notices, as well as a reference directing the user to the
+   copies of the GNU GPL and this license document.
+
+   d) Do one of the following:
+
+       0) Convey the Minimal Corresponding Source under the terms of this
+       License, and the Corresponding Application Code in a form
+       suitable for, and under terms that permit, the user to
+       recombine or relink the Application with a modified version of
+       the Linked Version to produce a modified Combined Work, in the
+       manner specified by section 6 of the GNU GPL for conveying
+       Corresponding Source.
+
+       1) Use a suitable shared library mechanism for linking with the
+       Library.  A suitable mechanism is one that (a) uses at run time
+       a copy of the Library already present on the user's computer
+       system, and (b) will operate properly with a modified version
+       of the Library that is interface-compatible with the Linked
+       Version.
+
+   e) Provide Installation Information, but only if you would otherwise
+   be required to provide such information under section 6 of the
+   GNU GPL, and only to the extent that such information is
+   necessary to install and execute a modified version of the
+   Combined Work produced by recombining or relinking the
+   Application with a modified version of the Linked Version. (If
+   you use option 4d0, the Installation Information must accompany
+   the Minimal Corresponding Source and Corresponding Application
+   Code. If you use option 4d1, you must provide the Installation
+   Information in the manner specified by section 6 of the GNU GPL
+   for conveying Corresponding Source.)
+
+  5. Combined Libraries.
+
+  You may place library facilities that are a work based on the
+Library side by side in a single library together with other library
+facilities that are not Applications and are not covered by this
+License, and convey such a combined library under terms of your
+choice, if you do both of the following:
+
+   a) Accompany the combined library with a copy of the same work based
+   on the Library, uncombined with any other library facilities,
+   conveyed under the terms of this License.
+
+   b) Give prominent notice with the combined library that part of it
+   is a work based on the Library, and explaining where to find the
+   accompanying uncombined form of the same work.
+
+  6. Revised Versions of the GNU Lesser General Public License.
+
+  The Free Software Foundation may publish revised and/or new versions
+of the GNU Lesser General Public License from time to time. Such new
+versions will be similar in spirit to the present version, but may
+differ in detail to address new problems or concerns.
+
+  Each version is given a distinguishing version number. If the
+Library as you received it specifies that a certain numbered version
+of the GNU Lesser General Public License "or any later version"
+applies to it, you have the option of following the terms and
+conditions either of that published version or of any later version
+published by the Free Software Foundation. If the Library as you
+received it does not specify a version number of the GNU Lesser
+General Public License, you may choose any version of the GNU Lesser
+General Public License ever published by the Free Software Foundation.
+
+  If the Library as you received it specifies that a proxy can decide
+whether future versions of the GNU Lesser General Public License shall
+apply, that proxy's public statement of acceptance of any version is
+permanent authorization for you to choose that version for the
+Library.

package/README.md

@@ -0,0 +1,297 @@
+<div align="center">
+	<h1><code>@lincle/react-web-interactive</code>: An interactive <i>reactive</i> React node and edge generator</h1>
+</div>
+
+<div align="center">
+	<a href="https://www.npmjs.org/package/@lincle/react-web-interactive"><img alt="NPM Version" src="https://img.shields.io/npm/v/@lincle/react-web-interactive.svg" /></a>
+	<a href="https://www.gnu.org/licenses/gpl-3.0.en.html"><img alt="License" src="https://img.shields.io/npm/l/@lincle/react-web-interactive.svg" /></a>
+	<a href="https://app.fossa.io/projects/git%2Bhttps%3A%2F%2Fgitlab.com%2Flincle%2Flincle?ref=badge_shield"><img alt="FOSSA Status" src="https://app.fossa.io/api/projects/git%2Bhttps%3A%2F%2Fgitlab.com%2Flincle%2Flincle.svg?type=shield" /></a>
+</div>
+
+<div align="center">
+	<a href="https://github.com/gajus/canonical"><img alt="Canonical Code Style" src="https://img.shields.io/badge/code%20style-canonical-blue.svg" /></a>
+	<a href="https://commitizen.github.io/cz-cli/"><img alt="Commitizen Friendly" src="https://img.shields.io/badge/commitizen-friendly-brightgreen.svg" /></a>
+	<a href="https://github.com/semantic-release/semantic-release#readme"><img alt="Semantic Release" src="https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg" /></a>
+</div>
+
+<div align="center">
+	<a href="https://gitlab.com/digested/lincle/commits/master"><img alt="Build Status" src="https://gitlab.com/digested/lincle/badges/master/pipeline.svg" /></a>
+	<a href="https://lincle.gitlab.io/lincle/stats/base/coverage/lcov-report/"><img alt="Coverage Report" src="https://gitlab.com/digested/lincle/badges/master/coverage.svg" /></a>
+	<a href="https://lincle.gitlab.io/lincle/stats/base/webpack/"><img alt="Build Analysis" src="https://img.shields.io/badge/webpack-stats-blue.svg" /></a>
+</div>
+
+**`@lincle/react-web-interactive`** generates a reactive, composable graph/diagram. `@lincle/react-web-interactive` is built on [`@lincle/base`](https://www.npmjs.com/package/@lincle/base) diagram generating capabilities adding interactive functionality.
+
+Interactivity is provided by:
+* [`react-map-interaction`](https://www.npmjs.com/package/react-map-interaction) for panning and scaling
+* [`react-draggable`](https://www.npmjs.com/package/react-draggable) for moving of nodes and edges.
+
+The nodes are moveable by default. To pull new edges, tap and hold the diagram or press and hold `shift`. To select nodes, press on a node for half a second or hold `ctrl`.
+
+> ***Note**: node selection relies on a callback function and is **disabled** if a callback is not provided.*
+
+Please see the various testing [demos](https://lincle.gitlab.io/lincle/) for examples.
+
+## Installation & Setup
+
+Install `@lincle/react-web-interactive` and the peer dependencies `react`, `react-dom`:
+
+```
+npm install react react-dom @lincle/react-web-interactive
+```
+
+Also include the provided styles file. For example:
+
+```
+import '@lincle/react-web-interactive/dist/main.min.css';
+```
+
+## Simple Example
+
+The following example will generate this diagram:
+
+<div align="center">
+	<a href="https://gitlab.com/digested/lincle/-/raw/master/static/react-yad-example.png">
+		<img src="https://gitlab.com/digested/lincle/-/raw/master/static/react-yad-example.png" alt="resulting screenshot of simple example" style="max-width:100%;">
+	</a>
+</div>
+
+> [<h3>CodeSandbox</h3>](https://codesandbox.io/s/react-yad-simple-example-cus8v)
+
+```css
+.node {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: calc(100% - 2px);
+	height: calc(100% - 2px);
+	cursor: grab;
+	border: 1px solid black;
+	background-color: white;
+	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
+}
+
+.node:active {
+	cursor: grabbing;
+}
+
+.node-oval {
+	border-radius: 50%;
+}
+```
+
+```ts
+<Graph
+	id='YetAnotherDiagram'
+	key='1'
+	nodeHeight={50}
+	nodeWidth={50}
+	onEdgeDrop={handleEdgeDrop}
+>
+	<Nodes>
+		<Node
+			id={1}
+			key={1}
+			x={50}
+			y={50}
+		>
+			<div styleName='node'>
+				Node 1
+			</div>
+		</Node>
+		<Node
+			height={100}
+			id={2}
+			key={2}
+			line='direct'
+			shape='oval'
+			width={200}
+			x={100}
+			y={150}
+		>
+			<div styleName='node node-oval'>
+				Node 2
+			</div>
+		</Node>
+		<Node
+			id={3}
+			key={3}
+			line='curve'
+			shape='oval'
+			x={150}
+			y={350}
+		>
+			<div styleName='node node-oval'>
+				Node 3
+			</div>
+		</Node>
+	</Nodes>
+	<Edges>
+		<Edge
+			id={1}
+			key={1}
+			sourceId={1}
+			targetId={2}
+		>
+			<circle
+				fill='white'
+				r='3'
+				stroke='black'
+				strokeWidth={2}
+			>
+				<title>
+					Bridge
+				</title>
+			</circle>
+		</Edge>
+		<Edge
+			id={2}
+			key={2}
+			line='direct'
+			sourceId={2}
+			targetId={3}
+		/>
+	</Edges>
+</Graph>
+```
+
+## Component API's
+
+**\***  *bolded parameters are required*
+
+### `<Graph>`
+
+| Parameters | Type | Default | Description |
+|---|---|---|---|
+| **`id`** | `string \| number` | | The unique ID of the graph |
+| disableMove | `boolean` | `false` | Disable moving nodes |
+| disablePan | `boolean` | `false` | Disable panning the diagram |
+| disablePull | `boolean` | `false` | Disable connecting nodes |
+| disableScale | `boolean` | `false` | Disable zooming/scaling the diagram |
+| edgeFrequency | `number` | `16` (*60Hz*) | Frequency of edge updates during node movements (in ms) |
+| grid | `false \| [number, number]` | `[16, 16]` | The background grid space; false to disable. |
+| line | `"curve" \| "direct" \| "step"` | `"step"` | The default curve for the edges |
+| maxScale | `number` | `2` | The maximum zoom/scale of the diagram |
+| minScale | `number` | `0.5` | The minimum zoom/scale of the diagram |
+| mode | `"move" \| "pull"` | `"move"` | Forced interaction state of the diagram (moving nodes or pulling/connectiong them) |
+| nodeFrequency | `number` | `500` | Frequency of node movements reported (in ms, aside from edges) |
+| nodeHeight | `number` | `50` | The default height for nodes (in px) |
+| nodeWidth | `number` | `50` | The default width for nodes (in px) |
+| onEdgeDrop | `(sourceId: string, targetId: string) => void` | | The default callback when an edge is dropped. |
+| onMouseDown | `(event: MouseEvent<HTMLDivElement>) => void` | | Callback passed on main diagram `<div />` |
+| onMouseUp | `(event: MouseEvent<HTMLDivElement>) => void` | | Callback passed on main diagram `<div />` |
+| onNodeDrag | `(event: DraggableEvent, nodeId: ReactText, data: DraggableData) => void` | | Default callback for dropping an edge |
+| onNodeSelect | `(nodeId: ReactText) => void` | | Default callback for selecting a node |
+| onNodeStart | `(event: DraggableEvent, nodeId: ReactText) => void` | | Default callback for nodes |
+| onNodeStop | `(event: DraggableEvent, nodeId: ReactText, data: DraggableData) => void` | | Default callback for nodes |
+| onScale | `(scale: number) => void` | | Callback passed on diagram scale events |
+| onTouchEnd | `(event: TouchEvent<HTMLDivElement>) => void` | | Callback passed on main diagram `<div />` |
+| onTouchStart| `(event: TouchEvent<HTMLDivElement>) => void` | | Callback passed on main diagram `<div />` |
+| onTranslate | `({x: number, y: number}) => void` | | Callback passed on diagram translate events |
+| scale | `number` | `1` | The default zoom/scale of the diagram |
+| shape | `"oval" \| "rectangle"` | `"rectangle"` | The default shape for nodes |
+| snap | `boolean \| [number, number]` | `false` | Snap nodes to grid when moved. If `true` nodes will snap to `grid` dimensions. |
+| xOffset | `number` | `0` | The initial x-axis position of the diagram |
+| yOffset | `number` | `0` | The initial y-axis position of the diagram |
+
+### `<GraphContexts>`
+
+| Parameters | Type | Default | Description |
+|---|---|---|---|
+| <td colspan="3">*Same API as `<Graph />` ommiting the mouse and touch event passthrough* |
+
+The primary purpose of `<GraphContexts>` is to include additional elements in the graph that will share access to the various `<Context.Providers>` - such as `@lincle/minimap`.
+
+### `<Nodes>`
+
+| Parameters | Type | Default | Description |
+|---|---|---|---|
+| *none* |
+
+### `<Node>`
+
+| Parameters | Type | Default | Description |
+|---|---|---|---|
+| **`id`** | `string | number` | | The unique ID of the node |
+| x | `number` | `0` | The initial `x` coordinate of the node |
+| y | `number` | `0` | The initial `y` coordinate of the node |
+| <td colspan="3">*The following override the defaults provided by `<Graph />`* |
+| disableMove | `boolean` | `false` | Disable moving this node |
+| disablePull | `boolean` | `false` | Disable connecting this node |
+| height | `number` | `50` | The node height|
+| line | `'curve' \| 'direct' \| 'step'` | | The connector line shape |
+| mode | `"move" \| "pull"` | | The node interactive state (moving node or pulling/connecting) |
+| onDrag | `(event: DraggableEvent, nodeId: ReactText, data: DraggableData) => void` | | Callback for node |
+| onEdgeDrop | `(sourceId: string, targetId: string) => void` | | Callback for dropping an edge |
+| onSelect | `(nodeId: ReactText) => void` | | Callback for selecting a node |
+| onStart | `(event: DraggableEvent, nodeId: ReactText) => void` | | Callback for node |
+| onStop | `(event: DraggableEvent, nodeId: ReactText, data: DraggableData) => void` | | Callback for node |
+| shape | `'oval' \| 'rectangle'` | | The node shape |
+| width | `number` | `50` | The node width |
+
+### `<Edges>`
+
+| Parameters | Type | Default | Description |
+|---|---|---|---|
+| dash | `boolean \| undefined` | `undefined` | Whether dash should be enabled. Defaults to hover only. |
+
+### `<Edge>`
+
+| Parameters | Type | Default | Description |
+|---|---|---|---|
+| **`id`** | `string \| number` | | The unique ID for the edge |
+| dash | `boolean \| undefined` | `undefined` | Whether dash should be enabled. Defaults to hover only. |
+| line | `'curve' \| 'direct' \| 'step'` | | The line shape (overrides default) and not applicable if custom path generator is used. |
+| markerEnd | `string` | | Passed to the default path generated `<path>` SVG |
+| markerStart | `string` | | Passed to the default path generated `<path>` SVG |
+| path | *path `function` - see below* | | Use to generate a custom path component. |
+| **`sourceId`** | `string \| number` | | ID for the source node |
+| **`targetId`** | `string \| number` | | ID for the target node |
+
+> ***Note**: The child of `<Edge />` is intended to be an element at the center of the path. The child will be inside an `<SVG />` element and should be an SVG type or wrapped in a `<foreignObject />` element. See examples for details.*
+
+### Path `function`
+
+Instead of using the `@lincle/react-web-interactive` provided edges (`curve`, `line`, & `step`), you may opt to generate your own path component:
+
+```ts
+(
+	source: {
+		height: number,
+		id: string | number,
+		shape: 'oval' | 'rectangle',
+		width: number,
+		x: number,
+		y: number
+	},
+	target: {
+		height: number,
+		id: string | number,
+		shape: 'oval' | 'rectangle',
+		width: number,
+		x: number,
+		y: number
+	},
+	children?: ReactNode
+) => Component<SVG type>
+```
+
+### `<Grid>`
+
+| Parameters | Type | Default | Description |
+|---|---|---|---|
+| children | `SVG` | `<circle>` | The repeated SVG |
+
+### Contexts
+
+There are several `<Context>`'s used that can be taken advantage of to extend the functionality of `lincle` via their respective `<Context.Provider>`s':
+
+| Context | Provides | Description |
+|---|---|---|
+| `<GraphContext>` | `{diagramId: ReactText, nodePosition: NodePositions, edgeSubscriber: EdgeSubscriber, defaultSettings: DefaultSettings}` | Provides the current diagramId and default settings along with classes to subscribe to `<Node>` and `<Edge>` events. |
+| `<GridContext>` | `[number, number]` | Provides the current grid dimensions. |
+| `<ModeContext>` | `{disableMove?: boolean, disablePull?: boolean, givenMode?: 'move' \| 'pull' \| 'select', mode: 'move' \| 'pull' \| 'select', onMode?: 'move' \| 'pull' \| 'select' => void}` | Provides the current graph mode, whether move and pull are enabled on nodes, an optional given override mode, and a function to change the mode. |
+| `<ScaleContext>` | `{scale: number, onScale?: (scale: number) => void}` | Provides the current scale and a function to change the scale. |
+| `<SnapContext>` | `[number, number]` | Provides the current snap dimensions. |
+| `<TranslateContext>` | `{translate: {x: number, y: number}, onTranslate?: (translate: {x: number, y: number}) => void}` | Provides the current graph translation (xOffset and yOffset) and a function to change the translation. |
+| `<TransformContext>` | `{disablePan?: boolean, disableScale?: boolean, maxScale?: number, minScale?: number}` | Provides the rest of the graphs current transform properties. |

package/dist/MiniMap/index.d.ts

@@ -0,0 +1,3 @@
+import { type MiniMapProps } from '../types';
+declare const _default: import("react").NamedExoticComponent<MiniMapProps>;
+export default _default;

package/dist/MiniMap/index.js

@@ -0,0 +1,24 @@
+"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.d.ts

@@ -0,0 +1,8 @@
+type MiniMapNodeEllipseProps = {
+    readonly height: number;
+    readonly width: number;
+    readonly x: number;
+    readonly y: number;
+};
+declare const _default: import("react").NamedExoticComponent<MiniMapNodeEllipseProps>;
+export default _default;

package/dist/MiniMapNode/Ellipse.js

@@ -0,0 +1,31 @@
+"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.d.ts

@@ -0,0 +1,8 @@
+type MiniMapNodeRectangleProps = {
+    readonly height: number;
+    readonly width: number;
+    readonly x: number;
+    readonly y: number;
+};
+declare const _default: import("react").NamedExoticComponent<MiniMapNodeRectangleProps>;
+export default _default;

package/dist/MiniMapNode/Rectangle.js

@@ -0,0 +1,9 @@
+"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.d.ts

@@ -0,0 +1,3 @@
+import { type MiniMapNodeProps } from '../types';
+declare const _default: import("react").NamedExoticComponent<MiniMapNodeProps>;
+export default _default;

package/dist/MiniMapNode/index.js

@@ -0,0 +1,16 @@
+"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/MiniMapPlain/index.d.ts

@@ -0,0 +1,3 @@
+import { type MiniMapPlainProps } from '../types';
+declare const _default: import("react").NamedExoticComponent<MiniMapPlainProps>;
+export default _default;