@hitachivantara/uikit-react-core 6.8.2 → 6.9.0

package/dist/Table/renderers/DefaultCell.js

@@ -1,21 +1,14 @@
-const EM_DASH = "—";
-const DefaultCell = ({
-  row,
-  value
-}) => {
-  switch (true) {
-    case row.subRows.length > 0:
-      return value;
-    case value instanceof Date:
-      return value.toISOString().slice(0, 10);
-    case typeof value === "object":
-      return value;
-    case (value == null || value === ""):
-      return EM_DASH;
-    default:
-      return String(value);
-  }
-};
-export {
-  DefaultCell
+//#region src/Table/renderers/DefaultCell.tsx
+var EM_DASH = "—";
+/** Default cell renderer for `Table`. */
+var DefaultCell = ({ row, value }) => {
+	switch (true) {
+		case row.subRows.length > 0: return value;
+		case value instanceof Date: return value.toISOString().slice(0, 10);
+		case typeof value === "object": return value;
+		case value == null || value === "": return EM_DASH;
+		default: return String(value);
+	}
 };
+//#endregion
+export { DefaultCell };

package/dist/Table/renderers/DropdownColumnCell.js

@@ -1,5 +1,5 @@
 import { HvDropdown } from "../../Dropdown/Dropdown.js";
-const HvDropdownColumnCell = HvDropdown;
-export {
-  HvDropdownColumnCell
-};
+//#region src/Table/renderers/DropdownColumnCell.tsx
+var HvDropdownColumnCell = HvDropdown;
+//#endregion
+export { HvDropdownColumnCell };

package/dist/Table/renderers/ProgressColumnCell.js

@@ -1,52 +1,48 @@
+import { theme } from "@hitachivantara/uikit-styles";
+import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { jsx } from "react/jsx-runtime";
 import MuiLinearProgress from "@mui/material/LinearProgress";
-import { createClasses } from "@hitachivantara/uikit-react-utils";
-import { theme } from "@hitachivantara/uikit-styles";
-const { useClasses } = createClasses("HvProgressColumnCell", {
-  root: { display: "flex", width: "100%" },
-  linearProgressContainer: { width: "100%", margin: "auto" },
-  linearProgress: {
-    height: 8
-  },
-  linearProgressRoot: { backgroundColor: theme.colors.border },
-  linearProgressColorPrimary: {
-    backgroundColor: theme.colors.border
-  },
-  linearProgressBarColorPrimary: {
-    backgroundColor: theme.colors.positive
-  },
-  linearProgressBarColorSecondary: {
-    backgroundColor: theme.colors.text
-  }
+//#region src/Table/renderers/ProgressColumnCell.tsx
+var { useClasses } = createClasses("HvProgressColumnCell", {
+	root: {
+		display: "flex",
+		width: "100%"
+	},
+	linearProgressContainer: {
+		width: "100%",
+		margin: "auto"
+	},
+	linearProgress: { height: 8 },
+	linearProgressRoot: { backgroundColor: theme.colors.border },
+	linearProgressColorPrimary: { backgroundColor: theme.colors.border },
+	linearProgressBarColorPrimary: { backgroundColor: theme.colors.positive },
+	linearProgressBarColorSecondary: { backgroundColor: theme.colors.text }
 });
-const normalizeProgressBar = (value, max) => {
-  return max > 0 ? Math.floor(value * 100 / max) : 0;
-};
-const HvProgressColumnCell = ({
-  partial,
-  total,
-  color = "primary",
-  "aria-labelledby": ariaLabelledBy
-}) => {
-  const { classes } = useClasses();
-  const percentage = normalizeProgressBar(partial, total);
-  return /* @__PURE__ */ jsx("div", { className: classes.root, children: /* @__PURE__ */ jsx("div", { className: classes.linearProgressContainer, children: /* @__PURE__ */ jsx(
-    MuiLinearProgress,
-    {
-      className: classes.linearProgress,
-      classes: {
-        root: classes.linearProgressRoot,
-        colorPrimary: classes.linearProgressColorPrimary,
-        barColorPrimary: classes.linearProgressBarColorPrimary,
-        barColorSecondary: classes.linearProgressBarColorSecondary
-      },
-      color,
-      variant: "determinate",
-      value: percentage,
-      "aria-labelledby": ariaLabelledBy
-    }
-  ) }) });
+var normalizeProgressBar = (value, max) => {
+	return max > 0 ? Math.floor(value * 100 / max) : 0;
 };
-export {
-  HvProgressColumnCell
+var HvProgressColumnCell = ({ partial, total, color = "primary", "aria-labelledby": ariaLabelledBy }) => {
+	const { classes } = useClasses();
+	const percentage = normalizeProgressBar(partial, total);
+	return /* @__PURE__ */ jsx("div", {
+		className: classes.root,
+		children: /* @__PURE__ */ jsx("div", {
+			className: classes.linearProgressContainer,
+			children: /* @__PURE__ */ jsx(MuiLinearProgress, {
+				className: classes.linearProgress,
+				classes: {
+					root: classes.linearProgressRoot,
+					colorPrimary: classes.linearProgressColorPrimary,
+					barColorPrimary: classes.linearProgressBarColorPrimary,
+					barColorSecondary: classes.linearProgressBarColorSecondary
+				},
+				color,
+				variant: "determinate",
+				value: percentage,
+				"aria-labelledby": ariaLabelledBy
+			})
+		})
+	});
 };
+//#endregion
+export { HvProgressColumnCell };

package/dist/Table/renderers/SwitchColumnCell.js

@@ -1,55 +1,42 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { HvTypography } from "../../Typography/Typography.js";
 import { HvBaseSwitch } from "../../BaseSwitch/BaseSwitch.js";
-const switchStyle = {
-  cursor: "pointer",
-  display: "inline-flex",
-  marginLeft: "10px"
+import { createClasses } from "@hitachivantara/uikit-react-utils";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/Table/renderers/SwitchColumnCell.tsx
+var switchStyle = {
+	cursor: "pointer",
+	display: "inline-flex",
+	marginLeft: "10px"
 };
-const { useClasses } = createClasses("HvSwitchColumnCell", {
-  switchNo: switchStyle,
-  switchYes: switchStyle
+var { useClasses } = createClasses("HvSwitchColumnCell", {
+	switchNo: switchStyle,
+	switchYes: switchStyle
 });
-const HvSwitchColumnCell = ({
-  checked,
-  value,
-  switchLabel,
-  falseLabel,
-  trueLabel,
-  switchProps
-}) => {
-  const { classes } = useClasses();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    falseLabel != null && /* @__PURE__ */ jsx(
-      HvTypography,
-      {
-        "aria-hidden": "true",
-        variant: "body",
-        className: classes.switchNo,
-        children: falseLabel
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      HvBaseSwitch,
-      {
-        checked,
-        value,
-        ...switchProps,
-        inputProps: { "aria-label": switchLabel, ...switchProps?.inputProps }
-      }
-    ),
-    trueLabel != null && /* @__PURE__ */ jsx(
-      HvTypography,
-      {
-        "aria-hidden": "true",
-        variant: "body",
-        className: classes.switchYes,
-        children: trueLabel
-      }
-    )
-  ] });
-};
-export {
-  HvSwitchColumnCell
+var HvSwitchColumnCell = ({ checked, value, switchLabel, falseLabel, trueLabel, switchProps }) => {
+	const { classes } = useClasses();
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		falseLabel != null && /* @__PURE__ */ jsx(HvTypography, {
+			"aria-hidden": "true",
+			variant: "body",
+			className: classes.switchNo,
+			children: falseLabel
+		}),
+		/* @__PURE__ */ jsx(HvBaseSwitch, {
+			checked,
+			value,
+			...switchProps,
+			inputProps: {
+				"aria-label": switchLabel,
+				...switchProps?.inputProps
+			}
+		}),
+		trueLabel != null && /* @__PURE__ */ jsx(HvTypography, {
+			"aria-hidden": "true",
+			variant: "body",
+			className: classes.switchYes,
+			children: trueLabel
+		})
+	] });
 };
+//#endregion
+export { HvSwitchColumnCell };

package/dist/Table/renderers/renderers.js

@@ -1,206 +1,169 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { ClassNames } from "@emotion/react";
-import { HvIcon } from "../../icons.js";
 import { setId } from "../../utils/setId.js";
+import { HvIcon } from "../../icons.js";
+import { HvButton } from "../../Button/Button.js";
+import { HvOverflowTooltip } from "../../OverflowTooltip/OverflowTooltip.js";
+import { HvTag } from "../../Tag/Tag.js";
 import { HvDateColumnCell } from "./DateColumnCell.js";
 import { HvDropdownColumnCell } from "./DropdownColumnCell.js";
 import { HvProgressColumnCell } from "./ProgressColumnCell.js";
 import { HvSwitchColumnCell } from "./SwitchColumnCell.js";
-import { HvButton } from "../../Button/Button.js";
-import { HvOverflowTooltip } from "../../OverflowTooltip/OverflowTooltip.js";
-import { HvTag } from "../../Tag/Tag.js";
-const EM_DASH = "—";
-const hvStringFallback = (value) => {
-  return typeof value === "string" && value !== "" ? value : EM_DASH;
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ClassNames } from "@emotion/react";
+//#region src/Table/renderers/renderers.tsx
+var EM_DASH = "—";
+var hvStringFallback = (value) => {
+	return typeof value === "string" && value !== "" ? value : EM_DASH;
 };
-const hvNumberFallback = (value) => {
-  return typeof value === "number" ? value : EM_DASH;
+var hvNumberFallback = (value) => {
+	return typeof value === "number" ? value : EM_DASH;
 };
-const hvNodeFallback = (value) => {
-  if (!value) return EM_DASH;
-  return hvStringFallback(value?.toString()) === EM_DASH ? EM_DASH : value;
+var hvNodeFallback = (value) => {
+	if (!value) return EM_DASH;
+	return hvStringFallback(value?.toString()) === EM_DASH ? EM_DASH : value;
 };
 function hvTextColumn(col, overflowTooltipProps = {}) {
-  return {
-    Cell: ({ value }) => /* @__PURE__ */ jsx(
-      HvOverflowTooltip,
-      {
-        data: hvStringFallback(value),
-        ...overflowTooltipProps
-      }
-    ),
-    sortType: "alphanumeric",
-    ...col
-  };
+	return {
+		Cell: ({ value }) => /* @__PURE__ */ jsx(HvOverflowTooltip, {
+			data: hvStringFallback(value),
+			...overflowTooltipProps
+		}),
+		sortType: "alphanumeric",
+		...col
+	};
 }
 function hvNumberColumn(col) {
-  return {
-    Cell: ({ value }) => /* @__PURE__ */ jsx(Fragment, { children: hvNumberFallback(value) }),
-    align: "right",
-    sortType: "number",
-    ...col
-  };
+	return {
+		Cell: ({ value }) => /* @__PURE__ */ jsx(Fragment, { children: hvNumberFallback(value) }),
+		align: "right",
+		sortType: "number",
+		...col
+	};
 }
 function hvDateColumn(col) {
-  return {
-    Cell: ({ value }) => /* @__PURE__ */ jsx(HvDateColumnCell, { date: value }),
-    sortType: "alphanumeric",
-    sortDescFirst: true,
-    ...col
-  };
+	return {
+		Cell: ({ value }) => /* @__PURE__ */ jsx(HvDateColumnCell, { date: value }),
+		sortType: "alphanumeric",
+		sortDescFirst: true,
+		...col
+	};
 }
-function hvExpandColumn(col, expandRowButtonAriaLabel, collapseRowButtonAriaLabel, getCanRowExpand, ExpandedIcon = /* @__PURE__ */ jsx(HvIcon, { name: "CaretDown", size: "xs", rotate: true }), CollapsedIcon = /* @__PURE__ */ jsx(HvIcon, { name: "CaretDown", size: "xs" })) {
-  return {
-    Cell: (cellProps) => {
-      const { value, row } = cellProps;
-      const expandedProps = row.getToggleRowExpandedProps?.();
-      const hasContent = getCanRowExpand?.(row) ?? true;
-      return /* @__PURE__ */ jsx(ClassNames, { children: ({ css }) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: css({
-            display: "flex",
-            alignItems: "center",
-            position: "relative",
-            left: -16
-          }),
-          children: [
-            hasContent && /* @__PURE__ */ jsx(
-              HvButton,
-              {
-                icon: true,
-                "aria-label": row.isExpanded ? collapseRowButtonAriaLabel : expandRowButtonAriaLabel,
-                "aria-expanded": row.isExpanded,
-                onClick: expandedProps?.onClick,
-                children: row.isExpanded ? ExpandedIcon : CollapsedIcon
-              }
-            ),
-            /* @__PURE__ */ jsx(HvOverflowTooltip, { data: hvStringFallback(value) })
-          ]
-        }
-      ) });
-    },
-    sortType: "alphanumeric",
-    cellStyle: {
-      position: "relative"
-    },
-    ...col
-  };
+function hvExpandColumn(col, expandRowButtonAriaLabel, collapseRowButtonAriaLabel, getCanRowExpand, ExpandedIcon = /* @__PURE__ */ jsx(HvIcon, {
+	name: "CaretDown",
+	size: "xs",
+	rotate: true
+}), CollapsedIcon = /* @__PURE__ */ jsx(HvIcon, {
+	name: "CaretDown",
+	size: "xs"
+})) {
+	return {
+		Cell: (cellProps) => {
+			const { value, row } = cellProps;
+			const expandedProps = row.getToggleRowExpandedProps?.();
+			const hasContent = getCanRowExpand?.(row) ?? true;
+			return /* @__PURE__ */ jsx(ClassNames, { children: ({ css }) => /* @__PURE__ */ jsxs("div", {
+				className: css({
+					display: "flex",
+					alignItems: "center",
+					position: "relative",
+					left: -16
+				}),
+				children: [hasContent && /* @__PURE__ */ jsx(HvButton, {
+					icon: true,
+					"aria-label": row.isExpanded ? collapseRowButtonAriaLabel : expandRowButtonAriaLabel,
+					"aria-expanded": row.isExpanded,
+					onClick: expandedProps?.onClick,
+					children: row.isExpanded ? ExpandedIcon : CollapsedIcon
+				}), /* @__PURE__ */ jsx(HvOverflowTooltip, { data: hvStringFallback(value) })]
+			}) });
+		},
+		sortType: "alphanumeric",
+		cellStyle: { position: "relative" },
+		...col
+	};
 }
 function hvTagColumn(col, valueDataKey, colorDataKey, textColorDataKey, fromRowData = false, tagProps) {
-  return {
-    Cell: (cellProps) => {
-      const { value, row } = cellProps;
-      if (!value) {
-        return /* @__PURE__ */ jsx(Fragment, { children: "—" });
-      }
-      const {
-        [valueDataKey]: name,
-        [colorDataKey]: color,
-        [textColorDataKey]: textColor
-      } = fromRowData ? row.original : value;
-      return /* @__PURE__ */ jsx(
-        HvTag,
-        {
-          label: name,
-          type: "semantic",
-          color,
-          style: textColor != null ? { color: textColor } : {},
-          tabIndex: -1,
-          ...tagProps
-        }
-      );
-    },
-    cellStyle: {
-      paddingTop: 0,
-      paddingBottom: 0
-    },
-    ...col
-  };
+	return {
+		Cell: (cellProps) => {
+			const { value, row } = cellProps;
+			if (!value) return /* @__PURE__ */ jsx(Fragment, { children: "—" });
+			const { [valueDataKey]: name, [colorDataKey]: color, [textColorDataKey]: textColor } = fromRowData ? row.original : value;
+			return /* @__PURE__ */ jsx(HvTag, {
+				label: name,
+				type: "semantic",
+				color,
+				style: textColor != null ? { color: textColor } : {},
+				tabIndex: -1,
+				...tagProps
+			});
+		},
+		cellStyle: {
+			paddingTop: 0,
+			paddingBottom: 0
+		},
+		...col
+	};
 }
 function hvSwitchColumn(col, switchLabel, falseLabel, trueLabel, switchProps) {
-  return {
-    Cell: (cellProps) => {
-      const { value, row } = cellProps;
-      return /* @__PURE__ */ jsx(
-        HvSwitchColumnCell,
-        {
-          checked: value,
-          value: row.id,
-          switchLabel,
-          falseLabel,
-          trueLabel,
-          switchProps
-        }
-      );
-    },
-    cellStyle: {
-      paddingTop: 0,
-      paddingBottom: 0
-    },
-    ...col
-  };
+	return {
+		Cell: (cellProps) => {
+			const { value, row } = cellProps;
+			return /* @__PURE__ */ jsx(HvSwitchColumnCell, {
+				checked: value,
+				value: row.id,
+				switchLabel,
+				falseLabel,
+				trueLabel,
+				switchProps
+			});
+		},
+		cellStyle: {
+			paddingTop: 0,
+			paddingBottom: 0
+		},
+		...col
+	};
 }
 function hvDropdownColumn(col, id, placeholder, disabledPlaceholder, onChange, dropdownProps) {
-  return {
-    Cell: (cellProps) => {
-      const { value, row, column } = cellProps;
-      const disabled = !Array.isArray(value) || Array.isArray(value) && value.length < 1;
-      return /* @__PURE__ */ jsx(
-        HvDropdownColumnCell,
-        {
-          values: value,
-          placeholder: disabled ? disabledPlaceholder : placeholder,
-          onChange: (val) => onChange?.(row.id, val),
-          disabled,
-          "aria-labelledby": setId(id, column.id) || column.id || id,
-          ...dropdownProps
-        }
-      );
-    },
-    cellStyle: {
-      paddingTop: 0,
-      paddingBottom: 0
-    },
-    ...col
-  };
+	return {
+		Cell: (cellProps) => {
+			const { value, row, column } = cellProps;
+			const disabled = !Array.isArray(value) || Array.isArray(value) && value.length < 1;
+			return /* @__PURE__ */ jsx(HvDropdownColumnCell, {
+				values: value,
+				placeholder: disabled ? disabledPlaceholder : placeholder,
+				onChange: (val) => onChange?.(row.id, val),
+				disabled,
+				"aria-labelledby": setId(id, column.id) || column.id || id,
+				...dropdownProps
+			});
+		},
+		cellStyle: {
+			paddingTop: 0,
+			paddingBottom: 0
+		},
+		...col
+	};
 }
 function hvProgressColumn(col, getPartial, getTotal, color) {
-  return {
-    Cell: (cellProps) => {
-      const { row, column } = cellProps;
-      const partial = getPartial?.(row) || 0;
-      const total = getTotal?.(row);
-      if (total) {
-        return /* @__PURE__ */ jsx(
-          HvProgressColumnCell,
-          {
-            partial,
-            total,
-            color,
-            "aria-labelledby": column.id
-          }
-        );
-      }
-      return /* @__PURE__ */ jsx(Fragment, { children: "—" });
-    },
-    cellStyle: {
-      paddingTop: 0,
-      paddingBottom: 0
-    },
-    ...col
-  };
+	return {
+		Cell: (cellProps) => {
+			const { row, column } = cellProps;
+			const partial = getPartial?.(row) || 0;
+			const total = getTotal?.(row);
+			if (total) return /* @__PURE__ */ jsx(HvProgressColumnCell, {
+				partial,
+				total,
+				color,
+				"aria-labelledby": column.id
+			});
+			return /* @__PURE__ */ jsx(Fragment, { children: "—" });
+		},
+		cellStyle: {
+			paddingTop: 0,
+			paddingBottom: 0
+		},
+		...col
+	};
 }
-export {
-  hvDateColumn,
-  hvDropdownColumn,
-  hvExpandColumn,
-  hvNodeFallback,
-  hvNumberColumn,
-  hvNumberFallback,
-  hvProgressColumn,
-  hvStringFallback,
-  hvSwitchColumn,
-  hvTagColumn,
-  hvTextColumn
-};
+//#endregion
+export { hvDateColumn, hvDropdownColumn, hvExpandColumn, hvNodeFallback, hvNumberColumn, hvNumberFallback, hvProgressColumn, hvStringFallback, hvSwitchColumn, hvTagColumn, hvTextColumn };

package/dist/Tabs/Tab/Tab.js

@@ -1,34 +1,24 @@
-import { jsx } from "react/jsx-runtime";
+import { useClasses } from "./Tab.styles.js";
+import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
 import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
 import Tab from "@mui/material/Tab";
-import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
-import { useClasses } from "./Tab.styles.js";
-import { staticClasses } from "./Tab.styles.js";
-const HvTab = forwardRef(function HvTab2(props, ref) {
-  const {
-    classes: classesProp,
-    iconPosition = "top",
-    disabled = false,
-    ...others
-  } = useDefaultProps("HvTab", props);
-  const { classes, cx } = useClasses(classesProp);
-  return /* @__PURE__ */ jsx(
-    Tab,
-    {
-      ref,
-      classes: {
-        root: classes.root,
-        selected: classes.selected,
-        disabled: classes.disabled
-      },
-      focusVisibleClassName: cx("HvIsFocusVisible", classes.focusVisible),
-      disabled,
-      iconPosition,
-      ...others
-    }
-  );
+//#region src/Tabs/Tab/Tab.tsx
+var HvTab = forwardRef(function HvTab(props, ref) {
+	const { classes: classesProp, iconPosition = "top", disabled = false, ...others } = useDefaultProps("HvTab", props);
+	const { classes, cx } = useClasses(classesProp);
+	return /* @__PURE__ */ jsx(Tab, {
+		ref,
+		classes: {
+			root: classes.root,
+			selected: classes.selected,
+			disabled: classes.disabled
+		},
+		focusVisibleClassName: cx("HvIsFocusVisible", classes.focusVisible),
+		disabled,
+		iconPosition,
+		...others
+	});
 });
-export {
-  HvTab,
-  staticClasses as tabClasses
-};
+//#endregion
+export { HvTab };