@hitachivantara/uikit-react-core 5.106.0 → 6.0.0-next.1

package/dist/cjs/BreadCrumb/BreadCrumb.styles.cjs

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvBreadCrumb", {
-  root: { display: "flex", alignItems: "center", zIndex: 0 },
-  link: {},
-  orderedList: {
-    display: "flex",
-    paddingLeft: 0,
-    marginLeft: `-${uikitStyles.theme.space.xs}`
-  },
-  currentPage: { padding: `8px ${uikitStyles.theme.space.xs}` },
-  centerContainer: {},
-  separatorContainer: {},
-  a: {}
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/BreadCrumb/Page/Page.cjs

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const Page_styles = require("./Page.styles.cjs");
-const Typography = require("../../Typography/Typography.cjs");
-const OverflowTooltip = require("../../OverflowTooltip/OverflowTooltip.cjs");
-const HvBreadCrumbPage = (props) => {
-  const {
-    component,
-    onClick,
-    elem,
-    classes: classesProp
-  } = uikitReactUtils.useDefaultProps("HvBreadCrumbPage", props);
-  const { classes, cx } = Page_styles.useClasses(classesProp);
-  const { label, path, ...others } = elem;
-  const handleClick = (event) => {
-    event.preventDefault();
-    onClick?.(event, elem);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Typography.HvTypography,
-    {
-      noWrap: true,
-      variant: "label",
-      component: component || "a",
-      href: elem.path,
-      onClick: onClick && handleClick,
-      className: cx(classes.link, classes.label, classes.a),
-      ...others,
-      children: /* @__PURE__ */ jsxRuntime.jsx(OverflowTooltip.HvOverflowTooltip, { data: elem.label })
-    }
-  );
-};
-exports.breadCrumbPageClasses = Page_styles.staticClasses;
-exports.HvBreadCrumbPage = HvBreadCrumbPage;

package/dist/cjs/BreadCrumb/Page/Page.styles.cjs

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const focusUtils = require("../../utils/focusUtils.cjs");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvBreadCrumbPage", {
-  link: {
-    padding: `8px ${uikitStyles.theme.space.xs}`,
-    borderRadius: uikitStyles.theme.radii.base,
-    maxWidth: 170 + 16,
-    textTransform: "capitalize",
-    "&:hover": {
-      cursor: "pointer",
-      backgroundColor: uikitStyles.theme.colors.bgHover
-    },
-    "&:focus": {
-      backgroundColor: uikitStyles.theme.colors.bgHover
-    },
-    "&:focus-visible": {
-      ...focusUtils.outlineStyles
-    }
-  },
-  label: {},
-  a: {}
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/BreadCrumb/PathElement/PathElement.cjs

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const icons = require("../../icons.cjs");
-const PathElement_styles = require("./PathElement.styles.cjs");
-const HvPathElement = ({
-  classes: classesProp,
-  last = false,
-  children
-}) => {
-  const { classes } = PathElement_styles.useClasses(classesProp);
-  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: classes.centerContainer, children: [
-    children,
-    !last && /* @__PURE__ */ jsxRuntime.jsx(
-      icons.HvIcon,
-      {
-        name: "CaretRight",
-        size: "xs",
-        className: classes.separatorContainer,
-        color: "textDisabled"
-      }
-    )
-  ] });
-};
-exports.pathElementClasses = PathElement_styles.staticClasses;
-exports.HvPathElement = HvPathElement;

