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

package/dist/cjs/ScrollToHorizontal/ScrollToHorizontal.cjs

@@ -1,100 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const styles = require("@mui/material/styles");
-const useMediaQuery = require("@mui/material/useMediaQuery");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const useScrollTo = require("../hooks/useScrollTo.cjs");
-const keyboardUtils = require("../utils/keyboardUtils.cjs");
-const setId = require("../utils/setId.cjs");
-const ScrollToHorizontal_styles = require("./ScrollToHorizontal.styles.cjs");
-const HorizontalScrollListItem = require("./HorizontalScrollListItem/HorizontalScrollListItem.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const useMediaQuery__default = /* @__PURE__ */ _interopDefault(useMediaQuery);
-const HvScrollToHorizontal = (props) => {
-  const {
-    id,
-    defaultSelectedIndex = 0,
-    scrollElementId,
-    // @ts-ignore
-    href = true,
-    navigationMode = href ? "push" : "none",
-    relativeLinks = false,
-    onChange,
-    onClick,
-    onEnter,
-    className,
-    classes: classesProp,
-    options,
-    offset = 0,
-    position = "relative",
-    tooltipPosition = "top",
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvScrollToHorizontal", props);
-  const { classes, css, cx } = ScrollToHorizontal_styles.useClasses(classesProp);
-  const muiTheme = styles.useTheme();
-  const downSm = useMediaQuery__default.default(muiTheme.breakpoints.down("sm"));
-  const upMd = useMediaQuery__default.default(muiTheme.breakpoints.up("md"));
-  const [selectedIndex, setScrollTo, elements] = useScrollTo.useScrollTo(
-    defaultSelectedIndex,
-    scrollElementId,
-    navigationMode,
-    relativeLinks,
-    offset,
-    options,
-    onChange
-  );
-  const tabs = elements.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(
-    HorizontalScrollListItem.HvHorizontalScrollListItem,
-    {
-      id: setId.setId(id, `item-${index}`),
-      onClick: (event) => {
-        event.preventDefault();
-        setScrollTo(event, option.value, index, () => onChange?.(event, index));
-        onClick?.(event, index);
-      },
-      onKeyDown: (event) => {
-        if (keyboardUtils.isKey(event, "Enter") !== true) return;
-        event.preventDefault();
-        setScrollTo(event, option.value, index, () => onChange?.(event, index));
-        onEnter?.(event, index);
-      },
-      href: navigationMode !== "none" ? option.href : void 0,
-      tooltipPlacement: tooltipPosition,
-      selected: selectedIndex === index,
-      label: option.label,
-      iconClasses: cx({
-        [classes.selected]: selectedIndex === index,
-        [classes.notSelected]: selectedIndex !== index,
-        [classes.notSelectedRoot]: selectedIndex !== index
-      })
-    },
-    option.key || option.label
-  ));
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "ol",
-    {
-      className: cx(
-        css({
-          width: position === "fixed" && (upMd || downSm) ? `calc(100% - 2*${uikitStyles.theme.spacing(upMd ? 4 : 2)})` : "100%",
-          marginTop: 0,
-          marginBottom: 0,
-          marginRight: position === "fixed" && (upMd || downSm) ? uikitStyles.theme.spacing(upMd ? 4 : 2) : 0,
-          marginLeft: position === "fixed" && (upMd || downSm) ? uikitStyles.theme.spacing(upMd ? 4 : 2) : 0
-        }),
-        classes.root,
-        {
-          [classes.positionSticky]: position === "sticky",
-          [classes.positionFixed]: position === "fixed"
-        },
-        className
-      ),
-      id,
-      ...others,
-      children: tabs
-    }
-  );
-};
-exports.scrollToHorizontalClasses = ScrollToHorizontal_styles.staticClasses;
-exports.HvScrollToHorizontal = HvScrollToHorizontal;

package/dist/cjs/ScrollToHorizontal/ScrollToHorizontal.styles.cjs

@@ -1,34 +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(
-  "HvScrollToHorizontal",
-  {
-    root: {
-      display: "flex",
-      padding: "0 30px",
-      listStyleType: "none",
-      flexWrap: "wrap",
-      backdropFilter: `blur(4px)`,
-      backgroundColor: uikitStyles.theme.alpha("bgPage", 0.9)
-    },
-    positionSticky: {
-      position: "sticky",
-      zIndex: `calc(${uikitStyles.theme.zIndices.banner} - 2)`,
-      top: 0,
-      left: 0
-    },
-    positionFixed: {
-      position: "fixed",
-      zIndex: `calc(${uikitStyles.theme.zIndices.banner} - 2)`,
-      top: 0,
-      left: 0
-    },
-    notSelectedRoot: {},
-    notSelected: {},
-    selected: {}
-  }
-);
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/ScrollToVertical/ScrollToVertical.cjs

