@hitachivantara/uikit-react-lab 5.22.1 → 5.23.0

package/dist/cjs/Blade/Blade.cjs

@@ -0,0 +1,169 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const React = require("react");
+const uikitReactCore = require("@hitachivantara/uikit-react-core");
+const Blade_styles = require("./Blade.styles.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const React__default = /* @__PURE__ */ _interopDefault(React);
+const HvBlade = (props) => {
+  const {
+    id: idProp,
+    className,
+    classes: classesProp,
+    expanded,
+    defaultExpanded = false,
+    label,
+    labelVariant = "label",
+    headingLevel,
+    onChange,
+    disabled = false,
+    children,
+    fullWidth,
+    buttonProps,
+    containerProps,
+    ...others
+  } = uikitReactCore.useDefaultProps("HvBlade", props);
+  const { classes, cx } = Blade_styles.useClasses(classesProp);
+  const [isExpanded, setIsExpanded] = uikitReactCore.useControlled(
+    expanded,
+    Boolean(defaultExpanded)
+  );
+  const handleAction = React.useCallback(
+    (event) => {
+      if (!disabled) {
+        onChange?.(event, !isExpanded);
+        setIsExpanded(!isExpanded);
+        return true;
+      }
+      return false;
+    },
+    [disabled, onChange, isExpanded, setIsExpanded]
+  );
+  const handleClick = React.useCallback(
+    (event) => {
+      handleAction(event);
+      event.preventDefault();
+      event.stopPropagation();
+    },
+    [handleAction]
+  );
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      let isEventHandled = false;
+      const { key } = event;
+      if (event.altKey || event.ctrlKey || event.metaKey || event.currentTarget !== event.target) {
+        return;
+      }
+      switch (key) {
+        case "Enter":
+        case " ":
+          isEventHandled = handleAction(event);
+          break;
+        default:
+          return;
+      }
+      if (isEventHandled) {
+        event.preventDefault();
+        event.stopPropagation();
+      }
+    },
+    [handleAction]
+  );
+  const id = uikitReactCore.useUniqueId(idProp, "hvblade");
+  const bladeHeaderId = uikitReactCore.setId(id, "button");
+  const bladeContainerId = uikitReactCore.setId(id, "container");
+  const bladeHeader = React.useMemo(() => {
+    const buttonLabel = typeof label === "function" ? label(isExpanded) : label;
+    const bladeButton = /* @__PURE__ */ jsxRuntime.jsx(
+      uikitReactCore.HvTypography,
+      {
+        id: bladeHeaderId,
+        component: "div",
+        role: "button",
+        className: cx(classes.button, {
+          [classes.disabled]: disabled,
+          [classes.textOnlyLabel]: typeof buttonLabel === "string"
+        }),
+        style: { flexShrink: headingLevel === void 0 ? 0 : void 0 },
+        disabled,
+        tabIndex: 0,
+        onKeyDown: handleKeyDown,
+        onClick: handleClick,
+        variant: labelVariant,
+        "aria-expanded": isExpanded,
+        "aria-controls": bladeContainerId,
+        ...buttonProps,
+        children: buttonLabel
+      }
+    );
+    return headingLevel === void 0 ? bladeButton : /* @__PURE__ */ jsxRuntime.jsx(
+      uikitReactCore.HvTypography,
+      {
+        component: `h${headingLevel}`,
+        variant: labelVariant,
+        className: classes.heading,
+        style: { flexShrink: 0 },
+        children: bladeButton
+      }
+    );
+  }, [
+    bladeContainerId,
+    bladeHeaderId,
+    buttonProps,
+    classes.button,
+    classes.disabled,
+    classes.heading,
+    classes.textOnlyLabel,
+    cx,
+    disabled,
+    handleClick,
+    handleKeyDown,
+    headingLevel,
+    isExpanded,
+    label,
+    labelVariant
+  ]);
+  const bladeRef = React__default.default.useRef(null);
+  const maxWidthRef = React__default.default.useRef(0);
+  React.useEffect(() => {
+    if (bladeRef.current) {
+      maxWidthRef.current = bladeRef.current.parentElement?.clientWidth || 0;
+    }
+  }, []);
+  const { style: containerStyle, ...otherContainerProps } = containerProps || {};
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: bladeRef,
+      id: idProp,
+      className: cx(classes.root, className, {
+        [classes.fullWidth]: fullWidth,
+        [classes.expanded]: isExpanded
+      }),
+      ...others,
+      children: [
+        bladeHeader,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            id: bladeContainerId,
+            role: "region",
+            "aria-labelledby": bladeHeaderId,
+            className: classes.container,
+            hidden: !isExpanded,
+            style: {
+              ...containerStyle,
+              maxWidth: isExpanded ? maxWidthRef.current : 0
+            },
+            ...otherContainerProps,
+            children
+          }
+        )
+      ]
+    }
+  );
+};
+exports.bladeClasses = Blade_styles.staticClasses;
+exports.HvBlade = HvBlade;
+//# sourceMappingURL=Blade.cjs.map

package/dist/cjs/Blade/Blade.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blade.cjs","sources":["../../../src/Blade/Blade.tsx"],"sourcesContent":["import React, {\n  SyntheticEvent,\n  useCallback,\n  useMemo,\n  HTMLAttributes,\n  useEffect,\n} from \"react\";\n\nimport {\n  ExtractNames,\n  HvBaseProps,\n  HvTypography,\n  HvTypographyVariants,\n  setId,\n  useControlled,\n  useDefaultProps,\n  useUniqueId,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { staticClasses, useClasses } from \"./Blade.styles\";\n\nexport { staticClasses as bladeClasses };\n\nexport type HvBladeClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBladeProps\n  extends HvBaseProps<HTMLDivElement, \"onChange\" | \"children\"> {\n  /**\n   * The content that will be rendered within the blade.\n   */\n  children: React.ReactNode;\n\n  /**\n   * The content of the blade's button.\n   *\n   * If a render function is provided, it will be called with the expanded state as an argument.\n   */\n  label?: React.ReactNode | ((expanded: boolean) => React.ReactNode);\n  /**\n   * Typography variant for the blade's button label.\n   */\n  labelVariant?: HvTypographyVariants;\n  /**\n   * Heading Level to apply to blade button.\n   *\n   * If 'undefined', the button will not have a header wrapper.\n   */\n  headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n\n  /**\n   * Indicates whether the blade is expanded or not.\n   *\n   * When defined the expanded state becomes controlled.\n   *\n   * @default undefined\n   */\n  expanded?: boolean;\n  /**\n   * Specifies the initial expanded state of the blade when it is uncontrolled.\n   */\n  defaultExpanded?: boolean;\n\n  /**\n   * Callback function triggered when the blade's button is pressed.\n   * It receives the event and the new expanded state as arguments.\n   *\n   * If the blade is uncontrolled, this new state will be effective.\n   * If the blade is controlled, it is up to the parent component to manage this state.\n   *\n   * @param {SyntheticEvent} event The event source of the callback.\n   * @param {boolean} value The new value.\n   */\n  onChange?: (event: React.SyntheticEvent, value: boolean) => void;\n\n  /**\n   * Specifies whether the blade is disabled. If true, the blade cannot be interacted with.\n   */\n  disabled?: boolean;\n\n  /**\n   * If true, the blade will take up the maximum width of the container when expanded.\n   */\n  fullWidth?: boolean;\n\n  /**\n   * Props to be passed to the button that toggles the blade's expanded state.\n   * This can be used to further customize the appearance or behavior of the blade's button,\n   * e.g. to set the aria-label attribute.\n   */\n  buttonProps?: HTMLAttributes<HTMLDivElement>;\n  /**\n   * Props to be passed to the container div that holds the blade's children.\n   * This can be used to further customize the appearance or behavior of the blade's content area.\n   */\n  containerProps?: HTMLAttributes<HTMLDivElement>;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvBladeClasses;\n}\n\n/**\n * A blade is a design element that expands horizontally to reveal information, similar to an accordion.\n *\n * It is usually stacked horizontally with other blades and works best when used within a flex container.\n * The `HvBlades` component is recommended for this purpose, as it also provides better management of the\n * blades' expanded state.\n */\nexport const HvBlade = (props: HvBladeProps) => {\n  const {\n    id: idProp,\n    className,\n    classes: classesProp,\n    expanded,\n    defaultExpanded = false,\n    label,\n    labelVariant = \"label\",\n    headingLevel,\n    onChange,\n    disabled = false,\n    children,\n    fullWidth,\n    buttonProps,\n    containerProps,\n    ...others\n  } = useDefaultProps(\"HvBlade\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const [isExpanded, setIsExpanded] = useControlled(\n    expanded,\n    Boolean(defaultExpanded)\n  );\n\n  const handleAction = useCallback(\n    (event: SyntheticEvent) => {\n      if (!disabled) {\n        onChange?.(event, !isExpanded);\n\n        // This will only run if uncontrolled\n        setIsExpanded(!isExpanded);\n\n        return true;\n      }\n      return false;\n    },\n    [disabled, onChange, isExpanded, setIsExpanded]\n  );\n\n  const handleClick = useCallback(\n    (event: SyntheticEvent) => {\n      handleAction(event);\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    [handleAction]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      let isEventHandled = false;\n      const { key } = event;\n\n      if (\n        event.altKey ||\n        event.ctrlKey ||\n        event.metaKey ||\n        event.currentTarget !== event.target\n      ) {\n        return;\n      }\n      switch (key) {\n        case \"Enter\":\n        case \" \":\n          isEventHandled = handleAction(event);\n          break;\n        default:\n          return;\n      }\n\n      if (isEventHandled) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [handleAction]\n  );\n\n  const id = useUniqueId(idProp, \"hvblade\");\n  const bladeHeaderId = setId(id, \"button\");\n  const bladeContainerId = setId(id, \"container\");\n  const bladeHeader = useMemo(() => {\n    const buttonLabel = typeof label === \"function\" ? label(isExpanded) : label;\n\n    const bladeButton = (\n      <HvTypography\n        id={bladeHeaderId}\n        component=\"div\"\n        role=\"button\"\n        className={cx(classes.button, {\n          [classes.disabled]: disabled,\n          [classes.textOnlyLabel]: typeof buttonLabel === \"string\",\n        })}\n        style={{ flexShrink: headingLevel === undefined ? 0 : undefined }}\n        disabled={disabled}\n        tabIndex={0}\n        onKeyDown={handleKeyDown}\n        onClick={handleClick}\n        variant={labelVariant}\n        aria-expanded={isExpanded}\n        aria-controls={bladeContainerId}\n        {...buttonProps}\n      >\n        {buttonLabel}\n      </HvTypography>\n    );\n    return headingLevel === undefined ? (\n      bladeButton\n    ) : (\n      <HvTypography\n        component={`h${headingLevel}`}\n        variant={labelVariant}\n        className={classes.heading}\n        style={{ flexShrink: 0 }}\n      >\n        {bladeButton}\n      </HvTypography>\n    );\n  }, [\n    bladeContainerId,\n    bladeHeaderId,\n    buttonProps,\n    classes.button,\n    classes.disabled,\n    classes.heading,\n    classes.textOnlyLabel,\n    cx,\n    disabled,\n    handleClick,\n    handleKeyDown,\n    headingLevel,\n    isExpanded,\n    label,\n    labelVariant,\n  ]);\n\n  const bladeRef = React.useRef<HTMLDivElement>(null);\n  const maxWidthRef = React.useRef<number>(0);\n  useEffect(() => {\n    if (bladeRef.current) {\n      maxWidthRef.current = bladeRef.current.parentElement?.clientWidth || 0;\n    }\n  }, []);\n\n  const { style: containerStyle, ...otherContainerProps } =\n    containerProps || {};\n\n  return (\n    <div\n      ref={bladeRef}\n      id={idProp}\n      className={cx(classes.root, className, {\n        [classes.fullWidth]: fullWidth,\n        [classes.expanded]: isExpanded,\n      })}\n      {...others}\n    >\n      {bladeHeader}\n      <div\n        id={bladeContainerId}\n        role=\"region\"\n        aria-labelledby={bladeHeaderId}\n        className={classes.container}\n        hidden={!isExpanded}\n        style={{\n          ...containerStyle,\n          maxWidth: isExpanded ? maxWidthRef.current : 0,\n        }}\n        {...otherContainerProps}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"names":["useDefaultProps","useClasses","useControlled","useCallback","useUniqueId","setId","useMemo","jsx","HvTypography","React","useEffect","jsxs"],"mappings":"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"}

