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

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

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const Select = require("./Select.cjs");
-const Slider = require("./Slider.cjs");
-const Text = require("./Text.cjs");
-const renderers = {
-  text: Text.default,
-  select: Select.default,
-  slider: Slider.default
-};
-const ParamRenderer = ({ params, data }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: params.map((param) => {
-    const Renderer = renderers[param.type];
-    if (!Renderer) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx(Renderer, { param, data }, param.id);
-  }) });
-};
-exports.ParamRenderer = ParamRenderer;

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

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const useFlowNode = require("../../hooks/useFlowNode.cjs");
-const Select = ({ param, data }) => {
-  const { id, label, multiple = false, options } = param;
-  const { setNodeData } = useFlowNode.useFlowNodeUtils();
-  const [opts, setOpts] = react.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__ */ jsxRuntime.jsx(
-    uikitReactCore.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
-    }
-  );
-};
-exports.default = Select;

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

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const css = require("@emotion/css");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const useFlowNode = require("../../hooks/useFlowNode.cjs");
-const classes = {
-  labelContainer: css.css({
-    marginRight: 0,
-    marginLeft: 0
-  }),
-  sliderBase: css.css({
-    padding: 0
-  })
-};
-const Slider = ({ param, data }) => {
-  const { id } = param;
-  const { setNodeData } = useFlowNode.useFlowNodeUtils();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    uikitReactCore.HvSlider,
-    {
-      className: "nodrag",
-      defaultValues: data[id],
-      onChange: (val) => setNodeData((prev) => ({ ...prev, [id]: val })),
-      classes: {
-        labelContainer: classes.labelContainer,
-        sliderBase: classes.sliderBase
-      },
-      ...param
-    }
-  );
-};
-exports.default = Slider;

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

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const useFlowNode = require("../../hooks/useFlowNode.cjs");
-const Text = ({ param, data }) => {
-  const { id, label } = param;
-  const { setNodeData } = useFlowNode.useFlowNodeUtils();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    uikitReactCore.HvInput,
-    {
-      className: "nodrag",
-      label,
-      defaultValue: data[id],
-      onChange: (evt, val) => setNodeData((prev) => ({ ...prev, [id]: val }))
-    }
-  );
-};
-exports.default = Text;

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

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const isInputGroup = (input) => {
-  return "inputs" in input;
-};
-const 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;
-};
-const renderedIcon = (actionIcon) => react.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;
-    }
-  );
-};
-exports.identifyHandles = identifyHandles;
-exports.isConnected = isConnected;
-exports.isInputGroup = isInputGroup;
-exports.isOutputGroup = isOutputGroup;
-exports.renderedIcon = renderedIcon;

package/dist/cjs/Flow/Sidebar/Sidebar.cjs