@@ -1,83 +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 useScrollTo = require("../hooks/useScrollTo.cjs");
-const keyboardUtils = require("../utils/keyboardUtils.cjs");
-const setId = require("../utils/setId.cjs");
-const ScrollToVertical_styles = require("./ScrollToVertical.styles.cjs");
-const VerticalScrollListItem = require("./VerticalScrollListItem/VerticalScrollListItem.cjs");
-const HvScrollToVertical = (props) => {
-  const {
-    id,
-    defaultSelectedIndex = 0,
-    scrollElementId,
-    // @ts-ignore
-    href = true,
-    navigationMode = href ? "push" : "none",
-    relativeLinks = false,
-    onChange,
-    onClick,
-    onEnter,
-    className,
-    classes: classesProp,
-    options,
-    offset = 0,
-    position = "relative",
-    tooltipPosition = "left",
-    style,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvScrollToVertical", props);
-  const { classes, cx } = ScrollToVertical_styles.useClasses(classesProp);
-  const [selectedIndex, setScrollTo, elements] = useScrollTo.useScrollTo(
-    defaultSelectedIndex,
-    scrollElementId,
-    navigationMode,
-    relativeLinks,
-    offset,
-    options,
-    onChange
-  );
-  const tabs = elements.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(
-    VerticalScrollListItem.HvVerticalScrollListItem,
-    {
-      id: setId.setId(id, `item-${index}`),
-      onClick: (event) => {
-        event.preventDefault();
-        setScrollTo(event, option.value, index, () => onChange?.(event, index));
-        onClick?.(event, index);
-      },
-      onKeyDown: (event) => {
-        if (keyboardUtils.isKey(event, "Enter") !== true) return;
-        event.preventDefault();
-        setScrollTo(event, option.value, index, () => onChange?.(event, index));
-        onEnter?.(event, index);
-      },
-      href: navigationMode !== "none" ? option.href : void 0,
-      tooltipPlacement: tooltipPosition,
-      selected: selectedIndex === index,
-      label: option.label
-    },
-    option.key || option.label
-  ));
-  const positionOffset = ScrollToVertical_styles.calculateOffset(options.length);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "ol",
-    {
-      className: cx(
-        classes.root,
-        {
-          [classes.positionFixed]: position === "fixed",
-          [classes.positionAbsolute]: position === "absolute"
-        },
-        className
-      ),
-      style: { top: `calc(50% - ${positionOffset}px)`, ...style },
-      id,
-      ...others,
-      children: tabs
-    }
-  );
-};
-exports.scrollToVerticalClasses = ScrollToVertical_styles.staticClasses;
-exports.HvScrollToVertical = HvScrollToVertical;

package/dist/cjs/ScrollToVertical/ScrollToVertical.styles.cjs

@@ -1,40 +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(
-  "HvScrollToVertical",
-  {
-    root: {
-      display: "flex",
-      width: "32px",
-      padding: "0",
-      margin: 0,
-      listStyleType: "none",
-      flexWrap: "wrap",
-      flexDirection: "column",
-      backdropFilter: `blur(4px)`,
-      backgroundColor: uikitStyles.theme.alpha("bgPage", 0.9)
-    },
-    positionAbsolute: {
-      width: "32px",
-      position: "absolute",
-      zIndex: `calc(${uikitStyles.theme.zIndices.banner} - 2)`,
-      right: "0"
-    },
-    positionFixed: {
-      width: "32px",
-      position: "fixed",
-      zIndex: `calc(${uikitStyles.theme.zIndices.banner} - 2)`,
-      right: "0"
-    }
-  }
-);
-const calculateOffset = (quantityOfOptions) => {
-  const itemSize = 32;
-  const halfOptions = Math.round(quantityOfOptions * 0.5);
-  return halfOptions * itemSize;
-};
-exports.calculateOffset = calculateOffset;
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/ScrollToVertical/VerticalScrollListItem/VerticalScrollListItem.cjs

@@ -1,40 +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 VerticalScrollListItem_styles = require("./VerticalScrollListItem.styles.cjs");
-const Tooltip = require("../../Tooltip/Tooltip.cjs");
-const HvVerticalScrollListItem = (props) => {
-  const {
-    id,
-    className,
-    classes: classesProp,
-    selected,
-    label,
-    tooltipPlacement = "left",
-    href,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvVerticalScrollListItem", props);
-  const { classes, cx } = VerticalScrollListItem_styles.useClasses(classesProp);
-  const Component = href != null ? "a" : "div";
-  return /* @__PURE__ */ jsxRuntime.jsx("li", { id, className: cx(classes.root, className), "aria-current": selected, children: /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, { title: label, placement: tooltipPlacement, children: /* @__PURE__ */ jsxRuntime.jsx(
-    Component,
-    {
-      role: href == null ? "button" : void 0,
-      tabIndex: 0,
-      className: cx(classes.button, classes.text),
-      href,
-      ...others,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: cx(classes.icon, {
-            [classes.notSelected]: !selected
-          })
-        }
-      )
-    }
-  ) }) });
-};
-exports.verticalScrollListItemClasses = VerticalScrollListItem_styles.staticClasses;
-exports.HvVerticalScrollListItem = HvVerticalScrollListItem;

