@hitachivantara/uikit-react-lab 5.27.7 → 5.27.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (137) hide show
  1. package/dist/cjs/Blade/Blade.cjs +0 -1
  2. package/dist/cjs/Blade/Blade.styles.cjs +0 -1
  3. package/dist/cjs/Blades/Blades.cjs +0 -1
  4. package/dist/cjs/Blades/Blades.styles.cjs +0 -1
  5. package/dist/cjs/Dashboard/Dashboard.cjs +0 -1
  6. package/dist/cjs/Dashboard/Dashboard.styles.cjs +0 -1
  7. package/dist/cjs/Flow/Background/Background.cjs +0 -1
  8. package/dist/cjs/Flow/Controls/Controls.cjs +0 -1
  9. package/dist/cjs/Flow/DroppableFlow.cjs +0 -1
  10. package/dist/cjs/Flow/DroppableFlow.cjs.map +1 -1
  11. package/dist/cjs/Flow/Empty/Empty.cjs +0 -1
  12. package/dist/cjs/Flow/Empty/Empty.styles.cjs +0 -1
  13. package/dist/cjs/Flow/Flow.cjs +0 -1
  14. package/dist/cjs/Flow/Flow.styles.cjs +0 -1
  15. package/dist/cjs/Flow/FlowContext/FlowContext.cjs +0 -1
  16. package/dist/cjs/Flow/FlowContext/NodeMetaContext.cjs +0 -1
  17. package/dist/cjs/Flow/Minimap/Minimap.cjs +0 -1
  18. package/dist/cjs/Flow/Minimap/Minimap.styles.cjs +0 -1
  19. package/dist/cjs/Flow/Node/BaseNode.cjs +0 -1
  20. package/dist/cjs/Flow/Node/BaseNode.styles.cjs +0 -1
  21. package/dist/cjs/Flow/Node/Node.cjs +0 -1
  22. package/dist/cjs/Flow/Node/Node.styles.cjs +0 -1
  23. package/dist/cjs/Flow/Node/Parameters/ParamRenderer.cjs +0 -1
  24. package/dist/cjs/Flow/Node/Parameters/Select.cjs +0 -1
  25. package/dist/cjs/Flow/Node/Parameters/Slider.cjs +0 -1
  26. package/dist/cjs/Flow/Node/Parameters/Text.cjs +0 -1
  27. package/dist/cjs/Flow/Node/utils.cjs +0 -1
  28. package/dist/cjs/Flow/Sidebar/Sidebar.cjs +0 -1
  29. package/dist/cjs/Flow/Sidebar/Sidebar.styles.cjs +0 -1
  30. package/dist/cjs/Flow/Sidebar/SidebarGroup/SidebarGroup.cjs +0 -1
  31. package/dist/cjs/Flow/Sidebar/SidebarGroup/SidebarGroup.styles.cjs +0 -1
  32. package/dist/cjs/Flow/Sidebar/SidebarGroup/SidebarGroupItem/DraggableSidebarGroupItem.cjs +0 -1
  33. package/dist/cjs/Flow/Sidebar/SidebarGroup/SidebarGroupItem/SidebarGroupItem.cjs +0 -1
  34. package/dist/cjs/Flow/Sidebar/SidebarGroup/SidebarGroupItem/SidebarGroupItem.styles.cjs +0 -1
  35. package/dist/cjs/Flow/Sidebar/utils.cjs +0 -1
  36. package/dist/cjs/Flow/base.cjs +0 -1
  37. package/dist/cjs/Flow/hooks/useFlowContext.cjs +0 -1
  38. package/dist/cjs/Flow/hooks/useFlowInstance.cjs +0 -1
  39. package/dist/cjs/Flow/hooks/useFlowNode.cjs +0 -1
  40. package/dist/cjs/Flow/hooks/useFlowNodeMeta.cjs +0 -1
  41. package/dist/cjs/Flow/hooks/useNodeId.cjs +0 -1
  42. package/dist/cjs/Flow/nodes/DashboardNode.cjs +0 -1
  43. package/dist/cjs/Flow/nodes/DashboardNode.styles.cjs +0 -1
  44. package/dist/cjs/StepNavigation/DefaultNavigation/DefaultNavigation.cjs +0 -1
  45. package/dist/cjs/StepNavigation/DefaultNavigation/Step/Step.cjs +0 -1
  46. package/dist/cjs/StepNavigation/DefaultNavigation/Step/Step.styles.cjs +0 -1
  47. package/dist/cjs/StepNavigation/DefaultNavigation/utils.cjs +0 -1
  48. package/dist/cjs/StepNavigation/SimpleNavigation/Dot/Dot.cjs +0 -1
  49. package/dist/cjs/StepNavigation/SimpleNavigation/Dot/Dot.styles.cjs +0 -1
  50. package/dist/cjs/StepNavigation/SimpleNavigation/SimpleNavigation.cjs +0 -1
  51. package/dist/cjs/StepNavigation/SimpleNavigation/utils.cjs +0 -1
  52. package/dist/cjs/StepNavigation/StepNavigation.cjs +0 -1
  53. package/dist/cjs/StepNavigation/StepNavigation.styles.cjs +0 -1
  54. package/dist/cjs/StepNavigation/utils.cjs +0 -1
  55. package/dist/cjs/Wizard/Wizard.cjs +0 -1
  56. package/dist/cjs/Wizard/Wizard.styles.cjs +0 -1
  57. package/dist/cjs/Wizard/WizardActions/WizardActions.cjs +0 -1
  58. package/dist/cjs/Wizard/WizardActions/WizardActions.styles.cjs +0 -1
  59. package/dist/cjs/Wizard/WizardContainer/WizardContainer.cjs +0 -1
  60. package/dist/cjs/Wizard/WizardContainer/WizardContainer.styles.cjs +0 -1
  61. package/dist/cjs/Wizard/WizardContent/LoadingContainer.cjs +0 -1
  62. package/dist/cjs/Wizard/WizardContent/LoadingContainer.styles.cjs +0 -1
  63. package/dist/cjs/Wizard/WizardContent/WizardContent.cjs +0 -1
  64. package/dist/cjs/Wizard/WizardContent/WizardContent.styles.cjs +0 -1
  65. package/dist/cjs/Wizard/WizardContext/WizardContext.cjs +0 -1
  66. package/dist/cjs/Wizard/WizardTitle/WizardTitle.cjs +0 -1
  67. package/dist/cjs/Wizard/WizardTitle/WizardTitle.styles.cjs +0 -1
  68. package/dist/cjs/index.cjs +0 -1
  69. package/dist/esm/Blade/Blade.js +0 -1
  70. package/dist/esm/Blade/Blade.styles.js +0 -1
  71. package/dist/esm/Blades/Blades.js +0 -1
  72. package/dist/esm/Blades/Blades.styles.js +0 -1
  73. package/dist/esm/Dashboard/Dashboard.js +0 -1
  74. package/dist/esm/Dashboard/Dashboard.styles.js +0 -1
  75. package/dist/esm/Flow/Background/Background.js +0 -1
  76. package/dist/esm/Flow/Controls/Controls.js +0 -1
  77. package/dist/esm/Flow/DroppableFlow.js +0 -1
  78. package/dist/esm/Flow/DroppableFlow.js.map +1 -1
  79. package/dist/esm/Flow/Empty/Empty.js +0 -1
  80. package/dist/esm/Flow/Empty/Empty.styles.js +0 -1
  81. package/dist/esm/Flow/Flow.js +0 -1
  82. package/dist/esm/Flow/Flow.styles.js +0 -1
  83. package/dist/esm/Flow/FlowContext/FlowContext.js +0 -1
  84. package/dist/esm/Flow/FlowContext/NodeMetaContext.js +0 -1
  85. package/dist/esm/Flow/Minimap/Minimap.js +0 -1
  86. package/dist/esm/Flow/Minimap/Minimap.styles.js +0 -1
  87. package/dist/esm/Flow/Node/BaseNode.js +0 -1
  88. package/dist/esm/Flow/Node/BaseNode.styles.js +0 -1
  89. package/dist/esm/Flow/Node/Node.js +0 -1
  90. package/dist/esm/Flow/Node/Node.styles.js +0 -1
  91. package/dist/esm/Flow/Node/Parameters/ParamRenderer.js +0 -1
  92. package/dist/esm/Flow/Node/Parameters/Select.js +0 -1
  93. package/dist/esm/Flow/Node/Parameters/Slider.js +0 -1
  94. package/dist/esm/Flow/Node/Parameters/Text.js +0 -1
  95. package/dist/esm/Flow/Node/utils.js +0 -1
  96. package/dist/esm/Flow/Sidebar/Sidebar.js +0 -1
  97. package/dist/esm/Flow/Sidebar/Sidebar.styles.js +0 -1
  98. package/dist/esm/Flow/Sidebar/SidebarGroup/SidebarGroup.js +0 -1
  99. package/dist/esm/Flow/Sidebar/SidebarGroup/SidebarGroup.styles.js +0 -1
  100. package/dist/esm/Flow/Sidebar/SidebarGroup/SidebarGroupItem/DraggableSidebarGroupItem.js +0 -1
  101. package/dist/esm/Flow/Sidebar/SidebarGroup/SidebarGroupItem/SidebarGroupItem.js +0 -1
  102. package/dist/esm/Flow/Sidebar/SidebarGroup/SidebarGroupItem/SidebarGroupItem.styles.js +0 -1
  103. package/dist/esm/Flow/Sidebar/utils.js +0 -1
  104. package/dist/esm/Flow/base.js +0 -1
  105. package/dist/esm/Flow/hooks/useFlowContext.js +0 -1
  106. package/dist/esm/Flow/hooks/useFlowInstance.js +0 -1
  107. package/dist/esm/Flow/hooks/useFlowNode.js +0 -1
  108. package/dist/esm/Flow/hooks/useFlowNodeMeta.js +0 -1
  109. package/dist/esm/Flow/hooks/useNodeId.js +0 -1
  110. package/dist/esm/Flow/nodes/DashboardNode.js +0 -1
  111. package/dist/esm/Flow/nodes/DashboardNode.styles.js +0 -1
  112. package/dist/esm/StepNavigation/DefaultNavigation/DefaultNavigation.js +0 -1
  113. package/dist/esm/StepNavigation/DefaultNavigation/Step/Step.js +0 -1
  114. package/dist/esm/StepNavigation/DefaultNavigation/Step/Step.styles.js +0 -1
  115. package/dist/esm/StepNavigation/DefaultNavigation/utils.js +0 -1
  116. package/dist/esm/StepNavigation/SimpleNavigation/Dot/Dot.js +0 -1
  117. package/dist/esm/StepNavigation/SimpleNavigation/Dot/Dot.styles.js +0 -1
  118. package/dist/esm/StepNavigation/SimpleNavigation/SimpleNavigation.js +0 -1
  119. package/dist/esm/StepNavigation/SimpleNavigation/utils.js +0 -1
  120. package/dist/esm/StepNavigation/StepNavigation.js +0 -1
  121. package/dist/esm/StepNavigation/StepNavigation.styles.js +0 -1
  122. package/dist/esm/StepNavigation/utils.js +0 -1
  123. package/dist/esm/Wizard/Wizard.js +0 -1
  124. package/dist/esm/Wizard/Wizard.styles.js +0 -1
  125. package/dist/esm/Wizard/WizardActions/WizardActions.js +0 -1
  126. package/dist/esm/Wizard/WizardActions/WizardActions.styles.js +0 -1
  127. package/dist/esm/Wizard/WizardContainer/WizardContainer.js +0 -1
  128. package/dist/esm/Wizard/WizardContainer/WizardContainer.styles.js +0 -1
  129. package/dist/esm/Wizard/WizardContent/LoadingContainer.js +0 -1
  130. package/dist/esm/Wizard/WizardContent/LoadingContainer.styles.js +0 -1
  131. package/dist/esm/Wizard/WizardContent/WizardContent.js +0 -1
  132. package/dist/esm/Wizard/WizardContent/WizardContent.styles.js +0 -1
  133. package/dist/esm/Wizard/WizardContext/WizardContext.js +0 -1
  134. package/dist/esm/Wizard/WizardTitle/WizardTitle.js +0 -1
  135. package/dist/esm/Wizard/WizardTitle/WizardTitle.styles.js +0 -1
  136. package/dist/esm/index.js +0 -1
  137. package/package.json +5 -5