@@ -1,141 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const core = require("@dnd-kit/core");
-const modifiers = require("@dnd-kit/modifiers");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const Sidebar_styles = require("./Sidebar.styles.cjs");
-const SidebarGroup = require("./SidebarGroup/SidebarGroup.cjs");
-const SidebarGroupItem = require("./SidebarGroup/SidebarGroupItem/SidebarGroupItem.cjs");
-const useFlowContext = require("../hooks/useFlowContext.cjs");
-const DraggableSidebarGroupItem = require("./SidebarGroup/SidebarGroupItem/DraggableSidebarGroupItem.cjs");
-const DEFAULT_LABELS = {
-  itemAriaRoleDescription: "Draggable",
-  expandGroupButtonAriaLabel: "Expand group",
-  searchPlaceholder: "Search node...",
-  searchAriaLabel: "Search node..."
-};
-const HvFlowSidebar = ({
-  id,
-  title,
-  description,
-  anchor = "right",
-  buttonTitle = "Close",
-  flatten = false,
-  classes: classesProp,
-  labels: labelsProps,
-  dragOverlayProps,
-  ...others
-}) => {
-  const { classes } = Sidebar_styles.useClasses(classesProp);
-  const { nodeGroups, setExpandedNodeGroups } = useFlowContext.useFlowContext();
-  const [filterValue, setFilterValue] = react.useState("");
-  const [draggingLabel, setDraggingLabel] = react.useState();
-  const labels = uikitReactCore.useLabels(DEFAULT_LABELS, labelsProps);
-  const drawerElementId = uikitReactCore.useUniqueId(id);
-  const groupsElementId = uikitReactCore.useUniqueId();
-  const { setNodeRef } = core.useDroppable({ id: drawerElementId });
-  const handleDragStart = (event) => {
-    if (event.active.data.current?.hvFlow) {
-      setDraggingLabel(event.active.data.current.hvFlow?.label);
-    }
-  };
-  const handleDragEnd = () => {
-    setDraggingLabel(void 0);
-  };
-  core.useDndMonitor({
-    onDragEnd: handleDragEnd,
-    onDragStart: handleDragStart
-  });
-  const filteredGroups = react.useMemo(() => {
-    if (!filterValue || !nodeGroups) return nodeGroups || {};
-    return filterValue ? Object.entries(nodeGroups).reduce(
-      (acc, [groupId, group]) => {
-        const filteredItems = (group.items || []).filter(
-          (item) => item.label.toLowerCase().includes(filterValue.toLowerCase())
-        );
-        const itemsCount = Object.keys(filteredItems).length;
-        if (itemsCount > 0) {
-          acc[groupId] = {
-            ...group,
-            items: filteredItems
-          };
-        }
-        return acc;
-      },
-      {}
-    ) : nodeGroups;
-  }, [filterValue, nodeGroups]);
-  react.useEffect(() => {
-    setExpandedNodeGroups?.(filterValue ? Object.keys(filteredGroups) : []);
-  }, [filterValue, filteredGroups, setExpandedNodeGroups]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    uikitReactCore.HvDrawer,
-    {
-      BackdropComponent: void 0,
-      variant: "persistent",
-      classes: {
-        paper: classes.drawerPaper
-      },
-      showBackdrop: false,
-      anchor,
-      buttonTitle,
-      ...others,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { id: drawerElementId, ref: setNodeRef, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.titleContainer, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Add, {}),
-            /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvTypography, { component: "p", variant: "title3", children: title })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.contentContainer, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvTypography, { className: classes.description, children: description }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              uikitReactCore.HvInput,
-              {
-                className: classes.searchRoot,
-                type: "search",
-                placeholder: labels?.searchPlaceholder,
-                "aria-label": labels?.searchAriaLabel,
-                "aria-controls": groupsElementId,
-                "aria-owns": groupsElementId,
-                onChange: (evt, val) => setFilterValue(val.trim()),
-                inputProps: { autoComplete: "off" }
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("ul", { id: groupsElementId, className: classes.groupsContainer, children: Object.entries(filteredGroups).map(([groupId, group]) => {
-              if (flatten) {
-                return (group.items || []).map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(
-                  DraggableSidebarGroupItem.HvFlowDraggableSidebarGroupItem,
-                  {
-                    "aria-roledescription": labels?.itemAriaRoleDescription,
-                    ...item
-                  },
-                  `${item.nodeType}-${i}`
-                ));
-              }
-              return /* @__PURE__ */ jsxRuntime.jsx(
-                SidebarGroup.HvFlowSidebarGroup,
-                {
-                  id: groupId,
-                  expandButtonProps: {
-                    "aria-label": labels?.expandGroupButtonAriaLabel
-                  },
-                  itemProps: {
-                    "aria-roledescription": labels?.itemAriaRoleDescription
-                  },
-                  ...group
-                },
-                groupId
-              );
-            }) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(core.DragOverlay, { modifiers: [modifiers.restrictToWindowEdges], ...dragOverlayProps, children: draggingLabel ? /* @__PURE__ */ jsxRuntime.jsx(SidebarGroupItem.HvFlowSidebarGroupItem, { label: draggingLabel, isDragging: true }) : null })
-      ]
-    }
-  );
-};
-exports.flowSidebarClasses = Sidebar_styles.staticClasses;
-exports.HvFlowSidebar = HvFlowSidebar;

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

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const { staticClasses, useClasses } = uikitReactCore.createClasses("HvFlowSidebar", {
-  drawerPaper: { width: "360px" },
-  titleContainer: {
-    display: "flex",
-    padding: uikitReactCore.theme.spacing("sm", "lg", "xs", "sm")
-  },
-  contentContainer: { padding: uikitReactCore.theme.spacing(0, "lg", "sm", "lg") },
-  description: { color: uikitReactCore.theme.colors.textSubtle },
-  searchRoot: {
-    paddingTop: uikitReactCore.theme.space.sm,
-    paddingBottom: uikitReactCore.theme.space.sm
-  },
-  groupsContainer: {
-    display: "flex",
-    flexDirection: "column",
-    gap: uikitReactCore.theme.space.sm,
-    listStyleType: "none"
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Flow/Sidebar/SidebarGroup/SidebarGroup.cjs

@@ -1,62 +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 uikitStyles = require("@hitachivantara/uikit-styles");
-const SidebarGroup_styles = require("./SidebarGroup.styles.cjs");
-const useFlowContext = require("../../hooks/useFlowContext.cjs");
-const DraggableSidebarGroupItem = require("./SidebarGroupItem/DraggableSidebarGroupItem.cjs");
-const HvFlowSidebarGroup = ({
-  id,
-  label,
-  items = [],
-  color,
-  description,
-  icon,
-  expandButtonProps,
-  classes: classesProp,
-  itemProps
-}) => {
-  const { classes, cx, css } = SidebarGroup_styles.useClasses(classesProp);
-  const { expandedNodeGroups, setExpandedNodeGroups } = useFlowContext.useFlowContext();
-  const opened = react.useMemo(
-    () => !!expandedNodeGroups?.find((group) => group === id),
-    [expandedNodeGroups, id]
-  );
-  const handleClick = react.useCallback(() => {
-    setExpandedNodeGroups?.(
-      (prev) => opened ? prev.filter((group) => id !== group) : [...prev, id]
-    );
-  }, [id, opened, setExpandedNodeGroups]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: cx(css({ borderColor: uikitStyles.getColor(color) }), classes.root), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.titleContainer, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.labelContainer, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.icon, role: "presentation", children: icon }),
-        /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvTypography, { component: "p", variant: "title4", children: Object.keys(items).length > 1 ? `${label} (${Object.keys(items).length})` : label })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        uikitReactCore.HvButton,
-        {
-          icon: true,
-          onClick: handleClick,
-          "aria-expanded": opened,
-          ...expandButtonProps,
-          children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropDownXS, { rotate: opened })
-        }
-      )
-    ] }),
-    description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.descriptionContainer, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvTypography, { children: description }) }),
-    opened && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.itemsContainer, children: Object.entries(items).map(([itemId, item]) => /* @__PURE__ */ jsxRuntime.jsx(
-      DraggableSidebarGroupItem.HvFlowDraggableSidebarGroupItem,
-      {
-        ...itemProps,
-        ...item
-      },
-      itemId
-    )) })
-  ] });
-};
-exports.flowSidebarGroupClasses = SidebarGroup_styles.staticClasses;
-exports.HvFlowSidebarGroup = HvFlowSidebarGroup;

