@hitachivantara/uikit-react-lab 5.46.19 → 6.0.0-next.10

package/dist/cjs/Blades/Blades.cjs

@@ -1,104 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const Blades_styles = require("./Blades.styles.cjs");
-function getExpandedBlades(defaultExpanded, children, atMostOneExpanded, atLeastOneExpanded) {
-  const childrenArray = react.Children.toArray(children);
-  const expandedBlades = defaultExpanded ?? childrenArray.map((child, i) => {
-    const childIsControlled = child?.props?.expanded !== void 0;
-    const childIsExpanded = childIsControlled ? child?.props?.expanded : child?.props?.defaultExpanded;
-    return childIsExpanded ? i : void 0;
-  }).filter((v) => v !== void 0);
-  const numberOfExpandedBlades = expandedBlades.length;
-  if (atLeastOneExpanded && numberOfExpandedBlades === 0 && childrenArray.length > 0) {
-    return [0];
-  }
-  if (atMostOneExpanded && numberOfExpandedBlades > 1) {
-    return [expandedBlades[0]];
-  }
-  return expandedBlades;
-}
-const HvBlades = (props) => {
-  const {
-    id,
-    className,
-    classes: classesProp,
-    children,
-    expanded: expandedProp,
-    defaultExpanded,
-    atMostOneExpanded = false,
-    atLeastOneExpanded = false,
-    fullWidthBlades = false,
-    onChange,
-    ...others
-  } = uikitReactCore.useDefaultProps("HvBlades", props);
-  const { classes, cx } = Blades_styles.useClasses(classesProp);
-  const [expanded, setExpanded] = uikitReactCore.useControlled(
-    expandedProp,
-    () => getExpandedBlades(
-      defaultExpanded,
-      children,
-      atMostOneExpanded,
-      atLeastOneExpanded
-    )
-  );
-  const onChildChangeInterceptor = react.useCallback(
-    (index, childOnChange, event, isExpanded) => {
-      const newValue = [];
-      if (atMostOneExpanded) {
-        if (isExpanded) {
-          newValue.push(index);
-        }
-      } else {
-        newValue.push(...expanded);
-        if (isExpanded) {
-          newValue.push(index);
-        } else {
-          newValue.splice(newValue.indexOf(index), 1);
-        }
-      }
-      if (atLeastOneExpanded && newValue.length === 0) {
-        newValue.push(index);
-      }
-      childOnChange?.(event, isExpanded);
-      onChange?.(event, newValue);
-      setExpanded(newValue);
-    },
-    [onChange, expanded, setExpanded, atMostOneExpanded, atLeastOneExpanded]
-  );
-  const modifiedChildren = react.useMemo(() => {
-    return react.Children.map(children, (child, i) => {
-      const childIsExpanded = expanded.includes(i);
-      return react.cloneElement(child, {
-        expanded: childIsExpanded,
-        fullWidth: child?.props?.fullWidth ?? fullWidthBlades,
-        buttonProps: {
-          ...child?.props?.buttonProps,
-          "aria-disabled": (
-            // If the accordion panel associated with an accordion header is visible,
-            // and if the accordion does not permit the panel to be collapsed, the header
-            // button element has aria-disabled set to true.
-            child?.props?.disabled || childIsExpanded && atMostOneExpanded && expanded.length === 1 ? true : void 0
-          )
-        },
-        onChange: (event, isExpanded) => onChildChangeInterceptor(
-          i,
-          child?.props?.onChange,
-          event,
-          isExpanded
-        )
-      });
-    });
-  }, [
-    children,
-    expanded,
-    fullWidthBlades,
-    atMostOneExpanded,
-    onChildChangeInterceptor
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { id, className: cx(classes.root, className), ...others, children: modifiedChildren });
-};
-exports.bladesClasses = Blades_styles.staticClasses;
-exports.HvBlades = HvBlades;

package/dist/cjs/Blades/Blades.styles.cjs

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const { staticClasses, useClasses } = uikitReactCore.createClasses("HvBlades", {
-  root: {
-    position: "relative",
-    display: "flex"
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Dashboard/Dashboard.cjs

@@ -1,63 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const reactGridLayout = require("react-grid-layout");
-const react$1 = require("@emotion/react");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const Dashboard_styles = require("./Dashboard.styles.cjs");
-const GridLayout = reactGridLayout.WidthProvider(reactGridLayout.Responsive);
-const defaultCols = {
-  xs: 12,
-  sm: 12,
-  md: 12,
-  lg: 12,
-  xl: 12
-};
-const HvDashboard = (props) => {
-  const {
-    children,
-    className,
-    layout,
-    cols: colsProp,
-    layouts: layoutsProp,
-    classes: classesProp,
-    ...others
-  } = uikitReactCore.useDefaultProps("HvDashboard", props);
-  const { classes, cx } = Dashboard_styles.useClasses(classesProp);
-  const { activeTheme } = uikitReactCore.useTheme();
-  const layouts = react.useMemo(() => {
-    if (layoutsProp) return layoutsProp;
-    if (!layout) return {};
-    return { xs: layout, sm: layout, md: layout, lg: layout, xl: layout };
-  }, [layoutsProp, layout]);
-  const cols = react.useMemo(() => {
-    if (!colsProp) return defaultCols;
-    if (typeof colsProp === "number") {
-      return {
-        xs: colsProp,
-        sm: colsProp,
-        md: colsProp,
-        lg: colsProp,
-        xl: colsProp
-      };
-    }
-    return colsProp;
-  }, [colsProp]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(react$1.Global, { styles: Dashboard_styles.gridStyles }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      GridLayout,
-      {
-        className: cx(classes.root, className),
-        breakpoints: activeTheme?.breakpoints.values,
-        cols,
-        layouts,
-        ...others,
-        children
-      }
-    )
-  ] });
-};
-exports.dashboardClasses = Dashboard_styles.staticClasses;
-exports.HvDashboard = HvDashboard;

package/dist/cjs/Dashboard/Dashboard.styles.cjs

@@ -1,196 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("@emotion/react");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const { staticClasses, useClasses } = uikitReactCore.createClasses("HvDashboard", {
-  root: {}
-});
-const gridStyles = react.css`
-  .react-grid-layout {
-    position: relative;
-    transition: height 200ms ease;
-  }
-  .react-grid-item {
-    transition: all 200ms ease;
-    transition-property: left, top, width, height;
-  }
-  .react-grid-item img {
-    pointer-events: none;
-    user-select: none;
-  }
-  .react-grid-item.cssTransforms {
-    transition-property: transform, width, height;
-  }
-  .react-grid-item.resizing {
-    transition: none;
-    z-index: 1;
-    will-change: width, height;
-  }
-
-  .react-grid-item.react-draggable-dragging {
-    transition: none;
-    z-index: 3;
-    will-change: transform;
-  }
-
-  .react-grid-item.dropping {
-    visibility: hidden;
-  }
-
-  .react-grid-item.react-grid-placeholder {
-    background: ${uikitReactCore.theme.colors.primaryDimmed};
-    transition-duration: 100ms;
-    z-index: 2;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    -o-user-select: none;
-    user-select: none;
-  }
-
-  .react-grid-item.react-grid-placeholder.placeholder-resizing {
-    transition: none;
-  }
-
-  .react-grid-item > .react-resizable-handle {
-    position: absolute;
-    width: 20px;
-    height: 20px;
-  }
-
-  .react-grid-item > .react-resizable-handle::after {
-    content: "";
-    position: absolute;
-    right: 3px;
-    bottom: 3px;
-    width: 5px;
-    height: 5px;
-    border-right: 2px solid rgba(0, 0, 0, 0.4);
-    border-bottom: 2px solid rgba(0, 0, 0, 0.4);
-  }
-
-  .react-resizable-hide > .react-resizable-handle {
-    display: none;
-  }
-
-  .react-grid-item > .react-resizable-handle.react-resizable-handle-sw {
-    bottom: 0;
-    left: 0;
-    cursor: sw-resize;
-    transform: rotate(90deg);
-  }
-  .react-grid-item > .react-resizable-handle.react-resizable-handle-se {
-    bottom: 0;
-    right: 0;
-    cursor: se-resize;
-  }
-  .react-grid-item > .react-resizable-handle.react-resizable-handle-nw {
-    top: 0;
-    left: 0;
-    cursor: nw-resize;
-    transform: rotate(180deg);
-  }
-  .react-grid-item > .react-resizable-handle.react-resizable-handle-ne {
-    top: 0;
-    right: 0;
-    cursor: ne-resize;
-    transform: rotate(270deg);
-  }
-  .react-grid-item > .react-resizable-handle.react-resizable-handle-w,
-  .react-grid-item > .react-resizable-handle.react-resizable-handle-e {
-    top: 50%;
-    margin-top: -10px;
-    cursor: ew-resize;
-  }
-  .react-grid-item > .react-resizable-handle.react-resizable-handle-w {
-    left: 0;
-    transform: rotate(135deg);
-  }
-  .react-grid-item > .react-resizable-handle.react-resizable-handle-e {
-    right: 0;
-    transform: rotate(315deg);
-  }
-  .react-grid-item > .react-resizable-handle.react-resizable-handle-n,
-  .react-grid-item > .react-resizable-handle.react-resizable-handle-s {
-    left: 50%;
-    margin-left: -10px;
-    cursor: ns-resize;
-  }
-  .react-grid-item > .react-resizable-handle.react-resizable-handle-n {
-    top: 0;
-    transform: rotate(225deg);
-  }
-  .react-grid-item > .react-resizable-handle.react-resizable-handle-s {
-    bottom: 0;
-    transform: rotate(45deg);
-  }
-
-  .react-resizable {
-    position: relative;
-  }
-  .react-resizable-handle {
-    position: absolute;
-    width: 20px;
-    height: 20px;
-    background-repeat: no-repeat;
-    background-origin: content-box;
-    box-sizing: border-box;
-    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+");
-    background-position: bottom right;
-    padding: 0 3px 3px 0;
-  }
-  .react-resizable-handle-sw {
-    bottom: 0;
-    left: 0;
-    cursor: sw-resize;
-    transform: rotate(90deg);
-  }
-  .react-resizable-handle-se {
-    bottom: 0;
-    right: 0;
-    cursor: se-resize;
-  }
-  .react-resizable-handle-nw {
-    top: 0;
-    left: 0;
-    cursor: nw-resize;
-    transform: rotate(180deg);
-  }
-  .react-resizable-handle-ne {
-    top: 0;
-    right: 0;
-    cursor: ne-resize;
-    transform: rotate(270deg);
-  }
-  .react-resizable-handle-w,
-  .react-resizable-handle-e {
-    top: 50%;
-    margin-top: -10px;
-    cursor: ew-resize;
-  }
-  .react-resizable-handle-w {
-    left: 0;
-    transform: rotate(135deg);
-  }
-  .react-resizable-handle-e {
-    right: 0;
-    transform: rotate(315deg);
-  }
-  .react-resizable-handle-n,
-  .react-resizable-handle-s {
-    left: 50%;
-    margin-left: -10px;
-    cursor: ns-resize;
-  }
-  .react-resizable-handle-n {
-    top: 0;
-    transform: rotate(225deg);
-  }
-  .react-resizable-handle-s {
-    bottom: 0;
-    transform: rotate(45deg);
-  }
-`;
-exports.gridStyles = gridStyles;
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Flow/Background/Background.cjs

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const reactflow = require("reactflow");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const HvFlowBackground = ({
-  color = "text",
-  ...others
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactflow.Background,
-    {
-      color: uikitStyles.getColor(color, uikitStyles.theme.colors.textSubtle),
-      gap: 16,
-      ...others
-    }
-  );
-};
-exports.HvFlowBackground = HvFlowBackground;

package/dist/cjs/Flow/Controls/Controls.cjs

@@ -1,96 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const reactflow = require("reactflow");
-const shallow = require("zustand/shallow");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const useFlowInstance = require("../hooks/useFlowInstance.cjs");
-const DEFAULT_LABELS = {
-  fitView: "Fit view",
-  zoomIn: "Zoom in",
-  zoomOut: "Zoom out",
-  interactive: "Interactive"
-};
-const selector = (state) => ({
-  isInteractive: state.nodesDraggable || state.nodesConnectable || state.elementsSelectable,
-  minZoomReached: state.transform[2] <= state.minZoom,
-  maxZoomReached: state.transform[2] >= state.maxZoom
-});
-const HvFlowControls = ({
-  onZoomIn: onZoomInProp,
-  onZoomOut: onZoomOutProp,
-  onFitView: onFitViewProp,
-  labels: labelsProps,
-  hideInteractive,
-  hideFitView,
-  hideZoom,
-  position = "bottom-center",
-  orientation = "horizontal",
-  onInteractiveChange,
-  fitViewOptions,
-  children,
-  ...others
-}) => {
-  const { isInteractive, minZoomReached, maxZoomReached } = reactflow.useStore(
-    selector,
-    shallow.shallow
-  );
-  const store = reactflow.useStoreApi();
-  const { zoomIn, zoomOut, fitView } = useFlowInstance.useFlowInstance();
-  const labels = uikitReactCore.useLabels(DEFAULT_LABELS, labelsProps);
-  const handleZoomIn = () => {
-    zoomIn();
-    onZoomInProp?.();
-  };
-  const handleZoomOut = () => {
-    zoomOut();
-    onZoomOutProp?.();
-  };
-  const handleFitView = () => {
-    fitView(fitViewOptions);
-    onFitViewProp?.();
-  };
-  const handleInteractive = () => {
-    store.setState({
-      nodesDraggable: !isInteractive,
-      nodesConnectable: !isInteractive,
-      elementsSelectable: !isInteractive
-    });
-    onInteractiveChange?.(!isInteractive);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(reactflow.Panel, { position, ...others, children: /* @__PURE__ */ jsxRuntime.jsxs(uikitReactCore.HvMultiButton, { vertical: orientation === "vertical", children: [
-    !hideZoom && /* @__PURE__ */ jsxRuntime.jsx(
-      uikitReactCore.HvButton,
-      {
-        icon: true,
-        title: labels?.zoomIn,
-        onClick: handleZoomIn,
-        disabled: maxZoomReached,
-        children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.ZoomIn, {})
-      }
-    ),
-    !hideZoom && /* @__PURE__ */ jsxRuntime.jsx(
-      uikitReactCore.HvButton,
-      {
-        icon: true,
-        title: labels?.zoomOut,
-        onClick: handleZoomOut,
-        disabled: minZoomReached,
-        children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.ZoomOut, {})
-      }
-    ),
-    !hideFitView && /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvButton, { icon: true, title: labels?.fitView, onClick: handleFitView, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Focus, {}) }),
-    !hideInteractive && /* @__PURE__ */ jsxRuntime.jsx(
-      uikitReactCore.HvButton,
-      {
-        icon: true,
-        title: labels?.interactive,
-        onClick: handleInteractive,
-        children: isInteractive ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Unlock, {}) : /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Lock, {})
-      }
-    ),
-    children
-  ] }) });
-};
-exports.HvFlowControls = HvFlowControls;

