@vertigis/react-ui 15.5.0 → 16.0.0

package/AdapterDateFns/index.d.ts

@@ -1,3 +1,3 @@
-export * from "@mui/x-date-pickers/AdapterDateFns";
-import { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns";
+export * from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFnsV3";
 export default AdapterDateFns;

package/AdapterDateFns/index.js

@@ -1,3 +1,3 @@
-export * from "@mui/x-date-pickers/AdapterDateFns";
-import { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns";
+export * from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFnsV3";
 export default AdapterDateFns;

package/DatePicker/DatePicker.d.ts

@@ -0,0 +1,5 @@
+import type { DatePickerProps as MuiDatePickerProps, PickerValidDate } from "@mui/x-date-pickers-pro";
+export interface DatePickerProps extends MuiDatePickerProps<PickerValidDate> {
+}
+declare const DatePicker: import("react").ForwardRefExoticComponent<DatePickerProps & import("react").RefAttributes<HTMLInputElement>>;
+export default DatePicker;

package/DatePicker/DatePicker.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DatePicker as MuiDatePicker } from "@mui/x-date-pickers-pro";
+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;

package/DatePicker/index.d.ts

@@ -1,3 +1,2 @@
-export * from "@mui/x-date-pickers/DatePicker";
-import { DatePicker } from "@mui/x-date-pickers-pro";
-export default DatePicker;
+export * from "./DatePicker.js";
+export { default } from "./DatePicker.js";

package/DatePicker/index.js

@@ -1,3 +1,2 @@
-export * from "@mui/x-date-pickers/DatePicker";
-import { DatePicker } from "@mui/x-date-pickers-pro";
-export default DatePicker;
+export * from "./DatePicker.js";
+export { default } from "./DatePicker.js";

package/DateRangePicker/DateRangePicker.d.ts

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

package/DateRangePicker/DateRangePicker.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DateRangePicker as MuiDateRangePicker } from "@mui/x-date-pickers-pro";
+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;

package/DateRangePicker/index.d.ts

@@ -1,3 +1,2 @@
-export * from "@mui/x-date-pickers-pro/DateRangePicker";
-import { DateRangePicker } from "@mui/x-date-pickers-pro";
-export default DateRangePicker;
+export * from "./DateRangePicker.js";
+export { default } from "./DateRangePicker.js";

package/DateRangePicker/index.js

@@ -1,3 +1,2 @@
-export * from "@mui/x-date-pickers-pro/DateRangePicker";
-import { DateRangePicker } from "@mui/x-date-pickers-pro";
-export default DateRangePicker;
+export * from "./DateRangePicker.js";
+export { default } from "./DateRangePicker.js";

package/DateTimePicker/DateTimePicker.d.ts

@@ -0,0 +1,5 @@
+import type { DateTimePickerProps as MuiDateTimePickerProps, PickerValidDate } from "@mui/x-date-pickers-pro";
+export interface DateTimePickerProps extends MuiDateTimePickerProps<PickerValidDate> {
+}
+declare const DateTimePicker: import("react").ForwardRefExoticComponent<DateTimePickerProps & import("react").RefAttributes<HTMLInputElement>>;
+export default DateTimePicker;

package/DateTimePicker/DateTimePicker.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DateTimePicker as MuiDateTimePicker, renderTimeViewClock } from "@mui/x-date-pickers-pro";
+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: {
+        hours: viewRenderers?.hours ?? renderTimeViewClock,
+        minutes: viewRenderers?.minutes ?? renderTimeViewClock,
+        seconds: viewRenderers?.seconds ?? renderTimeViewClock,
+    }, ...props })));
+export default DateTimePicker;

package/DateTimePicker/index.d.ts

@@ -1,3 +1,2 @@
-export * from "@mui/x-date-pickers/DateTimePicker";
-import { DateTimePicker } from "@mui/x-date-pickers-pro";
-export default DateTimePicker;
+export * from "./DateTimePicker.js";
+export { default } from "./DateTimePicker.js";

package/DateTimePicker/index.js

@@ -1,3 +1,2 @@
-export * from "@mui/x-date-pickers/DateTimePicker";
-import { DateTimePicker } from "@mui/x-date-pickers-pro";
-export default DateTimePicker;
+export * from "./DateTimePicker.js";
+export { default } from "./DateTimePicker.js";

