@hitachivantara/uikit-react-core 6.8.2 → 6.9.0

package/dist/Section/Section.js

@@ -1,106 +1,71 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useRef } from "react";
-import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
-import { useExpandable } from "../hooks/useExpandable.js";
 import { HvIcon } from "../icons.js";
-import { useClasses } from "./Section.styles.js";
-import { staticClasses } from "./Section.styles.js";
 import { HvButton } from "../Button/Button.js";
-const HvSection = forwardRef(
-  function HvSection2(props, ref) {
-    const {
-      classes: classesProp,
-      className,
-      title,
-      expandable,
-      expanded,
-      expandableHeader,
-      defaultExpanded = true,
-      actions,
-      onToggle,
-      expandButtonProps,
-      raisedHeader,
-      contentRef,
-      children,
-      ...others
-    } = useDefaultProps("HvSection", props);
-    const { classes, cx } = useClasses(classesProp);
-    const expandButtonRef = useRef(null);
-    const { isOpen, toggleOpen, buttonProps, regionProps } = useExpandable({
-      expanded,
-      defaultExpanded
-    });
-    const hasHeader = title || actions || expandable;
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cx(classes.root, className, {
-          [classes.raisedHeader]: hasHeader && raisedHeader && isOpen
-        }),
-        ...others,
-        children: [
-          hasHeader && // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cx(classes.header, {
-                [classes.headerExpandable]: expandable && expandableHeader
-              }),
-              onClick: () => {
-                if (!expandableHeader) return;
-                expandButtonRef.current?.click();
-              },
-              children: [
-                expandable && /* @__PURE__ */ jsx(
-                  HvButton,
-                  {
-                    ref: expandButtonRef,
-                    icon: true,
-                    onClick: (event) => {
-                      event.stopPropagation();
-                      toggleOpen();
-                      onToggle?.(event, !isOpen);
-                    },
-                    "aria-label": isOpen ? "Collapse" : "Expand",
-                    ...buttonProps,
-                    ...expandButtonProps,
-                    children: /* @__PURE__ */ jsx(HvIcon, { name: "CaretDown", size: "xs", rotate: isOpen })
-                  }
-                ),
-                title,
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: classes.actions,
-                    onClick: (evt) => {
-                      evt.stopPropagation();
-                    },
-                    children: actions
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              ref: contentRef,
-              hidden: expandable && !isOpen,
-              className: cx(classes.content, {
-                [classes.hidden]: expandable && !isOpen,
-                [classes.hasHeader]: hasHeader
-              }),
-              ...expandable && regionProps,
-              children
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-export {
-  HvSection,
-  staticClasses as sectionClasses
-};
+import { useExpandable } from "../hooks/useExpandable.js";
+import { useClasses } from "./Section.styles.js";
+import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
+import { forwardRef, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Section/Section.tsx
+/**
+* Sections allow grouping information on a page under the same topic.
+*/
+var HvSection = forwardRef(function HvSection(props, ref) {
+	const { classes: classesProp, className, title, expandable, expanded, expandableHeader, defaultExpanded = true, actions, onToggle, expandButtonProps, raisedHeader, contentRef, children, ...others } = useDefaultProps("HvSection", props);
+	const { classes, cx } = useClasses(classesProp);
+	const expandButtonRef = useRef(null);
+	const { isOpen, toggleOpen, buttonProps, regionProps } = useExpandable({
+		expanded,
+		defaultExpanded
+	});
+	const hasHeader = title || actions || expandable;
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cx(classes.root, className, { [classes.raisedHeader]: hasHeader && raisedHeader && isOpen }),
+		...others,
+		children: [hasHeader && /* @__PURE__ */ jsxs("div", {
+			className: cx(classes.header, { [classes.headerExpandable]: expandable && expandableHeader }),
+			onClick: () => {
+				if (!expandableHeader) return;
+				expandButtonRef.current?.click();
+			},
+			children: [
+				expandable && /* @__PURE__ */ jsx(HvButton, {
+					ref: expandButtonRef,
+					icon: true,
+					onClick: (event) => {
+						event.stopPropagation();
+						toggleOpen();
+						onToggle?.(event, !isOpen);
+					},
+					"aria-label": isOpen ? "Collapse" : "Expand",
+					...buttonProps,
+					...expandButtonProps,
+					children: /* @__PURE__ */ jsx(HvIcon, {
+						name: "CaretDown",
+						size: "xs",
+						rotate: isOpen
+					})
+				}),
+				title,
+				/* @__PURE__ */ jsx("div", {
+					className: classes.actions,
+					onClick: (evt) => {
+						evt.stopPropagation();
+					},
+					children: actions
+				})
+			]
+		}), /* @__PURE__ */ jsx("div", {
+			ref: contentRef,
+			hidden: expandable && !isOpen,
+			className: cx(classes.content, {
+				[classes.hidden]: expandable && !isOpen,
+				[classes.hasHeader]: hasHeader
+			}),
+			...expandable && regionProps,
+			children
+		})]
+	});
+});
+//#endregion
+export { HvSection };

package/dist/Section/Section.styles.js

@@ -1,59 +1,55 @@
-import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
-const { staticClasses, useClasses } = createClasses("HvSection", {
-  root: {
-    width: "100%",
-    display: "flex",
-    flexDirection: "column",
-    backgroundColor: theme.colors.bgContainer,
-    borderRadius: theme.radii.round,
-    overflow: "hidden",
-    border: `1px solid ${theme.colors.border}`
-  },
-  hidden: { height: 0, display: "none" },
-  header: {
-    display: "flex",
-    alignItems: "center",
-    borderColor: "inherit",
-    position: "relative",
-    padding: theme.space.sm,
-    "+ $content": {
-      borderTopLeftRadius: 0,
-      borderTopRightRadius: 0
-    }
-  },
-  headerExpandable: {
-    cursor: "pointer",
-    ":hover": {
-      backgroundColor: theme.colors.bgHover
-    }
-  },
-  content: {
-    backgroundColor: theme.colors.bgPage,
-    padding: theme.space.sm,
-    borderRadius: "inherit",
-    borderColor: "inherit",
-    flex: 1
-  },
-  hasHeader: {
-    paddingTop: 0
-  },
-  actions: {
-    display: "flex",
-    gap: theme.space.xs,
-    marginLeft: "auto"
-  },
-  raisedHeader: {
-    "& $header": {
-      zIndex: 1,
-      borderBottomWidth: 1
-    },
-    "& $content": {
-      paddingTop: theme.space.sm
-    }
-  }
+import { createClasses } from "@hitachivantara/uikit-react-utils";
+//#region src/Section/Section.styles.tsx
+var { staticClasses, useClasses } = createClasses("HvSection", {
+	root: {
+		width: "100%",
+		display: "flex",
+		flexDirection: "column",
+		backgroundColor: theme.colors.bgContainer,
+		borderRadius: theme.radii.round,
+		overflow: "hidden",
+		border: `1px solid ${theme.colors.border}`
+	},
+	hidden: {
+		height: 0,
+		display: "none"
+	},
+	header: {
+		display: "flex",
+		alignItems: "center",
+		borderColor: "inherit",
+		position: "relative",
+		padding: theme.space.sm,
+		"+ $content": {
+			borderTopLeftRadius: 0,
+			borderTopRightRadius: 0
+		}
+	},
+	headerExpandable: {
+		cursor: "pointer",
+		":hover": { backgroundColor: theme.colors.bgHover }
+	},
+	content: {
+		backgroundColor: theme.colors.bgPage,
+		padding: theme.space.sm,
+		borderRadius: "inherit",
+		borderColor: "inherit",
+		flex: 1
+	},
+	hasHeader: { paddingTop: 0 },
+	actions: {
+		display: "flex",
+		gap: theme.space.xs,
+		marginLeft: "auto"
+	},
+	raisedHeader: {
+		"& $header": {
+			zIndex: 1,
+			borderBottomWidth: 1
+		},
+		"& $content": { paddingTop: theme.space.sm }
+	}
 });
-export {
-  staticClasses,
-  useClasses
-};
+//#endregion
+export { staticClasses, useClasses };

package/dist/Select/Option.js

@@ -1,51 +1,34 @@
-import { jsx } from "react/jsx-runtime";
-import { useRef } from "react";
-import { useOption } from "@mui/base";
-import { useForkRef } from "@mui/material/utils";
-import { createClasses, useDefaultProps } from "@hitachivantara/uikit-react-utils";
 import { fixedForwardRef } from "../types/generic.js";
 import { outlineStyles } from "../utils/focusUtils.js";
 import { HvListItem } from "../ListContainer/ListItem/ListItem.js";
-const { staticClasses, useClasses } = createClasses("HvOption", {
-  root: {},
-  highlighted: {
-    ...outlineStyles
-  }
+import { createClasses, useDefaultProps } from "@hitachivantara/uikit-react-utils";
+import { useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useOption } from "@mui/base";
+import { useForkRef } from "@mui/material/utils";
+//#region src/Select/Option.tsx
+var { staticClasses, useClasses } = createClasses("HvOption", {
+	root: {},
+	highlighted: { ...outlineStyles }
 });
-const HvOption = fixedForwardRef(function HvOption2(props, ref) {
-  const {
-    classes: classesProp,
-    className,
-    disabled = false,
-    label,
-    value,
-    children,
-    ...others
-  } = useDefaultProps("HvOption", props);
-  const { classes, cx } = useClasses(classesProp);
-  const optionRef = useRef(null);
-  const rootRef = useForkRef(optionRef, ref);
-  const computedLabel = label ?? (typeof children === "string" ? children : optionRef.current?.textContent?.trim());
-  const { getRootProps, selected, highlighted } = useOption({
-    disabled,
-    label: computedLabel,
-    rootRef,
-    value
-  });
-  return /* @__PURE__ */ jsx(
-    HvListItem,
-    {
-      ref,
-      selected,
-      className: cx(classes.root, className, {
-        [classes.highlighted]: highlighted
-      }),
-      ...getRootProps(others),
-      children
-    }
-  );
+var HvOption = fixedForwardRef(function HvOption(props, ref) {
+	const { classes: classesProp, className, disabled = false, label, value, children, ...others } = useDefaultProps("HvOption", props);
+	const { classes, cx } = useClasses(classesProp);
+	const optionRef = useRef(null);
+	const rootRef = useForkRef(optionRef, ref);
+	const { getRootProps, selected, highlighted } = useOption({
+		disabled,
+		label: label ?? (typeof children === "string" ? children : optionRef.current?.textContent?.trim()),
+		rootRef,
+		value
+	});
+	return /* @__PURE__ */ jsx(HvListItem, {
+		ref,
+		selected,
+		className: cx(classes.root, className, { [classes.highlighted]: highlighted }),
+		...getRootProps(others),
+		children
+	});
 });
-export {
-  HvOption,
-  staticClasses as optionClasses
-};
+//#endregion
+export { HvOption, staticClasses };

package/dist/Select/OptionGroup.js

@@ -1,33 +1,21 @@
-import { jsx } from "react/jsx-runtime";
+import { theme } from "@hitachivantara/uikit-styles";
+import { createClasses, useDefaultProps } from "@hitachivantara/uikit-react-utils";
 import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
 import { OptionGroup } from "@mui/base";
-import { useDefaultProps, createClasses } from "@hitachivantara/uikit-react-utils";
-import { theme } from "@hitachivantara/uikit-styles";
-const { staticClasses, useClasses } = createClasses("HvOptionGroup", {
-  root: {
-    listStyle: "none",
-    ...theme.typography.label
-  }
+//#region src/Select/OptionGroup.tsx
+var { staticClasses, useClasses } = createClasses("HvOptionGroup", { root: {
+	listStyle: "none",
+	...theme.typography.label
+} });
+var HvOptionGroup = forwardRef(function HvOptionGroup(props, ref) {
+	const { className, classes: classesProp, ...others } = useDefaultProps("HvOptionGroup", props);
+	const { classes, cx } = useClasses(classesProp);
+	return /* @__PURE__ */ jsx(OptionGroup, {
+		ref,
+		className: cx(classes.root, className),
+		...others
+	});
 });
-const HvOptionGroup = forwardRef(
-  function HvOptionGroup2(props, ref) {
-    const {
-      className,
-      classes: classesProp,
-      ...others
-    } = useDefaultProps("HvOptionGroup", props);
-    const { classes, cx } = useClasses(classesProp);
-    return /* @__PURE__ */ jsx(
-      OptionGroup,
-      {
-        ref,
-        className: cx(classes.root, className),
-        ...others
-      }
-    );
-  }
-);
-export {
-  HvOptionGroup,
-  staticClasses as optionGroupClasses
-};
+//#endregion
+export { HvOptionGroup, staticClasses };