@hitachivantara/uikit-react-lab 6.1.8 → 6.1.10

package/dist/Flow/Node/Node.js

@@ -1,113 +1,95 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useState } from "react";
-import { useLabels, theme, HvTypography, HvInlineEditor, HvActionsGeneric, HvTooltip, HvButton } from "@hitachivantara/uikit-react-core";
-import { Info, DropDownXS } from "@hitachivantara/uikit-react-icons";
+import { useFlowNode, useFlowNodeUtils } from "../hooks/useFlowNode.js";
+import { useFlowContext } from "../hooks/useFlowContext.js";
 import { HvFlowBaseNode } from "./BaseNode.js";
 import { useClasses } from "./Node.styles.js";
-import { staticClasses } from "./Node.styles.js";
-import { useFlowContext } from "../hooks/useFlowContext.js";
-import { useFlowNode, useFlowNodeUtils } from "../hooks/useFlowNode.js";
 import { ParamRenderer } from "./Parameters/ParamRenderer.js";
-const DEFAULT_LABELS = {
-  collapseLabel: "Collapse",
-  expandLabel: "Expand"
-};
-const HvFlowNode = ({
-  id,
-  type,
-  headerItems,
-  actions,
-  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 } = useClasses(classesProp);
-  const [showParams, setShowParams] = useState(expanded);
-  const { nodeGroups, defaultActions } = useFlowContext();
-  const labels = useLabels(DEFAULT_LABELS, labelsProps);
-  const node = useFlowNode();
-  const { setNodeData } = useFlowNodeUtils();
-  const inlineEditorWidth = actions === void 0 || Array.isArray(actions) && actions.length === 0 || maxVisibleActions === 0 ? "100%" : `calc(200px - calc(${maxVisibleActions} * 32px + ${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__ */ jsxs(
-    HvFlowBaseNode,
-    {
-      id,
-      type,
-      title,
-      icon,
-      color,
-      nodeActions: defaultActions,
-      classes,
-      headerItems: /* @__PURE__ */ jsxs(Fragment, { children: [
-        headerItems,
-        description && /* @__PURE__ */ jsx(HvTooltip, { title: description, children: /* @__PURE__ */ jsx(Info, { color: "textDark" }) }),
-        hasParams && /* @__PURE__ */ jsx(
-          HvButton,
-          {
-            icon: true,
-            onClick: () => setShowParams((p) => !p),
-            "aria-label": showParams ? labels?.collapseLabel : labels?.expandLabel,
-            ...expandParamsButtonProps,
-            children: /* @__PURE__ */ jsx(DropDownXS, { rotate: showParams, color: "textDark" })
-          }
-        )
-      ] }),
-      labels,
-      ...props,
-      children: [
-        (subtitle || actions) && /* @__PURE__ */ jsxs("div", { className: classes.subtitleContainer, children: [
-          subtitle && (disableInlineEdit ? /* @__PURE__ */ jsx(HvTypography, { className: classes.subtitle, children: subtitle }) : /* @__PURE__ */ jsx(
-            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__ */ jsx(
-            HvActionsGeneric,
-            {
-              className: classes.actions,
-              classes: { button: classes.actionsButton },
-              actions,
-              onAction,
-              maxVisibleActions,
-              iconOnly: actionsIconOnly
-            }
-          )
-        ] }),
-        children,
-        showParams && params && /* @__PURE__ */ jsx("div", { className: classes.paramsContainer, children: /* @__PURE__ */ jsx(ParamRenderer, { params, data: node?.data }) })
-      ]
-    }
-  );
+import { useState } from "react";
+import { HvActionsGeneric, HvButton, HvInlineEditor, HvTooltip, HvTypography, theme, useLabels } from "@hitachivantara/uikit-react-core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { DropDownXS, Info } from "@hitachivantara/uikit-react-icons";
+//#region src/Flow/Node/Node.tsx
+var DEFAULT_LABELS = {
+	collapseLabel: "Collapse",
+	expandLabel: "Expand"
 };
-export {
-  HvFlowNode,
-  staticClasses as flowNodeClasses
+var HvFlowNode = ({ id, type, headerItems, actions, 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 } = useClasses(classesProp);
+	const [showParams, setShowParams] = useState(expanded);
+	const { nodeGroups, defaultActions } = useFlowContext();
+	const labels = useLabels(DEFAULT_LABELS, labelsProps);
+	const node = useFlowNode();
+	const { setNodeData } = useFlowNodeUtils();
+	const inlineEditorWidth = actions === void 0 || Array.isArray(actions) && actions.length === 0 || maxVisibleActions === 0 ? "100%" : `calc(200px - calc(${maxVisibleActions} * 32px + ${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__ */ jsxs(HvFlowBaseNode, {
+		id,
+		type,
+		title,
+		icon,
+		color,
+		nodeActions: defaultActions,
+		classes,
+		headerItems: /* @__PURE__ */ jsxs(Fragment, { children: [
+			headerItems,
+			description && /* @__PURE__ */ jsx(HvTooltip, {
+				title: description,
+				children: /* @__PURE__ */ jsx(Info, { color: "textDark" })
+			}),
+			hasParams && /* @__PURE__ */ jsx(HvButton, {
+				icon: true,
+				onClick: () => setShowParams((p) => !p),
+				"aria-label": showParams ? labels?.collapseLabel : labels?.expandLabel,
+				...expandParamsButtonProps,
+				children: /* @__PURE__ */ jsx(DropDownXS, {
+					rotate: showParams,
+					color: "textDark"
+				})
+			})
+		] }),
+		labels,
+		...props,
+		children: [
+			(subtitle || actions) && /* @__PURE__ */ jsxs("div", {
+				className: classes.subtitleContainer,
+				children: [subtitle && (disableInlineEdit ? /* @__PURE__ */ jsx(HvTypography, {
+					className: classes.subtitle,
+					children: subtitle
+				}) : /* @__PURE__ */ jsx(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__ */ jsx(HvActionsGeneric, {
+					className: classes.actions,
+					classes: { button: classes.actionsButton },
+					actions,
+					onAction,
+					maxVisibleActions,
+					iconOnly: actionsIconOnly
+				})]
+			}),
+			children,
+			showParams && params && /* @__PURE__ */ jsx("div", {
+				className: classes.paramsContainer,
+				children: /* @__PURE__ */ jsx(ParamRenderer, {
+					params,
+					data: node?.data
+				})
+			})
+		]
+	});
 };
+//#endregion
+export { HvFlowNode };

package/dist/Flow/Node/Node.styles.js

@@ -1,42 +1,32 @@
-import { createClasses, theme } from "@hitachivantara/uikit-react-core";
 import { staticClasses as staticClasses$1 } from "./BaseNode.styles.js";
-const baseClasses = Object.fromEntries(
-  Object.keys(staticClasses$1).map((key) => [key, {}])
-);
-const { staticClasses, useClasses } = createClasses("HvFlowNode", {
-  subtitleContainer: {
-    minHeight: 48,
-    padding: theme.spacing("xs"),
-    display: "flex",
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center"
-  },
-  subtitle: {
-    paddingLeft: theme.spacing("xs")
-  },
-  inlineEditRoot: {
-    display: "inline-flex",
-    flexGrow: 1
-  },
-  inlineEditButton: {
-    justifyContent: "space-between"
-  },
-  actions: {},
-  actionsButton: {
-    gap: 0
-  },
-  paramsContainer: {
-    borderTop: `1px solid ${theme.colors.border}`,
-    display: "flex",
-    flexDirection: "column",
-    gap: theme.space.xs,
-    padding: theme.space.sm
-  },
-  // Spread here to know if we are overriding classes from parents
-  ...baseClasses
+import { createClasses, theme } from "@hitachivantara/uikit-react-core";
+//#region src/Flow/Node/Node.styles.tsx
+var baseClasses = Object.fromEntries(Object.keys(staticClasses$1).map((key) => [key, {}]));
+var { staticClasses, useClasses } = createClasses("HvFlowNode", {
+	subtitleContainer: {
+		minHeight: 48,
+		padding: theme.spacing("xs"),
+		display: "flex",
+		flexDirection: "row",
+		justifyContent: "space-between",
+		alignItems: "center"
+	},
+	subtitle: { paddingLeft: theme.spacing("xs") },
+	inlineEditRoot: {
+		display: "inline-flex",
+		flexGrow: 1
+	},
+	inlineEditButton: { justifyContent: "space-between" },
+	actions: {},
+	actionsButton: { gap: 0 },
+	paramsContainer: {
+		borderTop: `1px solid ${theme.colors.border}`,
+		display: "flex",
+		flexDirection: "column",
+		gap: theme.space.xs,
+		padding: theme.space.sm
+	},
+	...baseClasses
 });
-export {
-  staticClasses,
-  useClasses
-};
+//#endregion
+export { staticClasses, useClasses };

package/dist/Flow/Node/Parameters/ParamRenderer.js

@@ -1,19 +1,22 @@
-import { jsx, Fragment } from "react/jsx-runtime";
 import Select from "./Select.js";
 import Slider from "./Slider.js";
 import Text from "./Text.js";
-const renderers = {
-  text: Text,
-  select: Select,
-  slider: Slider
+import { Fragment, jsx } from "react/jsx-runtime";
+//#region src/Flow/Node/Parameters/ParamRenderer.tsx
+var renderers = {
+	text: Text,
+	select: Select,
+	slider: Slider
 };
-const ParamRenderer = ({ params, data }) => {
-  return /* @__PURE__ */ jsx(Fragment, { children: params.map((param) => {
-    const Renderer = renderers[param.type];
-    if (!Renderer) return null;
-    return /* @__PURE__ */ jsx(Renderer, { param, data }, param.id);
-  }) });
-};
-export {
-  ParamRenderer
+var ParamRenderer = ({ params, data }) => {
+	return /* @__PURE__ */ jsx(Fragment, { children: params.map((param) => {
+		const Renderer = renderers[param.type];
+		if (!Renderer) return null;
+		return /* @__PURE__ */ jsx(Renderer, {
+			param,
+			data
+		}, param.id);
+	}) });
 };
+//#endregion
+export { ParamRenderer };

package/dist/Flow/Node/Parameters/Select.js

@@ -1,41 +1,36 @@
-import { jsx } from "react/jsx-runtime";
+import { useFlowNodeUtils } from "../../hooks/useFlowNode.js";
 import { useState } from "react";
 import { HvDropdown } from "@hitachivantara/uikit-react-core";
-import { useFlowNodeUtils } from "../../hooks/useFlowNode.js";
-const Select = ({ param, data }) => {
-  const { id, label, multiple = false, options } = param;
-  const { setNodeData } = useFlowNodeUtils();
-  const [opts, setOpts] = useState(
-    data[id] ? Array.isArray(data[id]) ? data[id] : [data[id]] : void 0
-  );
-  const handleChange = (item) => {
-    const newOpts = Array.isArray(item) ? item.map((x) => x.id) : item?.id ?? void 0;
-    setNodeData((prev) => ({ ...prev, [id]: newOpts }));
-    setOpts(
-      newOpts ? Array.isArray(newOpts) ? newOpts : [newOpts] : void 0
-    );
-  };
-  return /* @__PURE__ */ jsx(
-    HvDropdown,
-    {
-      className: "nodrag",
-      disablePortal: true,
-      label,
-      values: options?.map((option) => {
-        const optionId = typeof option === "string" ? option : option.id;
-        const optionLabel = typeof option === "string" ? option : option.label;
-        return {
-          id: optionId,
-          label: optionLabel,
-          selected: !!opts?.find((opt) => opt === optionId)
-        };
-      }),
-      onChange: handleChange,
-      maxHeight: 100,
-      multiSelect: multiple
-    }
-  );
-};
-export {
-  Select as default
+import { jsx } from "react/jsx-runtime";
+//#region src/Flow/Node/Parameters/Select.tsx
+var Select = ({ param, data }) => {
+	const { id, label, multiple = false, options } = param;
+	const { setNodeData } = useFlowNodeUtils();
+	const [opts, setOpts] = useState(data[id] ? Array.isArray(data[id]) ? data[id] : [data[id]] : void 0);
+	const handleChange = (item) => {
+		const newOpts = Array.isArray(item) ? item.map((x) => x.id) : item?.id ?? void 0;
+		setNodeData((prev) => ({
+			...prev,
+			[id]: newOpts
+		}));
+		setOpts(newOpts ? Array.isArray(newOpts) ? newOpts : [newOpts] : void 0);
+	};
+	return /* @__PURE__ */ jsx(HvDropdown, {
+		className: "nodrag",
+		disablePortal: true,
+		label,
+		values: options?.map((option) => {
+			const optionId = typeof option === "string" ? option : option.id;
+			return {
+				id: optionId,
+				label: typeof option === "string" ? option : option.label,
+				selected: !!opts?.find((opt) => opt === optionId)
+			};
+		}),
+		onChange: handleChange,
+		maxHeight: 100,
+		multiSelect: multiple
+	});
 };
+//#endregion
+export { Select as default };

package/dist/Flow/Node/Parameters/Slider.js

@@ -1,33 +1,31 @@
+import { useFlowNodeUtils } from "../../hooks/useFlowNode.js";
+import { HvSlider } from "@hitachivantara/uikit-react-core";
 import { jsx } from "react/jsx-runtime";
 import { css } from "@emotion/css";
-import { HvSlider } from "@hitachivantara/uikit-react-core";
-import { useFlowNodeUtils } from "../../hooks/useFlowNode.js";
-const classes = {
-  labelContainer: css({
-    marginRight: 0,
-    marginLeft: 0
-  }),
-  sliderBase: css({
-    padding: 0
-  })
-};
-const Slider = ({ param, data }) => {
-  const { id } = param;
-  const { setNodeData } = useFlowNodeUtils();
-  return /* @__PURE__ */ jsx(
-    HvSlider,
-    {
-      className: "nodrag",
-      defaultValues: data[id],
-      onChange: (val) => setNodeData((prev) => ({ ...prev, [id]: val })),
-      classes: {
-        labelContainer: classes.labelContainer,
-        sliderBase: classes.sliderBase
-      },
-      ...param
-    }
-  );
+//#region src/Flow/Node/Parameters/Slider.tsx
+var classes = {
+	labelContainer: css({
+		marginRight: 0,
+		marginLeft: 0
+	}),
+	sliderBase: css({ padding: 0 })
 };
-export {
-  Slider as default
+var Slider = ({ param, data }) => {
+	const { id } = param;
+	const { setNodeData } = useFlowNodeUtils();
+	return /* @__PURE__ */ jsx(HvSlider, {
+		className: "nodrag",
+		defaultValues: data[id],
+		onChange: (val) => setNodeData((prev) => ({
+			...prev,
+			[id]: val
+		})),
+		classes: {
+			labelContainer: classes.labelContainer,
+			sliderBase: classes.sliderBase
+		},
+		...param
+	});
 };
+//#endregion
+export { Slider as default };

package/dist/Flow/Node/Parameters/Text.js

@@ -1,19 +1,19 @@
-import { jsx } from "react/jsx-runtime";
-import { HvInput } from "@hitachivantara/uikit-react-core";
 import { useFlowNodeUtils } from "../../hooks/useFlowNode.js";
-const Text = ({ param, data }) => {
-  const { id, label } = param;
-  const { setNodeData } = useFlowNodeUtils();
-  return /* @__PURE__ */ jsx(
-    HvInput,
-    {
-      className: "nodrag",
-      label,
-      defaultValue: data[id],
-      onChange: (evt, val) => setNodeData((prev) => ({ ...prev, [id]: val }))
-    }
-  );
-};
-export {
-  Text as default
+import { HvInput } from "@hitachivantara/uikit-react-core";
+import { jsx } from "react/jsx-runtime";
+//#region src/Flow/Node/Parameters/Text.tsx
+var Text = ({ param, data }) => {
+	const { id, label } = param;
+	const { setNodeData } = useFlowNodeUtils();
+	return /* @__PURE__ */ jsx(HvInput, {
+		className: "nodrag",
+		label,
+		defaultValue: data[id],
+		onChange: (evt, val) => setNodeData((prev) => ({
+			...prev,
+			[id]: val
+		}))
+	});
 };
+//#endregion
+export { Text as default };

package/dist/Flow/Node/utils.js

@@ -1,54 +1,49 @@
 import { isValidElement } from "react";
-const isInputGroup = (input) => {
-  return "inputs" in input;
+//#region src/Flow/Node/utils.ts
+var isInputGroup = (input) => {
+	return "inputs" in input;
 };
-const isOutputGroup = (output) => {
-  return "outputs" in output;
+var isOutputGroup = (output) => {
+	return "outputs" in output;
 };
-const isConnected = (id, type, handleId, edges) => {
-  if (type === "target") {
-    return edges.some((e) => e.target === id && e.targetHandle === handleId);
-  }
-  if (type === "source") {
-    return edges.some((e) => e.source === id && e.sourceHandle === handleId);
-  }
-  return false;
+var isConnected = (id, type, handleId, edges) => {
+	if (type === "target") return edges.some((e) => e.target === id && e.targetHandle === handleId);
+	if (type === "source") return edges.some((e) => e.source === id && e.sourceHandle === handleId);
+	return false;
 };
-const renderedIcon = (actionIcon) => isValidElement(actionIcon) ? actionIcon : actionIcon?.();
-const identifyHandles = (handles) => {
-  let idx = 0;
-  return handles?.map(
-    (handle) => {
-      if (isInputGroup(handle)) {
-        return {
-          ...handle,
-          inputs: handle.inputs.map((x) => {
-            const identifiedHandle2 = x.id != null ? x : { ...x, id: String(idx) };
-            idx += 1;
-            return identifiedHandle2;
-          })
-        };
-      }
-      if (isOutputGroup(handle)) {
-        return {
-          ...handle,
-          outputs: handle.outputs.map((x) => {
-            const identifiedHandle2 = x.id != null ? x : { ...x, id: String(idx) };
-            idx += 1;
-            return identifiedHandle2;
-          })
-        };
-      }
-      const identifiedHandle = handle.id != null ? handle : { ...handle, id: String(idx) };
-      idx += 1;
-      return identifiedHandle;
-    }
-  );
-};
-export {
-  identifyHandles,
-  isConnected,
-  isInputGroup,
-  isOutputGroup,
-  renderedIcon
+var renderedIcon = (actionIcon) => isValidElement(actionIcon) ? actionIcon : actionIcon?.();
+var identifyHandles = (handles) => {
+	let idx = 0;
+	return handles?.map((handle) => {
+		if (isInputGroup(handle)) return {
+			...handle,
+			inputs: handle.inputs.map((x) => {
+				const identifiedHandle = x.id != null ? x : {
+					...x,
+					id: String(idx)
+				};
+				idx += 1;
+				return identifiedHandle;
+			})
+		};
+		if (isOutputGroup(handle)) return {
+			...handle,
+			outputs: handle.outputs.map((x) => {
+				const identifiedHandle = x.id != null ? x : {
+					...x,
+					id: String(idx)
+				};
+				idx += 1;
+				return identifiedHandle;
+			})
+		};
+		const identifiedHandle = handle.id != null ? handle : {
+			...handle,
+			id: String(idx)
+		};
+		idx += 1;
+		return identifiedHandle;
+	});
 };
+//#endregion
+export { identifyHandles, isConnected, isInputGroup, isOutputGroup, renderedIcon };