package/dist/cjs/BreadCrumb/PathElement/PathElement.styles.cjs

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvPathElement", {
-  centerContainer: { display: "flex", alignItems: "center" },
-  separatorContainer: {}
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/BreadCrumb/utils.cjs

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const icons = require("../icons.cjs");
-const setId = require("../utils/setId.cjs");
-const DropDownMenu = require("../DropDownMenu/DropDownMenu.cjs");
-const removeExtension = (label) => label.includes(".") ? label.slice(0, label.lastIndexOf(".")) : label;
-const pathWithSubMenu = (id, listRoute, maxVisible, onClick, dropDownMenuProps) => {
-  const nbrElemToSubMenu = listRoute.length - maxVisible;
-  const subMenuList = listRoute.slice(1, nbrElemToSubMenu + 1);
-  const handleClick = (event, data) => {
-    event.preventDefault();
-    onClick?.(event, data);
-  };
-  listRoute.splice(
-    1,
-    nbrElemToSubMenu,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      DropDownMenu.HvDropDownMenu,
-      {
-        id: setId.setId(id, "submenu"),
-        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "DotsHorizontal" }),
-        dataList: subMenuList,
-        ...dropDownMenuProps,
-        onClick: onClick != null ? handleClick : void 0
-      }
-    )
-  );
-  return listRoute;
-};
-exports.pathWithSubMenu = pathWithSubMenu;
-exports.removeExtension = removeExtension;

package/dist/cjs/BulkActions/BulkActions.cjs

@@ -1,103 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const CounterLabel = require("../utils/CounterLabel.cjs");
-const setId = require("../utils/setId.cjs");
-const BulkActions_styles = require("./BulkActions.styles.cjs");
-const Button = require("../Button/Button.cjs");
-const CheckBox = require("../CheckBox/CheckBox.cjs");
-const ActionsGeneric = require("../ActionsGeneric/ActionsGeneric.cjs");
-const HvBulkActions = React.forwardRef(function HvBulkActions2(props, ref) {
-  const {
-    id,
-    className,
-    classes: classesProp,
-    selectAllPagesLabel,
-    actionsDisabled,
-    maxVisibleActions,
-    checkboxProps,
-    actions,
-    numTotal = 0,
-    numSelected = 0,
-    selectAllConjunctionLabel = "/",
-    showSelectAllPages = false,
-    semantic = true,
-    actionsCallback,
-    // TODO - remove in v6
-    onAction,
-    onSelectAll,
-    onSelectAllPages,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvBulkActions", props);
-  const { classes, cx } = BulkActions_styles.useClasses(classesProp);
-  const { activeTheme } = uikitReactUtils.useTheme();
-  const anySelected = numSelected > 0;
-  const isSemantic = semantic && anySelected;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref,
-      id,
-      className: cx(
-        classes.root,
-        { [classes.semantic]: isSemantic },
-        className
-      ),
-      ...others,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.selectAllContainer, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            CheckBox.HvCheckBox,
-            {
-              id: setId.setId(id, "select"),
-              className: classes.selectAll,
-              checked: numSelected > 0,
-              semantic: isSemantic,
-              onChange: onSelectAll,
-              indeterminate: numSelected > 0 && numSelected < numTotal,
-              label: /* @__PURE__ */ jsxRuntime.jsx(
-                CounterLabel.CounterLabel,
-                {
-                  selected: numSelected,
-                  total: numTotal,
-                  conjunctionLabel: selectAllConjunctionLabel
-                }
-              ),
-              ...checkboxProps
-            }
-          ),
-          showSelectAllPages && anySelected && numSelected < numTotal && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.divider }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Button.HvButton,
-              {
-                id: setId.setId(id, "pages"),
-                className: classes.selectAllPages,
-                variant: isSemantic ? activeTheme?.bulkActions.actionButtonVariant : "secondaryGhost",
-                onClick: onSelectAllPages,
-                children: selectAllPagesLabel ?? `Select all ${numTotal} items`
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ActionsGeneric.HvActionsGeneric,
-          {
-            id: setId.setId(id, "actions"),
-            classes: { root: classes.actions },
-            variant: isSemantic ? activeTheme?.bulkActions.actionButtonVariant : "secondaryGhost",
-            actions,
-            disabled: actionsDisabled ?? numSelected === 0,
-            actionsCallback,
-            onAction,
-            maxVisibleActions
-          }
-        )
-      ]
-    }
-  );
-});
-exports.bulkActionsClasses = BulkActions_styles.staticClasses;
-exports.HvBulkActions = HvBulkActions;

