@aloudata/ink-flow 1.0.27 → 1.0.28

package/dist/container/EdgeRenderer/MarkerSymbols.js

@@ -0,0 +1,38 @@
+var _a;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { useStoreApi } from '../../hooks';
+import { MarkerType, errorMessages } from '@aloudata/ink-core';
+var ArrowSymbol = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? 'none' : _b, _c = _a.strokeWidth, strokeWidth = _c === void 0 ? 1 : _c;
+    return (_jsx("polyline", { style: {
+            stroke: color,
+            strokeWidth: strokeWidth,
+        }, strokeLinecap: "round", strokeLinejoin: "round", fill: "none", points: "-5,-4 0,0 -5,4" }));
+};
+var ArrowClosedSymbol = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? 'none' : _b, _c = _a.strokeWidth, strokeWidth = _c === void 0 ? 1 : _c;
+    return (_jsx("polyline", { style: {
+            stroke: color,
+            fill: color,
+            strokeWidth: strokeWidth,
+        }, strokeLinecap: "round", strokeLinejoin: "round", points: "-5,-4 0,0 -5,4 -5,-4" }));
+};
+export var MarkerSymbols = (_a = {},
+    _a[MarkerType.Arrow] = ArrowSymbol,
+    _a[MarkerType.ArrowClosed] = ArrowClosedSymbol,
+    _a);
+export function useMarkerSymbol(type) {
+    var store = useStoreApi();
+    var symbol = useMemo(function () {
+        var _a, _b;
+        var symbolExists = Object.prototype.hasOwnProperty.call(MarkerSymbols, type);
+        if (!symbolExists) {
+            (_b = (_a = store.getState()).onError) === null || _b === void 0 ? void 0 : _b.call(_a, '009', errorMessages['error009'](type));
+            return null;
+        }
+        return MarkerSymbols[type];
+    }, [type]);
+    return symbol;
+}
+//# sourceMappingURL=MarkerSymbols.js.map

package/dist/container/EdgeRenderer/MarkerSymbols.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkerSymbols.js","sourceRoot":"","sources":["../../../src/container/EdgeRenderer/MarkerSymbols.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAc,UAAU,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAI3E,IAAM,WAAW,GAAG,UAAC,EAAgD;QAA9C,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EAAE,mBAAe,EAAf,WAAW,mBAAG,CAAC,KAAA;IACpD,OAAO,CACL,mBACE,KAAK,EAAE;YACL,MAAM,EAAE,KAAK;YACb,WAAW,aAAA;SACZ,EACD,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,gBAAgB,GACvB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,iBAAiB,GAAG,UAAC,EAGb;QAFZ,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EACd,mBAAe,EAAf,WAAW,mBAAG,CAAC,KAAA;IAEf,OAAO,CACL,mBACE,KAAK,EAAE;YACL,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,KAAK;YACX,WAAW,aAAA;SACZ,EACD,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,MAAM,EAAC,sBAAsB,GAC7B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa;IACxB,GAAC,UAAU,CAAC,KAAK,IAAG,WAAW;IAC/B,GAAC,UAAU,CAAC,WAAW,IAAG,iBAAiB;OAC5C,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,IAAgB;IAC9C,IAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAE5B,IAAM,MAAM,GAAG,OAAO,CAAC;;QACrB,IAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CACvD,aAAa,EACb,IAAI,CACL,CAAC;QAEF,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,MAAA,MAAA,KAAK,CAAC,QAAQ,EAAE,EAAC,OAAO,mDAAG,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;YAEnE,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/container/EdgeRenderer/index.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { shallow } from 'zustand/shallow';
+import MarkerDefinitions from './MarkerDefinitions';
+import { useStore } from '../../hooks';
+import { useVisibleEdgeIds } from '../../hooks/useVisibleEdgeIds';
+import { EdgeWrapper } from '../../components/EdgeWrapper';
+var selector = function (s) { return ({
+    edgesFocusable: s.edgesFocusable,
+    edgesReconnectable: s.edgesReconnectable,
+    elementsSelectable: s.elementsSelectable,
+    connectionMode: s.connectionMode,
+    onError: s.onError,
+}); };
+function EdgeRendererComponent(_a) {
+    var defaultMarkerColor = _a.defaultMarkerColor, onlyRenderVisibleElements = _a.onlyRenderVisibleElements, rfId = _a.rfId, edgeTypes = _a.edgeTypes, noPanClassName = _a.noPanClassName, onReconnect = _a.onReconnect, onEdgeContextMenu = _a.onEdgeContextMenu, onEdgeMouseEnter = _a.onEdgeMouseEnter, onEdgeMouseMove = _a.onEdgeMouseMove, onEdgeMouseLeave = _a.onEdgeMouseLeave, onEdgeClick = _a.onEdgeClick, reconnectRadius = _a.reconnectRadius, onEdgeDoubleClick = _a.onEdgeDoubleClick, onReconnectStart = _a.onReconnectStart, onReconnectEnd = _a.onReconnectEnd, disableKeyboardA11y = _a.disableKeyboardA11y;
+    var _b = useStore(selector, shallow), edgesFocusable = _b.edgesFocusable, edgesReconnectable = _b.edgesReconnectable, elementsSelectable = _b.elementsSelectable, onError = _b.onError;
+    var edgeIds = useVisibleEdgeIds(onlyRenderVisibleElements);
+    return (_jsxs("div", { className: "ink-flow__edges", children: [_jsx(MarkerDefinitions, { defaultColor: defaultMarkerColor, rfId: rfId }), edgeIds.map(function (id) {
+                return (_jsx(EdgeWrapper, { id: id, edgesFocusable: edgesFocusable, edgesReconnectable: edgesReconnectable, elementsSelectable: elementsSelectable, noPanClassName: noPanClassName, onReconnect: onReconnect, onContextMenu: onEdgeContextMenu, onMouseEnter: onEdgeMouseEnter, onMouseMove: onEdgeMouseMove, onMouseLeave: onEdgeMouseLeave, onClick: onEdgeClick, reconnectRadius: reconnectRadius, onDoubleClick: onEdgeDoubleClick, onReconnectStart: onReconnectStart, onReconnectEnd: onReconnectEnd, rfId: rfId, onError: onError, edgeTypes: edgeTypes, disableKeyboardA11y: disableKeyboardA11y }, id));
+            })] }));
+}
+EdgeRendererComponent.displayName = 'EdgeRenderer';
+export var EdgeRenderer = memo(EdgeRendererComponent);
+//# sourceMappingURL=index.js.map