@@ -1 +1 @@
1
- {"version":3,"file":"DroppableFlow.js","sources":["../../../src/Flow/DroppableFlow.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from \"react\";\nimport ReactFlow, {\n Connection,\n EdgeChange,\n NodeChange,\n ReactFlowProps,\n addEdge,\n applyEdgeChanges,\n applyNodeChanges,\n MarkerType,\n Edge,\n Node,\n} from \"reactflow\";\nimport { Global } from \"@emotion/react\";\nimport { DragEndEvent, useDndMonitor, useDroppable } from \"@dnd-kit/core\";\nimport { uid } from \"uid\";\nimport { ExtractNames, useUniqueId } from \"@hitachivantara/uikit-react-core\";\n\nimport {\n HvFlowNodeInputGroup,\n HvFlowNodeMetaRegistry,\n HvFlowNodeOutputGroup,\n} from \"./types\";\nimport { staticClasses, useClasses } from \"./Flow.styles\";\nimport { useFlowContext, useFlowInstance } from \"./hooks\";\nimport { flowStyles } from \"./base\";\nimport { useNodeMetaRegistry } from \"./FlowContext/NodeMetaContext\";\n\nexport { staticClasses as flowClasses };\n\nexport type HvFlowClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDroppableFlowProps<\n NodeType extends string | undefined = string | undefined,\n NodeData = any\n> extends Omit<ReactFlowProps, \"nodes\" | \"edges\" | \"nodeTypes\"> {\n /** Flow content: background, controls, and minimap. */\n children?: React.ReactNode;\n /** Flow nodes. */\n nodes?: Node<NodeData, NodeType>[];\n /** Flow edges. */\n edges?: Edge[];\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvFlowClasses;\n /** Callback called when the flow changes. Returns the updated nodes and edges. */\n onFlowChange?: (nodes: Node<NodeData, NodeType>[], edges: Edge[]) => void;\n /**\n * Callback called when a node is dropped in the flow.\n *\n * This callback should be used to override the custom UI Kit drop event.\n * Thus, when defined, the user is responsible for adding nodes to the flow.\n *\n * This callback is called when `HvFlowSidebar` is used or a custom sidebar was created using Dnd Kit.\n * When a custom sidebar was created using the native HTML drag and drop API, refer to the `onDrop` callback.\n *\n * Returns the event and the node to be added to the flow.\n */\n onDndDrop?: (event: DragEndEvent, node: Node) => void;\n}\n\nexport const getNode = (nodes: Node[], nodeId: string) => {\n return nodes.find((n) => n.id === nodeId);\n};\n\nconst validateEdge = (\n nodes: Node[],\n edges: Edge[],\n connection: Connection,\n nodeMetaRegistry: HvFlowNodeMetaRegistry\n) => {\n const {\n source: sourceId,\n sourceHandle,\n target: targetId,\n targetHandle,\n } = connection;\n\n if (!sourceHandle || !targetHandle || !sourceId || !targetId) return false;\n\n const sourceNode = getNode(nodes, sourceId);\n const targetNode = getNode(nodes, targetId);\n\n if (!sourceNode || !targetNode) return false;\n\n const sourceType = sourceNode.type;\n const targetType = targetNode.type;\n\n if (!sourceType || !targetType) return false;\n\n const inputs = nodeMetaRegistry[targetId]?.inputs || [];\n const outputs = nodeMetaRegistry[sourceId]?.outputs || [];\n\n const source = outputs\n .map((out) => (out as HvFlowNodeOutputGroup).outputs || out)\n .flat()\n .find((out) => out.id === sourceHandle);\n const target = inputs\n .map((inp) => (inp as HvFlowNodeInputGroup).inputs || inp)\n .flat()\n .find((inp) => inp.id === targetHandle);\n\n const sourceProvides = source?.provides || \"\";\n const targetAccepts = target?.accepts || [];\n const sourceMaxConnections = source?.maxConnections;\n const targetMaxConnections = target?.maxConnections;\n\n let isValid =\n targetAccepts.length === 0 || targetAccepts.includes(sourceProvides);\n\n if (isValid && targetMaxConnections != null) {\n const targetConnections = edges.filter(\n (edg) => edg.target === targetId && edg.targetHandle === targetHandle\n ).length;\n\n isValid = targetConnections < targetMaxConnections;\n }\n\n if (isValid && sourceMaxConnections != null) {\n const sourceConnections = edges.filter(\n (edg) => edg.source === sourceId && edg.sourceHandle === sourceHandle\n ).length;\n\n isValid = sourceConnections < sourceMaxConnections;\n }\n\n return isValid;\n};\n\nexport const HvDroppableFlow = ({\n id,\n className,\n children,\n onFlowChange,\n onDndDrop,\n classes: classesProp,\n nodes: initialNodes = [],\n edges: initialEdges = [],\n onConnect: onConnectProp,\n onNodesChange: onNodesChangeProp,\n onEdgesChange: onEdgesChangeProp,\n defaultEdgeOptions: defaultEdgeOptionsProp,\n ...others\n}: HvDroppableFlowProps) => {\n const { classes, cx } = useClasses(classesProp);\n\n const elementId = useUniqueId(id, \"hvFlow\");\n\n const reactFlowInstance = useFlowInstance();\n\n const { nodeTypes } = useFlowContext();\n\n const [nodes, setNodes] = useState(initialNodes);\n const [edges, setEdges] = useState(initialEdges);\n // Keeping track of nodes and edges for onFlowChange since useState is async\n const nodesRef = useRef(initialNodes);\n const edgesRef = useRef(initialEdges);\n\n const updateNodes = (nds: Node[]) => {\n setNodes(nds);\n nodesRef.current = nds;\n };\n\n const updateEdges = (eds: Edge[]) => {\n setEdges(eds);\n edgesRef.current = eds;\n };\n\n const { setNodeRef } = useDroppable({\n id: elementId,\n });\n\n const handleDragEnd = useCallback(\n (event: DragEndEvent) => {\n if (event.over?.id !== elementId) return;\n\n const hvFlow = event.active.data.current?.hvFlow;\n const type = hvFlow?.type;\n\n // Only known node types can be dropped in the canvas\n if (!type || !nodeTypes?.[type]) {\n if (import.meta.env.DEV) {\n // eslint-disable-next-line no-console\n console.error(\n `Could not add node to the flow because of unknown type ${type}. Use nodeTypes to define all the node types.`\n );\n }\n return;\n }\n\n // Position node in the flow\n const position = reactFlowInstance.screenToFlowPosition({\n x: hvFlow?.x || 0,\n y: hvFlow?.y || 0,\n });\n\n // Node data\n const data = hvFlow?.data || {};\n\n // Node to add\n const newNode: Node = {\n id: uid(),\n position,\n data,\n type,\n };\n\n // Drop override\n if (onDndDrop) {\n onDndDrop(event, newNode);\n return;\n }\n\n updateNodes(nodes.concat(newNode));\n },\n [elementId, nodeTypes, nodes, onDndDrop, reactFlowInstance]\n );\n\n useDndMonitor({\n onDragEnd: handleDragEnd,\n });\n\n const handleFlowChange = useCallback(\n (nds: Node[], eds: Edge[]) => {\n // The new flow is returned if the user is not dragging nodes\n // This avoids triggering this handler too many times\n const isDragging = nds.find((node) => node.dragging);\n if (!isDragging) {\n onFlowChange?.(nds, eds);\n }\n },\n [onFlowChange]\n );\n\n const handleConnect = useCallback(\n (connection: Connection) => {\n const eds = addEdge(connection, edgesRef.current);\n updateEdges(eds);\n\n handleFlowChange(nodesRef.current, eds);\n onConnectProp?.(connection);\n },\n [handleFlowChange, onConnectProp]\n );\n\n const handleNodesChange = useCallback(\n (changes: NodeChange[]) => {\n const nds = applyNodeChanges(changes, nodesRef.current);\n updateNodes(nds);\n\n handleFlowChange(nds, edgesRef.current);\n onNodesChangeProp?.(changes);\n },\n [handleFlowChange, onNodesChangeProp]\n );\n\n const handleEdgesChange = useCallback(\n (changes: EdgeChange[]) => {\n const eds = applyEdgeChanges(changes, edgesRef.current);\n updateEdges(eds);\n\n handleFlowChange(nodesRef.current, eds);\n onEdgesChangeProp?.(changes);\n },\n [handleFlowChange, onEdgesChangeProp]\n );\n\n const { registry } = useNodeMetaRegistry();\n\n const isValidConnection: ReactFlowProps[\"isValidConnection\"] = (connection) =>\n validateEdge(nodes, edges, connection, registry);\n\n const defaultEdgeOptions = {\n markerEnd: {\n type: MarkerType.ArrowClosed,\n height: 20,\n width: 20,\n },\n type: \"smoothstep\",\n pathOptions: {\n borderRadius: 40,\n },\n ...defaultEdgeOptionsProp,\n };\n\n return (\n <>\n <Global styles={flowStyles} />\n <div\n id={elementId}\n ref={setNodeRef}\n className={cx(classes.root, className)}\n >\n <ReactFlow\n nodes={nodes}\n edges={edges}\n nodeTypes={nodeTypes}\n onNodesChange={handleNodesChange}\n onEdgesChange={handleEdgesChange}\n onConnect={handleConnect}\n isValidConnection={isValidConnection}\n defaultEdgeOptions={defaultEdgeOptions}\n snapGrid={[1, 1]}\n snapToGrid\n onError={(code, message) => {\n if (import.meta.env.DEV) {\n // eslint-disable-next-line no-console\n console.error(message);\n }\n }}\n {...others}\n >\n {children}\n </ReactFlow>\n </div>\n </>\n );\n};\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DroppableFlow.js","sources":["../../../src/Flow/DroppableFlow.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from \"react\";\nimport ReactFlow, {\n Connection,\n EdgeChange,\n NodeChange,\n ReactFlowProps,\n addEdge,\n applyEdgeChanges,\n applyNodeChanges,\n MarkerType,\n Edge,\n Node,\n} from \"reactflow\";\nimport { Global } from \"@emotion/react\";\nimport { DragEndEvent, useDndMonitor, useDroppable } from \"@dnd-kit/core\";\nimport { uid } from \"uid\";\nimport { ExtractNames, useUniqueId } from \"@hitachivantara/uikit-react-core\";\n\nimport {\n HvFlowNodeInputGroup,\n HvFlowNodeMetaRegistry,\n HvFlowNodeOutputGroup,\n} from \"./types\";\nimport { staticClasses, useClasses } from \"./Flow.styles\";\nimport { useFlowContext, useFlowInstance } from \"./hooks\";\nimport { flowStyles } from \"./base\";\nimport { useNodeMetaRegistry } from \"./FlowContext/NodeMetaContext\";\n\nexport { staticClasses as flowClasses };\n\nexport type HvFlowClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDroppableFlowProps<\n NodeType extends string | undefined = string | undefined,\n NodeData = any\n> extends Omit<ReactFlowProps, \"nodes\" | \"edges\" | \"nodeTypes\"> {\n /** Flow content: background, controls, and minimap. */\n children?: React.ReactNode;\n /** Flow nodes. */\n nodes?: Node<NodeData, NodeType>[];\n /** Flow edges. */\n edges?: Edge[];\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvFlowClasses;\n /** Callback called when the flow changes. Returns the updated nodes and edges. */\n onFlowChange?: (nodes: Node<NodeData, NodeType>[], edges: Edge[]) => void;\n /**\n * Callback called when a node is dropped in the flow.\n *\n * This callback should be used to override the custom UI Kit drop event.\n * Thus, when defined, the user is responsible for adding nodes to the flow.\n *\n * This callback is called when `HvFlowSidebar` is used or a custom sidebar was created using Dnd Kit.\n * When a custom sidebar was created using the native HTML drag and drop API, refer to the `onDrop` callback.\n *\n * Returns the event and the node to be added to the flow.\n */\n onDndDrop?: (event: DragEndEvent, node: Node) => void;\n}\n\nexport const getNode = (nodes: Node[], nodeId: string) => {\n return nodes.find((n) => n.id === nodeId);\n};\n\nconst validateEdge = (\n nodes: Node[],\n edges: Edge[],\n connection: Connection,\n nodeMetaRegistry: HvFlowNodeMetaRegistry\n) => {\n const {\n source: sourceId,\n sourceHandle,\n target: targetId,\n targetHandle,\n } = connection;\n\n if (!sourceHandle || !targetHandle || !sourceId || !targetId) return false;\n\n const sourceNode = getNode(nodes, sourceId);\n const targetNode = getNode(nodes, targetId);\n\n if (!sourceNode || !targetNode) return false;\n\n const sourceType = sourceNode.type;\n const targetType = targetNode.type;\n\n if (!sourceType || !targetType) return false;\n\n const inputs = nodeMetaRegistry[targetId]?.inputs || [];\n const outputs = nodeMetaRegistry[sourceId]?.outputs || [];\n\n const source = outputs\n .map((out) => (out as HvFlowNodeOutputGroup).outputs || out)\n .flat()\n .find((out) => out.id === sourceHandle);\n const target = inputs\n .map((inp) => (inp as HvFlowNodeInputGroup).inputs || inp)\n .flat()\n .find((inp) => inp.id === targetHandle);\n\n const sourceProvides = source?.provides || \"\";\n const targetAccepts = target?.accepts || [];\n const sourceMaxConnections = source?.maxConnections;\n const targetMaxConnections = target?.maxConnections;\n\n let isValid =\n targetAccepts.length === 0 || targetAccepts.includes(sourceProvides);\n\n if (isValid && targetMaxConnections != null) {\n const targetConnections = edges.filter(\n (edg) => edg.target === targetId && edg.targetHandle === targetHandle\n ).length;\n\n isValid = targetConnections < targetMaxConnections;\n }\n\n if (isValid && sourceMaxConnections != null) {\n const sourceConnections = edges.filter(\n (edg) => edg.source === sourceId && edg.sourceHandle === sourceHandle\n ).length;\n\n isValid = sourceConnections < sourceMaxConnections;\n }\n\n return isValid;\n};\n\nexport const HvDroppableFlow = ({\n id,\n className,\n children,\n onFlowChange,\n onDndDrop,\n classes: classesProp,\n nodes: initialNodes = [],\n edges: initialEdges = [],\n onConnect: onConnectProp,\n onNodesChange: onNodesChangeProp,\n onEdgesChange: onEdgesChangeProp,\n defaultEdgeOptions: defaultEdgeOptionsProp,\n ...others\n}: HvDroppableFlowProps) => {\n const { classes, cx } = useClasses(classesProp);\n\n const elementId = useUniqueId(id, \"hvFlow\");\n\n const reactFlowInstance = useFlowInstance();\n\n const { nodeTypes } = useFlowContext();\n\n const [nodes, setNodes] = useState(initialNodes);\n const [edges, setEdges] = useState(initialEdges);\n // Keeping track of nodes and edges for onFlowChange since useState is async\n const nodesRef = useRef(initialNodes);\n const edgesRef = useRef(initialEdges);\n\n const updateNodes = (nds: Node[]) => {\n setNodes(nds);\n nodesRef.current = nds;\n };\n\n const updateEdges = (eds: Edge[]) => {\n setEdges(eds);\n edgesRef.current = eds;\n };\n\n const { setNodeRef } = useDroppable({\n id: elementId,\n });\n\n const handleDragEnd = useCallback(\n (event: DragEndEvent) => {\n if (event.over?.id !== elementId) return;\n\n const hvFlow = event.active.data.current?.hvFlow;\n const type = hvFlow?.type;\n\n // Only known node types can be dropped in the canvas\n if (!type || !nodeTypes?.[type]) {\n if (import.meta.env.DEV) {\n // eslint-disable-next-line no-console\n console.error(\n `Could not add node to the flow because of unknown type ${type}. Use nodeTypes to define all the node types.`\n );\n }\n return;\n }\n\n // Position node in the flow\n const position = reactFlowInstance.screenToFlowPosition({\n x: hvFlow?.x || 0,\n y: hvFlow?.y || 0,\n });\n\n // Node data\n const data = hvFlow?.data || {};\n\n // Node to add\n const newNode: Node = {\n id: uid(),\n position,\n data,\n type,\n };\n\n // Drop override\n if (onDndDrop) {\n onDndDrop(event, newNode);\n return;\n }\n\n updateNodes(nodes.concat(newNode));\n },\n [elementId, nodeTypes, nodes, onDndDrop, reactFlowInstance]\n );\n\n useDndMonitor({\n onDragEnd: handleDragEnd,\n });\n\n const handleFlowChange = useCallback(\n (nds: Node[], eds: Edge[]) => {\n // The new flow is returned if the user is not dragging nodes\n // This avoids triggering this handler too many times\n const isDragging = nds.find((node) => node.dragging);\n if (!isDragging) {\n onFlowChange?.(nds, eds);\n }\n },\n [onFlowChange]\n );\n\n const handleConnect = useCallback(\n (connection: Connection) => {\n const eds = addEdge(connection, edgesRef.current);\n updateEdges(eds);\n\n handleFlowChange(nodesRef.current, eds);\n onConnectProp?.(connection);\n },\n [handleFlowChange, onConnectProp]\n );\n\n const handleNodesChange = useCallback(\n (changes: NodeChange[]) => {\n const nds = applyNodeChanges(changes, nodesRef.current);\n updateNodes(nds);\n\n handleFlowChange(nds, edgesRef.current);\n onNodesChangeProp?.(changes);\n },\n [handleFlowChange, onNodesChangeProp]\n );\n\n const handleEdgesChange = useCallback(\n (changes: EdgeChange[]) => {\n const eds = applyEdgeChanges(changes, edgesRef.current);\n updateEdges(eds);\n\n handleFlowChange(nodesRef.current, eds);\n onEdgesChangeProp?.(changes);\n },\n [handleFlowChange, onEdgesChangeProp]\n );\n\n const { registry } = useNodeMetaRegistry();\n\n const isValidConnection: ReactFlowProps[\"isValidConnection\"] = (connection) =>\n validateEdge(nodes, edges, connection, registry);\n\n const defaultEdgeOptions = {\n markerEnd: {\n type: MarkerType.ArrowClosed,\n height: 20,\n width: 20,\n },\n type: \"smoothstep\",\n pathOptions: {\n borderRadius: 40,\n },\n ...defaultEdgeOptionsProp,\n };\n\n return (\n <>\n <Global styles={flowStyles} />\n <div\n id={elementId}\n ref={setNodeRef}\n className={cx(classes.root, className)}\n >\n <ReactFlow\n nodes={nodes}\n edges={edges}\n nodeTypes={nodeTypes}\n onNodesChange={handleNodesChange}\n onEdgesChange={handleEdgesChange}\n onConnect={handleConnect}\n isValidConnection={isValidConnection}\n defaultEdgeOptions={defaultEdgeOptions}\n snapGrid={[1, 1]}\n snapToGrid\n onError={(code, message) => {\n if (import.meta.env.DEV) {\n // eslint-disable-next-line no-console\n console.error(message);\n }\n }}\n {...others}\n >\n {children}\n </ReactFlow>\n </div>\n </>\n );\n};\n"],"names":[],"mappings":"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"}
@@ -10,4 +10,3 @@ const HvFlowEmpty = ({ className, ...others }) => {
10
10
  export {
11
11
  HvFlowEmpty
12
12
  };
13
- //# sourceMappingURL=Empty.js.map
@@ -14,4 +14,3 @@ export {
14
14
  staticClasses,
15
15
  useClasses
16
16
  };
17
- //# sourceMappingURL=Empty.styles.js.map
@@ -40,4 +40,3 @@ const HvFlow = ({
40
40
  export {
41
41
  HvFlow
42
42
  };
43
- //# sourceMappingURL=Flow.js.map
@@ -20,4 +20,3 @@ export {
20
20
  staticClasses,
21
21
  useClasses
22
22
  };
23
- //# sourceMappingURL=Flow.styles.js.map
@@ -25,4 +25,3 @@ export {
25
25
  HvFlowContext,
26
26
  HvFlowProvider
27
27
  };
28
- //# sourceMappingURL=FlowContext.js.map
@@ -41,4 +41,3 @@ export {
41
41
  HvFlowNodeMetaProvider,
42
42
  useNodeMetaRegistry
43
43
  };
44
- //# sourceMappingURL=NodeMetaContext.js.map
@@ -29,4 +29,3 @@ export {
29
29
  HvFlowMinimap,
30
30
  staticClasses as flowMinimapClasses
31
31
  };
32
- //# sourceMappingURL=Minimap.js.map
@@ -8,4 +8,3 @@ export {
8
8
  staticClasses,
9
9
  useClasses
10
10
  };
11
- //# sourceMappingURL=Minimap.styles.js.map
@@ -229,4 +229,3 @@ export {
229
229
  HvFlowBaseNode,
230
230
  staticClasses as flowBaseNodeClasses
231
231
  };
232
- //# sourceMappingURL=BaseNode.js.map
@@ -130,4 +130,3 @@ export {
130
130
  staticClasses,
131
131
  useClasses
132
132
  };
133
- //# sourceMappingURL=BaseNode.styles.js.map
@@ -111,4 +111,3 @@ export {
111
111
  HvFlowNode,
112
112
  staticClasses as flowNodeClasses
113
113
  };
114
- //# sourceMappingURL=Node.js.map
@@ -35,4 +35,3 @@ export {
35
35
  staticClasses,
36
36
  useClasses
37
37
  };
38
- //# sourceMappingURL=Node.styles.js.map
@@ -18,4 +18,3 @@ const ParamRenderer = ({ params, data }) => {
18
18
  export {
19
19
  ParamRenderer
20
20
  };
21
- //# sourceMappingURL=ParamRenderer.js.map
@@ -40,4 +40,3 @@ const Select$1 = Select;
40
40
  export {
41
41
  Select$1 as default
42
42
  };
43
- //# sourceMappingURL=Select.js.map
@@ -32,4 +32,3 @@ const Slider$1 = Slider;
32
32
  export {
33
33
  Slider$1 as default
34
34
  };
35
- //# sourceMappingURL=Slider.js.map
@@ -18,4 +18,3 @@ const Text$1 = Text;
18
18
  export {
19
19
  Text$1 as default
20
20
  };
21
- //# sourceMappingURL=Text.js.map
@@ -52,4 +52,3 @@ export {
52
52
  isOutputGroup,
53
53
  renderedIcon
54
54
  };
55
- //# sourceMappingURL=utils.js.map
@@ -161,4 +161,3 @@ export {
161
161
  HvFlowSidebar,
162
162
  staticClasses as flowSidebarClasses
163
163
  };
164
- //# sourceMappingURL=Sidebar.js.map
@@ -25,4 +25,3 @@ export {
25
25
  staticClasses,
26
26
  useClasses
27
27
  };
28
- //# sourceMappingURL=Sidebar.styles.js.map
@@ -61,4 +61,3 @@ export {
61
61
  HvFlowSidebarGroup,
62
62
  staticClasses as flowSidebarGroupClasses
63
63
  };
64
- //# sourceMappingURL=SidebarGroup.js.map
@@ -32,4 +32,3 @@ export {
32
32
  staticClasses,
33
33
  useClasses
34
34
  };
35
- //# sourceMappingURL=SidebarGroup.styles.js.map
@@ -49,4 +49,3 @@ const HvFlowDraggableSidebarGroupItem = ({
49
49
  export {
50
50
  HvFlowDraggableSidebarGroupItem
51
51
  };
52
- //# sourceMappingURL=DraggableSidebarGroupItem.js.map
@@ -35,4 +35,3 @@ export {
35
35
  HvFlowSidebarGroupItem,
36
36
  staticClasses as flowSidebarGroupItemClasses
37
37
  };
38
- //# sourceMappingURL=SidebarGroupItem.js.map
@@ -21,4 +21,3 @@ export {
21
21
  staticClasses,
22
22
  useClasses
23
23
  };
24
- //# sourceMappingURL=SidebarGroupItem.styles.js.map
@@ -38,4 +38,3 @@ const buildGroups = (nodeGroups, nodeTypes, defaultGroupProps) => {
38
38
  export {
39
39
  buildGroups
40
40
  };
41
- //# sourceMappingURL=utils.js.map
@@ -409,4 +409,3 @@ const flowStyles = css`
409
409
  export {
410
410
  flowStyles
411
411
  };
412
- //# sourceMappingURL=base.js.map
@@ -4,4 +4,3 @@ const useFlowContext = () => useContext(HvFlowContext);
4
4
  export {
5
5
  useFlowContext
6
6
  };
7
- //# sourceMappingURL=useFlowContext.js.map
@@ -5,4 +5,3 @@ function useFlowInstance() {
5
5
  export {
6
6
  useFlowInstance
7
7
  };
8
- //# sourceMappingURL=useFlowInstance.js.map
@@ -98,4 +98,3 @@ export {
98
98
  useFlowNodeUtils,
99
99
  useFlowOutputNodes
100
100
  };
101
- //# sourceMappingURL=useFlowNode.js.map
@@ -10,4 +10,3 @@ function useFlowNodeMeta(id) {
10
10
  export {
11
11
  useFlowNodeMeta
12
12
  };
13
- //# sourceMappingURL=useFlowNodeMeta.js.map
@@ -6,4 +6,3 @@ function useNodeId(id) {
6
6
  export {
7
7
  useNodeId
8
8
  };
9
- //# sourceMappingURL=useNodeId.js.map
@@ -87,4 +87,3 @@ export {
87
87
  HvDashboardNode,
88
88
  staticClasses as hvDashboardNodeClasses
89
89
  };
90
- //# sourceMappingURL=DashboardNode.js.map
@@ -14,4 +14,3 @@ export {
14
14
  staticClasses,
15
15
  useClasses
16
16
  };
17
- //# sourceMappingURL=DashboardNode.styles.js.map
@@ -54,4 +54,3 @@ const HvDefaultNavigation = ({
54
54
  export {
55
55
  HvDefaultNavigation
56
56
  };
57
- //# sourceMappingURL=DefaultNavigation.js.map
@@ -90,4 +90,3 @@ const HvStep = ({
90
90
  export {
91
91
  HvStep
92
92
  };
93
- //# sourceMappingURL=Step.js.map
@@ -41,4 +41,3 @@ export {
41
41
  staticClasses,
42
42
  useClasses
43
43
  };
44
- //# sourceMappingURL=Step.styles.js.map
@@ -32,4 +32,3 @@ export {
32
32
  getSemantic,
33
33
  stepSizes
34
34
  };
35
- //# sourceMappingURL=utils.js.map
@@ -46,4 +46,3 @@ export {
46
46
  HvDot,
47
47
  staticClasses as dotClasses
48
48
  };
49
- //# sourceMappingURL=Dot.js.map
@@ -8,4 +8,3 @@ export {
8
8
  staticClasses,
9
9
  useClasses
10
10
  };
11
- //# sourceMappingURL=Dot.styles.js.map
@@ -50,4 +50,3 @@ const HvSimpleNavigation = ({
50
50
  export {
51
51
  HvSimpleNavigation
52
52
  };
53
- //# sourceMappingURL=SimpleNavigation.js.map
@@ -11,4 +11,3 @@ export {
11
11
  dotSizes,
12
12
  getColor
13
13
  };
14
- //# sourceMappingURL=utils.js.map
@@ -186,4 +186,3 @@ export {
186
186
  HvStepNavigation,
187
187
  staticClasses as stepNavigationClasses
188
188
  };
189
- //# sourceMappingURL=StepNavigation.js.map
@@ -32,4 +32,3 @@ export {
32
32
  staticClasses,
33
33
  useClasses
34
34
  };
35
- //# sourceMappingURL=StepNavigation.styles.js.map
@@ -6,4 +6,3 @@ export {
6
6
  TITLE_MARGIN,
7
7
  TITLE_WIDTH
8
8
  };
9
- //# sourceMappingURL=utils.js.map
@@ -111,4 +111,3 @@ export {
111
111
  HvWizard,
112
112
  staticClasses as wizardClasses
113
113
  };
114
- //# sourceMappingURL=Wizard.js.map
@@ -6,4 +6,3 @@ export {
6
6
  staticClasses,
7
7
  useClasses
8
8
  };
9
- //# sourceMappingURL=Wizard.styles.js.map
@@ -116,4 +116,3 @@ export {
116
116
  HvWizardActions,
117
117
  staticClasses as wizardActionsClasses
118
118
  };
119
- //# sourceMappingURL=WizardActions.js.map
@@ -20,4 +20,3 @@ export {
20
20
  staticClasses,
21
21
  useClasses
22
22
  };
23
- //# sourceMappingURL=WizardActions.styles.js.map
@@ -32,4 +32,3 @@ export {
32
32
  HvWizardContainer,
33
33
  staticClasses as wizardContainerClasses
34
34
  };
35
- //# sourceMappingURL=WizardContainer.js.map
@@ -17,4 +17,3 @@ export {
17
17
  staticClasses,
18
18
  useClasses
19
19
  };
20
- //# sourceMappingURL=WizardContainer.styles.js.map
@@ -37,4 +37,3 @@ const LoadingContainer = ({
37
37
  export {
38
38
  LoadingContainer
39
39
  };
40
- //# sourceMappingURL=LoadingContainer.js.map
@@ -21,4 +21,3 @@ export {
21
21
  staticClasses,
22
22
  useClasses
23
23
  };
24
- //# sourceMappingURL=LoadingContainer.styles.js.map
@@ -129,4 +129,3 @@ export {
129
129
  HvWizardContent,
130
130
  staticClasses as wizardContentClasses
131
131
  };
132
- //# sourceMappingURL=WizardContent.js.map
@@ -36,4 +36,3 @@ export {
36
36
  staticClasses,
37
37
  useClasses
38
38
  };
39
- //# sourceMappingURL=WizardContent.styles.js.map
@@ -14,4 +14,3 @@ const HvWizardContext$1 = HvWizardContext;
14
14
  export {
15
15
  HvWizardContext$1 as default
16
16
  };
17
- //# sourceMappingURL=WizardContext.js.map
@@ -97,4 +97,3 @@ export {
97
97
  HvWizardTitle,
98
98
  staticClasses as wizardTitleClasses
99
99
  };
100
- //# sourceMappingURL=WizardTitle.js.map
@@ -35,4 +35,3 @@ export {
35
35
  staticClasses,
36
36
  useClasses
37
37
  };
38
- //# sourceMappingURL=WizardTitle.styles.js.map
package/dist/esm/index.js CHANGED
@@ -84,4 +84,3 @@ export {
84
84
  staticClasses14 as wizardContentClasses,
85
85
  staticClasses15 as wizardTitleClasses
86
86
  };
87
- //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hitachivantara/uikit-react-lab",
3
- "version": "5.27.7",
3
+ "version": "5.27.8",
4
4
  "private": false,
5
5
  "author": "Hitachi Vantara UI Kit Team",
6
6
  "description": "Contributed React components for the NEXT UI Kit.",
@@ -32,9 +32,9 @@
32
32
  "@dnd-kit/core": "^6.1.0",
33
33
  "@dnd-kit/modifiers": "^6.0.1",
34
34
  "@emotion/css": "^11.11.0",
35
- "@hitachivantara/uikit-react-core": "^5.48.1",
36
- "@hitachivantara/uikit-react-icons": "^5.8.2",
37
- "@hitachivantara/uikit-styles": "^5.18.0",
35
+ "@hitachivantara/uikit-react-core": "^5.49.0",
36
+ "@hitachivantara/uikit-react-icons": "^5.8.3",
37
+ "@hitachivantara/uikit-styles": "^5.19.0",
38
38
  "@types/react-grid-layout": "^1.3.5",
39
39
  "lodash": "^4.17.21",
40
40
  "react-grid-layout": "^1.4.4",
@@ -50,7 +50,7 @@
50
50
  "access": "public",
51
51
  "directory": "package"
52
52
  },
53
- "gitHead": "55151d9d8e1f3fd2ca2407efa1446ea50095f5ed",
53
+ "gitHead": "d55ec32afc4167738c8a24100d8a0bcd2fece0e8",
54
54
  "main": "dist/cjs/index.cjs",
55
55
  "exports": {
56
56
  ".": {