@hitachivantara/uikit-react-lab 5.27.6 → 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
@@ -166,4 +166,3 @@ const HvBlade = (props) => {
166
166
  };
167
167
  exports.bladeClasses = Blade_styles.staticClasses;
168
168
  exports.HvBlade = HvBlade;
169
- //# sourceMappingURL=Blade.cjs.map
@@ -69,4 +69,3 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses("HvBlade", {
69
69
  });
70
70
  exports.staticClasses = staticClasses;
71
71
  exports.useClasses = useClasses;
72
- //# sourceMappingURL=Blade.styles.cjs.map
@@ -102,4 +102,3 @@ const HvBlades = (props) => {
102
102
  };
103
103
  exports.bladesClasses = Blades_styles.staticClasses;
104
104
  exports.HvBlades = HvBlades;
105
- //# sourceMappingURL=Blades.cjs.map
@@ -9,4 +9,3 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses("HvBlades", {
9
9
  });
10
10
  exports.staticClasses = staticClasses;
11
11
  exports.useClasses = useClasses;
12
- //# sourceMappingURL=Blades.styles.cjs.map
@@ -64,4 +64,3 @@ const HvDashboard = (props) => {
64
64
  };
65
65
  exports.dashboardClasses = Dashboard_styles.staticClasses;
66
66
  exports.HvDashboard = HvDashboard;