package/dist/container/EdgeRenderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/container/EdgeRenderer/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAGpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAwB3D,IAAM,QAAQ,GAAG,UAAC,CAAe,IAAK,OAAA,CAAC;IACrC,cAAc,EAAE,CAAC,CAAC,cAAc;IAChC,kBAAkB,EAAE,CAAC,CAAC,kBAAkB;IACxC,kBAAkB,EAAE,CAAC,CAAC,kBAAkB;IACxC,cAAc,EAAE,CAAC,CAAC,cAAc;IAChC,OAAO,EAAE,CAAC,CAAC,OAAO;CACnB,CAAC,EANoC,CAMpC,CAAC;AAEH,SAAS,qBAAqB,CAA+B,EAiB/B;QAhB5B,kBAAkB,wBAAA,EAClB,yBAAyB,+BAAA,EACzB,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,iBAAiB,uBAAA,EACjB,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,iBAAiB,uBAAA,EACjB,gBAAgB,sBAAA,EAChB,cAAc,oBAAA,EACd,mBAAmB,yBAAA;IAEb,IAAA,KACJ,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,EADrB,cAAc,oBAAA,EAAE,kBAAkB,wBAAA,EAAE,kBAAkB,wBAAA,EAAE,OAAO,aAC1C,CAAC;IAC9B,IAAM,OAAO,GAAG,iBAAiB,CAAC,yBAAyB,CAAC,CAAC;IAE7D,OAAO,CACL,eAAK,SAAS,EAAC,iBAAiB,aAC9B,KAAC,iBAAiB,IAAC,YAAY,EAAE,kBAAkB,EAAE,IAAI,EAAE,IAAI,GAAI,EAElE,OAAO,CAAC,GAAG,CAAC,UAAC,EAAE;gBACd,OAAO,CACL,KAAC,WAAW,IAEV,EAAE,EAAE,EAAE,EACN,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,iBAAiB,EAChC,YAAY,EAAE,gBAAgB,EAC9B,WAAW,EAAE,eAAe,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,OAAO,EAAE,WAAW,EACpB,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,iBAAiB,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE,mBAAmB,IAnBnC,EAAE,CAoBP,CACH,CAAC;YACJ,CAAC,CAAC,IACE,CACP,CAAC;AACJ,CAAC;AAED,qBAAqB,CAAC,WAAW,GAAG,cAAc,CAAC;AAEnD,MAAM,CAAC,IAAM,YAAY,GAAG,IAAI,CAC9B,qBAAqB,CACU,CAAC"}

package/dist/container/FlowRenderer/index.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { useStore } from '../../hooks/useStore';
+import { useKeyPress } from '../../hooks/useKeyPress';
+import { ZoomPane } from '../ZoomPane';
+import { useGlobalKeyHandler } from '../../hooks/useGlobalKeyHandler';
+import { Pane } from '../Pane';
+var selector = function (s) {
+    return {
+        nodesSelectionActive: s.nodesSelectionActive,
+        userSelectionActive: s.userSelectionActive,
+    };
+};
+function FlowRendererComponent(_a) {
+    var children = _a.children, onPaneClick = _a.onPaneClick, onPaneMouseEnter = _a.onPaneMouseEnter, onPaneMouseMove = _a.onPaneMouseMove, onPaneMouseLeave = _a.onPaneMouseLeave, onPaneContextMenu = _a.onPaneContextMenu, onPaneScroll = _a.onPaneScroll, deleteKeyCode = _a.deleteKeyCode, selectionKeyCode = _a.selectionKeyCode, selectionOnDrag = _a.selectionOnDrag, selectionMode = _a.selectionMode, onSelectionStart = _a.onSelectionStart, onSelectionEnd = _a.onSelectionEnd, multiSelectionKeyCode = _a.multiSelectionKeyCode, panActivationKeyCode = _a.panActivationKeyCode, zoomActivationKeyCode = _a.zoomActivationKeyCode, elementsSelectable = _a.elementsSelectable, zoomOnScroll = _a.zoomOnScroll, zoomOnPinch = _a.zoomOnPinch, _panOnScroll = _a.panOnScroll, panOnScrollSpeed = _a.panOnScrollSpeed, panOnScrollMode = _a.panOnScrollMode, zoomOnDoubleClick = _a.zoomOnDoubleClick, _panOnDrag = _a.panOnDrag, defaultViewport = _a.defaultViewport, translateExtent = _a.translateExtent, minZoom = _a.minZoom, maxZoom = _a.maxZoom, preventScrolling = _a.preventScrolling, onSelectionContextMenu = _a.onSelectionContextMenu, noWheelClassName = _a.noWheelClassName, noPanClassName = _a.noPanClassName, disableKeyboardA11y = _a.disableKeyboardA11y, onViewportChange = _a.onViewportChange, isControlledViewport = _a.isControlledViewport, paneClickDistance = _a.paneClickDistance, nodeClickDistance = _a.nodeClickDistance;
+    var _b = useStore(selector), nodesSelectionActive = _b.nodesSelectionActive, userSelectionActive = _b.userSelectionActive;
+    var selectionKeyPressed = useKeyPress(selectionKeyCode);
+    var panActivationKeyPressed = useKeyPress(panActivationKeyCode);
+    var panOnDrag = panActivationKeyPressed || _panOnDrag;
+    var panOnScroll = panActivationKeyPressed || _panOnScroll;
+    var isSelecting = selectionKeyPressed ||
+        userSelectionActive ||
+        (selectionOnDrag && panOnDrag !== true);
+    useGlobalKeyHandler({ deleteKeyCode: deleteKeyCode, multiSelectionKeyCode: multiSelectionKeyCode });
+    return (_jsx(ZoomPane, { onPaneContextMenu: onPaneContextMenu, elementsSelectable: elementsSelectable, zoomOnScroll: zoomOnScroll, zoomOnPinch: zoomOnPinch, panOnScroll: panOnScroll, panOnScrollSpeed: panOnScrollSpeed, panOnScrollMode: panOnScrollMode, zoomOnDoubleClick: zoomOnDoubleClick, panOnDrag: !selectionKeyPressed && panOnDrag, defaultViewport: defaultViewport, translateExtent: translateExtent, minZoom: minZoom, maxZoom: maxZoom, zoomActivationKeyCode: zoomActivationKeyCode, preventScrolling: preventScrolling, noWheelClassName: noWheelClassName, noPanClassName: noPanClassName, onViewportChange: onViewportChange, isControlledViewport: isControlledViewport, paneClickDistance: paneClickDistance, nodeClickDistance: nodeClickDistance, children: _jsx(Pane, { onSelectionStart: onSelectionStart, onSelectionEnd: onSelectionEnd, onPaneClick: onPaneClick, onPaneMouseEnter: onPaneMouseEnter, onPaneMouseMove: onPaneMouseMove, onPaneMouseLeave: onPaneMouseLeave, onPaneContextMenu: onPaneContextMenu, onPaneScroll: onPaneScroll, panOnDrag: panOnDrag, isSelecting: !!isSelecting, selectionMode: selectionMode, selectionKeyPressed: selectionKeyPressed, children: children }) }));
+}
+FlowRendererComponent.displayName = 'FlowRenderer';
+export var FlowRenderer = memo(FlowRendererComponent);
+//# sourceMappingURL=index.js.map

