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

package/dist/cjs/Flow/Empty/Empty.cjs

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const reactflow = require("reactflow");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const Empty_styles = require("./Empty.styles.cjs");
-const HvFlowEmpty = ({ className, ...others }) => {
-  const { classes, cx } = Empty_styles.useClasses();
-  const nodes = reactflow.useNodes();
-  return !nodes || (nodes.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvEmptyState, { className: cx(classes.root, className), ...others }) : null);
-};
-exports.HvFlowEmpty = HvFlowEmpty;

package/dist/cjs/Flow/Empty/Empty.styles.cjs

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const { staticClasses, useClasses } = uikitReactCore.createClasses("HvFlowEmpty", {
-  root: {
-    width: "100%",
-    height: "100%",
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: uikitReactCore.theme.colors.backgroundColor,
-    position: "absolute",
-    zIndex: uikitReactCore.theme.zIndices.popover
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Flow/Flow.cjs

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const core = require("@dnd-kit/core");
-const modifiers = require("@dnd-kit/modifiers");
-const reactflow = require("reactflow");
-const DroppableFlow = require("./DroppableFlow.cjs");
-const FlowContext = require("./FlowContext/FlowContext.cjs");
-const HvFlow = ({
-  nodeGroups,
-  sidebar,
-  defaultActions,
-  dndContextProps,
-  ...others
-}) => {
-  const sensors = core.useSensors(
-    core.useSensor(core.PointerSensor),
-    core.useSensor(core.KeyboardSensor)
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(reactflow.ReactFlowProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(FlowContext.HvFlowProvider, { nodeGroups, defaultActions, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    core.DndContext,
-    {
-      sensors,
-      modifiers: [modifiers.restrictToWindowEdges],
-      ...dndContextProps,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(DroppableFlow.HvDroppableFlow, { ...others }),
-        sidebar
-      ]
-    }
-  ) }) });
-};
-exports.HvFlow = HvFlow;

package/dist/cjs/Flow/Flow.styles.cjs

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const BaseNode_styles = require("./Node/BaseNode.styles.cjs");
-require("react/jsx-runtime");
-require("reactflow");
-require("@hitachivantara/uikit-react-utils");
-const { staticClasses, useClasses } = uikitReactCore.createClasses("HvFlow", {
-  root: {
-    height: "100%",
-    [`& .selected > .${BaseNode_styles.staticClasses.root}`]: {
-      border: `1px solid ${uikitReactCore.theme.colors.textDisabled}`,
-      borderRadius: uikitReactCore.theme.radii.round,
-      boxSizing: "border-box"
-    }
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Flow/FlowContext/FlowContext.cjs

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const NodeMetaContext = require("./NodeMetaContext.cjs");
-const HvFlowContext = react.createContext({});
-const HvFlowProvider = ({
-  nodeGroups,
-  defaultActions,
-  children
-}) => {
-  const [expandedNodeGroups, setExpandedNodeGroups] = react.useState([]);
-  const value = react.useMemo(
-    () => ({
-      nodeGroups,
-      defaultActions,
-      expandedNodeGroups,
-      setExpandedNodeGroups
-    }),
-    [nodeGroups, defaultActions, expandedNodeGroups]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(NodeMetaContext.HvFlowNodeMetaProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(HvFlowContext.Provider, { value, children }) });
-};
-exports.HvFlowContext = HvFlowContext;
-exports.HvFlowProvider = HvFlowProvider;

package/dist/cjs/Flow/FlowContext/NodeMetaContext.cjs

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const HvFlowNodeMetaContext = react.createContext(void 0);
-const HvFlowNodeMetaProvider = ({
-  children
-}) => {
-  const registryRef = react.useRef({});
-  const registerNode = react.useCallback((id, nodeInfo) => {
-    registryRef.current[id] = nodeInfo;
-  }, []);
-  const unregisterNode = react.useCallback((id) => {
-    delete registryRef.current[id];
-  }, []);
-  const getRegistry = react.useCallback(() => {
-    return registryRef.current;
-  }, []);
-  const value = react.useMemo(
-    () => ({
-      registerNode,
-      unregisterNode,
-      getRegistry
-    }),
-    [registerNode, unregisterNode, getRegistry]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(HvFlowNodeMetaContext.Provider, { value, children });
-};
-function useNodeMetaRegistry() {
-  const context = react.useContext(HvFlowNodeMetaContext);
-  if (context === void 0) {
-    throw new Error(
-      "useNodeRegistry must be used within a HvFlowNodeMetaProvider"
-    );
-  }
-  return {
-    registerNode: context.registerNode,
-    unregisterNode: context.unregisterNode,
-    registry: context.getRegistry()
-  };
-}
-exports.HvFlowNodeMetaProvider = HvFlowNodeMetaProvider;
-exports.useNodeMetaRegistry = useNodeMetaRegistry;

package/dist/cjs/Flow/Minimap/Minimap.cjs

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const reactflow = require("reactflow");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const Minimap_styles = require("./Minimap.styles.cjs");
-const HvFlowMinimap = ({
-  nodeColor = "border",
-  maskColor = "borderSubtle",
-  maskStrokeColor = "borderSubtle",
-  nodeStrokeColor = "border",
-  classes: classesProp,
-  className,
-  ...others
-}) => {
-  const { classes, cx } = Minimap_styles.useClasses(classesProp);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactflow.MiniMap,
-    {
-      className: cx(classes.root, className),
-      nodeColor: typeof nodeColor === "string" ? uikitStyles.getColor(nodeColor, "border") : nodeColor,
-      nodeStrokeColor: typeof nodeStrokeColor === "string" ? uikitStyles.getColor(nodeStrokeColor, "border") : nodeStrokeColor,
-      maskColor: uikitStyles.getColor(maskColor, "borderSubtle"),
-      maskStrokeColor: uikitStyles.getColor(maskStrokeColor, "borderSubtle"),
-      ...others
-    }
-  );
-};
-exports.flowMinimapClasses = Minimap_styles.staticClasses;
-exports.HvFlowMinimap = HvFlowMinimap;

package/dist/cjs/Flow/Minimap/Minimap.styles.cjs

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const { staticClasses, useClasses } = uikitReactCore.createClasses("HvFlowMinimap", {
-  root: {
-    "&.react-flow__minimap": { backgroundColor: uikitReactCore.theme.colors.bgPage }
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Flow/Node/BaseNode.cjs

@@ -1,192 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const reactflow = require("reactflow");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const BaseNode_styles = require("./BaseNode.styles.cjs");
-const utils = require("./utils.cjs");
-const useNode = require("../hooks/useNode.cjs");
-const DEFAULT_LABELS = {
-  outputsTitle: "Outputs",
-  inputsTitle: "Inputs",
-  deleteActionLabel: "Delete",
-  duplicateActionLabel: "Duplicate"
-};
-const HvFlowBaseNode = ({
-  id,
-  title: titleProp,
-  headerItems,
-  icon: iconProp,
-  color: colorProp,
-  inputs: inputsProp,
-  outputs: outputsProp,
-  nodeActions: nodeActionsProp,
-  footer,
-  classes: classesProp,
-  labels: labelsProp,
-  className,
-  children
-}) => {
-  const {
-    toggleShowActions,
-    getNodeToolbarProps,
-    handleDefaultAction,
-    nodeActions,
-    title,
-    icon,
-    color,
-    iconColor,
-    inputEdges,
-    inputs,
-    outputEdges,
-    outputs,
-    node
-  } = useNode.useHvNode({
-    id,
-    title: titleProp,
-    inputs: inputsProp,
-    outputs: outputsProp,
-    icon: iconProp,
-    color: colorProp,
-    labels: labelsProp,
-    nodeActions: nodeActionsProp
-  });
-  const labels = uikitReactCore.useLabels(DEFAULT_LABELS, labelsProp);
-  const { classes, cx } = BaseNode_styles.useClasses(classesProp);
-  const renderOutput = (output) => {
-    const edgeConnected = utils.isConnected(id, "source", output.id, outputEdges);
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.outputContainer, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        reactflow.Handle,
-        {
-          type: "source",
-          isConnectableEnd: false,
-          id: output.id,
-          position: reactflow.Position.Right,
-          className: cx(classes.handle, {
-            [classes.handleConnected]: edgeConnected
-          })
-        }
-      ),
-      output.isMandatory && !edgeConnected && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.mandatory }),
-      /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvTypography, { component: "div", children: output.label })
-    ] }, output.id);
-  };
-  const renderInput = (input) => {
-    const edgeConnected = utils.isConnected(id, "target", input.id, inputEdges);
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.inputContainer, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        reactflow.Handle,
-        {
-          type: "target",
-          isConnectableStart: false,
-          id: input.id,
-          position: reactflow.Position.Left,
-          className: cx(classes.handle, {
-            [classes.handleConnected]: edgeConnected
-          })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvTypography, { component: "div", children: input.label }),
-      input.isMandatory && !edgeConnected && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.mandatory })
-    ] }, input.id);
-  };
-  if (!node) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      style: uikitReactUtils.mergeStyles(void 0, {
-        "--node-color": color
-      }),
-      className: cx(
-        "nowheel",
-        // Disables the default canvas pan behaviour when scrolling inside the node
-        classes.root,
-        className
-      ),
-      onMouseEnter: toggleShowActions,
-      onMouseLeave: toggleShowActions,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(reactflow.NodeToolbar, { ...getNodeToolbarProps(), children: nodeActions?.map((action) => /* @__PURE__ */ jsxRuntime.jsx(
-          uikitReactCore.HvIconButton,
-          {
-            title: action.label,
-            onClick: () => handleDefaultAction(action),
-            children: utils.renderedIcon(action.icon)
-          },
-          action.id
-        )) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.headerContainer, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              style: uikitReactUtils.mergeStyles(void 0, {
-                "--icon-color": iconColor
-              }),
-              className: classes.titleContainer,
-              children: [
-                icon,
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  uikitReactCore.HvTypography,
-                  {
-                    component: "p",
-                    variant: "title4",
-                    className: classes.title,
-                    children: title
-                  }
-                )
-              ]
-            }
-          ),
-          headerItems && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex" }, children: headerItems })
-        ] }),
-        children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.contentContainer, children }),
-        inputs && inputs.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.inputsTitleContainer, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvTypography, { children: labels?.inputsTitle }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.inputsContainer, children: inputs?.map((input, idx) => {
-            if (!utils.isInputGroup(input)) return renderInput(input);
-            return /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                className: classes.inputGroupContainer,
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvTypography, { component: "div", variant: "label", children: input.label }),
-                  input.inputs.map(
-                    (inp) => renderInput(inp)
-                  )
-                ]
-              },
-              `group${idx}`
-            );
-          }) })
-        ] }),
-        outputs && outputs.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.outputsTitleContainer, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvTypography, { children: labels?.outputsTitle }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.outputsContainer, children: outputs?.map((output, idx) => {
-            if (!utils.isOutputGroup(output)) {
-              return renderOutput(output);
-            }
-            return /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                className: classes.outputGroupContainer,
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvTypography, { component: "div", variant: "label", children: output.label }),
-                  output.outputs.map((out) => {
-                    return renderOutput(out);
-                  })
-                ]
-              },
-              `group${idx}`
-            );
-          }) })
-        ] }),
-        footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.footerContainer, children: footer })
-      ]
-    }
-  );
-};
-exports.flowBaseNodeClasses = BaseNode_styles.staticClasses;
-exports.DEFAULT_LABELS = DEFAULT_LABELS;
-exports.HvFlowBaseNode = HvFlowBaseNode;