package/DateTimeRangePicker/DateTimeRangePicker.d.ts

@@ -0,0 +1,6 @@
+import type { DateTimeRangePickerProps as MuiDateTimeRangePickerProps, PickerValidDate } from "@mui/x-date-pickers-pro";
+export interface DateTimeRangePickerProps extends MuiDateTimeRangePickerProps<PickerValidDate> {
+    dateSeparator?: string;
+}
+declare const DateTimeRangePicker: import("react").ForwardRefExoticComponent<DateTimeRangePickerProps & import("react").RefAttributes<HTMLInputElement>>;
+export default DateTimeRangePicker;

package/DateTimeRangePicker/DateTimeRangePicker.js

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

package/DateTimeRangePicker/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DateTimeRangePicker.js";
+export { default } from "./DateTimeRangePicker.js";

package/DateTimeRangePicker/index.js

@@ -0,0 +1,2 @@
+export * from "./DateTimeRangePicker.js";
+export { default } from "./DateTimeRangePicker.js";

package/IconMenu/IconMenu.d.ts

@@ -12,21 +12,13 @@ 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.
@@ -34,13 +26,9 @@ 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,17 +1,11 @@
 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/PickersTextField/index.d.ts

@@ -0,0 +1,3 @@
+import { PickersTextField } from "@mui/x-date-pickers/PickersTextField";
+export * from "@mui/x-date-pickers/PickersTextField";
+export default PickersTextField;

package/PickersTextField/index.js

@@ -0,0 +1,3 @@
+import { PickersTextField } from "@mui/x-date-pickers/PickersTextField";
+export * from "@mui/x-date-pickers/PickersTextField";
+export default PickersTextField;

package/RichTreeView/index.d.ts

@@ -0,0 +1,2 @@
+export * from "@mui/x-tree-view/RichTreeView";
+export { RichTreeView as default } from "@mui/x-tree-view/RichTreeView";

package/RichTreeView/index.js

@@ -0,0 +1,2 @@
+export * from "@mui/x-tree-view/RichTreeView";
+export { RichTreeView as default } from "@mui/x-tree-view/RichTreeView";

package/SimpleTreeView/index.d.ts

@@ -0,0 +1,2 @@
+export * from "@mui/x-tree-view/SimpleTreeView";
+export { SimpleTreeView as default } from "@mui/x-tree-view/SimpleTreeView";

package/SimpleTreeView/index.js

@@ -0,0 +1,2 @@
+export * from "@mui/x-tree-view/SimpleTreeView";
+export { SimpleTreeView as default } from "@mui/x-tree-view/SimpleTreeView";

package/TimeClock/index.d.ts

@@ -0,0 +1 @@
+export * from "@mui/x-date-pickers/TimeClock";

package/TimeClock/index.js

@@ -0,0 +1 @@
+export * from "@mui/x-date-pickers/TimeClock";

package/TimePicker/TimePicker.d.ts

@@ -0,0 +1,5 @@
+import type { TimePickerProps as MuiTimePickerProps, PickerValidDate } from "@mui/x-date-pickers-pro";
+export interface TimePickerProps extends MuiTimePickerProps<PickerValidDate> {
+}
+declare const TimePicker: import("react").ForwardRefExoticComponent<TimePickerProps & import("react").RefAttributes<HTMLInputElement>>;
+export default TimePicker;

package/TimePicker/TimePicker.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TimePicker as MuiTimePicker, renderTimeViewClock } from "@mui/x-date-pickers-pro";
+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: {
+        hours: viewRenderers?.hours ?? renderTimeViewClock,
+        minutes: viewRenderers?.minutes ?? renderTimeViewClock,
+        seconds: viewRenderers?.seconds ?? renderTimeViewClock,
+    }, ...props })));
+export default TimePicker;

package/TimePicker/index.d.ts

@@ -1,3 +1,2 @@
-export * from "@mui/x-date-pickers/TimePicker";
-import { TimePicker } from "@mui/x-date-pickers/TimePicker";
-export default TimePicker;
+export * from "./TimePicker.js";
+export { default } from "./TimePicker.js";

package/TimePicker/index.js

@@ -1,3 +1,2 @@
-export * from "@mui/x-date-pickers/TimePicker";
-import { TimePicker } from "@mui/x-date-pickers/TimePicker";
-export default TimePicker;
+export * from "./TimePicker.js";
+export { default } from "./TimePicker.js";