package/dist/container/FlowRenderer/index.js.map

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

package/dist/container/GraphView/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { FlowRenderer } from '../FlowRenderer';
+import { NodeRenderer } from '../NodeRenderer';
+import { EdgeRenderer } from '../EdgeRenderer';
+import { Viewport } from '../Viewport';
+import { ConnectionLineWrapper } from '../../components/ConnectionLine';
+function GraphViewComponent(_a) {
+    var onNodeClick = _a.onNodeClick, onNodeDoubleClick = _a.onNodeDoubleClick, onNodeMouseEnter = _a.onNodeMouseEnter, onNodeMouseMove = _a.onNodeMouseMove, onNodeMouseLeave = _a.onNodeMouseLeave, onNodeContextMenu = _a.onNodeContextMenu, onEdgeClick = _a.onEdgeClick, onEdgeDoubleClick = _a.onEdgeDoubleClick, onEdgeMouseEnter = _a.onEdgeMouseEnter, onEdgeMouseMove = _a.onEdgeMouseMove, onEdgeMouseLeave = _a.onEdgeMouseLeave, onEdgeContextMenu = _a.onEdgeContextMenu, rfId = _a.rfId, minZoom = _a.minZoom, maxZoom = _a.maxZoom, noPanClassName = _a.noPanClassName, noDragClassName = _a.noDragClassName, nodeOrigin = _a.nodeOrigin, viewport = _a.viewport, disableKeyboardA11y = _a.disableKeyboardA11y, translateExtent = _a.translateExtent, defaultViewport = _a.defaultViewport, nodeTypes = _a.nodeTypes, edgeTypes = _a.edgeTypes, elementsSelectable = _a.elementsSelectable, defaultMarkerColor = _a.defaultMarkerColor, connectionLineType = _a.connectionLineType, connectionLineStyle = _a.connectionLineStyle, connectionLineComponent = _a.connectionLineComponent, connectionLineContainerStyle = _a.connectionLineContainerStyle, onPaneClick = _a.onPaneClick, onPaneContextMenu = _a.onPaneContextMenu, onPaneMouseEnter = _a.onPaneMouseEnter, onPaneMouseMove = _a.onPaneMouseMove, onPaneMouseLeave = _a.onPaneMouseLeave, onPaneScroll = _a.onPaneScroll, panOnDrag = _a.panOnDrag, selectionOnDrag = _a.selectionOnDrag, selectionMode = _a.selectionMode, onlyRenderVisibleElements = _a.onlyRenderVisibleElements, paneClickDistance = _a.paneClickDistance, nodeClickDistance = _a.nodeClickDistance, onReconnect = _a.onReconnect, onReconnectStart = _a.onReconnectStart, onReconnectEnd = _a.onReconnectEnd, reconnectRadius = _a.reconnectRadius, deleteKeyCode = _a.deleteKeyCode, selectionKeyCode = _a.selectionKeyCode, multiSelectionKeyCode = _a.multiSelectionKeyCode, noWheelClassName = _a.noWheelClassName;
+    return (_jsx(FlowRenderer, { minZoom: minZoom, maxZoom: maxZoom, noPanClassName: noPanClassName, noDragClassName: noDragClassName, isControlledViewport: !!viewport, disableKeyboardA11y: disableKeyboardA11y, translateExtent: translateExtent, defaultViewport: defaultViewport, elementsSelectable: elementsSelectable, onPaneClick: onPaneClick, onPaneContextMenu: onPaneContextMenu, onPaneMouseEnter: onPaneMouseEnter, onPaneMouseMove: onPaneMouseMove, onPaneMouseLeave: onPaneMouseLeave, onPaneScroll: onPaneScroll, panOnDrag: panOnDrag, selectionOnDrag: selectionOnDrag, selectionMode: selectionMode, paneClickDistance: paneClickDistance, nodeClickDistance: nodeClickDistance, deleteKeyCode: deleteKeyCode, selectionKeyCode: selectionKeyCode, multiSelectionKeyCode: multiSelectionKeyCode, noWheelClassName: noWheelClassName, children: _jsxs(Viewport, { children: [_jsx(EdgeRenderer, { edgeTypes: edgeTypes, onEdgeClick: onEdgeClick, onEdgeDoubleClick: onEdgeDoubleClick, onReconnect: onReconnect, onReconnectStart: onReconnectStart, onReconnectEnd: onReconnectEnd, onlyRenderVisibleElements: onlyRenderVisibleElements, onEdgeContextMenu: onEdgeContextMenu, onEdgeMouseEnter: onEdgeMouseEnter, onEdgeMouseMove: onEdgeMouseMove, onEdgeMouseLeave: onEdgeMouseLeave, reconnectRadius: reconnectRadius, defaultMarkerColor: defaultMarkerColor, noPanClassName: noPanClassName, disableKeyboardA11y: disableKeyboardA11y, rfId: rfId }), _jsx(ConnectionLineWrapper, { style: connectionLineStyle, type: connectionLineType, component: connectionLineComponent, containerStyle: connectionLineContainerStyle }), _jsx("div", { className: "ink-flow__edgelabel-renderer" }), _jsx(NodeRenderer, { rfId: rfId, nodeTypes: nodeTypes, nodeOrigin: nodeOrigin, noDragClassName: noDragClassName, noPanClassName: noPanClassName, disableKeyboardA11y: false, onNodeClick: onNodeClick, onNodeDoubleClick: onNodeDoubleClick, onNodeMouseEnter: onNodeMouseEnter, onNodeMouseMove: onNodeMouseMove, onNodeMouseLeave: onNodeMouseLeave, onNodeContextMenu: onNodeContextMenu }), _jsx("div", { className: "ink-flow__viewport-portal" })] }) }));
+}
+GraphViewComponent.displayName = 'GraphView';
+export var GraphView = memo(GraphViewComponent);
+//# sourceMappingURL=index.js.map

