@hitachivantara/uikit-react-core 5.109.1 → 6.0.0-next.10

package/dist/cjs/ActionsGeneric/ActionsGeneric.styles.cjs

@@ -1,17 +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("HvActionsGeneric", {
-  root: {
-    display: "flex",
-    gap: uikitStyles.theme.space.xs
-  },
-  button: {},
-  actionContainer: { display: "flex", alignItems: "center", float: "right" },
-  dropDownMenu: {},
-  dropDownMenuButton: {},
-  dropDownMenuButtonSelected: {}
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/AppSwitcher/Action/Action.cjs

@@ -1,120 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const useUniqueId = require("../../hooks/useUniqueId.cjs");
-const icons = require("../../icons.cjs");
-const Action_styles = require("./Action.styles.cjs");
-const Avatar = require("../../Avatar/Avatar.cjs");
-const ListItem = require("../../ListContainer/ListItem/ListItem.cjs");
-const Typography = require("../../Typography/Typography.cjs");
-const OverflowTooltip = require("../../OverflowTooltip/OverflowTooltip.cjs");
-const Tooltip = require("../../Tooltip/Tooltip.cjs");
-const HvAppSwitcherAction = ({
-  id,
-  className,
-  classes: classesProp,
-  application,
-  onClickCallback = () => {
-  },
-  isSelectedCallback = () => false
-}) => {
-  const { classes, cx } = Action_styles.useClasses(classesProp);
-  const { name, description, disabled, iconElement, iconUrl, url, target } = application;
-  const color = uikitStyles.getColor(
-    disabled ? "textDisabled" : application?.color,
-    "text"
-  );
-  const [validIconUrl, setValidIconUrl] = React.useState(true);
-  const renderApplicationIcon = () => {
-    if (iconElement) {
-      return iconElement;
-    }
-    if (iconUrl && validIconUrl) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "img",
-        {
-          className: classes.iconUrl,
-          src: iconUrl,
-          onError: () => {
-            setValidIconUrl(false);
-          },
-          alt: description
-        }
-      );
-    }
-    const brokenTitle = name.split(" ");
-    const initials = brokenTitle[0].slice(0, 1) + (brokenTitle[1] ? brokenTitle[1].slice(0, 1) : "");
-    return /* @__PURE__ */ jsxRuntime.jsx(Avatar.HvAvatar, { size: "sm", backgroundColor: color, variant: "square", "aria-hidden": true, children: initials });
-  };
-  const isSelected = isSelectedCallback(application);
-  const handleOnClick = React.useCallback(
-    (event) => {
-      if (disabled) {
-        event.preventDefault();
-        return;
-      }
-      onClickCallback?.(event, { ...application, isSelected });
-    },
-    [application, disabled, isSelected, onClickCallback]
-  );
-  const isLink = url != null;
-  const descriptionElementId = useUniqueId.useUniqueId(id);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ListItem.HvListItem,
-    {
-      id,
-      interactive: true,
-      tabIndex: 0,
-      selected: isSelected,
-      disabled,
-      className: cx(
-        classes.root,
-        {
-          [classes.selected]: isSelected,
-          [classes.disabled]: disabled
-        },
-        className
-      ),
-      children: /* @__PURE__ */ jsxRuntime.jsxs(
-        Typography.HvTypography,
-        {
-          component: "button",
-          className: classes.typography,
-          onClick: handleOnClick,
-          style: { borderColor: color },
-          "aria-label": name,
-          ...description && { "aria-describedby": descriptionElementId },
-          ...isLink && { component: "a", href: url, target: target || "_top" },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.icon, children: renderApplicationIcon() }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              OverflowTooltip.HvOverflowTooltip,
-              {
-                paragraphOverflow: true,
-                className: classes.title,
-                placement: "top-start",
-                data: name,
-                classes: {
-                  tooltipAnchorParagraph: classes.titleAnchor
-                }
-              }
-            ),
-            description && /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, { title: description, children: /* @__PURE__ */ jsxRuntime.jsx(
-              icons.HvIcon,
-              {
-                name: "Info",
-                compact: true,
-                className: classes.iconInfo,
-                id: descriptionElementId
-              }
-            ) })
-          ]
-        }
-      )
-    }
-  );
-};
-exports.appSwitcherActionClasses = Action_styles.staticClasses;
-exports.HvAppSwitcherAction = HvAppSwitcherAction;

