@web-noise/core 0.0.16-alpha.1 → 0.0.16-alpha.3

package/dist/cjs/components.js

@@ -636,7 +636,7 @@ var $9cc889581bce45fb$export$b0b7b95ee465c83c,$edje1$reactjsxruntime=require("re
   svg {
     color: ${({theme:e})=>e.colors.elevation2};
   }
-`),$6e1a3b09ea6c45ed$var$onNodeDragStop=(e,t)=>console.log("drag stop",t),$6e1a3b09ea6c45ed$var$onNodeClick=(e,t)=>console.log("click",t),$6e1a3b09ea6c45ed$var$snapGrid=[20,20],$6e1a3b09ea6c45ed$export$72cb76f559fbafcf=({editorState:e,plugins:t=[],editorContextMenu:r=[],onChange:o=()=>{},...a})=>{let $=(0,$edje1$react.useMemo)(()=>({wire:$ebf0a587e54cf53c$export$2e2bcd8739ae039}),[]),{nodes:c,edges:d,controlPanel:n,onNodesChange:i,onNodesDelete:l,onEdgesChange:s,onEdgesDelete:f,onConnect:p,setPlugins:b,setViewport:u,viewport:x}=$19f35bee633995ac$export$2e2bcd8739ae039(),h=$19f35bee633995ac$export$2e2bcd8739ae039(({config:e})=>e),m=$19f35bee633995ac$export$2e2bcd8739ae039(({nodeTypes:e})=>e);(0,$edje1$react.useEffect)(()=>{b(t)},[t]);let[j,g]=(0,$edje1$react.useState)(null);(0,$edje1$react.useEffect)(()=>{j&&o({nodes:c,edges:d,controlPanel:n,viewport:x})},[c,d,n,x]);let v=(0,$edje1$react.useCallback)(e=>{j||(g(e),console.log("flow loaded:",e))},[j]),{onContextMenu:y}=$cd0ab85c52ef114c$export$59ce2a6808e35a29(),{onContextMenu:w}=$22b4690c38c8b941$export$cbbbfb9fb15f3780(),{onContextMenu:C}=$137f1cfc6118d808$export$8b2e4a15453bac1e();return(0,$edje1$react.useEffect)(()=>{x&&j?.setViewport(x)},[x,j]),(0,$edje1$xyflowreact.useOnViewportChange)({onEnd:u}),(0,$edje1$reactjsxruntime.jsxs)($edje1$xyflowreact.ReactFlow,{nodes:c,edges:d,onNodesChange:i,onNodesDelete:l,onEdgesChange:s,onConnect:p,onNodeDragStop:$6e1a3b09ea6c45ed$var$onNodeDragStop,onEdgesDelete:f,onInit:v,onNodeClick:$6e1a3b09ea6c45ed$var$onNodeClick,onContextMenu:y,onNodeContextMenu:w,onEdgeContextMenu:C,nodeTypes:m,edgeTypes:$,snapGrid:$6e1a3b09ea6c45ed$var$snapGrid,defaultViewport:e?.viewport,defaultEdgeOptions:{type:"wire"},snapToGrid:!0,fitView:!0,disableKeyboardA11y:!0,children:[(0,$edje1$reactjsxruntime.jsx)($edje1$xyflowreact.Background,{variant:$edje1$xyflowreact.BackgroundVariant.Dots,gap:12}),h.showMinimap?(0,$edje1$reactjsxruntime.jsx)($edje1$xyflowreact.MiniMap,{}):null,(0,$edje1$reactjsxruntime.jsxs)($6e1a3b09ea6c45ed$var$StyledControls,{showInteractive:!1,position:"bottom-right",children:[(0,$edje1$reactjsxruntime.jsx)($07d50afa1b9774c9$export$2e2bcd8739ae039,{}),(0,$edje1$reactjsxruntime.jsx)($eabee671d6a9ae8e$export$78bddedbcf2939ac,{})]}),(0,$edje1$reactjsxruntime.jsx)($761795227e3c2557$export$2e2bcd8739ae039,{}),(0,$edje1$reactjsxruntime.jsx)($f51093a35b5dffc7$export$2e2bcd8739ae039,{}),(0,$edje1$reactjsxruntime.jsx)($c6cd2caeb5a5450d$export$2e2bcd8739ae039,{}),(0,$edje1$reactjsxruntime.jsx)($cd0ab85c52ef114c$export$2e2bcd8739ae039,{editorContextMenu:r}),(0,$edje1$reactjsxruntime.jsx)($22b4690c38c8b941$export$2e2bcd8739ae039,{}),(0,$edje1$reactjsxruntime.jsx)($137f1cfc6118d808$export$2e2bcd8739ae039,{})]})},$6e1a3b09ea6c45ed$export$7cda8d932e2f33c0=e=>(0,$edje1$reactjsxruntime.jsx)($edje1$xyflowreact.ReactFlowProvider,{children:(0,$edje1$reactjsxruntime.jsx)($6e1a3b09ea6c45ed$export$72cb76f559fbafcf,{...e})});var $6e1a3b09ea6c45ed$export$2e2bcd8739ae039=$6e1a3b09ea6c45ed$export$7cda8d932e2f33c0;const $425e92a44a72d3d3$export$d31000d36961d6c2={nodes:[],edges:[],controlPanel:{nodes:[],show:!1,size:{width:200,height:100}},viewport:{x:0,y:0,zoom:1.5}},$425e92a44a72d3d3$export$6cd5d5c1dae69a36=(0,$edje1$emotionreact.withTheme)($parcel$interopDefault($edje1$emotionstyled).div`
+`),$6e1a3b09ea6c45ed$var$onNodeDragStop=(e,t)=>console.log("drag stop",t),$6e1a3b09ea6c45ed$var$onNodeClick=(e,t)=>console.log("click",t),$6e1a3b09ea6c45ed$var$snapGrid=[20,20],$6e1a3b09ea6c45ed$export$72cb76f559fbafcf=({editorState:e,plugins:t=[],editorContextMenu:r=[],onChange:o=()=>{},...a})=>{let $=(0,$edje1$react.useMemo)(()=>({wire:$ebf0a587e54cf53c$export$2e2bcd8739ae039}),[]),{nodes:c,edges:d,controlPanel:n,onNodesChange:i,onNodesDelete:l,onEdgesChange:s,onEdgesDelete:f,onConnect:p,setPlugins:b,setViewport:u,viewport:x}=$19f35bee633995ac$export$2e2bcd8739ae039(),h=$19f35bee633995ac$export$2e2bcd8739ae039(({config:e})=>e),m=$19f35bee633995ac$export$2e2bcd8739ae039(({nodeTypes:e})=>e);(0,$edje1$react.useEffect)(()=>{console.log(8888,t),b(t)},[t]);let[j,g]=(0,$edje1$react.useState)(null);(0,$edje1$react.useEffect)(()=>{j&&o({nodes:c,edges:d,controlPanel:n,viewport:x})},[c,d,n,x]);let v=(0,$edje1$react.useCallback)(e=>{j||(g(e),console.log("flow loaded:",e))},[j]),{onContextMenu:y}=$cd0ab85c52ef114c$export$59ce2a6808e35a29(),{onContextMenu:w}=$22b4690c38c8b941$export$cbbbfb9fb15f3780(),{onContextMenu:C}=$137f1cfc6118d808$export$8b2e4a15453bac1e();return(0,$edje1$react.useEffect)(()=>{x&&j?.setViewport(x)},[x,j]),(0,$edje1$xyflowreact.useOnViewportChange)({onEnd:u}),(0,$edje1$reactjsxruntime.jsxs)($edje1$xyflowreact.ReactFlow,{nodes:c,edges:d,onNodesChange:i,onNodesDelete:l,onEdgesChange:s,onConnect:p,onNodeDragStop:$6e1a3b09ea6c45ed$var$onNodeDragStop,onEdgesDelete:f,onInit:v,onNodeClick:$6e1a3b09ea6c45ed$var$onNodeClick,onContextMenu:y,onNodeContextMenu:w,onEdgeContextMenu:C,nodeTypes:m,edgeTypes:$,snapGrid:$6e1a3b09ea6c45ed$var$snapGrid,defaultViewport:e?.viewport,defaultEdgeOptions:{type:"wire"},snapToGrid:!0,fitView:!0,disableKeyboardA11y:!0,children:[(0,$edje1$reactjsxruntime.jsx)($edje1$xyflowreact.Background,{variant:$edje1$xyflowreact.BackgroundVariant.Dots,gap:12}),h.showMinimap?(0,$edje1$reactjsxruntime.jsx)($edje1$xyflowreact.MiniMap,{}):null,(0,$edje1$reactjsxruntime.jsxs)($6e1a3b09ea6c45ed$var$StyledControls,{showInteractive:!1,position:"bottom-right",children:[(0,$edje1$reactjsxruntime.jsx)($07d50afa1b9774c9$export$2e2bcd8739ae039,{}),(0,$edje1$reactjsxruntime.jsx)($eabee671d6a9ae8e$export$78bddedbcf2939ac,{})]}),(0,$edje1$reactjsxruntime.jsx)($761795227e3c2557$export$2e2bcd8739ae039,{}),(0,$edje1$reactjsxruntime.jsx)($f51093a35b5dffc7$export$2e2bcd8739ae039,{}),(0,$edje1$reactjsxruntime.jsx)($c6cd2caeb5a5450d$export$2e2bcd8739ae039,{}),(0,$edje1$reactjsxruntime.jsx)($cd0ab85c52ef114c$export$2e2bcd8739ae039,{editorContextMenu:r}),(0,$edje1$reactjsxruntime.jsx)($22b4690c38c8b941$export$2e2bcd8739ae039,{}),(0,$edje1$reactjsxruntime.jsx)($137f1cfc6118d808$export$2e2bcd8739ae039,{})]})},$6e1a3b09ea6c45ed$export$7cda8d932e2f33c0=e=>(0,$edje1$reactjsxruntime.jsx)($edje1$xyflowreact.ReactFlowProvider,{children:(0,$edje1$reactjsxruntime.jsx)($6e1a3b09ea6c45ed$export$72cb76f559fbafcf,{...e})});var $6e1a3b09ea6c45ed$export$2e2bcd8739ae039=$6e1a3b09ea6c45ed$export$7cda8d932e2f33c0;const $425e92a44a72d3d3$export$d31000d36961d6c2={nodes:[],edges:[],controlPanel:{nodes:[],show:!1,size:{width:200,height:100}},viewport:{x:0,y:0,zoom:1.5}},$425e92a44a72d3d3$export$6cd5d5c1dae69a36=(0,$edje1$emotionreact.withTheme)($parcel$interopDefault($edje1$emotionstyled).div`
   display: flex;
   flex-direction: column;
   height: 100%;