@vertigis/react-ui 16.1.0 → 16.2.1

package/DatePicker/DatePicker.d.ts

@@ -1,5 +1,8 @@
-import type { DatePickerProps as MuiDatePickerProps, PickerValidDate } from "@mui/x-date-pickers-pro";
-export interface DatePickerProps extends MuiDatePickerProps<PickerValidDate> {
+import type { DatePickerProps as MuiDatePickerProps } from "@mui/x-date-pickers/DatePicker";
+import type { PickerValidDate } from "@mui/x-date-pickers/models";
+export type { PickerValidDate };
+export * from "@mui/x-date-pickers/DatePicker";
+export interface DatePickerProps<TDate extends PickerValidDate> extends MuiDatePickerProps<TDate> {
 }
-declare const DatePicker: import("react").ForwardRefExoticComponent<DatePickerProps & import("react").RefAttributes<HTMLInputElement>>;
-export default DatePicker;
+declare const _default: <TDate extends unknown>(props: DatePickerProps<TDate>) => JSX.Element;
+export default _default;

package/DatePicker/DatePicker.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { DatePicker as MuiDatePicker } from "@mui/x-date-pickers-pro";
+import { DatePicker as MuiDatePicker } from "@mui/x-date-pickers/DatePicker";
 import { forwardRef } from "react";
 import FormLabelTextField from "../FormLabelTextField/index.js";
-const DatePicker = forwardRef(({ slots, ...props }, ref) => (_jsx(MuiDatePicker, { inputRef: ref, slots: { textField: FormLabelTextField, ...slots }, ...props })));
-export default DatePicker;
+export * from "@mui/x-date-pickers/DatePicker";
+const DatePicker = ({ slots, ...props }, ref) => (_jsx(MuiDatePicker, { ref: ref, slots: { textField: FormLabelTextField, ...slots }, ...props }));
+export default forwardRef(DatePicker);

package/DateRangePicker/DateRangePicker.d.ts

@@ -1,6 +1,9 @@
-import type { DateRangePickerProps as MuiDateRangePickerProps, PickerValidDate } from "@mui/x-date-pickers-pro";
-export interface DateRangePickerProps extends MuiDateRangePickerProps<PickerValidDate> {
+import type { PickerValidDate } from "@mui/x-date-pickers/models";
+import type { DateRangePickerProps as MuiDateRangePickerProps } from "@mui/x-date-pickers-pro/DateRangePicker";
+export type { PickerValidDate };
+export * from "@mui/x-date-pickers-pro/DateRangePicker";
+export interface DateRangePickerProps<TDate extends PickerValidDate> extends MuiDateRangePickerProps<TDate> {
     dateSeparator?: string;
 }
-declare const DateRangePicker: import("react").ForwardRefExoticComponent<DateRangePickerProps & import("react").RefAttributes<HTMLInputElement>>;
-export default DateRangePicker;
+declare const _default: <TDate extends unknown>(props: DateRangePickerProps<TDate>) => JSX.Element;
+export default _default;

package/DateRangePicker/DateRangePicker.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { DateRangePicker as MuiDateRangePicker } from "@mui/x-date-pickers-pro";
+import { DateRangePicker as MuiDateRangePicker } from "@mui/x-date-pickers-pro/DateRangePicker";
 import { forwardRef } from "react";
 import FormLabelTextField from "../FormLabelTextField/index.js";
-const DateRangePicker = forwardRef(({ dateSeparator, slots, slotProps, ...props }, ref) => (_jsx(MuiDateRangePicker, { inputRef: ref, slotProps: { field: { dateSeparator }, ...slotProps }, slots: { textField: FormLabelTextField, ...slots }, ...props })));
-export default DateRangePicker;
+export * from "@mui/x-date-pickers-pro/DateRangePicker";
+const DateRangePicker = ({ dateSeparator, slots, slotProps, ...props }, ref) => (_jsx(MuiDateRangePicker, { ref: ref, slotProps: { field: { dateSeparator }, ...slotProps }, slots: { textField: FormLabelTextField, ...slots }, ...props }));
+export default forwardRef(DateRangePicker);

package/DateTimePicker/DateTimePicker.d.ts

@@ -1,5 +1,8 @@
-import type { DateTimePickerProps as MuiDateTimePickerProps, PickerValidDate } from "@mui/x-date-pickers-pro";
-export interface DateTimePickerProps extends MuiDateTimePickerProps<PickerValidDate> {
+import type { DateTimePickerProps as MuiDateTimePickerProps } from "@mui/x-date-pickers/DateTimePicker";
+import type { PickerValidDate } from "@mui/x-date-pickers/models";
+export type { PickerValidDate };
+export * from "@mui/x-date-pickers/DateTimePicker";
+export interface DateTimePickerProps<TDate extends PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean = false> extends MuiDateTimePickerProps<TDate, TEnableAccessibleFieldDOMStructure> {
 }
-declare const DateTimePicker: import("react").ForwardRefExoticComponent<DateTimePickerProps & import("react").RefAttributes<HTMLInputElement>>;
-export default DateTimePicker;
+declare const _default: <TDate extends unknown, TEnableAccessibleFieldDOMStructure extends boolean = false>(props: MuiDateTimePickerProps<TDate, TEnableAccessibleFieldDOMStructure>) => JSX.Element;
+export default _default;

package/DateTimePicker/DateTimePicker.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { DateTimePicker as MuiDateTimePicker, renderTimeViewClock } from "@mui/x-date-pickers-pro";
+import { DateTimePicker as MuiDateTimePicker } from "@mui/x-date-pickers/DateTimePicker";
+import { renderTimeViewClock } from "@mui/x-date-pickers/timeViewRenderers";
 import { forwardRef } from "react";
 import FormLabelTextField from "../FormLabelTextField/index.js";
-const DateTimePicker = forwardRef(({ slots, viewRenderers, ...props }, ref) => (_jsx(MuiDateTimePicker, { inputRef: ref, slots: { textField: FormLabelTextField, ...slots }, viewRenderers: {
+export * from "@mui/x-date-pickers/DateTimePicker";
+const DateTimePicker = ({ slots, viewRenderers, ...props }, ref) => (_jsx(MuiDateTimePicker, { ref: ref, slots: { textField: FormLabelTextField, ...slots }, viewRenderers: {
         hours: viewRenderers?.hours ?? renderTimeViewClock,
         minutes: viewRenderers?.minutes ?? renderTimeViewClock,
         seconds: viewRenderers?.seconds ?? renderTimeViewClock,
-    }, ...props })));
-export default DateTimePicker;
+    }, ...props }));
+export default forwardRef(DateTimePicker);

package/IconMenu/IconMenu.d.ts

@@ -12,13 +12,21 @@ export interface IconMenuClasses {
 }
 export type IconMenuClassKey = keyof IconMenuClasses;
 export interface IconMenuProps extends BoxProps {
-    /** Additional CSS classes to be applied to the component. */
+    /**
+     * Additional CSS classes to be applied to the component.
+     */
     classes?: Partial<IconMenuClasses>;
-    /** Whether the icon button should be disabled. */
+    /**
+     * Whether the icon button should be disabled.
+     */
     disabled?: boolean;
-    /** The icon to show. */
+    /**
+     * The icon to show.
+     */
     icon: ReactNode;
-    /** A ref for the menu element */
+    /**
+     * A ref for the menu element
+     */
     menuRef?: React.MutableRefObject<HTMLDivElement>;
     /**
      * A 'virtual anchor' that can be provided to override the default behavior.
@@ -26,9 +34,13 @@ export interface IconMenuProps extends BoxProps {
      * open.
      */
     virtualAnchor?: DOMRect;
-    /** Attributes applied to the `IconButton` component. */
+    /**
+     * Attributes applied to the `IconButton` component.
+     */
     IconButtonProps?: Partial<IconButtonProps>;
-    /** Attributes applied to the `Menu` component. */
+    /**
+     * Attributes applied to the `Menu` component.
+     */
     MenuProps?: Partial<MenuProps>;
 }
 declare const IconMenu: import("react").ForwardRefExoticComponent<Omit<IconMenuProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/Notification/Notification.d.ts

@@ -1,11 +1,17 @@
 import { type AlertProps } from "@mui/material";
 import type { FC } from "react";
 import type { SnackbarProps } from "../Snackbar";
-/** Properties for the Notification component. */
+/**
+ * Properties for the Notification component.
+ */
 export interface NotificationProperties extends SnackbarProps {
-    /** The title for the close button. */
+    /**
+     * The title for the close button.
+     */
     closeButtonTitle: string;
-    /** Optional alert properties. */
+    /**
+     * Optional alert properties.
+     */
     alertProps?: AlertProps;
 }
 /**

package/TimePicker/TimePicker.d.ts

@@ -1,5 +1,8 @@
-import type { TimePickerProps as MuiTimePickerProps, PickerValidDate } from "@mui/x-date-pickers-pro";
-export interface TimePickerProps extends MuiTimePickerProps<PickerValidDate> {
+import type { TimePickerProps as MuiTimePickerProps } from "@mui/x-date-pickers/TimePicker";
+import type { PickerValidDate } from "@mui/x-date-pickers/models";
+export type { PickerValidDate };
+export * from "@mui/x-date-pickers/TimePicker";
+export interface TimePickerProps<TDate extends PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean = false> extends MuiTimePickerProps<TDate, TEnableAccessibleFieldDOMStructure> {
 }
-declare const TimePicker: import("react").ForwardRefExoticComponent<TimePickerProps & import("react").RefAttributes<HTMLInputElement>>;
-export default TimePicker;
+declare const _default: <TDate extends unknown, TEnableAccessibleFieldDOMStructure extends boolean = false>(props: TimePickerProps<TDate, TEnableAccessibleFieldDOMStructure>) => JSX.Element;
+export default _default;

package/TimePicker/TimePicker.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { TimePicker as MuiTimePicker, renderTimeViewClock } from "@mui/x-date-pickers-pro";
+import { TimePicker as MuiTimePicker } from "@mui/x-date-pickers/TimePicker";
+import { renderTimeViewClock } from "@mui/x-date-pickers/timeViewRenderers";
 import { forwardRef } from "react";
 import FormLabelTextField from "../FormLabelTextField/index.js";
-const TimePicker = forwardRef(({ slots, viewRenderers, ...props }, ref) => (_jsx(MuiTimePicker, { inputRef: ref, slots: { textField: FormLabelTextField, ...slots }, viewRenderers: {
+export * from "@mui/x-date-pickers/TimePicker";
+const TimePicker = ({ slots, viewRenderers, ...props }, ref) => (_jsx(MuiTimePicker, { ref: ref, slots: { textField: FormLabelTextField, ...slots }, viewRenderers: {
         hours: viewRenderers?.hours ?? renderTimeViewClock,
         minutes: viewRenderers?.minutes ?? renderTimeViewClock,
         seconds: viewRenderers?.seconds ?? renderTimeViewClock,
-    }, ...props })));
-export default TimePicker;
+    }, ...props }));
+export default forwardRef(TimePicker);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertigis/react-ui",
-  "version": "16.1.0",
+  "version": "16.2.1",
   "description": "Utilities and React components used in VertiGIS applications.",
   "keywords": [
     "vertigis",

package/styles/createTheme.js

@@ -158,7 +158,9 @@ const defaultDenseOptions = {
         },
     },
 };
-/** Common style overrides for both Select and NativeSelect. */
+/**
+ * Common style overrides for both Select and NativeSelect.
+ */
 const getSelectStyles = (theme) => ({
     borderRadius: theme.shape.borderRadius,
     "&:focus": {
@@ -172,7 +174,9 @@ const getFocusHighlightStyles = ({ palette }) => ({
         0 0 0 3px ${palette.common.white} inset,
         0 0 0 5px ${palette.grey[600]} inset`,
 });
-/** Common style overrides for both MenuItem and ListItemButton. */
+/**
+ * Common style overrides for both MenuItem and ListItemButton.
+ */
 const getMenuItemStyles = ({ palette, transitions }) => ({
     overflow: "hidden",
     "&:hover": {
@@ -1089,7 +1093,9 @@ export default createTheme;
 export function overrideTheme(theme, overrides) {
     return deepAssign({}, theme, overrides);
 }
-/** A recursive version of Object.assign(). */
+/**
+ * A recursive version of Object.assign().
+ */
 function deepAssign(target, ...sources) {
     if (target === null || target === undefined) {
         throw new TypeError("Cannot convert undefined or null to object.");