package/dist/container/GraphView/index.js.map

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

package/dist/container/InkFlow/Wrapper.js

@@ -0,0 +1,13 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import StoreContext from '../../contexts/StoreContext';
+import { InkFlowProvider } from '../../components/InkFlowProvider';
+export function Wrapper(_a) {
+    var children = _a.children, nodes = _a.nodes, edges = _a.edges, defaultNodes = _a.defaultNodes, defaultEdges = _a.defaultEdges, width = _a.width, height = _a.height, fitView = _a.fitView;
+    var isWrapped = useContext(StoreContext);
+    if (isWrapped) {
+        return _jsx(_Fragment, { children: children });
+    }
+    return (_jsx(InkFlowProvider, { initialNodes: nodes, initialEdges: edges, defaultNodes: defaultNodes, defaultEdges: defaultEdges, initialWidth: width, initialHeight: height, fitView: fitView, children: children }));
+}
+//# sourceMappingURL=Wrapper.js.map

package/dist/container/InkFlow/Wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wrapper.js","sourceRoot":"","sources":["../../../src/container/InkFlow/Wrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAEnD,OAAO,YAAY,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAEnE,MAAM,UAAU,OAAO,CAAC,EAoBvB;QAnBC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,KAAK,WAAA,EACL,MAAM,YAAA,EACN,OAAO,aAAA;IAaP,IAAM,SAAS,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAE3C,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,4BAAG,QAAQ,GAAI,CAAC;IACzB,CAAC;IAED,OAAO,CACL,KAAC,eAAe,IACd,YAAY,EAAE,KAAK,EACnB,YAAY,EAAE,KAAK,EACnB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,KAAK,EACnB,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,OAAO,YAEf,QAAQ,GACO,CACnB,CAAC;AACJ,CAAC"}

package/dist/container/InkFlow/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/container/InkFlow/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;yBAuB3C,QAAQ,SAAS,IAAI,SAAS,QAAQ,SAAS,IAAI,qGAmGlD,IAAK,OAAO;AAuE9B,wBAAwC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/container/InkFlow/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;yBAuB3C,QAAQ,SAAS,IAAI,SAAS,QAAQ,SAAS,IAAI;AA0KpE,wBAAwC"}