67
- //# sourceMappingURL=Dashboard.cjs.map
@@ -194,4 +194,3 @@ const gridStyles = react.css`
194
194
  exports.gridStyles = gridStyles;
195
195
  exports.staticClasses = staticClasses;
196
196
  exports.useClasses = useClasses;
197
- //# sourceMappingURL=Dashboard.styles.cjs.map
@@ -10,4 +10,3 @@ const HvFlowBackground = ({
10
10
  return /* @__PURE__ */ jsxRuntime.jsx(ReactFlow.Background, { color: uikitStyles.getColor(color, uikitStyles.theme.colors.secondary), ...others });
11
11
  };
12
12
  exports.HvFlowBackground = HvFlowBackground;
13
- //# sourceMappingURL=Background.cjs.map
@@ -94,4 +94,3 @@ const HvFlowControls = ({
94
94
  ] }) });
95
95
  };
96
96
  exports.HvFlowControls = HvFlowControls;
97
- //# sourceMappingURL=Controls.cjs.map
@@ -206,4 +206,3 @@ const HvDroppableFlow = ({
206
206
  exports.flowClasses = Flow_styles.staticClasses;
207
207
  exports.HvDroppableFlow = HvDroppableFlow;
208
208
  exports.getNode = getNode;
209
- //# sourceMappingURL=DroppableFlow.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"DroppableFlow.cjs","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":["useClasses","useUniqueId","useFlowInstance","useFlowContext","useState","useRef","useDroppable","useCallback","uid","useDndMonitor","addEdge","applyNodeChanges","applyEdgeChanges","useNodeMetaRegistry","MarkerType","jsxs","Fragment","jsx","Global","flowStyles","ReactFlow"],"mappings":"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"}
1
+ {"version":3,"file":"DroppableFlow.cjs","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":["useClasses","useUniqueId","useFlowInstance","useFlowContext","useState","useRef","useDroppable","useCallback","uid","useDndMonitor","addEdge","applyNodeChanges","applyEdgeChanges","useNodeMetaRegistry","MarkerType","jsxs","Fragment","jsx","Global","flowStyles","ReactFlow"],"mappings":"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"}
@@ -10,4 +10,3 @@ const HvFlowEmpty = ({ className, ...others }) => {
10
10
  return !nodes || (nodes.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvEmptyState, { className: cx(classes.root, className), ...others }) : null);
11
11
  };
12
12
  exports.HvFlowEmpty = HvFlowEmpty;
13
- //# sourceMappingURL=Empty.cjs.map
@@ -14,4 +14,3 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses("HvFlowEmpty"
14
14
  });
15
15
  exports.staticClasses = staticClasses;
16
16
  exports.useClasses = useClasses;
17
- //# sourceMappingURL=Empty.styles.cjs.map
@@ -40,4 +40,3 @@ const HvFlow = ({
40
40
  ) });
41
41
  };
42
42
  exports.HvFlow = HvFlow;
43
- //# sourceMappingURL=Flow.cjs.map
@@ -20,4 +20,3 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses("HvFlow", {
20
20
  });
21
21
  exports.staticClasses = staticClasses;
22
22
  exports.useClasses = useClasses;
23
- //# sourceMappingURL=Flow.styles.cjs.map
@@ -25,4 +25,3 @@ const HvFlowProvider = ({
25
25
  };
26
26
  exports.HvFlowContext = HvFlowContext;
27
27
  exports.HvFlowProvider = HvFlowProvider;
28
- //# sourceMappingURL=FlowContext.cjs.map
@@ -41,4 +41,3 @@ function useNodeMetaRegistry() {
41
41
  }
42
42
  exports.HvFlowNodeMetaProvider = HvFlowNodeMetaProvider;
43
43
  exports.useNodeMetaRegistry = useNodeMetaRegistry;
44
- //# sourceMappingURL=NodeMetaContext.cjs.map
@@ -28,4 +28,3 @@ const HvFlowMinimap = ({
28
28
  };
29
29
  exports.flowMinimapClasses = Minimap_styles.staticClasses;
30
30
  exports.HvFlowMinimap = HvFlowMinimap;
31
- //# sourceMappingURL=Minimap.cjs.map
@@ -8,4 +8,3 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses("HvFlowMinima
8
8
  });
9
9
  exports.staticClasses = staticClasses;
10
10
  exports.useClasses = useClasses;
11
- //# sourceMappingURL=Minimap.styles.cjs.map
@@ -228,4 +228,3 @@ const HvFlowBaseNode = ({
228
228
  exports.flowBaseNodeClasses = BaseNode_styles.staticClasses;
229
229
  exports.DEFAULT_LABELS = DEFAULT_LABELS;
230
230
  exports.HvFlowBaseNode = HvFlowBaseNode;
231
- //# sourceMappingURL=BaseNode.cjs.map
@@ -130,4 +130,3 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses("HvFlowBaseNo
130
130
  });
131
131
  exports.staticClasses = staticClasses;
132
132
  exports.useClasses = useClasses;
133
- //# sourceMappingURL=BaseNode.styles.cjs.map
@@ -110,4 +110,3 @@ const HvFlowNode = ({
110
110
  };
111
111
  exports.flowNodeClasses = Node_styles.staticClasses;
112
112
  exports.HvFlowNode = HvFlowNode;
113
- //# sourceMappingURL=Node.cjs.map
@@ -35,4 +35,3 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses("HvFlowNode",
35
35
  });
36
36
  exports.staticClasses = staticClasses;
37
37
  exports.useClasses = useClasses;
38
- //# sourceMappingURL=Node.styles.cjs.map
@@ -18,4 +18,3 @@ const ParamRenderer = ({ params, data }) => {
18
18
  }) });
19
19
  };
20
20
  exports.ParamRenderer = ParamRenderer;
21
- //# sourceMappingURL=ParamRenderer.cjs.map
@@ -40,4 +40,3 @@ const Select = ({ param, data }) => {
40
40
  };
41
41
  const Select$1 = Select;
42
42
  exports.default = Select$1;
43
- //# sourceMappingURL=Select.cjs.map
@@ -32,4 +32,3 @@ const Slider = ({ param, data }) => {
32
32
  };
33
33
  const Slider$1 = Slider;
34
34
  exports.default = Slider$1;
35
- //# sourceMappingURL=Slider.cjs.map
@@ -18,4 +18,3 @@ const Text = ({ param, data }) => {
18
18
  };
19
19
  const Text$1 = Text;
20
20
  exports.default = Text$1;
21
- //# sourceMappingURL=Text.cjs.map
@@ -52,4 +52,3 @@ exports.isConnected = isConnected;
52
52
  exports.isInputGroup = isInputGroup;
53
53
  exports.isOutputGroup = isOutputGroup;
54
54
  exports.renderedIcon = renderedIcon;
55
- //# sourceMappingURL=utils.cjs.map
@@ -162,4 +162,3 @@ const HvFlowSidebar = ({
162
162
  };
163
163
  exports.flowSidebarClasses = Sidebar_styles.staticClasses;
164
164
  exports.HvFlowSidebar = HvFlowSidebar;
165
- //# sourceMappingURL=Sidebar.cjs.map
@@ -25,4 +25,3 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses("HvFlowSideba
25
25
  });
26
26
  exports.staticClasses = staticClasses;
27
27
  exports.useClasses = useClasses;
28
- //# sourceMappingURL=Sidebar.styles.cjs.map
@@ -60,4 +60,3 @@ const HvFlowSidebarGroup = ({
60
60
  };
61
61
  exports.flowSidebarGroupClasses = SidebarGroup_styles.staticClasses;
62
62
  exports.HvFlowSidebarGroup = HvFlowSidebarGroup;
63
- //# sourceMappingURL=SidebarGroup.cjs.map
@@ -32,4 +32,3 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses(
32
32
  );
33
33
  exports.staticClasses = staticClasses;
34
34
  exports.useClasses = useClasses;
35
- //# sourceMappingURL=SidebarGroup.styles.cjs.map
@@ -49,4 +49,3 @@ const HvFlowDraggableSidebarGroupItem = ({
49
49
  );
50
50
  };
51
51
  exports.HvFlowDraggableSidebarGroupItem = HvFlowDraggableSidebarGroupItem;
52
- //# sourceMappingURL=DraggableSidebarGroupItem.cjs.map
@@ -34,4 +34,3 @@ const HvFlowSidebarGroupItem = React.forwardRef(
34
34
  );
35
35
  exports.flowSidebarGroupItemClasses = SidebarGroupItem_styles.staticClasses;
36
36
  exports.HvFlowSidebarGroupItem = HvFlowSidebarGroupItem;
37
- //# sourceMappingURL=SidebarGroupItem.cjs.map
@@ -21,4 +21,3 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses(
21
21
  );
22
22
  exports.staticClasses = staticClasses;
23
23
  exports.useClasses = useClasses;
24
- //# sourceMappingURL=SidebarGroupItem.styles.cjs.map
@@ -38,4 +38,3 @@ const buildGroups = (nodeGroups, nodeTypes, defaultGroupProps) => {
38
38
  }, {});
39
39
  };
40
40
  exports.buildGroups = buildGroups;
41
- //# sourceMappingURL=utils.cjs.map
@@ -409,4 +409,3 @@ const flowStyles = react.css`
409
409
  }