package/dist/cjs/Flow/Sidebar/SidebarGroup/SidebarGroup.styles.cjs

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const { staticClasses, useClasses } = uikitReactCore.createClasses(
-  "HvFlowSidebarGroup",
-  {
-    root: {
-      padding: uikitReactCore.theme.space.sm,
-      borderRadius: uikitReactCore.theme.radii.round,
-      borderWidth: "1px",
-      borderTopWidth: "3px"
-    },
-    titleContainer: {
-      display: "flex",
-      justifyContent: "space-between"
-    },
-    labelContainer: {
-      display: "flex",
-      alignItems: "center"
-    },
-    icon: { paddingRight: uikitReactCore.theme.space.xs },
-    descriptionContainer: {
-      padding: `${uikitReactCore.theme.space.xs} 0 ${uikitReactCore.theme.space.sm} calc(32px + ${uikitReactCore.theme.space.xs})`
-    },
-    itemsContainer: {
-      display: "flex",
-      flexDirection: "column",
-      gap: uikitReactCore.theme.space.xs,
-      paddingLeft: uikitReactCore.theme.space.sm
-    }
-  }
-);
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Flow/Sidebar/SidebarGroup/SidebarGroupItem/DraggableSidebarGroupItem.cjs

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const core = require("@dnd-kit/core");
-const utils = require("@mui/material/utils");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const SidebarGroupItem = require("./SidebarGroupItem.cjs");
-const HvFlowDraggableSidebarGroupItem = ({
-  id: idProp,
-  label,
-  nodeType,
-  data,
-  ...others
-}) => {
-  const itemRef = react.useRef(null);
-  const id = uikitReactCore.useUniqueId(idProp);
-  const { attributes, listeners, setNodeRef, isDragging, transform } = core.useDraggable({
-    id,
-    data: {
-      hvFlow: {
-        // Needed to know which item is being dragged and dropped
-        type: nodeType,
-        // Needed for the drag overlay: otherwise the item is cut by the drawer because of overflow
-        label,
-        // Item position: used to position the item when dropped
-        x: itemRef.current?.getBoundingClientRect().x,
-        y: itemRef.current?.getBoundingClientRect().y,
-        // Data
-        data
-      }
-    }
-  });
-  const forkedRef = utils.useForkRef(itemRef, setNodeRef);
-  const style = transform ? {
-    transform: `translate3d(${transform.x}px, ${transform.y}px, 0)`
-  } : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    SidebarGroupItem.HvFlowSidebarGroupItem,
-    {
-      ref: forkedRef,
-      style,
-      label,
-      isDragging,
-      ...listeners,
-      ...attributes,
-      ...others
-    }
-  );
-};
-exports.HvFlowDraggableSidebarGroupItem = HvFlowDraggableSidebarGroupItem;