package/dist/cjs/Flow/DroppableFlow.cjs

@@ -1,204 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const core = require("@dnd-kit/core");
-const react$1 = require("@emotion/react");
-const reactflow = require("reactflow");
-const uid = require("uid");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const base = require("./base.cjs");
-const Flow_styles = require("./Flow.styles.cjs");
-const NodeMetaContext = require("./FlowContext/NodeMetaContext.cjs");
-const useFlowInstance = require("./hooks/useFlowInstance.cjs");
-const getNode = (nodes, nodeId) => {
-  return nodes.find((n) => n.id === nodeId);
-};
-const validateEdge = (nodes, edges, connection, nodeMetaRegistry) => {
-  const {
-    source: sourceId,
-    sourceHandle,
-    target: targetId,
-    targetHandle
-  } = connection;
-  if (!sourceHandle || !targetHandle || !sourceId || !targetId) return false;
-  const sourceNode = getNode(nodes, sourceId);
-  const targetNode = getNode(nodes, targetId);
-  if (!sourceNode || !targetNode) return false;
-  const sourceType = sourceNode.type;
-  const targetType = targetNode.type;
-  if (!sourceType || !targetType) return false;
-  const inputs = nodeMetaRegistry[targetId]?.inputs || [];
-  const outputs = nodeMetaRegistry[sourceId]?.outputs || [];
-  const source = outputs.flatMap((out) => out.outputs || out).find((out) => out.id === sourceHandle);
-  const target = inputs.flatMap((inp) => inp.inputs || inp).find((inp) => inp.id === targetHandle);
-  const sourceProvides = source?.provides || "";
-  const targetAccepts = target?.accepts || [];
-  const sourceMaxConnections = source?.maxConnections;
-  const targetMaxConnections = target?.maxConnections;
-  let isValid = targetAccepts.length === 0 || targetAccepts.includes(sourceProvides);
-  if (isValid && targetMaxConnections != null) {
-    const targetConnections = edges.filter(
-      (edg) => edg.target === targetId && edg.targetHandle === targetHandle
-    ).length;
-    isValid = targetConnections < targetMaxConnections;
-  }
-  if (isValid && sourceMaxConnections != null) {
-    const sourceConnections = edges.filter(
-      (edg) => edg.source === sourceId && edg.sourceHandle === sourceHandle
-    ).length;
-    isValid = sourceConnections < sourceMaxConnections;
-  }
-  return isValid;
-};
-const HvDroppableFlow = ({
-  id,
-  className,
-  children,
-  onFlowChange,
-  onDndDrop,
-  classes: classesProp,
-  nodes: initialNodes = [],
-  edges: initialEdges = [],
-  onConnect: onConnectProp,
-  onNodesChange: onNodesChangeProp,
-  onEdgesChange: onEdgesChangeProp,
-  defaultEdgeOptions: defaultEdgeOptionsProp,
-  nodeTypes,
-  ...others
-}) => {
-  const { classes, cx } = Flow_styles.useClasses(classesProp);
-  const elementId = uikitReactCore.useUniqueId(id);
-  const reactFlowInstance = useFlowInstance.useFlowInstance();
-  const [nodes, setNodes] = react.useState(initialNodes);
-  const [edges, setEdges] = react.useState(initialEdges);
-  const nodesRef = react.useRef(initialNodes);
-  const edgesRef = react.useRef(initialEdges);
-  const updateNodes = (nds) => {
-    setNodes(nds);
-    nodesRef.current = nds;
-  };
-  const updateEdges = (eds) => {
-    setEdges(eds);
-    edgesRef.current = eds;
-  };
-  const { setNodeRef } = core.useDroppable({
-    id: elementId
-  });
-  const handleDragEnd = react.useCallback(
-    (event) => {
-      if (event.over?.id !== elementId) return;
-      const hvFlow = event.active.data.current?.hvFlow;
-      const type = hvFlow?.type;
-      if (!type || !nodeTypes?.[type]) {
-        return;
-      }
-      const position = reactFlowInstance.screenToFlowPosition({
-        x: hvFlow?.x || 0,
-        y: hvFlow?.y || 0
-      });
-      const data = {
-        nodeLabel: hvFlow?.label,
-        ...hvFlow?.data
-      };
-      const newNode = {
-        id: uid.uid(),
-        position,
-        data,
-        type
-      };
-      if (onDndDrop) {
-        onDndDrop(event, newNode);
-        return;
-      }
-      updateNodes(nodes.concat(newNode));
-    },
-    [elementId, nodeTypes, nodes, onDndDrop, reactFlowInstance]
-  );
-  core.useDndMonitor({
-    onDragEnd: handleDragEnd
-  });
-  const handleFlowChange = react.useCallback(
-    (nds, eds) => {
-      const isDragging = nds.find((node) => node.dragging);
-      if (!isDragging) {
-        onFlowChange?.(nds, eds);
-      }
-    },
-    [onFlowChange]
-  );
-  const handleConnect = react.useCallback(
-    (connection) => {
-      const eds = reactflow.addEdge(connection, edgesRef.current);
-      updateEdges(eds);
-      handleFlowChange(nodesRef.current, eds);
-      onConnectProp?.(connection);
-    },
-    [handleFlowChange, onConnectProp]
-  );
-  const handleNodesChange = react.useCallback(
-    (changes) => {
-      const nds = reactflow.applyNodeChanges(changes, nodesRef.current);
-      updateNodes(nds);
-      handleFlowChange(nds, edgesRef.current);
-      onNodesChangeProp?.(changes);
-    },
-    [handleFlowChange, onNodesChangeProp]
-  );
-  const handleEdgesChange = react.useCallback(
-    (changes) => {
-      const eds = reactflow.applyEdgeChanges(changes, edgesRef.current);
-      updateEdges(eds);
-      handleFlowChange(nodesRef.current, eds);
-      onEdgesChangeProp?.(changes);
-    },
-    [handleFlowChange, onEdgesChangeProp]
-  );
-  const { registry } = NodeMetaContext.useNodeMetaRegistry();
-  const isValidConnection = (connection) => validateEdge(nodes, edges, connection, registry);
-  const defaultEdgeOptions = {
-    markerEnd: {
-      type: reactflow.MarkerType.ArrowClosed,
-      height: 20,
-      width: 20
-    },
-    type: "smoothstep",
-    pathOptions: {
-      borderRadius: 40
-    },
-    ...defaultEdgeOptionsProp
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(react$1.Global, { styles: base.flowStyles }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        id: elementId,
-        ref: setNodeRef,
-        className: cx(classes.root, className),
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          reactflow.ReactFlow,
-          {
-            nodes,
-            edges,
-            nodeTypes,
-            onNodesChange: handleNodesChange,
-            onEdgesChange: handleEdgesChange,
-            onConnect: handleConnect,
-            isValidConnection,
-            defaultEdgeOptions,
-            snapGrid: [1, 1],
-            snapToGrid: true,
-            onError: (code, message) => {
-            },
-            ...others,
-            children
-          }
-        )
-      }
-    )
-  ] });
-};
-exports.flowClasses = Flow_styles.staticClasses;
-exports.HvDroppableFlow = HvDroppableFlow;
-exports.getNode = getNode;