@hitachivantara/uikit-react-lab 5.46.13 → 6.0.0-next.2

package/dist/cjs/Flow/hooks/useFlowNode.cjs

@@ -1,134 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const reactflow = require("reactflow");
-const shallow = require("zustand/shallow");
-const useFlowInstance = require("./useFlowInstance.cjs");
-const useNodeId = require("./useNodeId.cjs");
-function relativePosition(positionA, positionB) {
-  if (positionA && positionB)
-    return {
-      x: positionB.x - positionA.x,
-      y: positionB.y - positionA.y
-    };
-  return { x: 0, y: 0 };
-}
-function useFlowNode(id) {
-  const nodeId = useNodeId.useNodeId(id);
-  const nodeSelector = react.useCallback(
-    (state) => state.getNodes().find((n) => n.id === nodeId),
-    [nodeId]
-  );
-  return reactflow.useStore(nodeSelector, shallow.shallow);
-}
-function useFlowNodeInputEdges(id) {
-  const nodeId = useNodeId.useNodeId(id);
-  const inputEdgesSelector = react.useCallback(
-    (state) => state.edges.filter((e) => e.target === nodeId),
-    [nodeId]
-  );
-  return reactflow.useStore(inputEdgesSelector, shallow.shallow);
-}
-function useFlowNodeOutputEdges(id) {
-  const nodeId = useNodeId.useNodeId(id);
-  const outputEdgesSelector = react.useCallback(
-    (state) => state.edges.filter((e) => e.source === nodeId),
-    [nodeId]
-  );
-  return reactflow.useStore(outputEdgesSelector, shallow.shallow);
-}
-function useFlowNodeEdges(id) {
-  const nodeId = useNodeId.useNodeId(id);
-  const edgesSelector = react.useCallback(
-    (state) => state.edges.filter(
-      (e) => e.source === nodeId || e.target === nodeId
-    ),
-    [nodeId]
-  );
-  return reactflow.useStore(edgesSelector, shallow.shallow);
-}
-function useFlowNodeParents(id) {
-  const inputEdges = useFlowNodeInputEdges(id);
-  const parentNodesSelector = react.useCallback(
-    (state) => {
-      return inputEdges.map((e) => state.getNodes().find((n) => n.id === e.source)).filter((n) => n !== null);
-    },
-    [inputEdges]
-  );
-  return reactflow.useStore(parentNodesSelector, shallow.shallow);
-}
-function useFlowInputNodes(id) {
-  const nodeId = useNodeId.useNodeId(id);
-  const nodes = reactflow.useNodes();
-  const edges = reactflow.useEdges();
-  return react.useMemo(() => {
-    return edges.filter((e) => e.target === nodeId).map((e) => nodes.find((n) => n.id === e.source)).filter((n) => n !== null);
-  }, [edges, nodeId, nodes]);
-}
-function useFlowOutputNodes(id) {
-  const nodeId = useNodeId.useNodeId(id);
-  const nodes = reactflow.useNodes();
-  const edges = reactflow.useEdges();
-  return react.useMemo(() => {
-    return edges.filter((e) => e.source === nodeId).map((e) => nodes.find((n) => n.id === e.target)).filter((n) => n !== null);
-  }, [edges, nodeId, nodes]);
-}
-function useFlowNodeUtils(id) {
-  const nodeId = useNodeId.useNodeId(id);
-  const reactFlowInstance = useFlowInstance.useFlowInstance();
-  const setNodeData = react.useCallback(
-    (setNewData) => {
-      if (!nodeId) return;
-      reactFlowInstance.setNodes((nodes) => {
-        return nodes.map((n) => {
-          if (n.id === nodeId) {
-            return { ...n, data: setNewData(n.data) };
-          }
-          return n;
-        });
-      });
-    },
-    [nodeId, reactFlowInstance]
-  );
-  const setNodeParent = react.useCallback(
-    (node, extent) => {
-      if (!nodeId) return;
-      reactFlowInstance.setNodes((nodes) => {
-        return nodes.map((n) => {
-          if (n.id === nodeId) {
-            return {
-              ...n,
-              parentId: node ? node.id : void 0,
-              extent,
-              position: node ? relativePosition(node.position, n.position) : n.positionAbsolute ?? n.position
-            };
-          }
-          return n;
-        });
-      });
-    },
-    [nodeId, reactFlowInstance]
-  );
-  return react.useMemo(
-    () => ({
-      setNodeData,
-      setNodeParent
-    }),
-    [setNodeData, setNodeParent]
-  );
-}
-function useFlowNodeIntersections(id) {
-  const nodeId = useNodeId.useNodeId(id);
-  const node = useFlowNode(nodeId ?? "");
-  const reactFlowInstance = useFlowInstance.useFlowInstance();
-  return node ? reactFlowInstance.getIntersectingNodes(node, false) : [];
-}
-exports.useFlowInputNodes = useFlowInputNodes;
-exports.useFlowNode = useFlowNode;
-exports.useFlowNodeEdges = useFlowNodeEdges;
-exports.useFlowNodeInputEdges = useFlowNodeInputEdges;
-exports.useFlowNodeIntersections = useFlowNodeIntersections;
-exports.useFlowNodeOutputEdges = useFlowNodeOutputEdges;
-exports.useFlowNodeParents = useFlowNodeParents;
-exports.useFlowNodeUtils = useFlowNodeUtils;
-exports.useFlowOutputNodes = useFlowOutputNodes;

