@hitachivantara/uikit-react-core 6.8.1 → 6.9.0

package/dist/FormElement/FormElement.styles.js

@@ -1,8 +1,5 @@
 import { createClasses } from "@hitachivantara/uikit-react-utils";
-const { staticClasses, useClasses } = createClasses("HvFormElement", {
-  root: {}
-});
-export {
-  staticClasses,
-  useClasses
-};
+//#region src/FormElement/FormElement.styles.tsx
+var { staticClasses, useClasses } = createClasses("HvFormElement", { root: {} });
+//#endregion
+export { staticClasses, useClasses };

package/dist/FormElement/InfoMessage/InfoMessage.js

@@ -1,45 +1,30 @@
-import { jsx } from "react/jsx-runtime";
-import { useContext } from "react";
-import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
+import { HvTypography } from "../../Typography/Typography.js";
 import { setId } from "../../utils/setId.js";
 import { HvFormElementContext } from "../context.js";
 import { useClasses } from "./InfoMessage.styles.js";
-import { staticClasses } from "./InfoMessage.styles.js";
-import { HvTypography } from "../../Typography/Typography.js";
-const HvInfoMessage = (props) => {
-  const {
-    id: idProp,
-    classes: classesProp,
-    className,
-    children,
-    disabled: disabledProp,
-    disableGutter,
-    ...others
-  } = useDefaultProps("HvInfoMessage", props);
-  const { classes, cx } = useClasses(classesProp);
-  const context = useContext(HvFormElementContext);
-  const disabled = disabledProp ?? context.disabled;
-  const id = idProp ?? setId(context.id, "description");
-  return /* @__PURE__ */ jsx(
-    HvTypography,
-    {
-      id,
-      className: cx(
-        classes.root,
-        {
-          [classes.infoDisabled]: !!disabled,
-          [classes.gutter]: !disableGutter
-        },
-        className
-      ),
-      variant: "body",
-      component: "label",
-      ...others,
-      children
-    }
-  );
-};
-export {
-  HvInfoMessage,
-  staticClasses as infoMessageClasses
+import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
+import { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/FormElement/InfoMessage/InfoMessage.tsx
+/**
+* Provides the user with additional descriptive text for the form element.
+*/
+var HvInfoMessage = (props) => {
+	const { id: idProp, classes: classesProp, className, children, disabled: disabledProp, disableGutter, ...others } = useDefaultProps("HvInfoMessage", props);
+	const { classes, cx } = useClasses(classesProp);
+	const context = useContext(HvFormElementContext);
+	const disabled = disabledProp ?? context.disabled;
+	return /* @__PURE__ */ jsx(HvTypography, {
+		id: idProp ?? setId(context.id, "description"),
+		className: cx(classes.root, {
+			[classes.infoDisabled]: !!disabled,
+			[classes.gutter]: !disableGutter
+		}, className),
+		variant: "body",
+		component: "label",
+		...others,
+		children
+	});
 };
+//#endregion
+export { HvInfoMessage };

package/dist/FormElement/InfoMessage/InfoMessage.styles.js

@@ -1,11 +1,13 @@
-import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
-const { staticClasses, useClasses } = createClasses("HvInfoMessage", {
-  root: { color: theme.colors.textSubtle, display: "inline-block" },
-  infoDisabled: { color: theme.colors.textDisabled },
-  gutter: { padding: theme.spacing(0, 0, "xxs", "xs") }
+import { createClasses } from "@hitachivantara/uikit-react-utils";
+//#region src/FormElement/InfoMessage/InfoMessage.styles.tsx
+var { staticClasses, useClasses } = createClasses("HvInfoMessage", {
+	root: {
+		color: theme.colors.textSubtle,
+		display: "inline-block"
+	},
+	infoDisabled: { color: theme.colors.textDisabled },
+	gutter: { padding: theme.spacing(0, 0, "xxs", "xs") }
 });
-export {
-  staticClasses,
-  useClasses
-};
+//#endregion
+export { staticClasses, useClasses };

package/dist/FormElement/Label/Label.js

@@ -1,61 +1,38 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useContext, useMemo } from "react";
-import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
+import { HvTypography } from "../../Typography/Typography.js";
 import { setId } from "../../utils/setId.js";
 import { HvFormElementContext } from "../context.js";
 import { findDescriptors } from "../utils.js";
 import { useClasses } from "./Label.styles.js";
-import { staticClasses } from "./Label.styles.js";
-import { HvTypography } from "../../Typography/Typography.js";
-const HvLabel = (props) => {
-  const {
-    id: idProp,
-    classes: classesProp,
-    className,
-    children,
-    label,
-    showGutter,
-    disabled: disabledProp,
-    required: requiredProp,
-    htmlFor: htmlForProp,
-    ...others
-  } = useDefaultProps("HvLabel", props);
-  const { classes, cx } = useClasses(classesProp);
-  const context = useContext(HvFormElementContext);
-  const disabled = disabledProp ?? context.disabled;
-  const required = requiredProp ?? context.required;
-  const id = idProp ?? setId(context.id, "label");
-  const forId = useMemo(
-    () => htmlForProp || findDescriptors(children)?.input?.[0]?.id,
-    [children, htmlForProp]
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      HvTypography,
-      {
-        id,
-        className: cx(
-          classes.root,
-          {
-            [classes.labelDisabled]: disabled,
-            [classes.childGutter]: showGutter || children && label
-          },
-          className
-        ),
-        variant: "label",
-        component: "label",
-        htmlFor: forId,
-        ...others,
-        children: [
-          label,
-          required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "*" })
-        ]
-      }
-    ),
-    children
-  ] });
-};
-export {
-  HvLabel,
-  staticClasses as labelClasses
+import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
+import { useContext, useMemo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/FormElement/Label/Label.tsx
+/**
+* Provides the user with a recognizable name for a given form element.
+*/
+var HvLabel = (props) => {
+	const { id: idProp, classes: classesProp, className, children, label, showGutter, disabled: disabledProp, required: requiredProp, htmlFor: htmlForProp, ...others } = useDefaultProps("HvLabel", props);
+	const { classes, cx } = useClasses(classesProp);
+	const context = useContext(HvFormElementContext);
+	const disabled = disabledProp ?? context.disabled;
+	const required = requiredProp ?? context.required;
+	const id = idProp ?? setId(context.id, "label");
+	const forId = useMemo(() => htmlForProp || findDescriptors(children)?.input?.[0]?.id, [children, htmlForProp]);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(HvTypography, {
+		id,
+		className: cx(classes.root, {
+			[classes.labelDisabled]: disabled,
+			[classes.childGutter]: showGutter || children && label
+		}, className),
+		variant: "label",
+		component: "label",
+		htmlFor: forId,
+		...others,
+		children: [label, required && /* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			children: "*"
+		})]
+	}), children] });
 };
+//#endregion
+export { HvLabel };

package/dist/FormElement/Label/Label.styles.js

@@ -1,11 +1,13 @@
-import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
-const { staticClasses, useClasses } = createClasses("HvLabel", {
-  root: { fontWeight: theme.fontWeights.normal, display: "inline-block" },
-  labelDisabled: { color: theme.colors.textDisabled },
-  childGutter: { paddingBottom: theme.space.xxs }
+import { createClasses } from "@hitachivantara/uikit-react-utils";
+//#region src/FormElement/Label/Label.styles.tsx
+var { staticClasses, useClasses } = createClasses("HvLabel", {
+	root: {
+		fontWeight: theme.fontWeights.normal,
+		display: "inline-block"
+	},
+	labelDisabled: { color: theme.colors.textDisabled },
+	childGutter: { paddingBottom: theme.space.xxs }
 });
-export {
-  staticClasses,
-  useClasses
-};
+//#endregion
+export { staticClasses, useClasses };

package/dist/FormElement/LabelContainer.js

@@ -1,58 +1,49 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useDefaultProps, createClasses } from "@hitachivantara/uikit-react-utils";
-import { theme } from "@hitachivantara/uikit-styles";
-import { HvInfoMessage } from "./InfoMessage/InfoMessage.js";
 import { HvLabel } from "./Label/Label.js";
-const { useClasses } = createClasses("HvLabelContainer", {
-  root: {
-    display: "flex",
-    alignItems: "center",
-    gap: theme.space.xs,
-    height: 24,
-    marginBottom: theme.space.xxs
-  },
-  label: {},
-  description: {}
+import { HvInfoMessage } from "./InfoMessage/InfoMessage.js";
+import { theme } from "@hitachivantara/uikit-styles";
+import { createClasses, useDefaultProps } from "@hitachivantara/uikit-react-utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/FormElement/LabelContainer.tsx
+var { useClasses } = createClasses("HvLabelContainer", {
+	root: {
+		display: "flex",
+		alignItems: "center",
+		gap: theme.space.xs,
+		height: 24,
+		marginBottom: theme.space.xxs
+	},
+	label: {},
+	description: {}
 });
-const HvLabelContainer = (props) => {
-  const {
-    label,
-    description,
-    inputId,
-    labelId,
-    descriptionId,
-    classes: classesProp,
-    labelProps,
-    descriptionProps,
-    children,
-    ...others
-  } = useDefaultProps("HvLabelContainer", props);
-  const { classes } = useClasses(classesProp, false);
-  if (label == null && description == null && children == null) return null;
-  return /* @__PURE__ */ jsxs("div", { className: classes.root, ...others, children: [
-    label != null && /* @__PURE__ */ jsx(
-      HvLabel,
-      {
-        id: labelId,
-        className: classes.label,
-        htmlFor: inputId,
-        label,
-        ...labelProps
-      }
-    ),
-    description != null && /* @__PURE__ */ jsx(
-      HvInfoMessage,
-      {
-        disableGutter: true,
-        id: descriptionId,
-        className: classes.description,
-        ...descriptionProps,
-        children: description
-      }
-    ),
-    children
-  ] });
-};
-export {
-  HvLabelContainer
+/**
+* A container for the label and description combo of form elements.
+* @internal @private
+*/
+var HvLabelContainer = (props) => {
+	const { label, description, inputId, labelId, descriptionId, classes: classesProp, labelProps, descriptionProps, children, ...others } = useDefaultProps("HvLabelContainer", props);
+	const { classes } = useClasses(classesProp, false);
+	if (label == null && description == null && children == null) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: classes.root,
+		...others,
+		children: [
+			label != null && /* @__PURE__ */ jsx(HvLabel, {
+				id: labelId,
+				className: classes.label,
+				htmlFor: inputId,
+				label,
+				...labelProps
+			}),
+			description != null && /* @__PURE__ */ jsx(HvInfoMessage, {
+				disableGutter: true,
+				id: descriptionId,
+				className: classes.description,
+				...descriptionProps,
+				children: description
+			}),
+			children
+		]
+	});
 };
+//#endregion
+export { HvLabelContainer };

package/dist/FormElement/Suggestions/Suggestions.js

@@ -1,75 +1,50 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef, useContext, useRef } from "react";
-import { useForkRef } from "@mui/material/utils";
-import { useDefaultProps, useTheme, mergeStyles } from "@hitachivantara/uikit-react-utils";
-import { HvDropdownPanel } from "../../BaseDropdown/BaseDropdownPanel.js";
-import { getContainerElement } from "../../utils/document.js";
+import { HvListItem } from "../../ListContainer/ListItem/ListItem.js";
 import { setId } from "../../utils/setId.js";
 import { HvFormElementContext } from "../context.js";
-import { useClasses } from "./Suggestions.styles.js";
-import { staticClasses } from "./Suggestions.styles.js";
+import { getContainerElement } from "../../utils/document.js";
+import { HvDropdownPanel } from "../../BaseDropdown/BaseDropdownPanel.js";
 import { HvSelectionList } from "../../SelectionList/SelectionList.js";
-import { HvListItem } from "../../ListContainer/ListItem/ListItem.js";
-const HvSuggestions = forwardRef(function HvSuggestions2(props, extRef) {
-  const {
-    id: idProp,
-    className,
-    classes: classesProp,
-    enablePortal,
-    open: openProp = false,
-    anchorEl,
-    suggestionValues,
-    onClose,
-    onSuggestionSelected,
-    popperProps,
-    ...others
-  } = useDefaultProps("HvSuggestions", props);
-  const { classes, cx } = useClasses(classesProp);
-  const { rootId } = useTheme();
-  const context = useContext(HvFormElementContext);
-  const id = idProp ?? setId(context.id, "suggestions");
-  const ref = useRef(null);
-  const forkedRef = useForkRef(ref, extRef);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      id,
-      ref: forkedRef,
-      className: cx(classes.root, className),
-      ...others,
-      children: /* @__PURE__ */ jsx(
-        HvDropdownPanel,
-        {
-          onClickAway: onClose,
-          style: mergeStyles(void 0, {
-            "--popper-width": enablePortal && `${anchorEl?.clientWidth}px`
-          }),
-          open: openProp,
-          disablePortal: !enablePortal,
-          container: enablePortal ? getContainerElement(rootId) : void 0,
-          anchorEl,
-          className: cx(classes.popper, {
-            [classes.portal]: enablePortal
-          }),
-          classes: { panel: classes.panel },
-          ...popperProps,
-          children: /* @__PURE__ */ jsx(
-            HvSelectionList,
-            {
-              className: classes.list,
-              id: setId(id, "list"),
-              onChange: onSuggestionSelected,
-              onMouseDown: (evt) => evt.preventDefault(),
-              onPointerDown: (evt) => evt.preventDefault(),
-              children: suggestionValues?.map((item) => /* @__PURE__ */ jsx(HvListItem, { value: item, disabled: item.disabled, children: item.label }, item.id))
-            }
-          )
-        }
-      )
-    }
-  );
+import { useClasses } from "./Suggestions.styles.js";
+import { mergeStyles, useDefaultProps, useTheme } from "@hitachivantara/uikit-react-utils";
+import { forwardRef, useContext, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useForkRef } from "@mui/material/utils";
+//#region src/FormElement/Suggestions/Suggestions.tsx
+var HvSuggestions = forwardRef(function HvSuggestions(props, extRef) {
+	const { id: idProp, className, classes: classesProp, enablePortal, open: openProp = false, anchorEl, suggestionValues, onClose, onSuggestionSelected, popperProps, ...others } = useDefaultProps("HvSuggestions", props);
+	const { classes, cx } = useClasses(classesProp);
+	const { rootId } = useTheme();
+	const context = useContext(HvFormElementContext);
+	const id = idProp ?? setId(context.id, "suggestions");
+	return /* @__PURE__ */ jsx("div", {
+		id,
+		ref: useForkRef(useRef(null), extRef),
+		className: cx(classes.root, className),
+		...others,
+		children: /* @__PURE__ */ jsx(HvDropdownPanel, {
+			onClickAway: onClose,
+			style: mergeStyles(void 0, { "--popper-width": enablePortal && `${anchorEl?.clientWidth}px` }),
+			open: openProp,
+			disablePortal: !enablePortal,
+			container: enablePortal ? getContainerElement(rootId) : void 0,
+			anchorEl,
+			className: cx(classes.popper, { [classes.portal]: enablePortal }),
+			classes: { panel: classes.panel },
+			...popperProps,
+			children: /* @__PURE__ */ jsx(HvSelectionList, {
+				className: classes.list,
+				id: setId(id, "list"),
+				onChange: onSuggestionSelected,
+				onMouseDown: (evt) => evt.preventDefault(),
+				onPointerDown: (evt) => evt.preventDefault(),
+				children: suggestionValues?.map((item) => /* @__PURE__ */ jsx(HvListItem, {
+					value: item,
+					disabled: item.disabled,
+					children: item.label
+				}, item.id))
+			})
+		})
+	});
 });
-export {
-  HvSuggestions,
-  staticClasses as suggestionsClasses
-};
+//#endregion
+export { HvSuggestions };

package/dist/FormElement/Suggestions/Suggestions.styles.js

@@ -1,18 +1,11 @@
 import { createClasses } from "@hitachivantara/uikit-react-utils";
-const { staticClasses, useClasses } = createClasses("HvSuggestions", {
-  root: {
-    position: "relative"
-  },
-  panel: {},
-  list: {
-    width: "100%"
-  },
-  popper: {
-    width: "var(--popper-width, 100%)"
-  },
-  portal: {}
+//#region src/FormElement/Suggestions/Suggestions.styles.tsx
+var { staticClasses, useClasses } = createClasses("HvSuggestions", {
+	root: { position: "relative" },
+	panel: {},
+	list: { width: "100%" },
+	popper: { width: "var(--popper-width, 100%)" },
+	portal: {}
 });
-export {
-  staticClasses,
-  useClasses
-};
+//#endregion
+export { staticClasses, useClasses };

package/dist/FormElement/WarningText/WarningText.js

@@ -1,66 +1,45 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useContext } from "react";
-import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
-import { HvIcon } from "../../icons.js";
 import { setId } from "../../utils/setId.js";
 import { HvFormElementContext } from "../context.js";
+import { HvIcon } from "../../icons.js";
 import { useClasses } from "./WarningText.styles.js";
-import { staticClasses } from "./WarningText.styles.js";
-const HvWarningText = (props) => {
-  const {
-    children,
-    adornment: adornmentProp,
-    isVisible: isVisibleProp,
-    classes: classesProp,
-    className,
-    id: idProp,
-    disabled: disabledProp,
-    disableGutter,
-    disableBorder,
-    disableAdornment,
-    hideText,
-    ...others
-  } = useDefaultProps("HvWarningText", props);
-  const { classes, cx } = useClasses(classesProp);
-  const context = useContext(HvFormElementContext);
-  const disabled = disabledProp ?? context.disabled;
-  const visible = isVisibleProp ?? context.status === "invalid";
-  const id = idProp ?? setId(context.id, "error");
-  const showWarning = visible && !disabled;
-  const adornment = adornmentProp || /* @__PURE__ */ jsx(HvIcon, { name: "Fail", size: "xs", className: classes.defaultIcon });
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cx(
-        classes.root,
-        {
-          [classes.show]: showWarning,
-          [classes.topBorder]: !disableBorder
-        },
-        className
-      ),
-      children: [
-        !disableAdornment && adornment,
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            id,
-            className: cx(classes.warningText, {
-              [classes.topGutter]: !disableGutter,
-              [classes.hideText]: hideText
-            }),
-            role: "status",
-            "aria-live": "polite",
-            "aria-relevant": "additions text",
-            ...others,
-            children: showWarning && children
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  HvWarningText,
-  staticClasses as warningTextClasses
+import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
+import { useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/FormElement/WarningText/WarningText.tsx
+/**
+* Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.
+*/
+var HvWarningText = (props) => {
+	const { children, adornment: adornmentProp, isVisible: isVisibleProp, classes: classesProp, className, id: idProp, disabled: disabledProp, disableGutter, disableBorder, disableAdornment, hideText, ...others } = useDefaultProps("HvWarningText", props);
+	const { classes, cx } = useClasses(classesProp);
+	const context = useContext(HvFormElementContext);
+	const disabled = disabledProp ?? context.disabled;
+	const visible = isVisibleProp ?? context.status === "invalid";
+	const id = idProp ?? setId(context.id, "error");
+	const showWarning = visible && !disabled;
+	const adornment = adornmentProp || /* @__PURE__ */ jsx(HvIcon, {
+		name: "Fail",
+		size: "xs",
+		className: classes.defaultIcon
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(classes.root, {
+			[classes.show]: showWarning,
+			[classes.topBorder]: !disableBorder
+		}, className),
+		children: [!disableAdornment && adornment, /* @__PURE__ */ jsx("span", {
+			id,
+			className: cx(classes.warningText, {
+				[classes.topGutter]: !disableGutter,
+				[classes.hideText]: hideText
+			}),
+			role: "status",
+			"aria-live": "polite",
+			"aria-relevant": "additions text",
+			...others,
+			children: showWarning && children
+		})]
+	});
 };
+//#endregion
+export { HvWarningText };