package/dist/container/InkFlow/index.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cls from 'classnames';
+import { GraphView } from '../GraphView';
+import { Wrapper } from './Wrapper';
+import { StoreUpdater } from '../../components/StoreUpdater';
+import { fixedForwardRef } from '../../utils/general';
+import { DEFAULT_LAYOUT_CONFIG, defaultViewport as initViewport, } from './init-values';
+import { ConnectionLineType, infiniteExtent, SelectionMode, } from '@aloudata/ink-core';
+var wrapperStyle = {
+    width: '100%',
+    height: '100%',
+    overflow: 'hidden',
+    position: 'relative',
+    zIndex: 0,
+};
+function InkFlow(_a, ref) {
+    var nodes = _a.nodes, edges = _a.edges, _b = _a.translateExtent, translateExtent = _b === void 0 ? infiniteExtent : _b, _c = _a.defaultViewport, defaultViewport = _c === void 0 ? initViewport : _c, _d = _a.minZoom, minZoom = _d === void 0 ? 0.5 : _d, _e = _a.maxZoom, maxZoom = _e === void 0 ? 2 : _e, _f = _a.defaultMarkerColor, defaultMarkerColor = _f === void 0 ? '#b1b1b7' : _f, nodeOrigin = _a.nodeOrigin, _g = _a.noDragClassName, noDragClassName = _g === void 0 ? 'nodrag' : _g, _h = _a.noPanClassName, noPanClassName = _h === void 0 ? 'nopan' : _h, disableKeyboardA11y = _a.disableKeyboardA11y, nodeTypes = _a.nodeTypes, edgeTypes = _a.edgeTypes, connectionMode = _a.connectionMode, _j = _a.connectionLineType, connectionLineType = _j === void 0 ? ConnectionLineType.Bezier : _j, connectionLineStyle = _a.connectionLineStyle, connectionLineComponent = _a.connectionLineComponent, connectionLineContainerStyle = _a.connectionLineContainerStyle, onNodeClick = _a.onNodeClick, onNodeDoubleClick = _a.onNodeDoubleClick, onNodeMouseEnter = _a.onNodeMouseEnter, onNodeMouseMove = _a.onNodeMouseMove, onNodeMouseLeave = _a.onNodeMouseLeave, onNodeContextMenu = _a.onNodeContextMenu, onEdgeClick = _a.onEdgeClick, onEdgeMouseEnter = _a.onEdgeMouseEnter, onEdgeMouseMove = _a.onEdgeMouseMove, onEdgeMouseLeave = _a.onEdgeMouseLeave, onEdgeContextMenu = _a.onEdgeContextMenu, onEdgeDoubleClick = _a.onEdgeDoubleClick, fitView = _a.fitView, fitViewOptions = _a.fitViewOptions, nodeExtent = _a.nodeExtent, nodesDraggable = _a.nodesDraggable, children = _a.children, id = _a.id, width = _a.width, height = _a.height, _k = _a.panOnDrag, panOnDrag = _k === void 0 ? true : _k, onPaneClick = _a.onPaneClick, onPaneContextMenu = _a.onPaneContextMenu, onPaneMouseEnter = _a.onPaneMouseEnter, onPaneMouseMove = _a.onPaneMouseMove, onPaneMouseLeave = _a.onPaneMouseLeave, onPaneScroll = _a.onPaneScroll, _l = _a.elementsSelectable, elementsSelectable = _l === void 0 ? true : _l, autoPanSpeed = _a.autoPanSpeed, _m = _a.autoLayout, autoLayout = _m === void 0 ? true : _m, _o = _a.layoutConfig, layoutConfig = _o === void 0 ? DEFAULT_LAYOUT_CONFIG : _o, _p = _a.centerConfig, centerConfig = _p === void 0 ? {} : _p, _q = _a.layoutTypes, layoutTypes = _q === void 0 ? {} : _q, _r = _a.selectionOnDrag, selectionOnDrag = _r === void 0 ? false : _r, _s = _a.selectionMode, selectionMode = _s === void 0 ? SelectionMode.Full : _s, _t = _a.deleteKeyCode, deleteKeyCode = _t === void 0 ? 'Backspace' : _t, selectionKeyCode = _a.selectionKeyCode, multiSelectionKeyCode = _a.multiSelectionKeyCode, onlyRenderVisibleElements = _a.onlyRenderVisibleElements, paneClickDistance = _a.paneClickDistance, nodeClickDistance = _a.nodeClickDistance, noWheelClassName = _a.noWheelClassName, onConnect = _a.onConnect, onConnectStart = _a.onConnectStart, onConnectEnd = _a.onConnectEnd, onNodesDelete = _a.onNodesDelete, onEdgesDelete = _a.onEdgesDelete, onDelete = _a.onDelete, isValidConnection = _a.isValidConnection, onNodeDragStop = _a.onNodeDragStop, rest = __rest(_a, ["nodes", "edges", "translateExtent", "defaultViewport", "minZoom", "maxZoom", "defaultMarkerColor", "nodeOrigin", "noDragClassName", "noPanClassName", "disableKeyboardA11y", "nodeTypes", "edgeTypes", "connectionMode", "connectionLineType", "connectionLineStyle", "connectionLineComponent", "connectionLineContainerStyle", "onNodeClick", "onNodeDoubleClick", "onNodeMouseEnter", "onNodeMouseMove", "onNodeMouseLeave", "onNodeContextMenu", "onEdgeClick", "onEdgeMouseEnter", "onEdgeMouseMove", "onEdgeMouseLeave", "onEdgeContextMenu", "onEdgeDoubleClick", "fitView", "fitViewOptions", "nodeExtent", "nodesDraggable", "children", "id", "width", "height", "panOnDrag", "onPaneClick", "onPaneContextMenu", "onPaneMouseEnter", "onPaneMouseMove", "onPaneMouseLeave", "onPaneScroll", "elementsSelectable", "autoPanSpeed", "autoLayout", "layoutConfig", "centerConfig", "layoutTypes", "selectionOnDrag", "selectionMode", "deleteKeyCode", "selectionKeyCode", "multiSelectionKeyCode", "onlyRenderVisibleElements", "paneClickDistance", "nodeClickDistance", "noWheelClassName", "onConnect", "onConnectStart", "onConnectEnd", "onNodesDelete", "onEdgesDelete", "onDelete", "isValidConnection", "onNodeDragStop"]);
+    var rfId = id || '1';
+    return (_jsx("div", __assign({}, rest, { ref: ref, style: __assign({}, wrapperStyle), className: cls(['ink-flow']), "data-testid": "rf__wrapper", id: id, children: _jsxs(Wrapper, { nodes: nodes, edges: edges, width: width, height: height, fitView: fitView, children: [_jsx(GraphView, { deleteKeyCode: deleteKeyCode, selectionKeyCode: selectionKeyCode, multiSelectionKeyCode: multiSelectionKeyCode, onlyRenderVisibleElements: onlyRenderVisibleElements, paneClickDistance: paneClickDistance, nodeClickDistance: nodeClickDistance, onNodeClick: onNodeClick, onNodeMouseEnter: onNodeMouseEnter, onNodeMouseMove: onNodeMouseMove, onNodeMouseLeave: onNodeMouseLeave, onNodeContextMenu: onNodeContextMenu, onNodeDoubleClick: onNodeDoubleClick, onEdgeClick: onEdgeClick, onEdgeMouseEnter: onEdgeMouseEnter, onEdgeMouseMove: onEdgeMouseMove, onEdgeMouseLeave: onEdgeMouseLeave, onEdgeContextMenu: onEdgeContextMenu, onEdgeDoubleClick: onEdgeDoubleClick, rfId: rfId, nodeTypes: nodeTypes, edgeTypes: edgeTypes, minZoom: minZoom, maxZoom: maxZoom, nodeOrigin: nodeOrigin, noDragClassName: noDragClassName, noPanClassName: noPanClassName, disableKeyboardA11y: disableKeyboardA11y, translateExtent: translateExtent, defaultMarkerColor: defaultMarkerColor, connectionLineType: connectionLineType, connectionLineStyle: connectionLineStyle, connectionLineComponent: connectionLineComponent, connectionLineContainerStyle: connectionLineContainerStyle, defaultViewport: defaultViewport, panOnDrag: panOnDrag, onPaneClick: onPaneClick, onPaneContextMenu: onPaneContextMenu, onPaneMouseEnter: onPaneMouseEnter, onPaneMouseMove: onPaneMouseMove, onPaneMouseLeave: onPaneMouseLeave, onPaneScroll: onPaneScroll, selectionOnDrag: selectionOnDrag, selectionMode: selectionMode, noWheelClassName: noWheelClassName }), _jsx(StoreUpdater, { nodes: nodes, edges: edges, rfId: rfId, fitView: fitView, fitViewOptions: fitViewOptions, nodeExtent: nodeExtent, nodesDraggable: nodesDraggable, elementsSelectable: elementsSelectable, minZoom: minZoom, maxZoom: maxZoom, nodeOrigin: nodeOrigin, autoLayout: autoLayout, layoutConfig: layoutConfig, layoutTypes: layoutTypes, centerConfig: centerConfig, autoPanSpeed: autoPanSpeed, onConnect: onConnect, onConnectStart: onConnectStart, onConnectEnd: onConnectEnd, onDelete: onDelete, onEdgesDelete: onEdgesDelete, onNodesDelete: onNodesDelete, isValidConnection: isValidConnection, onNodeDragStop: onNodeDragStop }), children] }) })));
+}
+export default fixedForwardRef(InkFlow);
+//# sourceMappingURL=index.js.map

package/dist/container/InkFlow/index.js.map

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

package/dist/container/InkFlow/init-values.js

@@ -0,0 +1,11 @@
+export var defaultNodeOrigin = [0, 0];
+export var defaultViewport = { x: 0, y: 0, zoom: 1 };
+export var DEFAULT_LAYOUT_CONFIG = {
+    type: 'dagre',
+    options: {
+        rankdir: 'TB',
+        ranksep: 100,
+        nodesep: 50,
+    },
+};
+//# sourceMappingURL=init-values.js.map

package/dist/container/InkFlow/init-values.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"init-values.js","sourceRoot":"","sources":["../../../src/container/InkFlow/init-values.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,iBAAiB,GAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACpD,MAAM,CAAC,IAAM,eAAe,GAAa,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AAEjE,MAAM,CAAC,IAAM,qBAAqB,GAAG;IACnC,IAAI,EAAE,OAAO;IACb,OAAO,EAAE;QACP,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,GAAG;QACZ,OAAO,EAAE,EAAE;KACZ;CACF,CAAC"}