package/dist/cjs/Flow/hooks/useFlowNodeMeta.cjs

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const NodeMetaContext = require("../FlowContext/NodeMetaContext.cjs");
-const useNodeId = require("./useNodeId.cjs");
-function useFlowNodeMeta(id) {
-  const nodeId = useNodeId.useNodeId(id);
-  const { registry } = NodeMetaContext.useNodeMetaRegistry();
-  return registry[nodeId];
-}
-exports.useFlowNodeMeta = useFlowNodeMeta;

package/dist/cjs/Flow/hooks/useNode.cjs

@@ -1,159 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const uid = require("uid");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const NodeMetaContext = require("../FlowContext/NodeMetaContext.cjs");
-const utils = require("../Node/utils.cjs");
-const useFlowContext = require("./useFlowContext.cjs");
-const useFlowInstance = require("./useFlowInstance.cjs");
-const useFlowNode = require("./useFlowNode.cjs");
-const DEFAULT_LABELS = {
-  deleteActionLabel: "Delete",
-  duplicateActionLabel: "Duplicate"
-};
-function useHvNode(props) {
-  const {
-    id,
-    title: titleProp,
-    icon: iconProp,
-    color: colorProp,
-    subtitle: subtitleProp,
-    nodeActions: nodeActionsProp,
-    inputs: inputsProp,
-    outputs: outputsProp,
-    groupId,
-    labels: labelsProps,
-    nodeToolbarProps
-  } = props;
-  const { registerNode, unregisterNode } = NodeMetaContext.useNodeMetaRegistry();
-  const labels = uikitReactCore.useLabels(DEFAULT_LABELS, labelsProps);
-  const inputs = react.useMemo(() => utils.identifyHandles(inputsProp), [inputsProp]);
-  const inputEdges = useFlowNode.useFlowNodeInputEdges();
-  const outputs = react.useMemo(() => utils.identifyHandles(outputsProp), [outputsProp]);
-  const outputEdges = useFlowNode.useFlowNodeOutputEdges();
-  const { nodeGroups } = useFlowContext.useFlowContext();
-  const intersections = useFlowNode.useFlowNodeIntersections();
-  const { setNodeParent, setNodeData } = useFlowNode.useFlowNodeUtils();
-  const node = useFlowNode.useFlowNode();
-  const reactFlowInstance = useFlowInstance.useFlowInstance();
-  const nodeGroup = groupId && nodeGroups && nodeGroups[groupId] || void 0;
-  const title = titleProp || nodeGroup?.label;
-  const icon = iconProp || nodeGroup?.icon;
-  const color = uikitStyles.getColor(colorProp || nodeGroup?.color);
-  const iconColor = uikitStyles.getColor(
-    react.isValidElement(icon) && icon.props.color || "textDark"
-  );
-  const subtitle = subtitleProp || node?.data.nodeLabel;
-  const [showActions, setShowActions] = react.useState(false);
-  const toggleShowActions = react.useCallback(() => {
-    setShowActions(!showActions);
-  }, [showActions]);
-  const getNodeToolbarProps = react.useCallback(
-    () => ({
-      offset: 0,
-      isVisible: showActions,
-      ...nodeToolbarProps
-    }),
-    [nodeToolbarProps, showActions]
-  );
-  const nodeActions = react.useMemo(
-    () => nodeActionsProp || [
-      { id: "delete", label: labels?.deleteActionLabel, icon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Delete, {}) },
-      {
-        id: "duplicate",
-        label: labels?.duplicateActionLabel,
-        icon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Duplicate, {})
-      }
-    ],
-    [labels?.deleteActionLabel, labels?.duplicateActionLabel, nodeActionsProp]
-  );
-  react.useEffect(() => {
-    registerNode(id, {
-      label: title || "",
-      inputs,
-      outputs
-    });
-    return () => unregisterNode(id);
-  }, [id, title, inputs, outputs, registerNode, unregisterNode]);
-  const handleDefaultAction = react.useCallback(
-    (action) => {
-      if (!node) return;
-      if (action.callback) {
-        action.callback(node);
-        return;
-      }
-      switch (action.id) {
-        case "delete":
-          reactFlowInstance.deleteElements({ nodes: [node] });
-          break;
-        case "duplicate":
-          reactFlowInstance.addNodes([
-            {
-              ...node,
-              id: uid.uid(),
-              position: {
-                x: node.position.x,
-                y: node.position.y + (node.height || 0) + 20
-              },
-              selected: false,
-              zIndex: Number(uikitStyles.theme.zIndices.overlay)
-            }
-          ]);
-          break;
-      }
-    },
-    [node, reactFlowInstance]
-  );
-  return react.useMemo(
-    () => ({
-      // state
-      id,
-      title,
-      icon,
-      color,
-      iconColor,
-      subtitle,
-      inputs,
-      inputEdges,
-      outputs,
-      outputEdges,
-      node,
-      nodeActions,
-      showActions,
-      intersections,
-      // prop getters
-      getNodeToolbarProps,
-      // actions
-      toggleShowActions,
-      handleDefaultAction,
-      setNodeData,
-      setNodeParent
-    }),
-    [
-      id,
-      title,
-      icon,
-      color,
-      iconColor,
-      subtitle,
-      inputs,
-      inputEdges,
-      outputs,
-      outputEdges,
-      node,
-      nodeActions,
-      showActions,
-      intersections,
-      getNodeToolbarProps,
-      toggleShowActions,
-      handleDefaultAction,
-      setNodeData,
-      setNodeParent
-    ]
-  );
-}
-exports.useHvNode = useHvNode;