package/dist/cjs/Blade/Blade.styles.cjs

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactCore = require("@hitachivantara/uikit-react-core");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const { staticClasses, useClasses } = uikitReactCore.createClasses("HvBlade", {
+  root: {
+    position: "relative",
+    display: "flex",
+    minWidth: 72,
+    "& + $root": {
+      marginLeft: uikitStyles.theme.spacing("sm")
+    },
+    transition: "flex-grow 600ms linear",
+    zIndex: 0,
+    color: uikitStyles.theme.colors.secondary,
+    backgroundColor: uikitStyles.theme.colors.atmo1,
+    borderRadius: uikitStyles.theme.radii.round,
+    border: `1px solid ${uikitStyles.theme.colors.atmo4}`
+  },
+  expanded: {},
+  fullWidth: {
+    flexGrow: 0,
+    "&$expanded": {
+      flexGrow: 1
+    }
+  },
+  heading: {},
+  button: {
+    height: "100%",
+    minWidth: 70,
+    "&[disabled], &:active": {
+      outline: "none"
+    },
+    "&:focus": {
+      outline: "none",
+      background: uikitStyles.theme.colors.containerBackgroundHover
+    },
+    "&:hover": {
+      background: uikitStyles.theme.colors.containerBackgroundHover
+    },
+    "&:focus-visible": {
+      ...uikitReactCore.outlineStyles,
+      zIndex: 1
+    },
+    cursor: "pointer"
+  },
+  textOnlyLabel: {
+    padding: uikitStyles.theme.spacing("xs", "sm")
+  },
+  container: {
+    display: "inline-block",
+    height: "100%",
+    width: "100%",
+    minWidth: 0,
+    overflowX: "hidden",
+    maxWidth: 0,
+    transition: "max-width 600ms linear"
+  },
+  disabled: {
+    cursor: "not-allowed",
+    color: uikitStyles.theme.colors.secondary_60,
+    "&:focus": {
+      background: "none"
+    },
+    "&:hover": {
+      background: "none"
+    }
+  }
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
+//# sourceMappingURL=Blade.styles.cjs.map

package/dist/cjs/Blade/Blade.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blade.styles.cjs","sources":["../../../src/Blade/Blade.styles.tsx"],"sourcesContent":["import { createClasses, outlineStyles } from \"@hitachivantara/uikit-react-core\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvBlade\", {\n  root: {\n    position: \"relative\",\n\n    display: \"flex\",\n    minWidth: 72,\n\n    \"& + $root\": {\n      marginLeft: theme.spacing(\"sm\"),\n    },\n\n    transition: \"flex-grow 600ms linear\",\n\n    zIndex: 0,\n\n    color: theme.colors.secondary,\n    backgroundColor: theme.colors.atmo1,\n    borderRadius: theme.radii.round,\n    border: `1px solid ${theme.colors.atmo4}`,\n  },\n  expanded: {},\n\n  fullWidth: {\n    flexGrow: 0,\n\n    \"&$expanded\": {\n      flexGrow: 1,\n    },\n  },\n\n  heading: {},\n\n  button: {\n    height: \"100%\",\n    minWidth: 70,\n\n    \"&[disabled], &:active\": {\n      outline: \"none\",\n    },\n\n    \"&:focus\": {\n      outline: \"none\",\n      background: theme.colors.containerBackgroundHover,\n    },\n\n    \"&:hover\": {\n      background: theme.colors.containerBackgroundHover,\n    },\n\n    \"&:focus-visible\": {\n      ...outlineStyles,\n      zIndex: 1,\n    },\n\n    cursor: \"pointer\",\n  },\n  textOnlyLabel: {\n    padding: theme.spacing(\"xs\", \"sm\"),\n  },\n\n  container: {\n    display: \"inline-block\",\n    height: \"100%\",\n    width: \"100%\",\n\n    minWidth: 0,\n\n    overflowX: \"hidden\",\n\n    maxWidth: 0,\n    transition: \"max-width 600ms linear\",\n  },\n\n  disabled: {\n    cursor: \"not-allowed\",\n    color: theme.colors.secondary_60,\n\n    \"&:focus\": {\n      background: \"none\",\n    },\n\n    \"&:hover\": {\n      background: \"none\",\n    },\n  },\n});\n"],"names":["createClasses","theme","outlineStyles"],"mappings":";;;;AAGO,MAAM,EAAE,eAAe,eAAeA,eAAAA,cAAc,WAAW;AAAA,EACpE,MAAM;AAAA,IACJ,UAAU;AAAA,IAEV,SAAS;AAAA,IACT,UAAU;AAAA,IAEV,aAAa;AAAA,MACX,YAAYC,YAAAA,MAAM,QAAQ,IAAI;AAAA,IAChC;AAAA,IAEA,YAAY;AAAA,IAEZ,QAAQ;AAAA,IAER,OAAOA,YAAAA,MAAM,OAAO;AAAA,IACpB,iBAAiBA,YAAAA,MAAM,OAAO;AAAA,IAC9B,cAAcA,YAAAA,MAAM,MAAM;AAAA,IAC1B,QAAQ,aAAaA,YAAM,MAAA,OAAO,KAAK;AAAA,EACzC;AAAA,EACA,UAAU,CAAC;AAAA,EAEX,WAAW;AAAA,IACT,UAAU;AAAA,IAEV,cAAc;AAAA,MACZ,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EAEA,SAAS,CAAC;AAAA,EAEV,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IAEV,yBAAyB;AAAA,MACvB,SAAS;AAAA,IACX;AAAA,IAEA,WAAW;AAAA,MACT,SAAS;AAAA,MACT,YAAYA,YAAAA,MAAM,OAAO;AAAA,IAC3B;AAAA,IAEA,WAAW;AAAA,MACT,YAAYA,YAAAA,MAAM,OAAO;AAAA,IAC3B;AAAA,IAEA,mBAAmB;AAAA,MACjB,GAAGC,eAAA;AAAA,MACH,QAAQ;AAAA,IACV;AAAA,IAEA,QAAQ;AAAA,EACV;AAAA,EACA,eAAe;AAAA,IACb,SAASD,YAAA,MAAM,QAAQ,MAAM,IAAI;AAAA,EACnC;AAAA,EAEA,WAAW;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,OAAO;AAAA,IAEP,UAAU;AAAA,IAEV,WAAW;AAAA,IAEX,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EAEA,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,OAAOA,YAAAA,MAAM,OAAO;AAAA,IAEpB,WAAW;AAAA,MACT,YAAY;AAAA,IACd;AAAA,IAEA,WAAW;AAAA,MACT,YAAY;AAAA,IACd;AAAA,EACF;AACF,CAAC;;;"}