package/dist/cjs/BulkActions/BulkActions.styles.cjs

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const ActionsGeneric_styles = require("../ActionsGeneric/ActionsGeneric.styles.cjs");
-require("../ActionsGeneric/ActionsGeneric.cjs");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvBulkActions", {
-  root: {
-    display: "flex",
-    alignItems: "center",
-    border: `1px solid ${uikitStyles.theme.colors.border}`,
-    backgroundColor: uikitStyles.theme.colors.bgContainer,
-    padding: uikitStyles.theme.spacing("xs", "md"),
-    marginBottom: uikitStyles.theme.space.xs
-  },
-  semantic: {
-    backgroundColor: uikitStyles.theme.colors.bgHover,
-    "& $selectAll div": {
-      "&:hover:not(:disabled)": {
-        backgroundColor: uikitStyles.theme.alpha("textLight", 0.3)
-      }
-    },
-    "& $selectAll:focus-within div": {
-      backgroundColor: uikitStyles.theme.alpha("textLight", 0.3)
-    }
-  },
-  actions: {
-    display: "inline-flex",
-    marginLeft: "auto",
-    [`& .${ActionsGeneric_styles.staticClasses.dropDownMenuButton}:disabled`]: {
-      "&,:hover": {
-        backgroundColor: "transparent",
-        borderColor: "transparent"
-      }
-    }
-  },
-  selectAllContainer: { display: "flex", alignItems: "center" },
-  selectAll: {},
-  selectAllPages: {},
-  divider: {
-    display: "flex",
-    backgroundColor: uikitStyles.theme.colors.border,
-    width: "1px",
-    height: "32px",
-    marginLeft: uikitStyles.theme.space.sm
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Button/Button.cjs

@@ -1,98 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const generic = require("../types/generic.cjs");
-const Button_styles = require("./Button.styles.cjs");
-function parseVariant(variant) {
-  if (variant === "semantic") return ["inherit", "ghost"];
-  if (variant === "secondary") return ["secondary", "subtle"];
-  if (variant === "ghost") return ["primary", "ghost"];
-  if (variant === "contained" || variant === "subtle") {
-    return ["secondary", variant];
-  }
-  const result = variant.split(/(?=[A-Z])/);
-  if (!result[1]) return [result[0], "contained"];
-  return result.map((x) => x.toLowerCase());
-}
-const HvButton = generic.fixedForwardRef(function HvButton2(props, ref) {
-  const {
-    classes: classesProp,
-    children,
-    icon = false,
-    variant: variantProp = icon ? "secondaryGhost" : "primary",
-    color: colorProp,
-    disabled = false,
-    className,
-    startIcon,
-    endIcon,
-    size,
-    radius,
-    overrideIconColors,
-    component: Component = "button",
-    focusableWhenDisabled,
-    onClick: onClickProp,
-    onMouseDown: onMouseDownProp,
-    selected,
-    style,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvButton", props);
-  const { classes, css, cx } = Button_styles.useClasses(classesProp);
-  const [parsedColor, variant] = parseVariant(variantProp);
-  const color = colorProp ?? parsedColor;
-  const handleClick = (e) => {
-    if (disabled) return;
-    onClickProp?.(e);
-  };
-  const handleMouseDown = (e) => {
-    if (disabled) return;
-    onMouseDownProp?.(e);
-  };
-  const sizeStyles = React.useMemo(
-    () => size && (icon ? Button_styles.getIconSizeStyles(size) : Button_styles.getSizeStyles(size)),
-    [size, icon]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Component,
-    {
-      ref,
-      style: uikitReactUtils.mergeStyles(style, {
-        "--color": color && uikitStyles.getColor(color),
-        "--radius": radius && uikitStyles.theme.radii[radius],
-        "--HvButton-height": sizeStyles?.height ?? "32px"
-      }),
-      className: cx(
-        classes.root,
-        classes[variant],
-        classes[variantProp],
-        // Placed after type and color CSS for DS3 override
-        {
-          [classes.icon]: icon,
-          [classes.disabled]: disabled
-        },
-        sizeStyles && css(sizeStyles),
-        className
-      ),
-      "data-color": color,
-      onClick: handleClick,
-      onMouseDown: handleMouseDown,
-      ...Component === "button" && { type: "button" },
-      ...disabled && {
-        disabled: !focusableWhenDisabled,
-        tabIndex: focusableWhenDisabled ? 0 : -1,
-        "aria-disabled": true
-      },
-      ...selected != null && { "aria-pressed": selected },
-      ...others,
-      children: [
-        startIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.startIcon, children: startIcon }),
-        children,
-        endIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.endIcon, children: endIcon })
-      ]
-    }
-  );
-});
-exports.buttonClasses = Button_styles.staticClasses;
-exports.HvButton = HvButton;