package/TreeItem2/index.d.ts

@@ -0,0 +1,2 @@
+export * from "@mui/x-tree-view/TreeItem2";
+export { TreeItem2 as default } from "@mui/x-tree-view/TreeItem2";

package/TreeItem2/index.js

@@ -0,0 +1,2 @@
+export * from "@mui/x-tree-view/TreeItem2";
+export { TreeItem2 as default } from "@mui/x-tree-view/TreeItem2";

package/models/index.d.ts

@@ -0,0 +1 @@
+export * from "@mui/x-date-pickers-pro/models";

package/models/index.js

@@ -0,0 +1 @@
+export * from "@mui/x-date-pickers-pro/models";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertigis/react-ui",
-  "version": "15.5.0",
+  "version": "16.0.0",
   "description": "Utilities and React components used in VertiGIS applications.",
   "keywords": [
     "vertigis",
@@ -14,27 +14,27 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@mui/icons-material": "5.14.19",
-    "@mui/material": "5.14.19",
-    "@mui/x-data-grid-pro": "5.17.26",
-    "@mui/x-date-pickers-pro": "5.0.20",
-    "@mui/x-license-pro": "5.17.12",
-    "@mui/x-tree-view": "6.17.0",
+    "@mui/icons-material": "5.15.15",
+    "@mui/material": "5.15.15",
+    "@mui/x-data-grid-pro": "7.2.0",
+    "@mui/x-date-pickers-pro": "7.2.0",
+    "@mui/x-license-pro": "6.10.2",
+    "@mui/x-tree-view": "7.2.0",
     "autosuggest-highlight": "^3.3.4",
-    "clsx": "^1.2.1",
+    "clsx": "^2.1.0",
     "color": "^4.2.3",
     "lodash.escape": "^4.0.1",
-    "marked": "^11.0.0",
+    "marked": "^12.0.1",
     "react-color": "^2.19.3",
-    "tslib": "^2.1.0",
-    "xss": "^1.0.14"
+    "tslib": "^2.6.2",
+    "xss": "^1.0.15"
   },
   "devDependencies": {
     "@esri/arcgis-html-sanitizer": "^3.0.1",
-    "@types/autosuggest-highlight": "^3.2.0",
-    "@types/color": "^3.0.1",
-    "@types/lodash.escape": "^4.0.1",
-    "@types/react-color": "^3.0.6",
+    "@types/autosuggest-highlight": "^3.2.3",
+    "@types/color": "^3.0.6",
+    "@types/lodash.escape": "^4.0.9",
+    "@types/react-color": "^3.0.12",
     "@vertigis/icons": "5.1.2"
   },
   "peerDependencies": {

package/styles/createTheme.js

@@ -158,9 +158,7 @@ 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": {
@@ -174,9 +172,7 @@ 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": {
@@ -438,23 +434,26 @@ function getOverrides(theme) {
             },
             MuiDatePicker: {
                 defaultProps: {
-                    OpenPickerButtonProps: { size: "small" },
-                    PopperProps: { dir: theme.direction },
+                    slotProps: {
+                        openPickerButton: { size: "small" },
+                        popper: { dir: theme.direction },
+                    },
                 },
             },
             MuiDateRangePicker: {
                 defaultProps: {
-                    OpenPickerButtonProps: { size: "small" },
-                    PopperProps: { dir: theme.direction },
+                    slotProps: { popper: { dir: theme.direction } },
                 },
             },
             MuiDateTimePicker: {
                 defaultProps: {
-                    OpenPickerButtonProps: { size: "small" },
-                    PopperProps: { dir: theme.direction },
+                    slotProps: {
+                        openPickerButton: { size: "small" },
+                        popper: { dir: theme.direction },
+                    },
                 },
             },
-            MuiDayPicker: {
+            MuiDayCalendar: {
                 styleOverrides: {
                     header: {
                         "& .MuiTypography-caption": {
@@ -1090,9 +1089,7 @@ 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.");

package/ClockPicker/index.d.ts

@@ -1 +0,0 @@
-export * from "@mui/x-date-pickers/ClockPicker";

package/ClockPicker/index.js

@@ -1 +0,0 @@
-export * from "@mui/x-date-pickers/ClockPicker";