package/dist/cjs/ScrollToVertical/VerticalScrollListItem/VerticalScrollListItem.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 focusUtils = require("../../utils/focusUtils.cjs");
-const name = "HvVerticalScrollListItem";
-const { staticClasses, useClasses } = uikitReactUtils.createClasses(name, {
-  root: {
-    padding: "0",
-    height: "32px",
-    width: "32px",
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  icon: {
-    width: "1em",
-    height: "1em",
-    borderRadius: uikitStyles.theme.radii.full,
-    fontSize: 6,
-    color: uikitStyles.theme.colors.text,
-    display: "inline-block",
-    backgroundColor: "currentcolor"
-  },
-  notSelected: {
-    fontSize: 4,
-    color: uikitStyles.theme.colors.textDisabled
-  },
-  /** @deprecated: use classes.button instead */
-  text: {},
-  button: {
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    height: "16px",
-    width: "16px",
-    borderRadius: uikitStyles.theme.radii.full,
-    cursor: "pointer",
-    "&:hover": {
-      backgroundColor: uikitStyles.theme.colors.bgHover,
-      "& $notSelected": {
-        fontSize: 6,
-        color: uikitStyles.theme.colors.text
-      }
-    },
-    "&:focus": {
-      outline: "none"
-    },
-    "&:focus-visible": {
-      ...focusUtils.outlineStyles
-    }
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/SearchInput/SearchInput.cjs

@@ -1,28 +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 icons = require("../icons.cjs");
-const SearchInput_styles = require("./SearchInput.styles.cjs");
-const Input = require("../Input/Input.cjs");
-const Adornment = require("../FormElement/Adornment/Adornment.cjs");
-const HvSearchInput = React.forwardRef(function HvSearchInput2(props, ref) {
-  const { classes: classesProp, ...others } = uikitReactUtils.useDefaultProps(
-    "HvSearchInput",
-    props
-  );
-  const { classes } = SearchInput_styles.useClasses(classesProp);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Input.HvInput,
-    {
-      ref,
-      type: "search",
-      disableSearchButton: true,
-      startAdornment: /* @__PURE__ */ jsxRuntime.jsx(Adornment.HvAdornment, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { compact: true, name: "Search" }) }),
-      classes,
-      ...others
-    }
-  );
-});
-exports.HvSearchInput = HvSearchInput;

package/dist/cjs/SearchInput/SearchInput.styles.cjs

@@ -1,10 +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("HvSearchInput", {
-  root: { paddingLeft: uikitStyles.theme.space.xs },
-  input: { marginLeft: 0 }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Section/Section.cjs

@@ -1,108 +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 useExpandable = require("../hooks/useExpandable.cjs");
-const icons = require("../icons.cjs");
-const Section_styles = require("./Section.styles.cjs");
-const Button = require("../Button/Button.cjs");
-const HvSection = React.forwardRef(
-  function HvSection2(props, ref) {
-    const {
-      id,
-      classes: classesProp,
-      className,
-      title,
-      expandable,
-      expanded,
-      expandableHeader,
-      defaultExpanded = true,
-      actions,
-      onToggle,
-      expandButtonProps,
-      raisedHeader,
-      contentRef,
-      children,
-      ...others
-    } = uikitReactUtils.useDefaultProps("HvSection", props);
-    const { classes, cx } = Section_styles.useClasses(classesProp);
-    const expandButtonRef = React.useRef(null);
-    const { isOpen, toggleOpen, buttonProps, regionProps } = useExpandable.useExpandable({
-      id,
-      expanded,
-      defaultExpanded
-    });
-    const hasHeader = title || actions || expandable;
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref,
-        id,
-        className: cx(classes.root, className, {
-          [classes.raisedHeader]: raisedHeader && isOpen
-        }),
-        ...others,
-        children: [
-          hasHeader && /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              className: cx(classes.header, {
-                [classes.headerExpandable]: expandable && expandableHeader
-              }),
-              onClick: () => {
-                if (!expandableHeader) return;
-                expandButtonRef.current?.click();
-              },
-              children: [
-                expandable && /* @__PURE__ */ jsxRuntime.jsx(
-                  Button.HvButton,
-                  {
-                    ref: expandButtonRef,
-                    icon: true,
-                    onClick: (event) => {
-                      event.stopPropagation();
-                      toggleOpen();
-                      onToggle?.(event, !isOpen);
-                    },
-                    "aria-label": isOpen ? "Collapse" : "Expand",
-                    ...buttonProps,
-                    ...expandButtonProps,
-                    children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "CaretDown", size: "xs", rotate: isOpen })
-                  }
-                ),
-                title,
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    className: classes.actions,
-                    onClick: (evt) => {
-                      evt.stopPropagation();
-                    },
-                    children: actions
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              ref: contentRef,
-              hidden: !isOpen,
-              className: cx(classes.content, {
-                [classes.hidden]: expandable && !isOpen,
-                [classes.spaceTop]: !hasHeader,
-                [classes.hasHeader]: hasHeader
-              }),
-              ...expandable && regionProps,
-              children
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-exports.sectionClasses = Section_styles.staticClasses;
-exports.HvSection = HvSection;

package/dist/cjs/Section/Section.styles.cjs

@@ -1,62 +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("HvSection", {
-  root: {
-    width: "100%",
-    display: "flex",
-    flexDirection: "column",
-    backgroundColor: uikitStyles.theme.colors.bgContainer,
-    borderRadius: uikitStyles.theme.radii.round,
-    overflow: "hidden",
-    border: `1px solid ${uikitStyles.theme.colors.border}`
-  },
-  hidden: { height: 0, display: "none" },
-  header: {
-    display: "flex",
-    alignItems: "center",
-    borderColor: "inherit",
-    position: "relative",
-    padding: uikitStyles.theme.space.sm,
-    "+ $content": {
-      borderTopLeftRadius: 0,
-      borderTopRightRadius: 0
-    }
-  },
-  headerExpandable: {
-    cursor: "pointer",
-    ":hover": {
-      backgroundColor: uikitStyles.theme.colors.bgHover
-    }
-  },
-  content: {
-    backgroundColor: uikitStyles.theme.colors.bgPage,
-    padding: uikitStyles.theme.space.sm,
-    borderRadius: "inherit",
-    borderColor: "inherit",
-    flex: 1
-  },
-  hasHeader: {
-    paddingTop: 0
-  },
-  /** @deprecated use `hasHeader` instead */
-  spaceTop: {},
-  actions: {
-    display: "flex",
-    gap: uikitStyles.theme.space.xs,
-    marginLeft: "auto"
-  },
-  raisedHeader: {
-    "& $header": {
-      zIndex: 1,
-      borderBottomWidth: 1,
-      boxShadow: uikitStyles.theme.colors.shadow
-    },
-    "& $content": {
-      paddingTop: uikitStyles.theme.space.sm
-    }
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Select/Option.cjs

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const useOption = require("@mui/base/useOption");
-const utils = require("@mui/material/utils");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const generic = require("../types/generic.cjs");
-const focusUtils = require("../utils/focusUtils.cjs");
-const ListItem = require("../ListContainer/ListItem/ListItem.cjs");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvOption", {
-  root: {},
-  highlighted: {
-    ...focusUtils.outlineStyles
-  }
-});
-const HvOption = generic.fixedForwardRef(function HvOption2(props, ref) {
-  const {
-    classes: classesProp,
-    className,
-    disabled = false,
-    label,
-    value,
-    children,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvOption", props);
-  const { classes, cx } = useClasses(classesProp);
-  const optionRef = React.useRef(null);
-  const rootRef = utils.useForkRef(optionRef, ref);
-  const computedLabel = label ?? (typeof children === "string" ? children : optionRef.current?.textContent?.trim());
-  const { getRootProps, selected, highlighted } = useOption.useOption({
-    disabled,
-    label: computedLabel,
-    rootRef,
-    value
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ListItem.HvListItem,
-    {
-      ref,
-      selected,
-      className: cx(classes.root, className, {
-        [classes.highlighted]: highlighted
-      }),
-      ...getRootProps(others),
-      children
-    }
-  );
-});
-exports.HvOption = HvOption;
-exports.optionClasses = staticClasses;

package/dist/cjs/Select/OptionGroup.cjs

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const OptionGroup = require("@mui/base/OptionGroup");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvOptionGroup", {
-  root: {
-    listStyle: "none",
-    ...uikitStyles.theme.typography.label
-  }
-});
-const HvOptionGroup = React.forwardRef(
-  function HvOptionGroup2(props, ref) {
-    const {
-      className,
-      classes: classesProp,
-      ...others
-    } = uikitReactUtils.useDefaultProps("HvOptionGroup", props);
-    const { classes, cx } = useClasses(classesProp);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      OptionGroup.OptionGroup,
-      {
-        ref,
-        className: cx(classes.root, className),
-        ...others
-      }
-    );
-  }
-);
-exports.HvOptionGroup = HvOptionGroup;
-exports.optionGroupClasses = staticClasses;