package/dist/cjs/Button/Button.styles.cjs

@@ -1,137 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const focusUtils = require("../utils/focusUtils.cjs");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvButton", {
-  /** applied to the root element */
-  root: {
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    textTransform: "none",
-    cursor: "pointer",
-    whiteSpace: "nowrap",
-    // Background color common for almost all variants
-    ":where(:not($disabled))": {
-      ":hover, :focus-visible": {
-        backgroundColor: uikitStyles.theme.colors.bgHover
-      }
-    },
-    ":focus-visible": {
-      ...focusUtils.outlineStyles
-    },
-    // Default button - no size specified
-    fontFamily: uikitStyles.theme.fontFamily.body,
-    ...uikitStyles.theme.typography.label,
-    color: "var(--color, currentcolor)",
-    backgroundColor: "transparent",
-    height: "var(--HvButton-height, fit-content)",
-    border: "1px solid transparent",
-    borderRadius: `var(--radius, ${uikitStyles.theme.radii.base})`,
-    padding: uikitStyles.theme.spacing(0, "sm"),
-    // remove icon container spacing
-    "--icsize": "auto",
-    "& $startIcon, & $endIcon": {
-      flexShrink: 0,
-      lineHeight: 0,
-      minWidth: 16
-    }
-  },
-  /** applied to the _left_ icon container */
-  startIcon: {
-    marginRight: 8
-  },
-  /** applied to the _right_ icon container */
-  endIcon: {
-    marginLeft: 8
-  },
-  focusVisible: {},
-  /** applied to the root element when disabled */
-  disabled: {
-    cursor: "not-allowed",
-    color: uikitStyles.theme.colors.textDisabled,
-    backgroundColor: "transparent",
-    borderColor: "transparent",
-    ":hover, :focus-visible": {
-      backgroundColor: "transparent",
-      borderColor: "transparent"
-    }
-  },
-  /** applied to the root element when is icon-only */
-  icon: {
-    margin: 0,
-    padding: 0,
-    flexShrink: 0,
-    width: "var(--HvButton-height, fit-content)"
-  },
-  /** applied to the root element when using the `contained` variant */
-  contained: {
-    color: uikitStyles.theme.colors.textDimmed,
-    // `color-contrast(var(--color) vs ${colors.textDimmed}, ${colors.textLight}, ${colors.textDark})`,
-    backgroundColor: "var(--color)",
-    ":where(:not($disabled))": {
-      ":hover, :focus-visible": {
-        backgroundColor: uikitStyles.theme.mix("var(--color)", 0.8, "black")
-      },
-      ":active": {
-        backgroundColor: uikitStyles.theme.mix("var(--color)", 0.7, "black")
-      }
-    }
-  },
-  /** applied to the root element when using the `subtle` variant */
-  subtle: {
-    borderColor: "currentcolor"
-  },
-  /** applied to the root element when using the `ghost` variant */
-  ghost: {},
-  /** applied to the root element when using the `semantic` variant */
-  semantic: {
-    color: uikitStyles.theme.colors.textDark,
-    backgroundColor: "transparent",
-    borderColor: "transparent",
-    "&:hover, &:focus-visible": {
-      backgroundColor: uikitStyles.theme.alpha("textLight", 0.3)
-    },
-    "&:active": {
-      backgroundColor: uikitStyles.theme.alpha("textLight", 0.5)
-    },
-    "&$disabled": {
-      backgroundColor: uikitStyles.theme.alpha("textLight", 0.1)
-    }
-  },
-  // TODO - remove in v6
-  primary: {},
-  primarySubtle: {},
-  primaryGhost: {},
-  secondarySubtle: {},
-  secondaryGhost: {},
-  // Deprecated (DS3)
-  secondary: {}
-});
-const sizes = {
-  xs: { height: "24px", fontSize: "sm" },
-  sm: { height: "24px", fontSize: "sm" },
-  md: { height: "32px" },
-  lg: { height: "48px", space: "md" },
-  xl: { height: "48px", space: "md" }
-};
-const getSizeStyles = (size) => {
-  const { height, space = "sm", fontSize } = sizes[size];
-  return {
-    height,
-    padding: uikitStyles.theme.spacing(0, space),
-    fontSize: fontSize && uikitStyles.theme.fontSizes[fontSize]
-  };
-};
-const getIconSizeStyles = (size) => {
-  const { height } = sizes[size];
-  return {
-    height,
-    width: height
-  };
-};
-exports.getIconSizeStyles = getIconSizeStyles;
-exports.getSizeStyles = getSizeStyles;
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/ButtonBase/ButtonBase.cjs

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const generic = require("../types/generic.cjs");
-const ButtonBase_styles = require("./ButtonBase.styles.cjs");
-const HvButtonBase = generic.fixedForwardRef(function HvButtonBase2(props, ref) {
-  const {
-    className,
-    classes: classesProp,
-    children,
-    selected,
-    disabled,
-    focusableWhenDisabled,
-    component: Component = "button",
-    onClick: onClickProp,
-    onMouseDown: onMouseDownProp,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvButtonBase", props);
-  const { classes, cx } = ButtonBase_styles.useClasses(classesProp);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Component,
-    {
-      ref,
-      className: cx(
-        classes.root,
-        {
-          [classes.disabled]: disabled
-        },
-        className
-      ),
-      onClick: (e) => {
-        if (disabled) return;
-        onClickProp?.(e);
-      },
-      onMouseDown: (e) => {
-        if (disabled) return;
-        onMouseDownProp?.(e);
-      },
-      ...Component === "button" && { type: "button" },
-      ...disabled && {
-        disabled: !focusableWhenDisabled,
-        tabIndex: focusableWhenDisabled ? 0 : -1,
-        "aria-disabled": true
-      },
-      ...selected && { "aria-pressed": selected },
-      ...others,
-      children
-    }
-  );
-});
-exports.buttonBaseClasses = ButtonBase_styles.staticClasses;
-exports.HvButtonBase = HvButtonBase;

package/dist/cjs/ButtonBase/ButtonBase.styles.cjs

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const focusUtils = require("../utils/focusUtils.cjs");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvButtonBase", {
-  root: {
-    display: "inline-flex",
-    cursor: "pointer",
-    background: "none",
-    padding: 0,
-    // Background color common for almost all variants
-    ":where(:not($disabled))": {
-      ":hover, :focus-visible": {
-        backgroundColor: uikitStyles.theme.colors.bgHover
-      }
-    },
-    ":focus-visible": {
-      ...focusUtils.outlineStyles
-    },
-    // Default button - no size specified
-    fontFamily: uikitStyles.theme.fontFamily.body,
-    fontSize: "inherit",
-    color: "inherit"
-  },
-  disabled: {
-    cursor: "not-allowed",
-    color: uikitStyles.theme.colors.textDisabled
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;