package/dist/cjs/AppSwitcher/Action/Action.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 { staticClasses, useClasses } = uikitReactUtils.createClasses(
-  "HvAppSwitcher-Action",
-  {
-    root: {
-      width: "100%",
-      maxWidth: 280,
-      minHeight: 52
-    },
-    icon: { display: "flex", minWidth: 40, justifyContent: "center" },
-    iconUrl: { width: 32 },
-    iconInfo: { minWidth: 32 },
-    disabled: {},
-    selected: {},
-    typography: {
-      display: "flex",
-      justifyContent: "flex-start",
-      alignItems: "center",
-      width: "100%",
-      minHeight: 52,
-      padding: `6px ${uikitStyles.theme.space.xs}`,
-      border: "none",
-      borderLeft: `2px solid currentcolor`,
-      cursor: "pointer",
-      textDecoration: "inherit",
-      backgroundColor: "inherit",
-      "$disabled &": {
-        cursor: "not-allowed"
-      }
-    },
-    title: {
-      flexGrow: 1,
-      whiteSpace: "normal",
-      textAlign: "left",
-      margin: `0 ${uikitStyles.theme.space.xs}`,
-      textWrap: "balance",
-      ...uikitStyles.theme.typography.label,
-      color: "inherit"
-    },
-    titleAnchor: {
-      WebkitLineClamp: 2
-    }
-  }
-);
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/AppSwitcher/AppSwitcher.cjs

@@ -1,100 +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 AppSwitcher_styles = require("./AppSwitcher.styles.cjs");
-const Action = require("./Action/Action.cjs");
-const Panel = require("../Panel/Panel.cjs");
-const Typography = require("../Typography/Typography.cjs");
-const OverflowTooltip = require("../OverflowTooltip/OverflowTooltip.cjs");
-const ListContainer = require("../ListContainer/ListContainer.cjs");
-const HvAppSwitcher = React.forwardRef(function HvAppSwitcher2(props, ref) {
-  const {
-    className,
-    classes: classesProp,
-    layout = "single",
-    title,
-    applications,
-    onActionClickedCallback = () => {
-    },
-    isActionSelectedCallback = () => false,
-    header,
-    footer,
-    isOpen,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvAppSwitcher", props);
-  const { classes, cx } = AppSwitcher_styles.useClasses(classesProp);
-  const panelActions = React.useMemo(
-    () => applications?.map((application) => {
-      if (application.name) {
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          Action.HvAppSwitcherAction,
-          {
-            application,
-            onClickCallback: onActionClickedCallback,
-            isSelectedCallback: isActionSelectedCallback,
-            classes: {
-              root: classes.item,
-              selected: classes.itemSelected,
-              disabled: classes.itemDisabled,
-              typography: classes.itemTrigger,
-              icon: classes.itemIcon,
-              title: classes.itemTitle,
-              iconInfo: classes.itemInfoIcon
-            }
-          },
-          application.id || `${application.name}_${application.url}`
-        );
-      }
-      return void 0;
-    }),
-    [applications, classes, isActionSelectedCallback, onActionClickedCallback]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Panel.HvPanel,
-    {
-      ref,
-      className: cx(
-        classes.root,
-        classes[layout],
-        { [classes.open]: !!isOpen, [classes.closed]: isOpen === false },
-        className
-      ),
-      ...others,
-      children: [
-        header && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { component: "div", variant: "label", className: classes.title, children: header }) || title && /* @__PURE__ */ jsxRuntime.jsx(
-          OverflowTooltip.HvOverflowTooltip,
-          {
-            className: classes.title,
-            data: title,
-            placement: "top-start",
-            classes: {
-              tooltipAnchorParagraph: classes.titleAnchor
-            }
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ListContainer.HvListContainer,
-          {
-            condensed: true,
-            disableGutters: true,
-            className: classes.actionsContainer,
-            children: panelActions
-          }
-        ),
-        footer && /* @__PURE__ */ jsxRuntime.jsx(
-          Typography.HvTypography,
-          {
-            component: "div",
-            variant: "label",
-            className: classes.footerContainer,
-            children: footer
-          }
-        )
-      ]
-    }
-  );
-});
-exports.appSwitcherClasses = AppSwitcher_styles.staticClasses;
-exports.HvAppSwitcher = HvAppSwitcher;