package/dist/cjs/Flow/hooks/useNodeId.cjs

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const reactflow = require("reactflow");
-function useNodeId(id) {
-  const currentNodeId = reactflow.useNodeId();
-  return id ?? currentNodeId;
-}
-exports.useNodeId = useNodeId;

package/dist/cjs/Flow/nodes/DashboardNode.cjs

@@ -1,88 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const DashboardNode_styles = require("./DashboardNode.styles.cjs");
-const Node = require("../Node/Node.cjs");
-const Dashboard = require("../../Dashboard/Dashboard.cjs");
-const DEFAULT_LABELS = {
-  emptyMessage: "No visualizations connected to the dashboard.",
-  dialogTitle: "Configure dashboard",
-  dialogSubtitle: "Please configure the layout of your dashboard as needed.",
-  dialogApply: "Apply",
-  dialogCancel: "Cancel"
-};
-const HvDashboardNode = (props) => {
-  const {
-    id,
-    open,
-    layout,
-    labels: labelsProp,
-    classes: classesProp,
-    previewItems,
-    children,
-    dialogProps,
-    dashboardProps,
-    onApply,
-    onCancel,
-    onClose,
-    ...others
-  } = props;
-  const labels = uikitReactCore.useLabels(DEFAULT_LABELS, labelsProp);
-  const { classes } = DashboardNode_styles.useClasses(classesProp);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Node.HvFlowNode,
-    {
-      id,
-      classes,
-      labels,
-      ...others,
-      children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          uikitReactCore.HvDialog,
-          {
-            open,
-            maxWidth: "lg",
-            fullWidth: true,
-            onClose,
-            ...dialogProps,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvDialogTitle, { variant: "info", children: labels?.dialogTitle }),
-              /* @__PURE__ */ jsxRuntime.jsxs(uikitReactCore.HvDialogContent, { indentContent: true, children: [
-                labels?.dialogSubtitle,
-                layout && layout?.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-                  Dashboard.HvDashboard,
-                  {
-                    cols: 12,
-                    layout,
-                    compactType: "vertical",
-                    rowHeight: 80,
-                    margin: [16, 16],
-                    containerPadding: [0, 16],
-                    ...dashboardProps,
-                    children: previewItems
-                  }
-                ) : /* @__PURE__ */ jsxRuntime.jsx(
-                  uikitReactCore.HvEmptyState,
-                  {
-                    className: classes.empty,
-                    icon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Info, {}),
-                    message: labels?.emptyMessage
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs(uikitReactCore.HvDialogActions, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvButton, { variant: "primary", onClick: onApply, children: labels?.dialogApply }),
-                /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvButton, { variant: "secondarySubtle", onClick: onCancel, children: labels?.dialogCancel })
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-exports.hvDashboardNodeClasses = DashboardNode_styles.staticClasses;
-exports.HvDashboardNode = HvDashboardNode;

package/dist/cjs/Flow/nodes/DashboardNode.styles.cjs

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const Node_styles = require("../Node/Node.styles.cjs");
-const baseClasses = Object.fromEntries(
-  Object.keys(Node_styles.staticClasses).map((key) => [key, {}])
-);
-const { staticClasses, useClasses } = uikitReactCore.createClasses("HvDashboardNode", {
-  empty: {
-    padding: uikitReactCore.theme.spacing("sm", 0, 0, 0)
-  },
-  // Spread here to know if we are overriding classes from parents
-  ...baseClasses
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;