@hitachivantara/uikit-react-core 5.104.0 → 5.104.1

package/dist/cjs/packages/core/src/AppSwitcher/Action/Action.cjs

@@ -1,120 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const a = 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] = a.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 = a.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/packages/core/src/AppSwitcher/AppSwitcher.cjs

@@ -1,100 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const a = 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 = a.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 = a.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/packages/core/src/Avatar/Avatar.cjs

@@ -1,123 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const a = 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 = a.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/packages/core/src/AvatarGroup/AvatarGroup.cjs

@@ -1,152 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const a = 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 = a.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 = a.Children.count(children);
-    const willOverflow = totalChildren > maxVisible;
-    const childrenToShow = a.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;

package/dist/cjs/packages/core/src/AvatarGroup/AvatarGroupContext.cjs

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const a = require("react");
-const HvAvatarGroupContext = a.createContext(null);
-const HvAvatarGroupProvider = ({
-  size,
-  children
-}) => {
-  const value = a.useMemo(() => ({ size }), [size]);
-  return /* @__PURE__ */ jsxRuntime.jsx(HvAvatarGroupContext.Provider, { value, children });
-};
-const useAvatarGroupContext = () => {
-  const context = a.useContext(HvAvatarGroupContext);
-  return context;
-};
-exports.HvAvatarGroupContext = HvAvatarGroupContext;
-exports.HvAvatarGroupProvider = HvAvatarGroupProvider;
-exports.useAvatarGroupContext = useAvatarGroupContext;

package/dist/cjs/packages/core/src/Badge/Badge.cjs

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const a = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const Badge_styles = require("./Badge.styles.cjs");
-const Typography = require("../Typography/Typography.cjs");
-const HvBadge = a.forwardRef(function HvBadge2(props, ref) {
-  const {
-    classes: classesProp,
-    className,
-    color,
-    showCount = false,
-    count: countProp = 0,
-    maxCount = 99,
-    label,
-    icon,
-    text,
-    textVariant,
-    children: childrenProp,
-    style,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvBadge", props);
-  const { classes, cx } = Badge_styles.useClasses(classesProp);
-  const count = typeof label === "number" ? label : countProp;
-  const countValue = count > maxCount ? `${maxCount}+` : count;
-  const renderedCount = showCount && count > 0 ? countValue : "";
-  const renderedCountOrLabel = label && typeof label !== "number" ? label : renderedCount;
-  const children = childrenProp || icon || text && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: textVariant, children: text });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cx(classes.root, className), ...others, children: [
-    children,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        "data-color": color,
-        style: uikitReactUtils.mergeStyles(style, {
-          "--bg-color": color && uikitStyles.getColor(color)
-        }),
-        className: cx(classes.badgePosition, {
-          [classes.badgeContainer]: children,
-          [classes.badgeHidden]: !(count > 0 || renderedCountOrLabel),
-          // TODO: remove unnecessary classes in v6 (hoist+rename `badge` to `badgePosition`)
-          [classes.badge]: !!(count > 0 || renderedCountOrLabel),
-          [classes.showCount]: !!(!label && renderedCountOrLabel),
-          [classes.showLabel]: !!label,
-          [classes.badgeIcon]: !!icon,
-          [classes.badgeOneDigit]: String(renderedCountOrLabel).length === 1
-        }),
-        children: renderedCountOrLabel
-      }
-    )
-  ] });
-});
-exports.badgeClasses = Badge_styles.staticClasses;
-exports.HvBadge = HvBadge;

package/dist/cjs/packages/core/src/Banner/Banner.cjs

@@ -1,93 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const a = require("react");
-const Slide = require("@mui/material/Slide");
-const Snackbar = require("@mui/material/Snackbar");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const setId = require("../utils/setId.cjs");
-const Banner_styles = require("./Banner.styles.cjs");
-const BannerContent = require("./BannerContent/BannerContent.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const Slide__default = /* @__PURE__ */ _interopDefault(Slide);
-const Snackbar__default = /* @__PURE__ */ _interopDefault(Snackbar);
-const HvBanner = a.forwardRef(function HvBanner2(props, ref) {
-  const {
-    id,
-    classes: classesProp,
-    className,
-    title,
-    open,
-    onClose,
-    anchorOrigin = "top",
-    variant,
-    transitionDuration = 300,
-    transitionDirection = "down",
-    container,
-    showIcon,
-    customIcon,
-    actions,
-    actionsCallback,
-    // TODO - remove in v6
-    onAction,
-    actionsPosition,
-    label,
-    offset = 60,
-    bannerContentProps,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvBanner", props);
-  const { classes, cx } = Banner_styles.useClasses(classesProp);
-  const anchorOriginBanner = {
-    horizontal: "center",
-    vertical: anchorOrigin
-  };
-  const SlideTransition = a.useCallback(
-    (properties) => /* @__PURE__ */ jsxRuntime.jsx(
-      Slide__default.default,
-      {
-        ...properties,
-        container,
-        direction: transitionDirection
-      }
-    ),
-    [container, transitionDirection]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Snackbar__default.default,
-    {
-      ref,
-      id,
-      open,
-      className,
-      classes: {
-        root: cx(classes.root, { [classes.rootClosed]: !open }),
-        anchorOriginTopCenter: classes.anchorOriginTopCenter,
-        anchorOriginBottomCenter: classes.anchorOriginBottomCenter
-      },
-      style: { [anchorOrigin]: offset },
-      anchorOrigin: anchorOriginBanner,
-      TransitionComponent: SlideTransition,
-      transitionDuration,
-      ...others,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        BannerContent.HvBannerContent,
-        {
-          id: setId.setId(id, "content"),
-          title,
-          variant,
-          customIcon,
-          showIcon,
-          actions,
-          actionsCallback,
-          onAction,
-          actionsPosition,
-          onClose,
-          ...bannerContentProps,
-          children: label
-        }
-      )
-    }
-  );
-});
-exports.bannerClasses = Banner_styles.staticClasses;
-exports.HvBanner = HvBanner;