@vertigis/react-ui 21.5.6 → 21.6.0

package/AdapterDateFns/index.d.ts

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

package/AdapterDateFns/index.js

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

package/DatePicker/DatePicker.d.ts

@@ -2,7 +2,7 @@ import type { DatePickerProps as MuiDatePickerProps } from "@mui/x-date-pickers/
 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> {
+export interface DatePickerProps extends MuiDatePickerProps<false> {
 }
-declare const _default: <TDate extends PickerValidDate>(props: DatePickerProps<TDate>) => JSX.Element;
+declare const _default: (props: DatePickerProps) => JSX.Element;
 export default _default;

package/DatePicker/DatePicker.js

@@ -3,5 +3,5 @@ import { DatePicker as MuiDatePicker } from "@mui/x-date-pickers/DatePicker";
 import { forwardRef } from "react";
 import FormLabelTextField from "../FormLabelTextField/index.js";
 export * from "@mui/x-date-pickers/DatePicker";
-const DatePicker = ({ slots, ...props }, ref) => (_jsx(MuiDatePicker, { ref: ref, slots: { textField: FormLabelTextField, ...slots }, ...props }));
+const DatePicker = ({ slots, ...props }, ref) => (_jsx(MuiDatePicker, { enableAccessibleFieldDOMStructure: false, ref: ref, slots: { textField: FormLabelTextField, ...slots }, ...props }));
 export default forwardRef(DatePicker);

package/DateRangePicker/DateRangePicker.d.ts

@@ -4,8 +4,8 @@ export type { PickerValidDate };
 export * from "@mui/x-date-pickers-pro/DateRangePicker";
 export * from "@mui/x-date-pickers-pro/DesktopDateRangePicker";
 export * from "@mui/x-date-pickers-pro/MobileDateRangePicker";
-export interface DateRangePickerProps<TDate extends PickerValidDate> extends MuiDateRangePickerProps<TDate> {
+export interface DateRangePickerProps extends MuiDateRangePickerProps<false> {
     dateSeparator?: string;
 }
-declare const _default: <TDate extends PickerValidDate>(props: DateRangePickerProps<TDate>) => JSX.Element;
+declare const _default: (props: DateRangePickerProps) => JSX.Element;
 export default _default;

package/DateRangePicker/DateRangePicker.js

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

package/DateTimePicker/DateTimePicker.d.ts

@@ -2,7 +2,7 @@ import type { DateTimePickerProps as MuiDateTimePickerProps } from "@mui/x-date-
 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> {
+export interface DateTimePickerProps extends MuiDateTimePickerProps<false> {
 }
-declare const _default: <TDate extends PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean = false>(props: MuiDateTimePickerProps<TDate, TEnableAccessibleFieldDOMStructure>) => JSX.Element;
+declare const _default: (props: MuiDateTimePickerProps<false>) => JSX.Element;
 export default _default;

package/DateTimePicker/DateTimePicker.js

@@ -4,7 +4,7 @@ import { renderTimeViewClock } from "@mui/x-date-pickers/timeViewRenderers";
 import { forwardRef } from "react";
 import FormLabelTextField from "../FormLabelTextField/index.js";
 export * from "@mui/x-date-pickers/DateTimePicker";
-const DateTimePicker = ({ slots, viewRenderers, ...props }, ref) => (_jsx(MuiDateTimePicker, { ref: ref, slots: { textField: FormLabelTextField, ...slots }, viewRenderers: {
+const DateTimePicker = ({ slots, viewRenderers, ...props }, ref) => (_jsx(MuiDateTimePicker, { enableAccessibleFieldDOMStructure: false, ref: ref, slots: { textField: FormLabelTextField, ...slots }, viewRenderers: {
         hours: viewRenderers?.hours ?? renderTimeViewClock,
         minutes: viewRenderers?.minutes ?? renderTimeViewClock,
         seconds: viewRenderers?.seconds ?? renderTimeViewClock,

package/DateTimeRangePicker/DateTimeRangePicker.d.ts

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

package/DateTimeRangePicker/DateTimeRangePicker.js

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

package/Panel/Panel.js

@@ -144,6 +144,6 @@ const Panel = ({ children, className, classes: classesProp, collapsedByDefault,
                 }), "data-test": "PanelGroup-header", onClick: handleCollapseHeaderClick, 
                 // The click functionality of this element is a convenience,
                 // and is not required by keyboard users.
-                role: "presentation", children: [collapsible && (_jsx(IconButton, { className: classes.headerCollapseButton, "aria-expanded": !collapsed, "aria-label": collapseButtonLabel, title: collapseButtonLabel, onClick: handleCollapseBtnClick, "data-group-name": title, size: "small", children: _jsx(CollapseBtnIcon, {}) })), _jsx("div", { className: classes.headerStartAdornment, onClick: handleHeaderAdornmentClick, role: "presentation", children: headerStartAdornment }), _jsxs("div", { className: classes.headerTitle, children: [titleElement, subtitleElement] }), _jsx("div", { className: classes.headerEndAdornment, onClick: handleHeaderAdornmentClick, role: "presentation", children: headerEndAdornment })] })), collapsible ? (_jsx(Collapse, { classes: { entered: classes.contentEntered }, unmountOnExit: true, in: !collapsed, children: content })) : (content)] }));
+                role: "presentation", children: [collapsible && (_jsx(IconButton, { className: classes.headerCollapseButton, "aria-expanded": !collapsed, "aria-label": collapseButtonLabel, title: collapseButtonLabel, onClick: handleCollapseBtnClick, "data-test": "PanelGroup-collapse-btn", "data-group-name": title, size: "small", children: _jsx(CollapseBtnIcon, {}) })), _jsx("div", { className: classes.headerStartAdornment, onClick: handleHeaderAdornmentClick, role: "presentation", children: headerStartAdornment }), _jsxs("div", { className: classes.headerTitle, children: [titleElement, subtitleElement] }), _jsx("div", { className: classes.headerEndAdornment, onClick: handleHeaderAdornmentClick, role: "presentation", children: headerEndAdornment })] })), collapsible ? (_jsx(Collapse, { classes: { entered: classes.contentEntered }, unmountOnExit: true, in: !collapsed, children: content })) : (content)] }));
 };
 export default Panel;

