@hitachivantara/uikit-react-core 6.8.2 → 6.9.0

package/dist/DatePicker/useVisibleDate.js

@@ -1,147 +1,163 @@
-import { useReducer } from "react";
 import { validateDate } from "./utils.js";
-function stateToLeftRight({
-  visibleYear,
-  visibleMonth,
-  rightVisibleYear,
-  rightVisibleMonth
-}) {
-  return {
-    left: { year: visibleYear, month: visibleMonth },
-    right: { year: rightVisibleYear, month: rightVisibleMonth }
-  };
+import { useReducer } from "react";
+//#region src/DatePicker/useVisibleDate.tsx
+function stateToLeftRight({ visibleYear, visibleMonth, rightVisibleYear, rightVisibleMonth }) {
+	return {
+		left: {
+			year: visibleYear,
+			month: visibleMonth
+		},
+		right: {
+			year: rightVisibleYear,
+			month: rightVisibleMonth
+		}
+	};
 }
 function leftRightToState(left, right) {
-  return {
-    visibleYear: left.year,
-    visibleMonth: left.month,
-    rightVisibleYear: right.year,
-    rightVisibleMonth: right.month
-  };
+	return {
+		visibleYear: left.year,
+		visibleMonth: left.month,
+		rightVisibleYear: right.year,
+		rightVisibleMonth: right.month
+	};
 }
 function subtractYear({ year, month }) {
-  return { year: year - 1, month };
+	return {
+		year: year - 1,
+		month
+	};
 }
 function addYear({ year, month }) {
-  return { year: year + 1, month };
+	return {
+		year: year + 1,
+		month
+	};
 }
 function subtractMonth({ year, month }) {
-  let y = year;
-  let m = month;
-  m -= 1;
-  if (m === 0) {
-    y -= 1;
-    m = 12;
-  }
-  return { year: y, month: m };
+	let y = year;
+	let m = month;
+	m -= 1;
+	if (m === 0) {
+		y -= 1;
+		m = 12;
+	}
+	return {
+		year: y,
+		month: m
+	};
 }
 function addMonth({ year, month }) {
-  let y = year;
-  let m = month;
-  m += 1;
-  if (m === 13) {
-    y += 1;
-    m = 1;
-  }
-  return { year: y, month: m };
+	let y = year;
+	let m = month;
+	m += 1;
+	if (m === 13) {
+		y += 1;
+		m = 1;
+	}
+	return {
+		year: y,
+		month: m
+	};
 }
 function ensureNoOverlap(left, right, keepRight = false) {
-  let l = left;
-  let r = right;
-  if (left.year > right.year || left.year === right.year && left.month >= right.month) {
-    if (keepRight) {
-      l = subtractMonth(right);
-    } else {
-      r = addMonth(left);
-    }
-  }
-  return leftRightToState(l, r);
+	let l = left;
+	let r = right;
+	if (left.year > right.year || left.year === right.year && left.month >= right.month) if (keepRight) l = subtractMonth(right);
+	else r = addMonth(left);
+	return leftRightToState(l, r);
 }
 function isSameYearMonth(d1, d2) {
-  return d1.year === d2.year && d1.month === d2.month;
+	return d1.year === d2.year && d1.month === d2.month;
 }
-const visibleDateReducer = (state, action) => {
-  let { left, right } = stateToLeftRight(state);
-  switch (action.type) {
-    case "previous_year":
-      if (action.target === "right") {
-        right = subtractYear(right);
-        return ensureNoOverlap(left, right, true);
-      }
-      left = subtractYear(left);
-      return ensureNoOverlap(left, right, false);
-    case "next_year":
-      if (action.target === "right") {
-        right = addYear(right);
-        return ensureNoOverlap(left, right, true);
-      }
-      left = addYear(left);
-      return ensureNoOverlap(left, right, false);
-    case "previous_month":
-      if (action.target === "right") {
-        right = subtractMonth(right);
-        return ensureNoOverlap(left, right, true);
-      }
-      left = subtractMonth(left);
-      return ensureNoOverlap(left, right, false);
-    case "next_month":
-      if (action.target === "right") {
-        right = addMonth(right);
-        return ensureNoOverlap(left, right, true);
-      }
-      left = addMonth(left);
-      return ensureNoOverlap(left, right, false);
-    case "month":
-      if (action.month != null) {
-        if (action.target === "right") {
-          if (right.month !== action.month) {
-            right = { year: right.year, month: action.month };
-            return ensureNoOverlap(left, right, true);
-          }
-        } else if (left.month !== action.month) {
-          left = { year: left.year, month: action.month };
-          return ensureNoOverlap(left, right, false);
-        }
-      }
-      break;
-    case "month_year":
-      if (action.month != null && action.year != null) {
-        if (action.target === "right") {
-          if (!isSameYearMonth(left, action) && !isSameYearMonth(right, action)) {
-            right = { year: action.year, month: action.month };
-            return ensureNoOverlap(left, right, true);
-          }
-        } else if (!isSameYearMonth(left, action) && (action.target === "left" || !isSameYearMonth(right, action))) {
-          left = { year: action.year, month: action.month };
-          return ensureNoOverlap(left, right, false);
-        }
-      }
-      break;
-  }
-  return state;
+var visibleDateReducer = (state, action) => {
+	let { left, right } = stateToLeftRight(state);
+	switch (action.type) {
+		case "previous_year":
+			if (action.target === "right") {
+				right = subtractYear(right);
+				return ensureNoOverlap(left, right, true);
+			}
+			left = subtractYear(left);
+			return ensureNoOverlap(left, right, false);
+		case "next_year":
+			if (action.target === "right") {
+				right = addYear(right);
+				return ensureNoOverlap(left, right, true);
+			}
+			left = addYear(left);
+			return ensureNoOverlap(left, right, false);
+		case "previous_month":
+			if (action.target === "right") {
+				right = subtractMonth(right);
+				return ensureNoOverlap(left, right, true);
+			}
+			left = subtractMonth(left);
+			return ensureNoOverlap(left, right, false);
+		case "next_month":
+			if (action.target === "right") {
+				right = addMonth(right);
+				return ensureNoOverlap(left, right, true);
+			}
+			left = addMonth(left);
+			return ensureNoOverlap(left, right, false);
+		case "month":
+			if (action.month != null) {
+				if (action.target === "right") {
+					if (right.month !== action.month) {
+						right = {
+							year: right.year,
+							month: action.month
+						};
+						return ensureNoOverlap(left, right, true);
+					}
+				} else if (left.month !== action.month) {
+					left = {
+						year: left.year,
+						month: action.month
+					};
+					return ensureNoOverlap(left, right, false);
+				}
+			}
+			break;
+		case "month_year":
+			if (action.month != null && action.year != null) {
+				if (action.target === "right") {
+					if (!isSameYearMonth(left, action) && !isSameYearMonth(right, action)) {
+						right = {
+							year: action.year,
+							month: action.month
+						};
+						return ensureNoOverlap(left, right, true);
+					}
+				} else if (!isSameYearMonth(left, action) && (action.target === "left" || !isSameYearMonth(right, action))) {
+					left = {
+						year: action.year,
+						month: action.month
+					};
+					return ensureNoOverlap(left, right, false);
+				}
+			}
+			break;
+		default:
+	}
+	return state;
 };
 function stateFromRange(startDate, endDate) {
-  const initialStartDate = validateDate(startDate);
-  const initialEndDate = endDate != null ? validateDate(endDate) : initialStartDate;
-  return ensureNoOverlap(
-    {
-      year: initialStartDate.getFullYear(),
-      month: initialStartDate.getMonth() + 1
-    },
-    {
-      year: initialEndDate.getFullYear(),
-      month: initialEndDate.getMonth() + 1
-    }
-  );
+	const initialStartDate = validateDate(startDate);
+	const initialEndDate = endDate != null ? validateDate(endDate) : initialStartDate;
+	return ensureNoOverlap({
+		year: initialStartDate.getFullYear(),
+		month: initialStartDate.getMonth() + 1
+	}, {
+		year: initialEndDate.getFullYear(),
+		month: initialEndDate.getMonth() + 1
+	});
 }
 function useVisibleDate(startDate, endDate) {
-  return useReducer(
-    visibleDateReducer,
-    { startDate, endDate },
-    (initData) => stateFromRange(initData.startDate, initData.endDate)
-  );
+	return useReducer(visibleDateReducer, {
+		startDate,
+		endDate
+	}, (initData) => stateFromRange(initData.startDate, initData.endDate));
 }
-export {
-  useVisibleDate as default,
-  isSameYearMonth
-};
+//#endregion
+export { useVisibleDate as default };

package/dist/DatePicker/utils.js

@@ -1,28 +1,19 @@
-import { isDate, isSameMonth, getFormattedDate, getMonthName } from "../Calendar/utils.js";
-const validateDate = (date) => isDate(date) && date || /* @__PURE__ */ new Date();
-const getFormattedDateRange = (date, locale) => {
-  const { startDate, endDate } = date;
-  const monthYear = `${getMonthName(
-    startDate,
-    locale,
-    "short"
-  )} ${startDate.getFullYear()}`;
-  return `${startDate.getDate()} - ${endDate?.getDate()} ${monthYear}`;
+import { getFormattedDate, getMonthName, isDate, isSameMonth } from "../Calendar/utils.js";
+//#region src/DatePicker/utils.tsx
+var validateDate = (date) => isDate(date) && date || /* @__PURE__ */ new Date();
+var getFormattedDateRange = (date, locale) => {
+	const { startDate, endDate } = date;
+	const monthYear = `${getMonthName(startDate, locale, "short")} ${startDate.getFullYear()}`;
+	return `${startDate.getDate()} - ${endDate?.getDate()} ${monthYear}`;
 };
-const getSingleDateLabel = (date, locale) => isDate(date) ? getFormattedDate(date, locale) : "";
-const getRangeDateLabel = ({ startDate, endDate }, locale) => {
-  if (!(isDate(startDate) && isDate(endDate)))
-    return getSingleDateLabel(startDate);
-  return isSameMonth(startDate, endDate) ? getFormattedDateRange({ startDate, endDate }, locale) : `${getFormattedDate(startDate, locale)} - ${getFormattedDate(
-    endDate,
-    locale
-  )}`;
-};
-const getDateLabel = (date, rangeMode, locale) => rangeMode ? getRangeDateLabel(date, locale) : getSingleDateLabel(date, locale);
-export {
-  getDateLabel,
-  getFormattedDateRange,
-  getRangeDateLabel,
-  getSingleDateLabel,
-  validateDate
+var getSingleDateLabel = (date, locale) => isDate(date) ? getFormattedDate(date, locale) : "";
+var getRangeDateLabel = ({ startDate, endDate }, locale) => {
+	if (!(isDate(startDate) && isDate(endDate))) return getSingleDateLabel(startDate);
+	return isSameMonth(startDate, endDate) ? getFormattedDateRange({
+		startDate,
+		endDate
+	}, locale) : `${getFormattedDate(startDate, locale)} - ${getFormattedDate(endDate, locale)}`;
 };
+var getDateLabel = (date, rangeMode, locale) => rangeMode ? getRangeDateLabel(date, locale) : getSingleDateLabel(date, locale);
+//#endregion
+export { getDateLabel, validateDate };

package/dist/Dialog/Actions/Actions.js

@@ -1,32 +1,22 @@
-import { jsx } from "react/jsx-runtime";
-import MuiDialogActions from "@mui/material/DialogActions";
-import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
 import { useDialogContext } from "../context.js";
 import { useClasses } from "./Actions.styles.js";
-import { staticClasses } from "./Actions.styles.js";
-const HvDialogActions = (props) => {
-  const {
-    classes: classesProp,
-    className,
-    children,
-    ...others
-  } = useDefaultProps("HvDialogActions", props);
-  const { fullScreen } = useDialogContext();
-  const { classes, cx } = useClasses(classesProp);
-  return /* @__PURE__ */ jsx(
-    MuiDialogActions,
-    {
-      className,
-      classes: {
-        root: cx(classes.root, { [classes.fullscreen]: fullScreen }),
-        spacing: classes.spacing
-      },
-      ...others,
-      children
-    }
-  );
-};
-export {
-  HvDialogActions,
-  staticClasses as dialogActionClasses
+import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
+import { jsx } from "react/jsx-runtime";
+import MuiDialogActions from "@mui/material/DialogActions";
+//#region src/Dialog/Actions/Actions.tsx
+var HvDialogActions = (props) => {
+	const { classes: classesProp, className, children, ...others } = useDefaultProps("HvDialogActions", props);
+	const { fullScreen } = useDialogContext();
+	const { classes, cx } = useClasses(classesProp);
+	return /* @__PURE__ */ jsx(MuiDialogActions, {
+		className,
+		classes: {
+			root: cx(classes.root, { [classes.fullscreen]: fullScreen }),
+			spacing: classes.spacing
+		},
+		...others,
+		children
+	});
 };
+//#endregion
+export { HvDialogActions };

package/dist/Dialog/Actions/Actions.styles.js

@@ -1,22 +1,22 @@
-import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
-const { staticClasses, useClasses } = createClasses("HvDialogAction", {
-  root: {
-    margin: 0,
-    padding: theme.space.sm,
-    backgroundColor: "inherit",
-    borderTop: `1px solid ${theme.colors.border}`,
-    height: 65,
-    maxHeight: 65
-  },
-  fullscreen: { position: "fixed", width: "100%", bottom: 0, left: 0 },
-  spacing: {
-    "& > :not(:first-of-type)": {
-      marginLeft: theme.space.xs
-    }
-  }
+import { createClasses } from "@hitachivantara/uikit-react-utils";
+//#region src/Dialog/Actions/Actions.styles.tsx
+var { staticClasses, useClasses } = createClasses("HvDialogAction", {
+	root: {
+		margin: 0,
+		padding: theme.space.sm,
+		backgroundColor: "inherit",
+		borderTop: `1px solid ${theme.colors.border}`,
+		height: 65,
+		maxHeight: 65
+	},
+	fullscreen: {
+		position: "fixed",
+		width: "100%",
+		bottom: 0,
+		left: 0
+	},
+	spacing: { "& > :not(:first-of-type)": { marginLeft: theme.space.xs } }
 });
-export {
-  staticClasses,
-  useClasses
-};
+//#endregion
+export { staticClasses, useClasses };

package/dist/Dialog/Content/Content.js

@@ -1,50 +1,33 @@
-import { jsx } from "react/jsx-runtime";
+import { HvTypography } from "../../Typography/Typography.js";
+import { useClasses } from "./Content.styles.js";
+import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
 import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
 import { useResizeDetector } from "react-resize-detector";
 import MuiDialogContent from "@mui/material/DialogContent";
-import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
-import { useClasses } from "./Content.styles.js";
-import { staticClasses } from "./Content.styles.js";
-import { HvTypography } from "../../Typography/Typography.js";
-const HvDialogContent = (props) => {
-  const {
-    classes: classesProp,
-    className,
-    children,
-    indentContent,
-    dividers,
-    ...others
-  } = useDefaultProps("HvDialogContent", props);
-  const { classes, cx } = useClasses(classesProp);
-  const [hasBorder, setHasBorder] = useState(false);
-  const { ref: elRef } = useResizeDetector({
-    refreshMode: "throttle",
-    refreshRate: 100,
-    handleWidth: false,
-    disableRerender: true,
-    onResize: ({ entry }) => {
-      if (!entry) return;
-      const hasOverflow = entry.target.scrollHeight > entry.target.clientHeight;
-      setHasBorder(hasOverflow);
-    }
-  });
-  return /* @__PURE__ */ jsx(
-    HvTypography,
-    {
-      ref: elRef,
-      component: MuiDialogContent,
-      dividers: dividers ?? hasBorder,
-      className: cx(
-        classes.root,
-        { [classes.textContent]: !!indentContent },
-        className
-      ),
-      ...others,
-      children
-    }
-  );
-};
-export {
-  HvDialogContent,
-  staticClasses as dialogContentClasses
+//#region src/Dialog/Content/Content.tsx
+var HvDialogContent = (props) => {
+	const { classes: classesProp, className, children, indentContent, dividers, ...others } = useDefaultProps("HvDialogContent", props);
+	const { classes, cx } = useClasses(classesProp);
+	const [hasBorder, setHasBorder] = useState(false);
+	const { ref: elRef } = useResizeDetector({
+		refreshMode: "throttle",
+		refreshRate: 100,
+		handleWidth: false,
+		disableRerender: true,
+		onResize: ({ entry }) => {
+			if (!entry) return;
+			setHasBorder(entry.target.scrollHeight > entry.target.clientHeight);
+		}
+	});
+	return /* @__PURE__ */ jsx(HvTypography, {
+		ref: elRef,
+		component: MuiDialogContent,
+		dividers: dividers ?? hasBorder,
+		className: cx(classes.root, { [classes.textContent]: !!indentContent }, className),
+		...others,
+		children
+	});
 };
+//#endregion
+export { HvDialogContent };

package/dist/Dialog/Content/Content.styles.js

@@ -1,17 +1,16 @@
-import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
-const { staticClasses, useClasses } = createClasses("HvDialogContent", {
-  root: {
-    padding: theme.spacing(0, "sm", "sm"),
-    borderColor: theme.colors.borderSubtle
-  },
-  textContent: {
-    paddingLeft: `calc(42px + ${theme.space.sm})`,
-    paddingRight: "62px",
-    overflowY: "auto"
-  }
+import { createClasses } from "@hitachivantara/uikit-react-utils";
+//#region src/Dialog/Content/Content.styles.tsx
+var { staticClasses, useClasses } = createClasses("HvDialogContent", {
+	root: {
+		padding: theme.spacing(0, "sm", "sm"),
+		borderColor: theme.colors.borderSubtle
+	},
+	textContent: {
+		paddingLeft: `calc(42px + ${theme.space.sm})`,
+		paddingRight: "62px",
+		overflowY: "auto"
+	}
 });
-export {
-  staticClasses,
-  useClasses
-};
+//#endregion
+export { staticClasses, useClasses };