package/dist/cjs/Flow/Node/BaseNode.styles.cjs

@@ -1,135 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const { staticClasses, useClasses } = uikitReactCore.createClasses("HvFlowBaseNode", {
-  root: {
-    borderRadius: uikitReactCore.theme.radii.round,
-    backgroundColor: uikitReactCore.theme.colors.bgContainer,
-    boxShadow: uikitReactCore.theme.colors.shadow,
-    minWidth: "250px",
-    border: "1px solid var(--node-color)"
-  },
-  headerContainer: {
-    padding: uikitReactCore.theme.spacing(0.5, 1),
-    display: "flex",
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    borderTopLeftRadius: "inherit",
-    borderTopRightRadius: "inherit",
-    backgroundColor: "var(--node-color)"
-  },
-  titleContainer: {
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center",
-    "& svg *.color0": { fill: "var(--icon-color)" }
-  },
-  title: {
-    color: uikitReactCore.theme.colors.textDark
-  },
-  inputsTitleContainer: {
-    display: "flex",
-    justifyContent: "center",
-    padding: uikitReactCore.theme.space.xs,
-    backgroundColor: uikitReactCore.theme.colors.bgPage,
-    borderTop: `1px solid ${uikitReactCore.theme.colors.borderSubtle}`,
-    borderBottom: `1px solid ${uikitReactCore.theme.colors.borderSubtle}`
-  },
-  outputsTitleContainer: {
-    display: "flex",
-    justifyContent: "center",
-    padding: uikitReactCore.theme.space.xs,
-    backgroundColor: uikitReactCore.theme.colors.bgPage,
-    borderTop: `1px solid ${uikitReactCore.theme.colors.borderSubtle}`,
-    borderBottom: `1px solid ${uikitReactCore.theme.colors.borderSubtle}`
-  },
-  contentContainer: {},
-  inputsContainer: {
-    display: "flex",
-    flexDirection: "column",
-    padding: uikitReactCore.theme.space.sm,
-    gap: uikitReactCore.theme.space.xs,
-    alignItems: "flex-start"
-  },
-  outputsContainer: {
-    display: "flex",
-    flexDirection: "column",
-    padding: uikitReactCore.theme.space.sm,
-    gap: uikitReactCore.theme.space.xs,
-    alignItems: "flex-end"
-  },
-  inputGroupContainer: {
-    display: "flex",
-    flexDirection: "column",
-    gap: uikitReactCore.theme.space.xs,
-    alignItems: "flex-start"
-  },
-  outputGroupContainer: {
-    display: "flex",
-    flexDirection: "column",
-    gap: uikitReactCore.theme.space.xs,
-    alignItems: "flex-end"
-  },
-  inputContainer: {
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center",
-    position: "relative"
-  },
-  outputContainer: {
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center",
-    position: "relative"
-  },
-  handle: {
-    zIndex: uikitReactCore.theme.zIndices.overlay,
-    marginLeft: 2,
-    backgroundColor: uikitReactCore.theme.colors.bgContainer,
-    height: 10,
-    width: 10,
-    border: `1px solid ${uikitReactCore.theme.colors.textDisabled}`,
-    "&.react-flow__handle-left": {
-      left: -23
-    },
-    "&.react-flow__handle-right": {
-      right: -21
-    },
-    "&.react-flow__handle-connecting": {
-      backgroundColor: uikitReactCore.theme.colors.negativeDimmed
-    },
-    "&.react-flow__handle-valid": {
-      backgroundColor: uikitReactCore.theme.colors.positiveDimmed
-    },
-    "::before": {
-      fontSize: 14,
-      color: uikitReactCore.theme.colors.textDisabled,
-      content: '"+"',
-      marginTop: -7,
-      position: "absolute"
-    }
-  },
-  handleConnected: {
-    backgroundColor: uikitReactCore.theme.colors.textDisabled,
-    width: 8,
-    height: 8,
-    "::before": {
-      fontSize: 11,
-      marginTop: -8
-    }
-  },
-  mandatory: {
-    width: 10,
-    height: 10,
-    margin: uikitReactCore.theme.spacing(0, uikitReactCore.theme.space.xs),
-    borderRadius: uikitReactCore.theme.radii.full,
-    backgroundColor: uikitReactCore.theme.colors.negativeDimmed
-  },
-  footerContainer: {
-    padding: uikitReactCore.theme.space.sm,
-    borderTop: `1px solid ${uikitReactCore.theme.colors.borderSubtle}`
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Flow/Node/Node.cjs

@@ -1,115 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const BaseNode = require("./BaseNode.cjs");
-const Node_styles = require("./Node.styles.cjs");
-const useFlowNode = require("../hooks/useFlowNode.cjs");
-const ParamRenderer = require("./Parameters/ParamRenderer.cjs");
-const useFlowContext = require("../hooks/useFlowContext.cjs");
-const DEFAULT_LABELS = {
-  collapseLabel: "Collapse",
-  expandLabel: "Expand"
-};
-const HvFlowNode = ({
-  id,
-  type,
-  headerItems,
-  actions,
-  actionCallback,
-  // TODO - remove in v6
-  onAction,
-  maxVisibleActions = 1,
-  expanded = false,
-  actionsIconOnly = true,
-  params,
-  classes: classesProp,
-  labels: labelsProps,
-  children,
-  expandParamsButtonProps,
-  disableInlineEdit,
-  title: titleProp,
-  subtitle: subtitleProp,
-  description,
-  groupId,
-  color: colorProp,
-  icon: iconProp,
-  ...props
-}) => {
-  const { classes } = Node_styles.useClasses(classesProp);
-  const [showParams, setShowParams] = react.useState(expanded);
-  const { nodeGroups, defaultActions } = useFlowContext.useFlowContext();
-  const labels = uikitReactCore.useLabels(DEFAULT_LABELS, labelsProps);
-  const node = useFlowNode.useFlowNode();
-  const { setNodeData } = useFlowNode.useFlowNodeUtils();
-  const inlineEditorWidth = actions === void 0 || Array.isArray(actions) && actions.length === 0 || maxVisibleActions === 0 ? "100%" : `calc(200px - calc(${maxVisibleActions} * 32px + ${uikitReactCore.theme.spacing(2)}))`;
-  const nodeGroup = groupId && nodeGroups && nodeGroups[groupId] || void 0;
-  const title = titleProp || nodeGroup?.label;
-  const icon = iconProp || nodeGroup?.icon;
-  const color = colorProp || nodeGroup?.color;
-  const subtitle = subtitleProp || node?.data.nodeLabel;
-  const hasParams = !!(params && params.length > 0);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    BaseNode.HvFlowBaseNode,
-    {
-      id,
-      type,
-      title,
-      icon,
-      color,
-      nodeActions: defaultActions,
-      classes,
-      headerItems: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        headerItems,
-        description && /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvTooltip, { title: description, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Info, { color: "textDark" }) }),
-        hasParams && /* @__PURE__ */ jsxRuntime.jsx(
-          uikitReactCore.HvButton,
-          {
-            icon: true,
-            onClick: () => setShowParams((p) => !p),
-            "aria-label": showParams ? labels?.collapseLabel : labels?.expandLabel,
-            ...expandParamsButtonProps,
-            children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropDownXS, { rotate: showParams, color: "textDark" })
-          }
-        )
-      ] }),
-      labels,
-      ...props,
-      children: [
-        (subtitle || actions) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.subtitleContainer, children: [
-          subtitle && (disableInlineEdit ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvTypography, { className: classes.subtitle, children: subtitle }) : /* @__PURE__ */ jsxRuntime.jsx(
-            uikitReactCore.HvInlineEditor,
-            {
-              defaultValue: subtitle,
-              showIcon: true,
-              style: { width: inlineEditorWidth },
-              classes: {
-                root: classes.inlineEditRoot,
-                button: classes.inlineEditButton
-              },
-              onBlur: (evt, value) => setNodeData((prev) => ({ ...prev, nodeLabel: value }))
-            }
-          )),
-          actions && /* @__PURE__ */ jsxRuntime.jsx(
-            uikitReactCore.HvActionsGeneric,
-            {
-              className: classes.actions,
-              classes: { button: classes.actionsButton },
-              actions,
-              actionsCallback: actionCallback,
-              onAction,
-              maxVisibleActions,
-              iconOnly: actionsIconOnly
-            }
-          )
-        ] }),
-        children,
-        showParams && params && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.paramsContainer, children: /* @__PURE__ */ jsxRuntime.jsx(ParamRenderer.ParamRenderer, { params, data: node?.data }) })
-      ]
-    }
-  );
-};
-exports.flowNodeClasses = Node_styles.staticClasses;
-exports.HvFlowNode = HvFlowNode;

package/dist/cjs/Flow/Node/Node.styles.cjs

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const BaseNode_styles = require("./BaseNode.styles.cjs");
-const baseClasses = Object.fromEntries(
-  Object.keys(BaseNode_styles.staticClasses).map((key) => [key, {}])
-);
-const { staticClasses, useClasses } = uikitReactCore.createClasses("HvFlowNode", {
-  subtitleContainer: {
-    minHeight: 48,
-    padding: uikitReactCore.theme.spacing("xs"),
-    display: "flex",
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center"
-  },
-  subtitle: {
-    paddingLeft: uikitReactCore.theme.spacing("xs")
-  },
-  inlineEditRoot: {
-    display: "inline-flex",
-    flexGrow: 1
-  },
-  inlineEditButton: {
-    justifyContent: "space-between"
-  },
-  actions: {},
-  actionsButton: {
-    gap: 0
-  },
-  paramsContainer: {
-    borderTop: `1px solid ${uikitReactCore.theme.colors.border}`,
-    display: "flex",
-    flexDirection: "column",
-    gap: uikitReactCore.theme.space.xs,
-    padding: uikitReactCore.theme.space.sm
-  },
-  // Spread here to know if we are overriding classes from parents
-  ...baseClasses
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;