package/dist/cjs/AppSwitcher/AppSwitcher.styles.cjs

@@ -1,55 +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("HvAppSwitcher", {
-  root: {
-    display: "flex",
-    flexDirection: "column",
-    overflow: "hidden"
-  },
-  item: {},
-  itemSelected: {},
-  itemDisabled: {},
-  itemTrigger: {},
-  itemIcon: {},
-  itemTitle: {},
-  itemInfoIcon: {},
-  actionsContainer: {
-    display: "flex",
-    flexWrap: "wrap",
-    justifyContent: "flex-start",
-    overflowY: "auto",
-    gap: uikitStyles.theme.space.xs,
-    padding: 4,
-    margin: -4
-  },
-  footerContainer: {
-    display: "flex",
-    alignItems: "center",
-    marginTop: "auto",
-    height: 52,
-    paddingTop: uikitStyles.theme.space.sm
-  },
-  open: {
-    zIndex: uikitStyles.theme.zIndices.overlay,
-    position: "absolute",
-    top: "50px",
-    overflowX: "hidden",
-    boxShadow: uikitStyles.theme.colors.shadow
-  },
-  closed: { display: "none" },
-  title: {
-    minHeight: 36,
-    paddingBottom: uikitStyles.theme.space.sm,
-    ...uikitStyles.theme.typography.label
-  },
-  titleAnchor: {
-    WebkitLineClamp: 2
-  },
-  single: { width: 280 + 40 },
-  dual: { width: 560 + 40 },
-  fluid: {}
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Avatar/Avatar.cjs

@@ -1,123 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const MuiAvatar = require("@mui/material/Avatar");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const AvatarGroupContext = require("../AvatarGroup/AvatarGroupContext.cjs");
-const useImageLoaded = require("../hooks/useImageLoaded.cjs");
-const icons = require("../icons.cjs");
-const Avatar_styles = require("./Avatar.styles.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const MuiAvatar__default = /* @__PURE__ */ _interopDefault(MuiAvatar);
-const decreaseSizeMap = {
-  xl: "lg",
-  lg: "md",
-  md: "sm",
-  sm: "xs",
-  xs: "xs"
-};
-const HvAvatar = React.forwardRef(function HvAvatar2(props, ref) {
-  const {
-    className,
-    style,
-    classes: classesProp,
-    children: childrenProp,
-    component = "div",
-    size: sizeProp,
-    backgroundColor = "text",
-    color = "bgContainer",
-    src,
-    srcSet,
-    sizes,
-    alt,
-    imgProps,
-    status,
-    badge,
-    variant = "circular",
-    avatarProps,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvAvatar", props);
-  const { classes, cx } = Avatar_styles.useClasses(classesProp);
-  const avatarGroupContext = AvatarGroupContext.useAvatarGroupContext();
-  const size = sizeProp || avatarGroupContext?.size || "sm";
-  let children;
-  const imageLoaded = useImageLoaded.useImageLoaded(src, srcSet);
-  const hasImg = src || srcSet;
-  const hasImgNotFailing = hasImg && imageLoaded !== "error";
-  if (hasImgNotFailing) {
-    children = /* @__PURE__ */ jsxRuntime.jsx(
-      "img",
-      {
-        alt,
-        src,
-        srcSet,
-        sizes,
-        className: classes.img,
-        ...imgProps
-      }
-    );
-  } else if (childrenProp != null) {
-    children = childrenProp;
-  } else if (hasImg && alt) {
-    [children] = alt;
-  } else {
-    children = /* @__PURE__ */ jsxRuntime.jsx(
-      icons.HvIcon,
-      {
-        name: "User",
-        color,
-        size: decreaseSizeMap[size],
-        className: classes.fallback
-      }
-    );
-  }
-  const inlineStyle = {
-    ...style
-  };
-  if (component != null && typeof component !== "string") {
-    inlineStyle.borderRadius = "50%";
-  }
-  if (!hasImgNotFailing) {
-    inlineStyle.backgroundColor = uikitStyles.getColor(backgroundColor, "text");
-    inlineStyle.color = uikitStyles.getColor(color, "textDimmed");
-  }
-  const statusInlineStyle = {};
-  if (status) {
-    const statusColor = uikitStyles.getColor(status, "positive");
-    statusInlineStyle.boxShadow = `inset 0px 0px 0px 2px ${statusColor}`;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref,
-      className: cx(classes.container, classes.status, classes[variant]),
-      style: statusInlineStyle,
-      ...others,
-      children: [
-        badge && /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: classes.badge,
-            style: { backgroundColor: uikitStyles.getColor(badge, "positive") }
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          MuiAvatar__default.default,
-          {
-            component,
-            className: cx(classes.root, classes.avatar, classes[size], className),
-            style: inlineStyle,
-            variant,
-            size,
-            ...avatarProps,
-            children
-          }
-        )
-      ]
-    }
-  );
-});
-exports.avatarClasses = Avatar_styles.staticClasses;
-exports.HvAvatar = HvAvatar;

package/dist/cjs/Avatar/Avatar.styles.cjs

@@ -1,54 +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("HvAvatar", {
-  root: {
-    fontSize: "1rem"
-  },
-  img: {
-    width: "100%",
-    height: "100%",
-    textAlign: "center",
-    // Handle non-square image. The property isn't supported by IE 11.
-    objectFit: "cover",
-    // Hide alt text.
-    color: "transparent",
-    // Hide the image broken icon, only works on Chrome.
-    textIndent: 1e4
-  },
-  fallback: {},
-  /** @deprecated use `classes.container` instead */
-  status: {},
-  container: {
-    display: "flex",
-    alignItems: "center",
-    position: "relative",
-    padding: uikitStyles.theme.space.xxs,
-    height: "fit-content",
-    ":focus-visible": {
-      ...focusUtils.outlineStyles,
-      borderRadius: 0
-    }
-  },
-  xs: { width: 24, height: 24, fontSize: "0.5rem" },
-  sm: { width: 32, height: 32, fontSize: "0.625rem" },
-  md: { width: 40, height: 40, fontSize: "1rem" },
-  lg: { width: 52, height: 52, fontSize: "1.5rem" },
-  xl: { width: 88, height: 88, fontSize: "2rem" },
-  avatar: { borderRadius: "inherit" },
-  badge: {
-    width: 8,
-    height: 8,
-    position: "absolute",
-    top: 0,
-    right: 0,
-    borderRadius: uikitStyles.theme.radii.full,
-    zIndex: 1
-  },
-  circular: { borderRadius: uikitStyles.theme.radii.full },
-  square: {}
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/AvatarGroup/AvatarGroup.cjs

@@ -1,152 +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 Avatar = require("../Avatar/Avatar.cjs");
-const AvatarGroup_styles = require("./AvatarGroup.styles.cjs");
-const AvatarGroupContext = require("./AvatarGroupContext.cjs");
-const getSpacingValue = (spacing, size) => {
-  switch (size) {
-    case "xs":
-      return spacing === "compact" ? 24 : 16;
-    case "sm":
-      return spacing === "compact" ? 30 : 18;
-    case "md":
-      return spacing === "compact" ? 36 : 20;
-    case "lg":
-      return spacing === "compact" ? 44 : 24;
-    case "xl":
-      return spacing === "compact" ? 72 : 34;
-    default:
-      return spacing === "compact" ? 30 : 18;
-  }
-};
-const getFontSize = (size) => {
-  switch (size) {
-    case "xs":
-      return "1em";
-    case "sm":
-      return "1.25em";
-    case "md":
-      return "1.5em";
-    case "lg":
-      return "1.75em";
-    case "xl":
-      return "3em";
-    default:
-      return "1em";
-  }
-};
-const Overflow = ({
-  direction,
-  childrenToShow,
-  spacingValue,
-  overflowComponent,
-  totalChildren,
-  maxVisible,
-  size
-}) => {
-  const { css } = uikitReactUtils.useCss();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      style: {
-        marginLeft: direction === "row" && childrenToShow.length > 0 ? -spacingValue : 0,
-        marginTop: direction === "column" && childrenToShow.length > 0 ? -spacingValue : 0,
-        zIndex: 0
-      },
-      children: overflowComponent ? overflowComponent(totalChildren - maxVisible) : /* @__PURE__ */ jsxRuntime.jsxs(
-        Avatar.HvAvatar,
-        {
-          size,
-          backgroundColor: uikitStyles.theme.colors.border,
-          classes: {
-            avatar: css({
-              [`&.HvAvatar-${size}`]: {
-                fontSize: getFontSize(size)
-              }
-            })
-          },
-          children: [
-            "+",
-            totalChildren - maxVisible
-          ]
-        }
-      )
-    }
-  );
-};
-const HvAvatarGroup = React.forwardRef(
-  function HvAvatarGroup2(props, ref) {
-    const {
-      className,
-      style,
-      classes: classesProp,
-      children,
-      size = "sm",
-      spacing = "loose",
-      direction = "row",
-      maxVisible = 3,
-      overflowComponent,
-      highlight = false,
-      toBack = false,
-      ...others
-    } = uikitReactUtils.useDefaultProps("HvAvatarGroup", props);
-    const { classes, cx } = AvatarGroup_styles.useClasses(classesProp);
-    const spacingValue = getSpacingValue(spacing, size);
-    const totalChildren = React.Children.count(children);
-    const willOverflow = totalChildren > maxVisible;
-    const childrenToShow = React.Children.toArray(children).slice(0, maxVisible);
-    if (toBack) childrenToShow.reverse();
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: cx(
-          classes.root,
-          classes[direction],
-          {
-            [classes.highlight]: highlight,
-            [classes.toBack]: toBack
-          },
-          className
-        ),
-        style: uikitReactUtils.mergeStyles(style, {
-          "--spacing": `-${spacingValue}px`
-        }),
-        ref,
-        ...others,
-        children: /* @__PURE__ */ jsxRuntime.jsxs(AvatarGroupContext.HvAvatarGroupProvider, { size, children: [
-          toBack && willOverflow && /* @__PURE__ */ jsxRuntime.jsx(
-            Overflow,
-            {
-              childrenToShow,
-              direction,
-              maxVisible,
-              overflowComponent,
-              size,
-              spacingValue,
-              totalChildren
-            }
-          ),
-          childrenToShow,
-          !toBack && willOverflow && /* @__PURE__ */ jsxRuntime.jsx(
-            Overflow,
-            {
-              childrenToShow,
-              direction,
-              maxVisible,
-              overflowComponent,
-              size,
-              spacingValue,
-              totalChildren
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-exports.avatarGroupClasses = AvatarGroup_styles.staticClasses;
-exports.HvAvatarGroup = HvAvatarGroup;