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

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;