package/dist/container/NodeRenderer/index.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { shallow } from 'zustand/shallow';
+import { useResizeObserver } from './useResizeObserver';
+import { useStore } from '../../hooks';
+import { useVisibleNodeIds } from '../../hooks/useVisibleNodeIds';
+import { containerStyle } from '../../styles/utils';
+import { NodeWrapper } from '../../components/NodeWrapper';
+var selector = function (s) { return ({
+    nodesDraggable: s.nodesDraggable,
+    nodesConnectable: s.nodesConnectable,
+    nodesFocusable: s.nodesFocusable,
+    elementsSelectable: s.elementsSelectable,
+    onError: s.onError,
+}); };
+function NodeRendererComponent(props) {
+    var _a = useStore(selector, shallow), nodesDraggable = _a.nodesDraggable, nodesConnectable = _a.nodesConnectable, nodesFocusable = _a.nodesFocusable, elementsSelectable = _a.elementsSelectable, onError = _a.onError;
+    // const nodeIds = useVisibleNodeIds(props.onlyRenderVisibleElements);
+    var nodeIds = useVisibleNodeIds(false); // FIXME
+    var resizeObserver = useResizeObserver();
+    return (_jsx("div", { className: "ink-flow__nodes", style: containerStyle, children: nodeIds.map(function (nodeId) {
+            return (_jsx(NodeWrapper, { id: nodeId, nodeTypes: props.nodeTypes, 
+                // nodeExtent={props.nodeExtent}
+                nodeOrigin: props.nodeOrigin, onClick: props.onNodeClick, onMouseEnter: props.onNodeMouseEnter, onMouseMove: props.onNodeMouseMove, onMouseLeave: props.onNodeMouseLeave, onContextMenu: props.onNodeContextMenu, onDoubleClick: props.onNodeDoubleClick, noDragClassName: props.noDragClassName, noPanClassName: props.noPanClassName, rfId: props.rfId, disableKeyboardA11y: props.disableKeyboardA11y, resizeObserver: resizeObserver, nodesDraggable: nodesDraggable, nodesConnectable: nodesConnectable, nodesFocusable: nodesFocusable, elementsSelectable: elementsSelectable, onError: onError }, nodeId));
+        }) }));
+}
+NodeRendererComponent.displayName = 'NodeRenderer';
+export var NodeRenderer = memo(NodeRendererComponent);
+//# sourceMappingURL=index.js.map

package/dist/container/NodeRenderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/container/NodeRenderer/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAG1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAoB3D,IAAM,QAAQ,GAAG,UAAC,CAAe,IAAK,OAAA,CAAC;IACrC,cAAc,EAAE,CAAC,CAAC,cAAc;IAChC,gBAAgB,EAAE,CAAC,CAAC,gBAAgB;IACpC,cAAc,EAAE,CAAC,CAAC,cAAc;IAChC,kBAAkB,EAAE,CAAC,CAAC,kBAAkB;IACxC,OAAO,EAAE,CAAC,CAAC,OAAO;CACnB,CAAC,EANoC,CAMpC,CAAC;AAEH,SAAS,qBAAqB,CAC5B,KAAkC;IAE5B,IAAA,KAMF,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,EAL7B,cAAc,oBAAA,EACd,gBAAgB,sBAAA,EAChB,cAAc,oBAAA,EACd,kBAAkB,wBAAA,EAClB,OAAO,aACsB,CAAC;IAChC,sEAAsE;IACtE,IAAM,OAAO,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;IAClD,IAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAE3C,OAAO,CACL,cAAK,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,cAAc,YACnD,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM;YAClB,OAAO,CACL,KAAC,WAAW,IAEV,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,KAAK,CAAC,SAAS;gBAC1B,gCAAgC;gBAChC,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,OAAO,EAAE,KAAK,CAAC,WAAW,EAC1B,YAAY,EAAE,KAAK,CAAC,gBAAgB,EACpC,WAAW,EAAE,KAAK,CAAC,eAAe,EAClC,YAAY,EAAE,KAAK,CAAC,gBAAgB,EACpC,aAAa,EAAE,KAAK,CAAC,iBAAiB,EACtC,aAAa,EAAE,KAAK,CAAC,iBAAiB,EACtC,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,EAC9C,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,OAAO,EAAE,OAAO,IApBX,MAAM,CAqBX,CACH,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,qBAAqB,CAAC,WAAW,GAAG,cAAc,CAAC;AAEnD,MAAM,CAAC,IAAM,YAAY,GAAG,IAAI,CAC9B,qBAAqB,CACU,CAAC"}

package/dist/container/NodeRenderer/useResizeObserver.js

@@ -0,0 +1,29 @@
+import { useEffect, useState } from 'react';
+import { useStore } from '../../hooks';
+var selector = function (s) { return s.updateNodeInternals; };
+export function useResizeObserver() {
+    var updateNodeInternals = useStore(selector);
+    var _a = __read(useState(function () {
+        if (typeof ResizeObserver === 'undefined') {
+            return null;
+        }
+        return new ResizeObserver(function (entries) {
+            var updates = new Map();
+            entries.forEach(function (entry) {
+                var id = entry.target.getAttribute('data-id');
+                updates.set(id, {
+                    id: id,
+                    nodeElement: entry.target,
+                });
+            });
+            updateNodeInternals(updates);
+        });
+    }), 1), resizeObserver = _a[0];
+    useEffect(function () {
+        return function () {
+            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
+        };
+    }, [resizeObserver]);
+    return resizeObserver;
+}
+//# sourceMappingURL=useResizeObserver.js.map

package/dist/container/NodeRenderer/useResizeObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.js","sourceRoot":"","sources":["../../../src/container/NodeRenderer/useResizeObserver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,IAAM,QAAQ,GAAG,UAAC,CAAe,IAAK,OAAA,CAAC,CAAC,mBAAmB,EAArB,CAAqB,CAAC;AAE5D,MAAM,UAAU,iBAAiB;IAC/B,IAAM,mBAAmB,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACzC,IAAA,KAAA,OAAmB,QAAQ,CAAC;QAChC,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE,CAAC;YAC1C,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,IAAI,cAAc,CAAC,UAAC,OAA8B;YACvD,IAAM,OAAO,GAAG,IAAI,GAAG,EAA8B,CAAC;YACtD,OAAO,CAAC,OAAO,CAAC,UAAC,KAA0B;gBACzC,IAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,SAAS,CAAW,CAAC;gBAC1D,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE;oBACd,EAAE,IAAA;oBACF,WAAW,EAAE,KAAK,CAAC,MAAwB;iBAC5C,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;YAEH,mBAAmB,CAAC,OAAO,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,IAAA,EAjBK,cAAc,QAiBnB,CAAC;IAEH,SAAS,CAAC;QACR,OAAO;YACL,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,UAAU,EAAE,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,cAAc,CAAC;AACxB,CAAC"}