package/dist/cjs/Blades/Blades.cjs

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const React = require("react");
+const uikitReactCore = require("@hitachivantara/uikit-react-core");
+const Blades_styles = require("./Blades.styles.cjs");
+function getExpandedBlades(defaultExpanded, children, atMostOneExpanded, atLeastOneExpanded) {
+  const childrenArray = React.Children.toArray(children);
+  const expandedBlades = defaultExpanded ?? childrenArray.map((child, i) => {
+    const childIsControlled = child?.props?.expanded !== void 0;
+    const childIsExpanded = childIsControlled ? child?.props?.expanded : child?.props?.defaultExpanded;
+    return childIsExpanded ? i : void 0;
+  }).filter((v) => v !== void 0);
+  const numberOfExpandedBlades = expandedBlades.length;
+  if (atLeastOneExpanded && numberOfExpandedBlades === 0 && childrenArray.length > 0) {
+    return [0];
+  }
+  if (atMostOneExpanded && numberOfExpandedBlades > 1) {
+    return [expandedBlades[0]];
+  }
+  return expandedBlades;
+}
+const HvBlades = (props) => {
+  const {
+    id,
+    className,
+    classes: classesProp,
+    children,
+    expanded: expandedProp,
+    defaultExpanded,
+    atMostOneExpanded = false,
+    atLeastOneExpanded = false,
+    fullWidthBlades = false,
+    onChange,
+    ...others
+  } = uikitReactCore.useDefaultProps("HvBlades", props);
+  const { classes, cx } = Blades_styles.useClasses(classesProp);
+  const [expanded, setExpanded] = uikitReactCore.useControlled(
+    expandedProp,
+    () => getExpandedBlades(
+      defaultExpanded,
+      children,
+      atMostOneExpanded,
+      atLeastOneExpanded
+    )
+  );
+  const onChildChangeInterceptor = React.useCallback(
+    (index, childOnChange, event, isExpanded) => {
+      const newValue = [];
+      if (atMostOneExpanded) {
+        if (isExpanded) {
+          newValue.push(index);
+        }
+      } else {
+        newValue.push(...expanded);
+        if (isExpanded) {
+          newValue.push(index);
+        } else {
+          newValue.splice(newValue.indexOf(index), 1);
+        }
+      }
+      if (atLeastOneExpanded && newValue.length === 0) {
+        newValue.push(index);
+      }
+      childOnChange?.(event, isExpanded);
+      onChange?.(event, newValue);
+      setExpanded(newValue);
+    },
+    [onChange, expanded, setExpanded, atMostOneExpanded, atLeastOneExpanded]
+  );
+  const modifiedChildren = React.useMemo(() => {
+    return React.Children.map(children, (child, i) => {
+      const childIsExpanded = expanded.includes(i);
+      return React.cloneElement(child, {
+        expanded: childIsExpanded,
+        fullWidth: child?.props?.fullWidth ?? fullWidthBlades,
+        buttonProps: {
+          ...child?.props?.buttonProps,
+          "aria-disabled": (
+            // If the accordion panel associated with an accordion header is visible,
+            // and if the accordion does not permit the panel to be collapsed, the header
+            // button element has aria-disabled set to true.
+            child?.props?.disabled || childIsExpanded && atMostOneExpanded && expanded.length === 1 ? true : void 0
+          )
+        },
+        onChange: (event, isExpanded) => onChildChangeInterceptor(
+          i,
+          child?.props?.onChange,
+          event,
+          isExpanded
+        )
+      });
+    });
+  }, [
+    children,
+    expanded,
+    fullWidthBlades,
+    atMostOneExpanded,
+    onChildChangeInterceptor
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { id, className: cx(classes.root, className), ...others, children: modifiedChildren });
+};
+exports.bladesClasses = Blades_styles.staticClasses;
+exports.HvBlades = HvBlades;
+//# sourceMappingURL=Blades.cjs.map

package/dist/cjs/Blades/Blades.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blades.cjs","sources":["../../../src/Blades/Blades.tsx"],"sourcesContent":["import React, {\n  SyntheticEvent,\n  useCallback,\n  useMemo,\n  Children,\n  cloneElement,\n} from \"react\";\n\nimport {\n  ExtractNames,\n  HvBaseProps,\n  useDefaultProps,\n  useControlled,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { staticClasses, useClasses } from \"./Blades.styles\";\n\nexport { staticClasses as bladesClasses };\n\nexport type HvBladesClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBladesProps\n  extends HvBaseProps<HTMLDivElement, \"onChange\" | \"children\"> {\n  /**\n   * Array of indices representing the expanded state of each blade.\n   *\n   * When defined, the expanded state of the blades becomes controlled.\n   */\n  expanded?: number[];\n  /**\n   * Initial expanded state of the blades when in an uncontrolled state.\n   *\n   * It's an array of indices representing the blades that should be initially expanded.\n   */\n  defaultExpanded?: number[];\n\n  /**\n   * If true, ensures that only one blade can be expanded at a time.\n   */\n  atMostOneExpanded?: boolean;\n  /**\n   * If true, ensures that at least one blade is always expanded.\n   */\n  atLeastOneExpanded?: boolean;\n\n  /**\n   * If true, the blades will take up the full width of the container by default.\n   */\n  fullWidthBlades?: boolean;\n\n  /**\n   * Callback function triggered when the expanded state of any blade changes.\n   * It receives the event and the new array of expanded indices as arguments.\n   *\n   * If uncontrolled, this new state will be effective.\n   * If controlled, it is up to the parent component to manage this state.\n   *\n   * @param {SyntheticEvent} event The event source of the callback.\n   * @param {number[]} value Array of indices of the blades that are expanded.\n   */\n  onChange?: (event: SyntheticEvent, value: number[]) => void;\n\n  /**\n   * The blades to be rendered within the group.\n   * Must be instances of `HvBlade`, otherwise the behavior is undefined and will most likely break.\n   */\n  children: React.ReactNode;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvBladesClasses;\n}\n\nfunction getExpandedBlades(\n  defaultExpanded: number[] | undefined,\n  children: React.ReactNode,\n  atMostOneExpanded: boolean,\n  atLeastOneExpanded: boolean\n) {\n  const childrenArray = Children.toArray(children);\n  const expandedBlades =\n    defaultExpanded ??\n    childrenArray\n      .map((child: any, i: number) => {\n        const childIsControlled = child?.props?.expanded !== undefined;\n        const childIsExpanded = childIsControlled\n          ? child?.props?.expanded\n          : child?.props?.defaultExpanded;\n\n        return childIsExpanded ? i : undefined;\n      })\n      .filter((v) => v !== undefined);\n\n  const numberOfExpandedBlades = expandedBlades.length;\n  if (\n    atLeastOneExpanded &&\n    numberOfExpandedBlades === 0 &&\n    childrenArray.length > 0\n  ) {\n    return [0];\n  }\n  if (atMostOneExpanded && numberOfExpandedBlades > 1) {\n    return [expandedBlades[0]];\n  }\n\n  return expandedBlades;\n}\n\n/**\n * `HvBlades` is a component that groups multiple `HvBlade` components.\n *\n * It allows for better control over the expanded state of blades, suitable for both\n * controlled and uncontrolled scenarios.\n */\nexport const HvBlades = (props: HvBladesProps) => {\n  const {\n    id,\n    className,\n    classes: classesProp,\n    children,\n    expanded: expandedProp,\n    defaultExpanded,\n    atMostOneExpanded = false,\n    atLeastOneExpanded = false,\n    fullWidthBlades = false,\n    onChange,\n    ...others\n  } = useDefaultProps(\"HvBlades\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const [expanded, setExpanded] = useControlled(expandedProp, () =>\n    getExpandedBlades(\n      defaultExpanded,\n      children,\n      atMostOneExpanded,\n      atLeastOneExpanded\n    )\n  );\n\n  const onChildChangeInterceptor = useCallback(\n    (\n      index: number,\n      childOnChange: (event: SyntheticEvent, isExpanded: boolean) => void,\n      event: SyntheticEvent,\n      isExpanded: boolean\n    ) => {\n      const newValue: number[] = [];\n      if (atMostOneExpanded) {\n        if (isExpanded) {\n          newValue.push(index);\n        }\n      } else {\n        newValue.push(...expanded);\n        if (isExpanded) {\n          newValue.push(index);\n        } else {\n          newValue.splice(newValue.indexOf(index), 1);\n        }\n      }\n\n      if (atLeastOneExpanded && newValue.length === 0) {\n        newValue.push(index);\n      }\n\n      childOnChange?.(event, isExpanded);\n\n      onChange?.(event, newValue);\n\n      // This will only run if uncontrolled\n      setExpanded(newValue);\n    },\n    [onChange, expanded, setExpanded, atMostOneExpanded, atLeastOneExpanded]\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return Children.map(children, (child: any, i: number) => {\n      const childIsExpanded = expanded.includes(i);\n\n      return cloneElement(child, {\n        expanded: childIsExpanded,\n        fullWidth: child?.props?.fullWidth ?? fullWidthBlades,\n        buttonProps: {\n          ...child?.props?.buttonProps,\n          \"aria-disabled\":\n            // If the accordion panel associated with an accordion header is visible,\n            // and if the accordion does not permit the panel to be collapsed, the header\n            // button element has aria-disabled set to true.\n            child?.props?.disabled ||\n            (childIsExpanded && atMostOneExpanded && expanded.length === 1)\n              ? true\n              : undefined,\n        },\n        onChange: (\n          event: React.ChangeEvent<HTMLInputElement>,\n          isExpanded: boolean\n        ) =>\n          onChildChangeInterceptor(\n            i,\n            child?.props?.onChange,\n            event,\n            isExpanded\n          ),\n      });\n    });\n  }, [\n    children,\n    expanded,\n    fullWidthBlades,\n    atMostOneExpanded,\n    onChildChangeInterceptor,\n  ]);\n\n  return (\n    <div id={id} className={cx(classes.root, className)} {...others}>\n      {modifiedChildren}\n    </div>\n  );\n};\n"],"names":["Children","useDefaultProps","useClasses","useControlled","useCallback","useMemo","cloneElement","jsx"],"mappings":";;;;;;AAyEA,SAAS,kBACP,iBACA,UACA,mBACA,oBACA;AACM,QAAA,gBAAgBA,MAAAA,SAAS,QAAQ,QAAQ;AAC/C,QAAM,iBACJ,mBACA,cACG,IAAI,CAAC,OAAY,MAAc;AACxB,UAAA,oBAAoB,OAAO,OAAO,aAAa;AACrD,UAAM,kBAAkB,oBACpB,OAAO,OAAO,WACd,OAAO,OAAO;AAElB,WAAO,kBAAkB,IAAI;AAAA,EAAA,CAC9B,EACA,OAAO,CAAC,MAAM,MAAM,MAAS;AAElC,QAAM,yBAAyB,eAAe;AAC9C,MACE,sBACA,2BAA2B,KAC3B,cAAc,SAAS,GACvB;AACA,WAAO,CAAC,CAAC;AAAA,EACX;AACI,MAAA,qBAAqB,yBAAyB,GAAG;AAC5C,WAAA,CAAC,eAAe,CAAC,CAAC;AAAA,EAC3B;AAEO,SAAA;AACT;AAQa,MAAA,WAAW,CAAC,UAAyB;AAC1C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,oBAAoB;AAAA,IACpB,qBAAqB;AAAA,IACrB,kBAAkB;AAAA,IAClB;AAAA,IACA,GAAG;AAAA,EAAA,IACDC,eAAgB,gBAAA,YAAY,KAAK;AAErC,QAAM,EAAE,SAAS,GAAG,IAAIC,yBAAW,WAAW;AAExC,QAAA,CAAC,UAAU,WAAW,IAAIC,eAAA;AAAA,IAAc;AAAA,IAAc,MAC1D;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EAAA;AAGF,QAAM,2BAA2BC,MAAA;AAAA,IAC/B,CACE,OACA,eACA,OACA,eACG;AACH,YAAM,WAAqB,CAAA;AAC3B,UAAI,mBAAmB;AACrB,YAAI,YAAY;AACd,mBAAS,KAAK,KAAK;AAAA,QACrB;AAAA,MAAA,OACK;AACI,iBAAA,KAAK,GAAG,QAAQ;AACzB,YAAI,YAAY;AACd,mBAAS,KAAK,KAAK;AAAA,QAAA,OACd;AACL,mBAAS,OAAO,SAAS,QAAQ,KAAK,GAAG,CAAC;AAAA,QAC5C;AAAA,MACF;AAEI,UAAA,sBAAsB,SAAS,WAAW,GAAG;AAC/C,iBAAS,KAAK,KAAK;AAAA,MACrB;AAEA,sBAAgB,OAAO,UAAU;AAEjC,iBAAW,OAAO,QAAQ;AAG1B,kBAAY,QAAQ;AAAA,IACtB;AAAA,IACA,CAAC,UAAU,UAAU,aAAa,mBAAmB,kBAAkB;AAAA,EAAA;AAGnE,QAAA,mBAAmBC,MAAAA,QAAQ,MAAM;AACrC,WAAOL,MAAS,SAAA,IAAI,UAAU,CAAC,OAAY,MAAc;AACjD,YAAA,kBAAkB,SAAS,SAAS,CAAC;AAE3C,aAAOM,MAAAA,aAAa,OAAO;AAAA,QACzB,UAAU;AAAA,QACV,WAAW,OAAO,OAAO,aAAa;AAAA,QACtC,aAAa;AAAA,UACX,GAAG,OAAO,OAAO;AAAA,UACjB;AAAA;AAAA;AAAA;AAAA,YAIE,OAAO,OAAO,YACb,mBAAmB,qBAAqB,SAAS,WAAW,IACzD,OACA;AAAA;AAAA,QACR;AAAA,QACA,UAAU,CACR,OACA,eAEA;AAAA,UACE;AAAA,UACA,OAAO,OAAO;AAAA,UACd;AAAA,UACA;AAAA,QACF;AAAA,MAAA,CACH;AAAA,IAAA,CACF;AAAA,EAAA,GACA;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAGC,SAAAC,2BAAA,IAAC,OAAI,EAAA,IAAQ,WAAW,GAAG,QAAQ,MAAM,SAAS,GAAI,GAAG,QACtD,UACH,iBAAA,CAAA;AAEJ;;;"}

