@awesome-flow/noise 0.6.0 → 0.7.1

package/dist/nodes/groups/index.js

@@ -1,92 +1 @@
-// src/nodes/groups/module-group-node.tsx
-import { NodeContainer, NodeCollapse, NodeTrackConnections } from "@awesome-flow/core/layout";
-import { NodeResizer, useStore, useUpdateNodeInternals } from "@xyflow/react";
-import { useCallback, useEffect, useMemo } from "react";
-import { shallow } from "zustand/shallow";
-import { Badge, Group } from "@mantine/core";
-import {
-  useFlowStore,
-  useIncomingComputedData,
-  useInteractiveStore,
-  useUpdateNodeComputedData
-} from "@awesome-flow/core/hooks";
-import { jsx, jsxs } from "react/jsx-runtime";
-function ModuleGroupNode({
-  id,
-  selected,
-  data,
-  type,
-  width,
-  height
-}) {
-  const updateNodeInternals = useUpdateNodeInternals();
-  const triggerNodeChanges = useStore((s) => s.triggerNodeChanges);
-  const { groupNodes, setGroupCollapsed } = useFlowStore(
-    useCallback(
-      (state) => ({ groupNodes: state.groups[id], setGroupCollapsed: state.setGroupCollapsed }),
-      []
-    )
-  );
-  const intersectingNode = useInteractiveStore(
-    useCallback((state) => state.nodeIntersectionTargets[id], [id]),
-    shallow
-  );
-  useEffect(() => {
-    updateNodeInternals(id);
-  }, [width, height]);
-  useEffect(() => {
-    triggerNodeChanges([
-      {
-        id,
-        type: "select",
-        selected: !!intersectingNode
-      }
-    ]);
-  }, [intersectingNode]);
-  const onCollapsed = useCallback((collapsed) => {
-    setGroupCollapsed(id, collapsed);
-  }, []);
-  const size = useMemo(() => {
-    return {
-      width: data.initialSize?.width || 100,
-      height: data.initialSize?.height || 50
-    };
-  }, [data.initialSize]);
-  const incomingModules = useIncomingComputedData(id);
-  const updateComputedData = useUpdateNodeComputedData();
-  useEffect(() => {
-    if (incomingModules?.length) {
-      const { module } = incomingModules[0];
-      updateComputedData(id, { module });
-    }
-  }, [incomingModules]);
-  return /* @__PURE__ */ jsxs(
-    NodeContainer,
-    {
-      id,
-      selected,
-      data,
-      title: /* @__PURE__ */ jsx(Group, { justify: "space-between", children: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-        /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "outline", radius: "xs", color: "gray", children: groupNodes?.length || 0 }),
-        /* @__PURE__ */ jsx(NodeCollapse, { nodeId: id, isCollapsed: data.isCollapsed, onCollapsed })
-      ] }) }),
-      type,
-      children: [
-        /* @__PURE__ */ jsx(
-          NodeResizer,
-          {
-            nodeId: id,
-            minWidth: size.width,
-            minHeight: size.height,
-            isVisible: selected && !data.isCollapsed
-          }
-        ),
-        /* @__PURE__ */ jsx(NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
-      ]
-    }
-  );
-}
-var module_group_node_default = ModuleGroupNode;
-export {
-  module_group_node_default as ModuleGroupNode
-};
+import{useFlowStore as I,useIncomingComputedData as M,useInteractiveStore as w,useUpdateNodeComputedData as z}from"@awesome-flow/core/hooks";import{NodeCollapse as S,NodeContainer as y,NodeTrackConnections as b}from"@awesome-flow/core/layout";import{Badge as x,Group as p}from"@mantine/core";import{NodeResizer as B,useStore as k,useUpdateNodeInternals as v}from"@xyflow/react";import{useCallback as n,useEffect as d,useMemo as P}from"react";import{shallow as T}from"zustand/shallow";import{jsx as s,jsxs as u}from"react/jsx-runtime";function U({id:e,selected:a,data:t,type:m,width:c,height:g}){let C=v(),N=k(o=>o.triggerNodeChanges),{groupNodes:h,setGroupCollapsed:f}=I(n(o=>({groupNodes:o.groups[e],setGroupCollapsed:o.setGroupCollapsed}),[])),i=w(n(o=>o.nodeIntersectionTargets[e],[e]),T);d(()=>{C(e)},[c,g]),d(()=>{N([{id:e,type:"select",selected:!!i}])},[i]);let D=n(o=>{f(e,o)},[]),l=P(()=>({width:t.initialSize?.width||100,height:t.initialSize?.height||50}),[t.initialSize]),r=M(e),G=z();return d(()=>{if(r?.length){let{module:o}=r[0];G(e,{module:o})}},[r]),u(y,{id:e,selected:a,data:t,title:s(p,{justify:"space-between",children:u(p,{gap:"xs",children:[s(x,{size:"xs",variant:"outline",radius:"xs",color:"gray",children:h?.length||0}),s(S,{nodeId:e,isCollapsed:t.isCollapsed,onCollapsed:D})]})}),type:m,children:[s(B,{nodeId:e,minWidth:l.width,minHeight:l.height,isVisible:a&&!t.isCollapsed}),s(b,{handles:t.handles,nodeId:e,type:"target"})]})}var E=U;export{E as ModuleGroupNode};