package/dist/container/Pane/index.js

@@ -0,0 +1,207 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The user selection rectangle gets displayed when a user drags the mouse while pressing shift
+ */
+import { useRef, } from 'react';
+import { shallow } from 'zustand/shallow';
+import cc from 'classnames';
+import { containerStyle } from '../../styles/utils';
+import { useStore, useStoreApi } from '../../hooks/useStore';
+import { getSelectionChanges } from '../../utils/changes';
+import { getEventPosition } from '../../utils/dom';
+import { getNodesInside } from '../../utils/graph';
+import { UserSelection } from '../../components/UserSelection';
+import { SelectionMode } from '@aloudata/ink-core';
+var wrapHandler = function (handler, containerRef) {
+    return function (event) {
+        if (event.target !== containerRef.current) {
+            return;
+        }
+        handler === null || handler === void 0 ? void 0 : handler(event);
+    };
+};
+var selector = function (s) { return ({
+    userSelectionActive: s.userSelectionActive,
+    elementsSelectable: s.elementsSelectable,
+    dragging: s.paneDragging,
+}); };
+export function Pane(_a) {
+    var isSelecting = _a.isSelecting, selectionKeyPressed = _a.selectionKeyPressed, _b = _a.selectionMode, selectionMode = _b === void 0 ? SelectionMode.Full : _b, selectionOnDrag = _a.selectionOnDrag, panOnDrag = _a.panOnDrag, onSelectionStart = _a.onSelectionStart, onSelectionEnd = _a.onSelectionEnd, onPaneClick = _a.onPaneClick, onPaneContextMenu = _a.onPaneContextMenu, onPaneScroll = _a.onPaneScroll, onPaneMouseEnter = _a.onPaneMouseEnter, onPaneMouseMove = _a.onPaneMouseMove, onPaneMouseLeave = _a.onPaneMouseLeave, children = _a.children;
+    var container = useRef(null);
+    var store = useStoreApi();
+    var prevSelectedNodesCount = useRef(0);
+    var prevSelectedEdgesCount = useRef(0);
+    var containerBounds = useRef();
+    var edgeIdLookup = useRef(new Map());
+    var _c = useStore(selector, shallow), userSelectionActive = _c.userSelectionActive, elementsSelectable = _c.elementsSelectable, dragging = _c.dragging;
+    var hasActiveSelection = elementsSelectable && (isSelecting || userSelectionActive);
+    // Used to prevent click events when the user lets go of the selectionKey during a selection
+    var selectionInProgress = useRef(false);
+    var selectionStarted = useRef(false);
+    var resetUserSelection = function () {
+        store.setState({ userSelectionActive: false, userSelectionRect: null });
+        prevSelectedNodesCount.current = 0;
+        prevSelectedEdgesCount.current = 0;
+    };
+    var onClick = function (event) {
+        // We prevent click events when the user let go of the selectionKey during a selection
+        if (selectionInProgress.current) {
+            selectionInProgress.current = false;
+            return;
+        }
+        onPaneClick === null || onPaneClick === void 0 ? void 0 : onPaneClick(event);
+        store.getState().resetSelectedElements();
+        store.setState({ nodesSelectionActive: false });
+    };
+    var onContextMenu = function (event) {
+        if (Array.isArray(panOnDrag) && (panOnDrag === null || panOnDrag === void 0 ? void 0 : panOnDrag.includes(2))) {
+            event.preventDefault();
+            return;
+        }
+        onPaneContextMenu === null || onPaneContextMenu === void 0 ? void 0 : onPaneContextMenu(event);
+    };
+    var onWheel = onPaneScroll
+        ? function (event) { return onPaneScroll(event); }
+        : undefined;
+    var onPointerDown = function (event) {
+        var e_1, _a;
+        var _b, _c, _d, _e;
+        var _f = store.getState(), resetSelectedElements = _f.resetSelectedElements, domNode = _f.domNode, edgeLookup = _f.edgeLookup;
+        containerBounds.current = domNode === null || domNode === void 0 ? void 0 : domNode.getBoundingClientRect();
+        if (!elementsSelectable ||
+            !isSelecting ||
+            event.button !== 0 ||
+            event.target !== container.current ||
+            !containerBounds.current) {
+            return;
+        }
+        (_c = (_b = event.target) === null || _b === void 0 ? void 0 : _b.setPointerCapture) === null || _c === void 0 ? void 0 : _c.call(_b, event.pointerId);
+        selectionStarted.current = true;
+        selectionInProgress.current = false;
+        edgeIdLookup.current = new Map();
+        try {
+            for (var edgeLookup_1 = __values(edgeLookup), edgeLookup_1_1 = edgeLookup_1.next(); !edgeLookup_1_1.done; edgeLookup_1_1 = edgeLookup_1.next()) {
+                var _g = __read(edgeLookup_1_1.value, 2), id = _g[0], edge = _g[1];
+                edgeIdLookup.current.set(edge.source, ((_d = edgeIdLookup.current.get(edge.source)) === null || _d === void 0 ? void 0 : _d.add(id)) || new Set([id]));
+                edgeIdLookup.current.set(edge.target, ((_e = edgeIdLookup.current.get(edge.target)) === null || _e === void 0 ? void 0 : _e.add(id)) || new Set([id]));
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (edgeLookup_1_1 && !edgeLookup_1_1.done && (_a = edgeLookup_1.return)) _a.call(edgeLookup_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        var _h = getEventPosition(event.nativeEvent, containerBounds.current), x = _h.x, y = _h.y;
+        resetSelectedElements();
+        store.setState({
+            userSelectionRect: {
+                width: 0,
+                height: 0,
+                startX: x,
+                startY: y,
+                x: x,
+                y: y,
+            },
+        });
+        onSelectionStart === null || onSelectionStart === void 0 ? void 0 : onSelectionStart(event);
+    };
+    var onPointerMove = function (event) {
+        var e_2, _a, e_3, _b;
+        var _c = store.getState(), userSelectionRect = _c.userSelectionRect, edgeLookup = _c.edgeLookup, transform = _c.transform, nodeLookup = _c.nodeLookup, triggerNodeChanges = _c.triggerNodeChanges, triggerEdgeChanges = _c.triggerEdgeChanges;
+        if (!containerBounds.current || !userSelectionRect) {
+            return;
+        }
+        selectionInProgress.current = true;
+        var _d = getEventPosition(event.nativeEvent, containerBounds.current), mouseX = _d.x, mouseY = _d.y;
+        var startX = userSelectionRect.startX, startY = userSelectionRect.startY;
+        var nextUserSelectRect = {
+            startX: startX,
+            startY: startY,
+            x: mouseX < startX ? mouseX : startX,
+            y: mouseY < startY ? mouseY : startY,
+            width: Math.abs(mouseX - startX),
+            height: Math.abs(mouseY - startY),
+        };
+        var selectedNodes = getNodesInside(nodeLookup, nextUserSelectRect, transform, selectionMode === SelectionMode.Partial, true);
+        var selectedEdgeIds = new Set();
+        var selectedNodeIds = new Set();
+        try {
+            for (var selectedNodes_1 = __values(selectedNodes), selectedNodes_1_1 = selectedNodes_1.next(); !selectedNodes_1_1.done; selectedNodes_1_1 = selectedNodes_1.next()) {
+                var selectedNode = selectedNodes_1_1.value;
+                selectedNodeIds.add(selectedNode.id);
+                var edgeIds = edgeIdLookup.current.get(selectedNode.id);
+                if (edgeIds) {
+                    try {
+                        for (var edgeIds_1 = (e_3 = void 0, __values(edgeIds)), edgeIds_1_1 = edgeIds_1.next(); !edgeIds_1_1.done; edgeIds_1_1 = edgeIds_1.next()) {
+                            var edgeId = edgeIds_1_1.value;
+                            selectedEdgeIds.add(edgeId);
+                        }
+                    }
+                    catch (e_3_1) { e_3 = { error: e_3_1 }; }
+                    finally {
+                        try {
+                            if (edgeIds_1_1 && !edgeIds_1_1.done && (_b = edgeIds_1.return)) _b.call(edgeIds_1);
+                        }
+                        finally { if (e_3) throw e_3.error; }
+                    }
+                }
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (selectedNodes_1_1 && !selectedNodes_1_1.done && (_a = selectedNodes_1.return)) _a.call(selectedNodes_1);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
+        if (prevSelectedNodesCount.current !== selectedNodeIds.size) {
+            prevSelectedNodesCount.current = selectedNodeIds.size;
+            var changes = getSelectionChanges(nodeLookup, selectedNodeIds, true);
+            triggerNodeChanges(changes);
+        }
+        if (prevSelectedEdgesCount.current !== selectedEdgeIds.size) {
+            prevSelectedEdgesCount.current = selectedEdgeIds.size;
+            var changes = getSelectionChanges(edgeLookup, selectedEdgeIds);
+            triggerEdgeChanges(changes);
+        }
+        store.setState({
+            userSelectionRect: nextUserSelectRect,
+            userSelectionActive: true,
+            nodesSelectionActive: false,
+        });
+    };
+    var onPointerUp = function (event) {
+        var _a, _b;
+        if (event.button !== 0 || !selectionStarted.current) {
+            return;
+        }
+        (_b = (_a = event.target) === null || _a === void 0 ? void 0 : _a.releasePointerCapture) === null || _b === void 0 ? void 0 : _b.call(_a, event.pointerId);
+        var userSelectionRect = store.getState().userSelectionRect;
+        // We only want to trigger click functions when in selection mode if
+        // the user did not move the mouse.
+        if (!userSelectionActive &&
+            userSelectionRect &&
+            event.target === container.current) {
+            onClick === null || onClick === void 0 ? void 0 : onClick(event);
+        }
+        if (prevSelectedNodesCount.current > 0) {
+            store.setState({ nodesSelectionActive: true });
+        }
+        resetUserSelection();
+        onSelectionEnd === null || onSelectionEnd === void 0 ? void 0 : onSelectionEnd(event);
+        // If the user kept holding the selectionKey during the selection,
+        // we need to reset the selectionInProgress, so the next click event is not prevented
+        if (selectionKeyPressed || selectionOnDrag) {
+            selectionInProgress.current = false;
+        }
+        selectionStarted.current = false;
+    };
+    var draggable = panOnDrag === true || (Array.isArray(panOnDrag) && panOnDrag.includes(0));
+    return (_jsxs("div", { className: cc([
+            'ink-flow__pane',
+            { draggable: draggable, dragging: dragging, selection: isSelecting },
+        ]), onClick: hasActiveSelection ? undefined : wrapHandler(onClick, container), onContextMenu: wrapHandler(onContextMenu, container), onWheel: wrapHandler(onWheel, container), onPointerEnter: hasActiveSelection ? undefined : onPaneMouseEnter, onPointerDown: hasActiveSelection ? onPointerDown : onPaneMouseMove, onPointerMove: hasActiveSelection ? onPointerMove : onPaneMouseMove, onPointerUp: hasActiveSelection ? onPointerUp : undefined, onPointerLeave: onPaneMouseLeave, ref: container, style: containerStyle, children: [children, _jsx(UserSelection, {})] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/container/Pane/index.js.map

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

package/dist/container/Viewport/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useStore } from '../../hooks';
+var selector = function (s) {
+    return "translate(".concat(s.transform[0], "px,").concat(s.transform[1], "px) scale(").concat(s.transform[2], ")");
+};
+export function Viewport(_a) {
+    var children = _a.children;
+    var transform = useStore(selector);
+    return (_jsx("div", { className: "ink-flow__viewport xyflow__viewport ink-flow__container", style: { transform: transform }, children: children }));
+}
+//# sourceMappingURL=index.js.map

package/dist/container/Viewport/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/container/Viewport/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,IAAM,QAAQ,GAAG,UAAC,CAAe;IAC/B,OAAO,oBAAa,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAM,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,uBAAa,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAG,CAAC;AACvF,CAAC,CAAC;AAMF,MAAM,UAAU,QAAQ,CAAC,EAA2B;QAAzB,QAAQ,cAAA;IACjC,IAAM,SAAS,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAErC,OAAO,CACL,cACE,SAAS,EAAC,yDAAyD,EACnE,KAAK,EAAE,EAAE,SAAS,WAAA,EAAE,YAEnB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}