package/dist/cjs/Flow/Sidebar/SidebarGroup/SidebarGroupItem/SidebarGroupItem.cjs

@@ -1,35 +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 SidebarGroupItem_styles = require("./SidebarGroupItem.styles.cjs");
-const HvFlowSidebarGroupItem = react.forwardRef(function HvFlowSidebarGroupItem2(props, ref) {
-  const {
-    label,
-    isDragging,
-    classes: classesProp,
-    className,
-    ...others
-  } = props;
-  const { classes, cx } = SidebarGroupItem_styles.useClasses(classesProp);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref,
-      className: cx(
-        classes.root,
-        { [classes.dragging]: isDragging },
-        className
-      ),
-      ...others,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvTypography, { children: label }),
-        /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Drag, {})
-      ]
-    }
-  );
-});
-exports.flowSidebarGroupItemClasses = SidebarGroupItem_styles.staticClasses;
-exports.HvFlowSidebarGroupItem = HvFlowSidebarGroupItem;

package/dist/cjs/Flow/Sidebar/SidebarGroup/SidebarGroupItem/SidebarGroupItem.styles.cjs

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const { staticClasses, useClasses } = uikitReactCore.createClasses(
-  "HvFlowSidebarGroupItem",
-  {
-    root: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between",
-      border: `1px solid ${uikitReactCore.theme.colors.border}`,
-      padding: uikitReactCore.theme.spacing(0, 0, 0, "sm"),
-      cursor: "pointer",
-      boxShadow: `0 1px 0 ${uikitReactCore.theme.colors.shad1}`,
-      "&:focus-visible": {
-        ...uikitReactCore.outlineStyles
-      }
-    },
-    dragging: { borderColor: uikitReactCore.theme.colors.primaryStrong }
-  }
-);
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;