410
410
  `;
411
411
  exports.flowStyles = flowStyles;
412
- //# sourceMappingURL=base.cjs.map
@@ -4,4 +4,3 @@ const React = require("react");
4
4
  const FlowContext = require("../FlowContext/FlowContext.cjs");
5
5
  const useFlowContext = () => React.useContext(FlowContext.HvFlowContext);
6
6
  exports.useFlowContext = useFlowContext;
7
- //# sourceMappingURL=useFlowContext.cjs.map
@@ -5,4 +5,3 @@ function useFlowInstance() {
5
5
  return ReactFlow.useReactFlow();
6
6
  }
7
7
  exports.useFlowInstance = useFlowInstance;
8
- //# sourceMappingURL=useFlowInstance.cjs.map
@@ -98,4 +98,3 @@ exports.useFlowNodeOutputEdges = useFlowNodeOutputEdges;
98
98
  exports.useFlowNodeParents = useFlowNodeParents;
99
99
  exports.useFlowNodeUtils = useFlowNodeUtils;
100
100
  exports.useFlowOutputNodes = useFlowOutputNodes;
101
- //# sourceMappingURL=useFlowNode.cjs.map
@@ -10,4 +10,3 @@ function useFlowNodeMeta(id) {
10
10
  }
11
11
  }
12
12
  exports.useFlowNodeMeta = useFlowNodeMeta;
13
- //# sourceMappingURL=useFlowNodeMeta.cjs.map
@@ -6,4 +6,3 @@ function useNodeId(id) {
6
6
  return id ?? currentNodeId;
7
7
  }
8
8
  exports.useNodeId = useNodeId;
9
- //# sourceMappingURL=useNodeId.cjs.map
@@ -86,4 +86,3 @@ const HvDashboardNode = (props) => {
86
86
  };
87
87
  exports.hvDashboardNodeClasses = DashboardNode_styles.staticClasses;
88
88
  exports.HvDashboardNode = HvDashboardNode;
89
- //# sourceMappingURL=DashboardNode.cjs.map
@@ -14,4 +14,3 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses("HvDashboardN
14
14
  });
15
15
  exports.staticClasses = staticClasses;
16
16
  exports.useClasses = useClasses;
17
- //# sourceMappingURL=DashboardNode.styles.cjs.map
@@ -54,4 +54,3 @@ const HvDefaultNavigation = ({
54
54
  ] });
55
55
  };
56
56
  exports.HvDefaultNavigation = HvDefaultNavigation;
57
- //# sourceMappingURL=DefaultNavigation.cjs.map
@@ -90,4 +90,3 @@ const HvStep = ({
90
90
  );
91
91
  };
92
92
  exports.HvStep = HvStep;
93
- //# sourceMappingURL=Step.cjs.map
@@ -41,4 +41,3 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses("HvStep", {
41
41
  });
42
42
  exports.staticClasses = staticClasses;
43
43
  exports.useClasses = useClasses;
44
- //# sourceMappingURL=Step.styles.cjs.map
@@ -32,4 +32,3 @@ const stepSizes = {
32
32
  exports.getColor = getColor;
33
33
  exports.getSemantic = getSemantic;
34
34
  exports.stepSizes = stepSizes;
35
- //# sourceMappingURL=utils.cjs.map
@@ -45,4 +45,3 @@ const HvDot = ({
45
45
  };
46
46
  exports.dotClasses = Dot_styles.staticClasses;
47
47
  exports.HvDot = HvDot;
48
- //# sourceMappingURL=Dot.cjs.map
@@ -8,4 +8,3 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses("HvDot", {
8
8
  });
9
9
  exports.staticClasses = staticClasses;
10
10
  exports.useClasses = useClasses;
11
- //# sourceMappingURL=Dot.styles.cjs.map
@@ -50,4 +50,3 @@ const HvSimpleNavigation = ({
50
50
  ] });
51
51
  };
52
52
  exports.HvSimpleNavigation = HvSimpleNavigation;
53
- //# sourceMappingURL=SimpleNavigation.cjs.map
@@ -11,4 +11,3 @@ const dotSizes = {
11
11
  const getColor = (state) => state === "Disabled" ? uikitStyles.theme.colors.secondary_60 : uikitStyles.theme.colors.secondary;
12
12
  exports.dotSizes = dotSizes;
13
13
  exports.getColor = getColor;
14
- //# sourceMappingURL=utils.cjs.map
@@ -187,4 +187,3 @@ const HvStepNavigation = ({
187
187
  };
188
188
  exports.stepNavigationClasses = StepNavigation_styles.staticClasses;
189
189
  exports.HvStepNavigation = HvStepNavigation;
190
- //# sourceMappingURL=StepNavigation.cjs.map
@@ -32,4 +32,3 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses("HvStepNaviga
32
32
  });
33
33
  exports.staticClasses = staticClasses;
34
34
  exports.useClasses = useClasses;
35
- //# sourceMappingURL=StepNavigation.styles.cjs.map
@@ -6,4 +6,3 @@ const SEPARATOR_WIDTH = 100;
6
6
  exports.SEPARATOR_WIDTH = SEPARATOR_WIDTH;
7
7
  exports.TITLE_MARGIN = TITLE_MARGIN;
8
8
  exports.TITLE_WIDTH = TITLE_WIDTH;
9
- //# sourceMappingURL=utils.cjs.map
@@ -110,4 +110,3 @@ const HvWizard = ({
110
110
  };
111
111
  exports.wizardClasses = Wizard_styles.staticClasses;
112
112
  exports.HvWizard = HvWizard;
113
- //# sourceMappingURL=Wizard.cjs.map
@@ -6,4 +6,3 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses("HvWizard", {
6
6
  });
7
7
  exports.staticClasses = staticClasses;
8
8
  exports.useClasses = useClasses;
9
- //# sourceMappingURL=Wizard.styles.cjs.map
@@ -115,4 +115,3 @@ const HvWizardActions = ({
115
115
  };
116
116
  exports.wizardActionsClasses = WizardActions_styles.staticClasses;
117
117
  exports.HvWizardActions = HvWizardActions;
118
- //# sourceMappingURL=WizardActions.cjs.map
@@ -20,4 +20,3 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses("HvWizardActi
20
20
  });
21
21
  exports.staticClasses = staticClasses;
22
22
  exports.useClasses = useClasses;
23
- //# sourceMappingURL=WizardActions.styles.cjs.map
@@ -31,4 +31,3 @@ const HvWizardContainer = (props) => {
31
31
  };
32
32
  exports.wizardContainerClasses = WizardContainer_styles.staticClasses;
33
33
  exports.HvWizardContainer = HvWizardContainer;
34
- //# sourceMappingURL=WizardContainer.cjs.map
@@ -17,4 +17,3 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses(
17
17
  );
18
18
  exports.staticClasses = staticClasses;
19
19
  exports.useClasses = useClasses;
20
- //# sourceMappingURL=WizardContainer.styles.cjs.map
@@ -37,4 +37,3 @@ const LoadingContainer = ({
37
37
  ] });
38
38
  };
39
39
  exports.LoadingContainer = LoadingContainer;
40
- //# sourceMappingURL=LoadingContainer.cjs.map
@@ -21,4 +21,3 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses(
21
21
  );
22
22
  exports.staticClasses = staticClasses;
23
23
  exports.useClasses = useClasses;
24
- //# sourceMappingURL=LoadingContainer.styles.cjs.map
@@ -130,4 +130,3 @@ const HvWizardContent = ({
130
130
  };
131
131
  exports.wizardContentClasses = WizardContent_styles.staticClasses;
132
132
  exports.HvWizardContent = HvWizardContent;
133
- //# sourceMappingURL=WizardContent.cjs.map
@@ -36,4 +36,3 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses("HvWizardCont
36
36
  });
37
37
  exports.staticClasses = staticClasses;
38
38
  exports.useClasses = useClasses;
39
- //# sourceMappingURL=WizardContent.styles.cjs.map
@@ -14,4 +14,3 @@ const HvWizardContext = React.createContext({
14
14
  });
15
15
  const HvWizardContext$1 = HvWizardContext;
16
16
  exports.default = HvWizardContext$1;
17
- //# sourceMappingURL=WizardContext.cjs.map
@@ -96,4 +96,3 @@ const HvWizardTitle = ({
96
96
  };
97
97
  exports.wizardTitleClasses = WizardTitle_styles.staticClasses;
98
98
  exports.HvWizardTitle = HvWizardTitle;
99
- //# sourceMappingURL=WizardTitle.cjs.map
@@ -35,4 +35,3 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses("HvWizardTitl
35
35
  });
36
36
  exports.staticClasses = staticClasses;
37
37
  exports.useClasses = useClasses;
38
- //# sourceMappingURL=WizardTitle.styles.cjs.map
@@ -84,4 +84,3 @@ exports.HvWizardContent = WizardContent.HvWizardContent;
84
84
  exports.HvWizardContext = WizardContext.default;
85
85
  exports.wizardTitleClasses = WizardTitle_styles.staticClasses;
86
86
  exports.HvWizardTitle = WizardTitle.HvWizardTitle;
87
- //# sourceMappingURL=index.cjs.map
@@ -165,4 +165,3 @@ export {
165
165
  HvBlade,
166
166
  staticClasses as bladeClasses
167
167
  };
168
- //# sourceMappingURL=Blade.js.map
@@ -69,4 +69,3 @@ export {
69
69
  staticClasses,
70
70
  useClasses
71
71
  };
72
- //# sourceMappingURL=Blade.styles.js.map
@@ -103,4 +103,3 @@ export {
103
103
  HvBlades,
104
104
  staticClasses as bladesClasses
105
105
  };
106
- //# sourceMappingURL=Blades.js.map
@@ -9,4 +9,3 @@ export {
9
9
  staticClasses,
10
10
  useClasses
11
11
  };
12
- //# sourceMappingURL=Blades.styles.js.map
@@ -65,4 +65,3 @@ export {
65
65
  HvDashboard,
66
66
  staticClasses as dashboardClasses
67
67
  };
68
- //# sourceMappingURL=Dashboard.js.map
@@ -194,4 +194,3 @@ export {
194
194
  staticClasses,
195
195
  useClasses
196
196
  };
197
- //# sourceMappingURL=Dashboard.styles.js.map
@@ -10,4 +10,3 @@ const HvFlowBackground = ({
10
10
  export {
11
11
  HvFlowBackground
12
12
  };
13
- //# sourceMappingURL=Background.js.map
@@ -94,4 +94,3 @@ const HvFlowControls = ({
94
94
  export {
95
95
  HvFlowControls
96
96
  };
97
- //# sourceMappingURL=Controls.js.map
@@ -205,4 +205,3 @@ export {
205
205
  staticClasses as flowClasses,
206
206
  getNode
207
207
  };
208
- //# sourceMappingURL=DroppableFlow.js.map