package/TimePicker/TimePicker.d.ts

@@ -2,7 +2,7 @@ import type { TimePickerProps as MuiTimePickerProps } from "@mui/x-date-pickers/
 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> {
+export interface TimePickerProps extends MuiTimePickerProps<false> {
 }
-declare const _default: <TDate extends PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean = false>(props: TimePickerProps<TDate, TEnableAccessibleFieldDOMStructure>) => JSX.Element;
+declare const _default: (props: TimePickerProps) => JSX.Element;
 export default _default;

package/TimePicker/TimePicker.js

@@ -4,7 +4,7 @@ import { renderTimeViewClock } from "@mui/x-date-pickers/timeViewRenderers";
 import { forwardRef } from "react";
 import FormLabelTextField from "../FormLabelTextField/index.js";
 export * from "@mui/x-date-pickers/TimePicker";
-const TimePicker = ({ slots, viewRenderers, ...props }, ref) => (_jsx(MuiTimePicker, { ref: ref, slots: { textField: FormLabelTextField, ...slots }, viewRenderers: {
+const TimePicker = ({ slots, viewRenderers, ...props }, ref) => (_jsx(MuiTimePicker, { enableAccessibleFieldDOMStructure: false, ref: ref, slots: { textField: FormLabelTextField, ...slots }, viewRenderers: {
         hours: viewRenderers?.hours ?? renderTimeViewClock,
         minutes: viewRenderers?.minutes ?? renderTimeViewClock,
         seconds: viewRenderers?.seconds ?? renderTimeViewClock,

package/TreeItem2/index.d.ts

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

package/TreeItem2/index.js

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

package/TreeView/index.d.ts

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

package/TreeView/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertigis/react-ui",
-  "version": "21.5.6",
+  "version": "21.6.0",
   "description": "Utilities and React components used in VertiGIS applications.",
   "keywords": [
     "vertigis",
@@ -17,10 +17,10 @@
   "dependencies": {
     "@mui/icons-material": "^7.2.0",
     "@mui/material": "^7.2.0",
-    "@mui/x-data-grid-pro": "^7.28.0",
-    "@mui/x-date-pickers-pro": "^7.28.0",
-    "@mui/x-license": "^7.24.1",
-    "@mui/x-tree-view": "^7.24.0",
+    "@mui/x-data-grid-pro": "^8.28.0",
+    "@mui/x-date-pickers-pro": "^8.27.2",
+    "@mui/x-license": "^8.26.0",
+    "@mui/x-tree-view": "^8.27.2",
     "autosuggest-highlight": "^3.3.4",
     "clsx": "^2.1.0",
     "color": "^4.2.3",

package/styles/createTheme.js

@@ -696,6 +696,13 @@ function getComponentOverrides(theme, isDense) {
                     dir: theme.direction,
                 },
             },
+            MuiMultiInputDateRangeField: {
+                styleOverrides: {
+                    root: {
+                        marginBottom: spacing(1),
+                    },
+                },
+            },
             MuiNativeSelect: {
                 defaultProps: {
                     variant: "standard",