package/dist/cjs/Blades/Blades.styles.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactCore = require("@hitachivantara/uikit-react-core");
+const { staticClasses, useClasses } = uikitReactCore.createClasses("HvBlades", {
+  root: {
+    position: "relative",
+    display: "flex"
+  }
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
+//# sourceMappingURL=Blades.styles.cjs.map

package/dist/cjs/Blades/Blades.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blades.styles.cjs","sources":["../../../src/Blades/Blades.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvBlades\", {\n  root: {\n    position: \"relative\",\n\n    display: \"flex\",\n  },\n});\n"],"names":["createClasses"],"mappings":";;;AAEO,MAAM,EAAE,eAAe,eAAeA,eAAAA,cAAc,YAAY;AAAA,EACrE,MAAM;AAAA,IACJ,UAAU;AAAA,IAEV,SAAS;AAAA,EACX;AACF,CAAC;;;"}

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

@@ -11,18 +11,18 @@ const Select = ({ nodeId, param, data }) => {
     data[id] ? Array.isArray(data[id]) ? data[id] : [data[id]] : void 0
   );
   const onSelectChange = (item) => {
-    const nodes = reactFlowInstance.getNodes();
     const newOpts = Array.isArray(item) ? item.map((x) => x.label) : item?.label ?? void 0;
-    const newNodes = nodes.map((node) => {
-      if (node.id === nodeId) {
-        node.data = {
-          ...node.data,
-          [id]: newOpts
-        };
-      }
-      return node;
-    });
-    reactFlowInstance.setNodes(newNodes);
+    reactFlowInstance.setNodes(
+      (nodes) => nodes.map((node) => {
+        if (node.id === nodeId) {
+          node.data = {
+            ...node.data,
+            [id]: newOpts
+          };
+        }
+        return node;
+      })
+    );
     setOpts(
       newOpts ? Array.isArray(newOpts) ? newOpts : [newOpts] : void 0
     );

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

@@ -1 +1 @@
-{"version":3,"file":"Select.cjs","sources":["../../../../../src/Flow/Node/Parameters/Select.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { HvDropdown, HvDropdownProps } from \"@hitachivantara/uikit-react-core\";\nimport { useReactFlow } from \"reactflow\";\n\nimport { HvFlowNodeSelectParam } from \"../../types\";\n\ninterface SelectProps {\n  nodeId: string;\n  param: Omit<HvFlowNodeSelectParam, \"type\">;\n  data: any;\n}\n\nconst Select = ({ nodeId, param, data }: SelectProps) => {\n  const { id, label, multiple = false, options } = param;\n\n  const reactFlowInstance = useReactFlow();\n\n  const [opts, setOpts] = useState<string[] | undefined>(\n    data[id] ? (Array.isArray(data[id]) ? data[id] : [data[id]]) : undefined\n  );\n\n  const onSelectChange: HvDropdownProps[\"onChange\"] = (item) => {\n    const nodes = reactFlowInstance.getNodes();\n\n    const newOpts = Array.isArray(item)\n      ? item.map((x) => x.label as string)\n      : (item?.label as string) ?? undefined;\n\n    const newNodes = nodes.map((node) => {\n      if (node.id === nodeId) {\n        node.data = {\n          ...node.data,\n          [id]: newOpts,\n        };\n      }\n      return node;\n    });\n\n    reactFlowInstance.setNodes(newNodes);\n    setOpts(\n      newOpts ? (Array.isArray(newOpts) ? newOpts : [newOpts]) : undefined\n    );\n  };\n\n  return (\n    <HvDropdown\n      className=\"nodrag\" // Prevents dragging within the select field\n      disablePortal\n      label={label}\n      values={options?.map((o) => {\n        return { id: o, label: o, selected: !!opts?.find((opt) => opt === o) };\n      })}\n      onChange={onSelectChange}\n      maxHeight={100}\n      multiSelect={multiple}\n    />\n  );\n};\n\nexport default Select;\n"],"names":["useReactFlow","useState","jsx","HvDropdown"],"mappings":";;;;;;AAYA,MAAM,SAAS,CAAC,EAAE,QAAQ,OAAO,WAAwB;AACvD,QAAM,EAAE,IAAI,OAAO,WAAW,OAAO,QAAY,IAAA;AAEjD,QAAM,oBAAoBA,UAAAA;AAEpB,QAAA,CAAC,MAAM,OAAO,IAAIC,MAAA;AAAA,IACtB,KAAK,EAAE,IAAK,MAAM,QAAQ,KAAK,EAAE,CAAC,IAAI,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,IAAK;AAAA,EAAA;AAG3D,QAAA,iBAA8C,CAAC,SAAS;AACtD,UAAA,QAAQ,kBAAkB;AAEhC,UAAM,UAAU,MAAM,QAAQ,IAAI,IAC9B,KAAK,IAAI,CAAC,MAAM,EAAE,KAAe,IAChC,MAAM,SAAoB;AAE/B,UAAM,WAAW,MAAM,IAAI,CAAC,SAAS;AAC/B,UAAA,KAAK,OAAO,QAAQ;AACtB,aAAK,OAAO;AAAA,UACV,GAAG,KAAK;AAAA,UACR,CAAC,EAAE,GAAG;AAAA,QAAA;AAAA,MAEV;AACO,aAAA;AAAA,IAAA,CACR;AAED,sBAAkB,SAAS,QAAQ;AACnC;AAAA,MACE,UAAW,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,IAAK;AAAA,IAAA;AAAA,EAC7D;AAIA,SAAAC,2BAAA;AAAA,IAACC,eAAA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAa;AAAA,MACb;AAAA,MACA,QAAQ,SAAS,IAAI,CAAC,MAAM;AAC1B,eAAO,EAAE,IAAI,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC,MAAM,KAAK,CAAC,QAAQ,QAAQ,CAAC,EAAE;AAAA,MAAA,CACtE;AAAA,MACD,UAAU;AAAA,MACV,WAAW;AAAA,MACX,aAAa;AAAA,IAAA;AAAA,EAAA;AAGnB;AAEA,MAAA,WAAe;;"}
+{"version":3,"file":"Select.cjs","sources":["../../../../../src/Flow/Node/Parameters/Select.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { HvDropdown, HvDropdownProps } from \"@hitachivantara/uikit-react-core\";\nimport { useReactFlow } from \"reactflow\";\n\nimport { HvFlowNodeSelectParam } from \"../../types\";\n\ninterface SelectProps {\n  nodeId: string;\n  param: Omit<HvFlowNodeSelectParam, \"type\">;\n  data: any;\n}\n\nconst Select = ({ nodeId, param, data }: SelectProps) => {\n  const { id, label, multiple = false, options } = param;\n\n  const reactFlowInstance = useReactFlow();\n\n  const [opts, setOpts] = useState<string[] | undefined>(\n    data[id] ? (Array.isArray(data[id]) ? data[id] : [data[id]]) : undefined\n  );\n\n  const onSelectChange: HvDropdownProps[\"onChange\"] = (item) => {\n    const newOpts = Array.isArray(item)\n      ? item.map((x) => x.label as string)\n      : (item?.label as string) ?? undefined;\n\n    reactFlowInstance.setNodes((nodes) =>\n      nodes.map((node) => {\n        if (node.id === nodeId) {\n          node.data = {\n            ...node.data,\n            [id]: newOpts,\n          };\n        }\n        return node;\n      })\n    );\n    setOpts(\n      newOpts ? (Array.isArray(newOpts) ? newOpts : [newOpts]) : undefined\n    );\n  };\n\n  return (\n    <HvDropdown\n      className=\"nodrag\" // Prevents dragging within the select field\n      disablePortal\n      label={label}\n      values={options?.map((o) => {\n        return { id: o, label: o, selected: !!opts?.find((opt) => opt === o) };\n      })}\n      onChange={onSelectChange}\n      maxHeight={100}\n      multiSelect={multiple}\n    />\n  );\n};\n\nexport default Select;\n"],"names":["useReactFlow","useState","jsx","HvDropdown"],"mappings":";;;;;;AAYA,MAAM,SAAS,CAAC,EAAE,QAAQ,OAAO,WAAwB;AACvD,QAAM,EAAE,IAAI,OAAO,WAAW,OAAO,QAAY,IAAA;AAEjD,QAAM,oBAAoBA,UAAAA;AAEpB,QAAA,CAAC,MAAM,OAAO,IAAIC,MAAA;AAAA,IACtB,KAAK,EAAE,IAAK,MAAM,QAAQ,KAAK,EAAE,CAAC,IAAI,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,IAAK;AAAA,EAAA;AAG3D,QAAA,iBAA8C,CAAC,SAAS;AAC5D,UAAM,UAAU,MAAM,QAAQ,IAAI,IAC9B,KAAK,IAAI,CAAC,MAAM,EAAE,KAAe,IAChC,MAAM,SAAoB;AAEb,sBAAA;AAAA,MAAS,CAAC,UAC1B,MAAM,IAAI,CAAC,SAAS;AACd,YAAA,KAAK,OAAO,QAAQ;AACtB,eAAK,OAAO;AAAA,YACV,GAAG,KAAK;AAAA,YACR,CAAC,EAAE,GAAG;AAAA,UAAA;AAAA,QAEV;AACO,eAAA;AAAA,MAAA,CACR;AAAA,IAAA;AAEH;AAAA,MACE,UAAW,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,IAAK;AAAA,IAAA;AAAA,EAC7D;AAIA,SAAAC,2BAAA;AAAA,IAACC,eAAA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAa;AAAA,MACb;AAAA,MACA,QAAQ,SAAS,IAAI,CAAC,MAAM;AAC1B,eAAO,EAAE,IAAI,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC,MAAM,KAAK,CAAC,QAAQ,QAAQ,CAAC,EAAE;AAAA,MAAA,CACtE;AAAA,MACD,UAAU;AAAA,MACV,WAAW;AAAA,MACX,aAAa;AAAA,IAAA;AAAA,EAAA;AAGnB;AAEA,MAAA,WAAe;;"}

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

@@ -19,14 +19,14 @@ const Slider = ({ nodeId, param, data }) => {
   const reactFlowInstance = ReactFlow.useReactFlow();
   const [value, setValue] = React.useState(data[id]);
   const onSliderChange = (val) => {
-    const nodes = reactFlowInstance.getNodes();
-    const newNodes = nodes.map((node) => {
-      if (node.id === nodeId) {
-        node.data = { ...node.data, [id]: val };
-      }
-      return node;
-    });
-    reactFlowInstance.setNodes(newNodes);
+    reactFlowInstance.setNodes(
+      (nodes) => nodes.map((node) => {
+        if (node.id === nodeId) {
+          node.data = { ...node.data, [id]: val };
+        }
+        return node;
+      })
+    );
     setValue(val);
   };
   return /* @__PURE__ */ jsxRuntime.jsx(

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.cjs","sources":["../../../../../src/Flow/Node/Parameters/Slider.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { css } from \"@emotion/css\";\n\nimport { useReactFlow } from \"reactflow\";\n\nimport { HvSlider, HvSliderProps } from \"@hitachivantara/uikit-react-core\";\n\nimport { HvFlowNodeSliderParam } from \"../../types\";\n\ninterface SliderProps {\n  nodeId: string;\n  param: Omit<HvFlowNodeSliderParam, \"type\">;\n  data: any;\n}\n\nconst classes = {\n  labelContainer: css({\n    marginRight: 0,\n    marginLeft: 0,\n  }),\n  sliderBase: css({\n    padding: 0,\n  }),\n};\n\nconst Slider = ({ nodeId, param, data }: SliderProps) => {\n  const { id } = param;\n\n  const reactFlowInstance = useReactFlow();\n\n  const [value, setValue] = useState(data[id]);\n\n  const onSliderChange: HvSliderProps[\"onChange\"] = (val) => {\n    const nodes = reactFlowInstance.getNodes();\n    const newNodes = nodes.map((node) => {\n      if (node.id === nodeId) {\n        node.data = { ...node.data, [id]: val };\n      }\n      return node;\n    });\n    reactFlowInstance.setNodes(newNodes);\n    setValue(val);\n  };\n\n  return (\n    <HvSlider\n      className=\"nodrag\"\n      defaultValues={value}\n      onChange={onSliderChange}\n      classes={{\n        labelContainer: classes.labelContainer,\n        sliderBase: classes.sliderBase,\n      }}\n      {...param}\n    />\n  );\n};\n\nexport default Slider;\n"],"names":["css","useReactFlow","useState","jsx","HvSlider"],"mappings":";;;;;;;AAgBA,MAAM,UAAU;AAAA,EACd,gBAAgBA,IAAAA,IAAI;AAAA,IAClB,aAAa;AAAA,IACb,YAAY;AAAA,EAAA,CACb;AAAA,EACD,YAAYA,IAAAA,IAAI;AAAA,IACd,SAAS;AAAA,EAAA,CACV;AACH;AAEA,MAAM,SAAS,CAAC,EAAE,QAAQ,OAAO,WAAwB;AACjD,QAAA,EAAE,GAAO,IAAA;AAEf,QAAM,oBAAoBC,UAAAA;AAE1B,QAAM,CAAC,OAAO,QAAQ,IAAIC,MAAS,SAAA,KAAK,EAAE,CAAC;AAErC,QAAA,iBAA4C,CAAC,QAAQ;AACnD,UAAA,QAAQ,kBAAkB;AAChC,UAAM,WAAW,MAAM,IAAI,CAAC,SAAS;AAC/B,UAAA,KAAK,OAAO,QAAQ;AACjB,aAAA,OAAO,EAAE,GAAG,KAAK,MAAM,CAAC,EAAE,GAAG;MACpC;AACO,aAAA;AAAA,IAAA,CACR;AACD,sBAAkB,SAAS,QAAQ;AACnC,aAAS,GAAG;AAAA,EAAA;AAIZ,SAAAC,2BAAA;AAAA,IAACC,eAAA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAe;AAAA,MACf,UAAU;AAAA,MACV,SAAS;AAAA,QACP,gBAAgB,QAAQ;AAAA,QACxB,YAAY,QAAQ;AAAA,MACtB;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAA,WAAe;;"}
+{"version":3,"file":"Slider.cjs","sources":["../../../../../src/Flow/Node/Parameters/Slider.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { css } from \"@emotion/css\";\n\nimport { useReactFlow } from \"reactflow\";\n\nimport { HvSlider, HvSliderProps } from \"@hitachivantara/uikit-react-core\";\n\nimport { HvFlowNodeSliderParam } from \"../../types\";\n\ninterface SliderProps {\n  nodeId: string;\n  param: Omit<HvFlowNodeSliderParam, \"type\">;\n  data: any;\n}\n\nconst classes = {\n  labelContainer: css({\n    marginRight: 0,\n    marginLeft: 0,\n  }),\n  sliderBase: css({\n    padding: 0,\n  }),\n};\n\nconst Slider = ({ nodeId, param, data }: SliderProps) => {\n  const { id } = param;\n\n  const reactFlowInstance = useReactFlow();\n\n  const [value, setValue] = useState(data[id]);\n\n  const onSliderChange: HvSliderProps[\"onChange\"] = (val) => {\n    reactFlowInstance.setNodes((nodes) =>\n      nodes.map((node) => {\n        if (node.id === nodeId) {\n          node.data = { ...node.data, [id]: val };\n        }\n        return node;\n      })\n    );\n    setValue(val);\n  };\n\n  return (\n    <HvSlider\n      className=\"nodrag\" // Prevents dragging within the input field\n      defaultValues={value}\n      onChange={onSliderChange}\n      classes={{\n        labelContainer: classes.labelContainer,\n        sliderBase: classes.sliderBase,\n      }}\n      {...param}\n    />\n  );\n};\n\nexport default Slider;\n"],"names":["css","useReactFlow","useState","jsx","HvSlider"],"mappings":";;;;;;;AAgBA,MAAM,UAAU;AAAA,EACd,gBAAgBA,IAAAA,IAAI;AAAA,IAClB,aAAa;AAAA,IACb,YAAY;AAAA,EAAA,CACb;AAAA,EACD,YAAYA,IAAAA,IAAI;AAAA,IACd,SAAS;AAAA,EAAA,CACV;AACH;AAEA,MAAM,SAAS,CAAC,EAAE,QAAQ,OAAO,WAAwB;AACjD,QAAA,EAAE,GAAO,IAAA;AAEf,QAAM,oBAAoBC,UAAAA;AAE1B,QAAM,CAAC,OAAO,QAAQ,IAAIC,MAAS,SAAA,KAAK,EAAE,CAAC;AAErC,QAAA,iBAA4C,CAAC,QAAQ;AACvC,sBAAA;AAAA,MAAS,CAAC,UAC1B,MAAM,IAAI,CAAC,SAAS;AACd,YAAA,KAAK,OAAO,QAAQ;AACjB,eAAA,OAAO,EAAE,GAAG,KAAK,MAAM,CAAC,EAAE,GAAG;QACpC;AACO,eAAA;AAAA,MAAA,CACR;AAAA,IAAA;AAEH,aAAS,GAAG;AAAA,EAAA;AAIZ,SAAAC,2BAAA;AAAA,IAACC,eAAA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAe;AAAA,MACf,UAAU;AAAA,MACV,SAAS;AAAA,QACP,gBAAgB,QAAQ;AAAA,QACxB,YAAY,QAAQ;AAAA,MACtB;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAA,WAAe;;"}

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

@@ -9,14 +9,14 @@ const Text = ({ nodeId, param, data }) => {
   const reactFlowInstance = ReactFlow.useReactFlow();
   const [text, setText] = React.useState(data[id]);
   const onTextChange = (event, val) => {
-    const nodes = reactFlowInstance.getNodes();
-    const newNodes = nodes.map((node) => {
-      if (node.id === nodeId) {
-        node.data = { ...node.data, [id]: val };
-      }
-      return node;
-    });
-    reactFlowInstance.setNodes(newNodes);
+    reactFlowInstance.setNodes(
+      (nodes) => nodes.map((node) => {
+        if (node.id === nodeId) {
+          node.data = { ...node.data, [id]: val };
+        }
+        return node;
+      })
+    );
     setText(val);
   };
   return /* @__PURE__ */ jsxRuntime.jsx(

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

@@ -1 +1 @@
-{"version":3,"file":"Text.cjs","sources":["../../../../../src/Flow/Node/Parameters/Text.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { HvInput, HvInputProps } from \"@hitachivantara/uikit-react-core\";\nimport { useReactFlow } from \"reactflow\";\n\nimport { HvFlowNodeTextParam } from \"../../types\";\n\ninterface TextProps {\n  nodeId: string;\n  param: Omit<HvFlowNodeTextParam, \"type\">;\n  data: any;\n}\n\nconst Text = ({ nodeId, param, data }: TextProps) => {\n  const { id, label } = param;\n\n  const reactFlowInstance = useReactFlow();\n\n  const [text, setText] = useState(data[id]);\n\n  const onTextChange: HvInputProps[\"onChange\"] = (event, val) => {\n    const nodes = reactFlowInstance.getNodes();\n\n    const newNodes = nodes.map((node) => {\n      if (node.id === nodeId) {\n        node.data = { ...node.data, [id]: val };\n      }\n      return node;\n    });\n\n    reactFlowInstance.setNodes(newNodes);\n    setText(val);\n  };\n\n  return (\n    <HvInput\n      className=\"nodrag\" // Prevents dragging within the input field\n      label={label}\n      value={text}\n      onChange={onTextChange}\n    />\n  );\n};\n\nexport default Text;\n"],"names":["useReactFlow","useState","jsx","HvInput"],"mappings":";;;;;;AAYA,MAAM,OAAO,CAAC,EAAE,QAAQ,OAAO,WAAsB;AAC7C,QAAA,EAAE,IAAI,MAAU,IAAA;AAEtB,QAAM,oBAAoBA,UAAAA;AAE1B,QAAM,CAAC,MAAM,OAAO,IAAIC,MAAS,SAAA,KAAK,EAAE,CAAC;AAEnC,QAAA,eAAyC,CAAC,OAAO,QAAQ;AACvD,UAAA,QAAQ,kBAAkB;AAEhC,UAAM,WAAW,MAAM,IAAI,CAAC,SAAS;AAC/B,UAAA,KAAK,OAAO,QAAQ;AACjB,aAAA,OAAO,EAAE,GAAG,KAAK,MAAM,CAAC,EAAE,GAAG;MACpC;AACO,aAAA;AAAA,IAAA,CACR;AAED,sBAAkB,SAAS,QAAQ;AACnC,YAAQ,GAAG;AAAA,EAAA;AAIX,SAAAC,2BAAA;AAAA,IAACC,eAAA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV;AAAA,MACA,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA,MAAA,SAAe;;"}
+{"version":3,"file":"Text.cjs","sources":["../../../../../src/Flow/Node/Parameters/Text.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { HvInput, HvInputProps } from \"@hitachivantara/uikit-react-core\";\nimport { useReactFlow } from \"reactflow\";\n\nimport { HvFlowNodeTextParam } from \"../../types\";\n\ninterface TextProps {\n  nodeId: string;\n  param: Omit<HvFlowNodeTextParam, \"type\">;\n  data: any;\n}\n\nconst Text = ({ nodeId, param, data }: TextProps) => {\n  const { id, label } = param;\n\n  const reactFlowInstance = useReactFlow();\n\n  const [text, setText] = useState(data[id]);\n\n  const onTextChange: HvInputProps[\"onChange\"] = (event, val) => {\n    reactFlowInstance.setNodes((nodes) =>\n      nodes.map((node) => {\n        if (node.id === nodeId) {\n          node.data = { ...node.data, [id]: val };\n        }\n        return node;\n      })\n    );\n    setText(val);\n  };\n\n  return (\n    <HvInput\n      className=\"nodrag\" // Prevents dragging within the input field\n      label={label}\n      value={text}\n      onChange={onTextChange}\n    />\n  );\n};\n\nexport default Text;\n"],"names":["useReactFlow","useState","jsx","HvInput"],"mappings":";;;;;;AAYA,MAAM,OAAO,CAAC,EAAE,QAAQ,OAAO,WAAsB;AAC7C,QAAA,EAAE,IAAI,MAAU,IAAA;AAEtB,QAAM,oBAAoBA,UAAAA;AAE1B,QAAM,CAAC,MAAM,OAAO,IAAIC,MAAS,SAAA,KAAK,EAAE,CAAC;AAEnC,QAAA,eAAyC,CAAC,OAAO,QAAQ;AAC3C,sBAAA;AAAA,MAAS,CAAC,UAC1B,MAAM,IAAI,CAAC,SAAS;AACd,YAAA,KAAK,OAAO,QAAQ;AACjB,eAAA,OAAO,EAAE,GAAG,KAAK,MAAM,CAAC,EAAE,GAAG;QACpC;AACO,eAAA;AAAA,MAAA,CACR;AAAA,IAAA;AAEH,YAAQ,GAAG;AAAA,EAAA;AAIX,SAAAC,2BAAA;AAAA,IAACC,eAAA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV;AAAA,MACA,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA,MAAA,SAAe;;"}

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

@@ -16,8 +16,6 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses("HvDashboardN
   }
 });
 const DEFAULT_LABELS = {
-  title: "Dashboard",
-  description: "Dashboard",
   emptyMessage: "No visualizations connected to the dashboard.",
   dialogTitle: "Configure dashboard",
   dialogSubtitle: "Please configure the layout of your dashboard as needed.",
@@ -43,7 +41,7 @@ const HvDashboardNode = (props) => {
   const labels = uikitReactCore.useLabels(DEFAULT_LABELS, labelsProp);
   const { classes } = useClasses(classesProp);
   return /* @__PURE__ */ jsxRuntime.jsxs(Node.HvFlowNode, { id, classes, ...others, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.actions, children }),
+    children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.actions, children }),
     /* @__PURE__ */ jsxRuntime.jsxs(
       uikitReactCore.HvDialog,
       {

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardNode.cjs","sources":["../../../../src/Flow/nodes/DashboardNode.tsx"],"sourcesContent":["import {\n  ExtractNames,\n  HvButton,\n  HvDialog,\n  HvDialogActions,\n  HvDialogContent,\n  HvDialogProps,\n  HvDialogTitle,\n  HvEmptyState,\n  createClasses,\n  theme,\n  useLabels,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvDashboard, HvDashboardProps } from \"../../Dashboard\";\nimport { HvFlowNode, HvFlowNodeProps, HvFlowNodeClasses } from \"../Node\";\n\nconst { staticClasses, useClasses } = createClasses(\"HvDashboardNode\", {\n  actions: {\n    display: \"flex\",\n    justifyContent: \"space-around\",\n    padding: theme.space.xs,\n  },\n  empty: {\n    padding: theme.spacing(\"sm\", 0, 0, 0),\n  },\n});\n\nexport { staticClasses as hvDashboardNodeClasses };\n\nconst DEFAULT_LABELS = {\n  title: \"Dashboard\",\n  description: \"Dashboard\",\n  emptyMessage: \"No visualizations connected to the dashboard.\",\n  dialogTitle: \"Configure dashboard\",\n  dialogSubtitle: \"Please configure the layout of your dashboard as needed.\",\n  dialogApply: \"Apply\",\n  dialogCancel: \"Cancel\",\n};\n\nexport interface HvDashboardNodeClasses\n  extends ExtractNames<typeof useClasses>,\n    HvFlowNodeClasses {}\n\nexport interface HvDashboardNodeProps\n  extends HvFlowNodeProps,\n    Pick<HvDialogProps, \"open\" | \"onClose\">,\n    Pick<HvDashboardProps, \"layout\"> {\n  classes?: HvDashboardNodeClasses;\n  labels?: typeof DEFAULT_LABELS;\n  previewItems?: React.ReactNode;\n  onApply?: () => void;\n  onCancel?: () => void;\n\n  dashboardProps?: Omit<HvDashboardProps, \"children\">;\n  dialogProps?: HvDialogProps;\n}\n\nexport const HvDashboardNode = (props: HvDashboardNodeProps) => {\n  const {\n    id,\n    open,\n    layout,\n    labels: labelsProp,\n    classes: classesProp,\n    previewItems,\n    children,\n    dialogProps,\n    dashboardProps,\n    onApply,\n    onCancel,\n    onClose,\n    ...others\n  } = props;\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const { classes } = useClasses(classesProp);\n\n  return (\n    <HvFlowNode id={id} classes={classes as any} {...others}>\n      <div className={classes.actions}>{children}</div>\n      <HvDialog\n        open={open}\n        maxWidth=\"lg\"\n        fullWidth\n        onClose={onClose}\n        {...dialogProps}\n      >\n        <HvDialogTitle variant=\"info\">{labels?.dialogTitle}</HvDialogTitle>\n        <HvDialogContent indentContent>\n          {labels?.dialogSubtitle}\n          {layout && layout?.length > 0 ? (\n            <HvDashboard\n              cols={12}\n              layout={layout}\n              compactType=\"vertical\"\n              rowHeight={80}\n              margin={[16, 16]}\n              containerPadding={[0, 16]}\n              {...dashboardProps}\n            >\n              {previewItems}\n            </HvDashboard>\n          ) : (\n            <HvEmptyState\n              className={classes.empty}\n              icon={<Info role=\"none\" />}\n              message={labels?.emptyMessage}\n            />\n          )}\n        </HvDialogContent>\n        <HvDialogActions>\n          <HvButton variant=\"primary\" onClick={onApply}>\n            {labels?.dialogApply}\n          </HvButton>\n          <HvButton variant=\"secondarySubtle\" onClick={onCancel}>\n            {labels?.dialogCancel}\n          </HvButton>\n        </HvDialogActions>\n      </HvDialog>\n    </HvFlowNode>\n  );\n};\n"],"names":["createClasses","theme","useLabels","jsxs","HvFlowNode","jsx","HvDialog","HvDialogTitle","HvDialogContent","HvDashboard","HvEmptyState","Info","HvDialogActions","HvButton"],"mappings":";;;;;;;AAkBA,MAAM,EAAE,eAAe,eAAeA,eAAAA,cAAc,mBAAmB;AAAA,EACrE,SAAS;AAAA,IACP,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,SAASC,eAAAA,MAAM,MAAM;AAAA,EACvB;AAAA,EACA,OAAO;AAAA,IACL,SAASA,eAAM,MAAA,QAAQ,MAAM,GAAG,GAAG,CAAC;AAAA,EACtC;AACF,CAAC;AAID,MAAM,iBAAiB;AAAA,EACrB,OAAO;AAAA,EACP,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,cAAc;AAChB;AAoBa,MAAA,kBAAkB,CAAC,UAAgC;AACxD,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACD,IAAA;AACE,QAAA,SAASC,eAAAA,UAAU,gBAAgB,UAAU;AACnD,QAAM,EAAE,QAAA,IAAY,WAAW,WAAW;AAE1C,SACGC,2BAAAA,KAAAC,KAAAA,YAAA,EAAW,IAAQ,SAA0B,GAAG,QAC/C,UAAA;AAAA,IAAAC,2BAAA,IAAC,OAAI,EAAA,WAAW,QAAQ,SAAU,UAAS;AAAA,IAC3CF,2BAAA;AAAA,MAACG,eAAA;AAAA,MAAA;AAAA,QACC;AAAA,QACA,UAAS;AAAA,QACT,WAAS;AAAA,QACT;AAAA,QACC,GAAG;AAAA,QAEJ,UAAA;AAAA,UAAAD,2BAAA,IAACE,eAAc,eAAA,EAAA,SAAQ,QAAQ,UAAA,QAAQ,aAAY;AAAA,UACnDJ,2BAAAA,KAACK,eAAAA,iBAAgB,EAAA,eAAa,MAC3B,UAAA;AAAA,YAAQ,QAAA;AAAA,YACR,UAAU,QAAQ,SAAS,IAC1BH,2BAAA;AAAA,cAACI,UAAA;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN;AAAA,gBACA,aAAY;AAAA,gBACZ,WAAW;AAAA,gBACX,QAAQ,CAAC,IAAI,EAAE;AAAA,gBACf,kBAAkB,CAAC,GAAG,EAAE;AAAA,gBACvB,GAAG;AAAA,gBAEH,UAAA;AAAA,cAAA;AAAA,YAAA,IAGHJ,2BAAA;AAAA,cAACK,eAAA;AAAA,cAAA;AAAA,gBACC,WAAW,QAAQ;AAAA,gBACnB,MAAML,2BAAAA,IAACM,gBAAAA,MAAK,EAAA,MAAK,OAAO,CAAA;AAAA,gBACxB,SAAS,QAAQ;AAAA,cAAA;AAAA,YACnB;AAAA,UAAA,GAEJ;AAAA,0CACCC,eAAAA,iBACC,EAAA,UAAA;AAAA,YAAAP,+BAACQ,eAAAA,YAAS,SAAQ,WAAU,SAAS,SAClC,kBAAQ,aACX;AAAA,2CACCA,eAAAA,UAAS,EAAA,SAAQ,mBAAkB,SAAS,UAC1C,kBAAQ,cACX;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ;;;"}
+{"version":3,"file":"DashboardNode.cjs","sources":["../../../../src/Flow/nodes/DashboardNode.tsx"],"sourcesContent":["import {\n  ExtractNames,\n  HvButton,\n  HvDialog,\n  HvDialogActions,\n  HvDialogContent,\n  HvDialogProps,\n  HvDialogTitle,\n  HvEmptyState,\n  createClasses,\n  theme,\n  useLabels,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvDashboard, HvDashboardProps } from \"../../Dashboard\";\nimport { HvFlowNode, HvFlowNodeProps, HvFlowNodeClasses } from \"../Node\";\n\nconst { staticClasses, useClasses } = createClasses(\"HvDashboardNode\", {\n  actions: {\n    display: \"flex\",\n    justifyContent: \"space-around\",\n    padding: theme.space.xs,\n  },\n  empty: {\n    padding: theme.spacing(\"sm\", 0, 0, 0),\n  },\n});\n\nexport { staticClasses as hvDashboardNodeClasses };\n\nconst DEFAULT_LABELS = {\n  emptyMessage: \"No visualizations connected to the dashboard.\",\n  dialogTitle: \"Configure dashboard\",\n  dialogSubtitle: \"Please configure the layout of your dashboard as needed.\",\n  dialogApply: \"Apply\",\n  dialogCancel: \"Cancel\",\n};\n\nexport interface HvDashboardNodeClasses\n  extends ExtractNames<typeof useClasses>,\n    HvFlowNodeClasses {}\n\nexport interface HvDashboardNodeProps\n  extends HvFlowNodeProps,\n    Pick<HvDialogProps, \"open\" | \"onClose\">,\n    Pick<HvDashboardProps, \"layout\"> {\n  classes?: HvDashboardNodeClasses;\n  labels?: Partial<typeof DEFAULT_LABELS>;\n  previewItems?: React.ReactNode;\n  onApply?: () => void;\n  onCancel?: () => void;\n\n  dashboardProps?: Omit<HvDashboardProps, \"children\">;\n  dialogProps?: HvDialogProps;\n}\n\nexport const HvDashboardNode = (props: HvDashboardNodeProps) => {\n  const {\n    id,\n    open,\n    layout,\n    labels: labelsProp,\n    classes: classesProp,\n    previewItems,\n    children,\n    dialogProps,\n    dashboardProps,\n    onApply,\n    onCancel,\n    onClose,\n    ...others\n  } = props;\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const { classes } = useClasses(classesProp);\n\n  return (\n    <HvFlowNode id={id} classes={classes as any} {...others}>\n      {children && <div className={classes.actions}>{children}</div>}\n      <HvDialog\n        open={open}\n        maxWidth=\"lg\"\n        fullWidth\n        onClose={onClose}\n        {...dialogProps}\n      >\n        <HvDialogTitle variant=\"info\">{labels?.dialogTitle}</HvDialogTitle>\n        <HvDialogContent indentContent>\n          {labels?.dialogSubtitle}\n          {layout && layout?.length > 0 ? (\n            <HvDashboard\n              cols={12}\n              layout={layout}\n              compactType=\"vertical\"\n              rowHeight={80}\n              margin={[16, 16]}\n              containerPadding={[0, 16]}\n              {...dashboardProps}\n            >\n              {previewItems}\n            </HvDashboard>\n          ) : (\n            <HvEmptyState\n              className={classes.empty}\n              icon={<Info role=\"none\" />}\n              message={labels?.emptyMessage}\n            />\n          )}\n        </HvDialogContent>\n        <HvDialogActions>\n          <HvButton variant=\"primary\" onClick={onApply}>\n            {labels?.dialogApply}\n          </HvButton>\n          <HvButton variant=\"secondarySubtle\" onClick={onCancel}>\n            {labels?.dialogCancel}\n          </HvButton>\n        </HvDialogActions>\n      </HvDialog>\n    </HvFlowNode>\n  );\n};\n"],"names":["createClasses","theme","useLabels","jsxs","HvFlowNode","jsx","HvDialog","HvDialogTitle","HvDialogContent","HvDashboard","HvEmptyState","Info","HvDialogActions","HvButton"],"mappings":";;;;;;;AAkBA,MAAM,EAAE,eAAe,eAAeA,eAAAA,cAAc,mBAAmB;AAAA,EACrE,SAAS;AAAA,IACP,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,SAASC,eAAAA,MAAM,MAAM;AAAA,EACvB;AAAA,EACA,OAAO;AAAA,IACL,SAASA,eAAM,MAAA,QAAQ,MAAM,GAAG,GAAG,CAAC;AAAA,EACtC;AACF,CAAC;AAID,MAAM,iBAAiB;AAAA,EACrB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,cAAc;AAChB;AAoBa,MAAA,kBAAkB,CAAC,UAAgC;AACxD,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACD,IAAA;AACE,QAAA,SAASC,eAAAA,UAAU,gBAAgB,UAAU;AACnD,QAAM,EAAE,QAAA,IAAY,WAAW,WAAW;AAE1C,SACGC,2BAAAA,KAAAC,KAAAA,YAAA,EAAW,IAAQ,SAA0B,GAAG,QAC9C,UAAA;AAAA,IAAA,YAAaC,2BAAA,IAAA,OAAA,EAAI,WAAW,QAAQ,SAAU,UAAS;AAAA,IACxDF,2BAAA;AAAA,MAACG,eAAA;AAAA,MAAA;AAAA,QACC;AAAA,QACA,UAAS;AAAA,QACT,WAAS;AAAA,QACT;AAAA,QACC,GAAG;AAAA,QAEJ,UAAA;AAAA,UAAAD,2BAAA,IAACE,eAAc,eAAA,EAAA,SAAQ,QAAQ,UAAA,QAAQ,aAAY;AAAA,UACnDJ,2BAAAA,KAACK,eAAAA,iBAAgB,EAAA,eAAa,MAC3B,UAAA;AAAA,YAAQ,QAAA;AAAA,YACR,UAAU,QAAQ,SAAS,IAC1BH,2BAAA;AAAA,cAACI,UAAA;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN;AAAA,gBACA,aAAY;AAAA,gBACZ,WAAW;AAAA,gBACX,QAAQ,CAAC,IAAI,EAAE;AAAA,gBACf,kBAAkB,CAAC,GAAG,EAAE;AAAA,gBACvB,GAAG;AAAA,gBAEH,UAAA;AAAA,cAAA;AAAA,YAAA,IAGHJ,2BAAA;AAAA,cAACK,eAAA;AAAA,cAAA;AAAA,gBACC,WAAW,QAAQ;AAAA,gBACnB,MAAML,2BAAAA,IAACM,gBAAAA,MAAK,EAAA,MAAK,OAAO,CAAA;AAAA,gBACxB,SAAS,QAAQ;AAAA,cAAA;AAAA,YACnB;AAAA,UAAA,GAEJ;AAAA,0CACCC,eAAAA,iBACC,EAAA,UAAA;AAAA,YAAAP,+BAACQ,eAAAA,YAAS,SAAQ,WAAU,SAAS,SAClC,kBAAQ,aACX;AAAA,2CACCA,eAAAA,UAAS,EAAA,SAAQ,mBAAkB,SAAS,UAC1C,kBAAQ,cACX;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ;;;"}

package/dist/cjs/index.cjs

@@ -1,5 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Blade_styles = require("./Blade/Blade.styles.cjs");
+const Blade = require("./Blade/Blade.cjs");
+const Blades_styles = require("./Blades/Blades.styles.cjs");
+const Blades = require("./Blades/Blades.cjs");
 const Dashboard_styles = require("./Dashboard/Dashboard.styles.cjs");
 const Dashboard = require("./Dashboard/Dashboard.cjs");
 const Flow_styles = require("./Flow/Flow.styles.cjs");
@@ -32,6 +36,10 @@ const WizardContent = require("./Wizard/WizardContent/WizardContent.cjs");
 const WizardContext = require("./Wizard/WizardContext/WizardContext.cjs");
 const WizardTitle_styles = require("./Wizard/WizardTitle/WizardTitle.styles.cjs");
 const WizardTitle = require("./Wizard/WizardTitle/WizardTitle.cjs");
+exports.bladeClasses = Blade_styles.staticClasses;
+exports.HvBlade = Blade.HvBlade;
+exports.bladesClasses = Blades_styles.staticClasses;
+exports.HvBlades = Blades.HvBlades;
 exports.dashboardClasses = Dashboard_styles.staticClasses;
 exports.HvDashboard = Dashboard.HvDashboard;
 exports.flowClasses = Flow_styles.staticClasses;

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}