@digital-ai/dot-components 4.28.1 → 5.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "4.28.1",
+  "version": "5.0.0",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [
@@ -43,8 +43,8 @@
     "@digital-ai/dot-illustrations": "latest",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
-    "@mui/material": "^5.2.5",
-    "@mui/x-date-pickers": "^6.0.1",
+    "@mui/material": "^5.18.0",
+    "@mui/x-date-pickers": "^7.29.4",
     "dayjs": "^1.11.10",
     "jwt-decode": "^3.1.2",
     "react-dropzone": "^11.4.2",
@@ -52,7 +52,7 @@
     "styled-components": "^5.2.1"
   },
   "peerDependencies": {
-    "react": "^17.0.2 || ^18.0.0"
+    "react": "^17.0.2 || ^18.0.0 || ^19.0.0"
   },
   "module": "./index.esm.js",
   "type": "module",

package/src/lib/components/date-picker/DatePicker.d.ts

@@ -1,10 +1,11 @@
 import { FocusEvent, KeyboardEvent, ReactNode } from 'react';
+import { Dayjs } from 'dayjs';
 import { PickersDayProps } from '@mui/x-date-pickers';
 import { FieldChangeHandlerContext } from '@mui/x-date-pickers/internals';
 import { CommonProps } from '../CommonProps';
 import { DatePickerLocale } from './';
 import { DatePickerKeydownContext } from './utils/models';
-export declare const RectanglePickersDay: (pickersDayProps: PickersDayProps<unknown>) => import("react/jsx-runtime").JSX.Element;
+export declare const RectanglePickersDay: (pickersDayProps: PickersDayProps<Dayjs>) => import("react/jsx-runtime").JSX.Element;
 export interface DatePickerProps extends CommonProps {
     /** If `true`, the `input` element is focused during the first mount. */
     autoFocus?: boolean;

package/src/lib/components/date-picker/DatePicker.styles.d.ts

@@ -3,9 +3,9 @@ export declare const popperClassName = "dot-date-picker-popper";
 export declare const containerClassName = "dot-date-picker-container";
 export declare const rectanglePickersDayClassName = "dot-rectangle-pickers-day";
 export declare const StyledDatePickerContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledDatePicker: import("styled-components").StyledComponent<(<TDate>(props: import("@mui/x-date-pickers").DatePickerProps<TDate> & import("react").RefAttributes<HTMLDivElement>) => import("react").JSX.Element) & {
+export declare const StyledDatePicker: import("styled-components").StyledComponent<(<TDate extends import("@mui/x-date-pickers").PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean = false>(props: import("@mui/x-date-pickers").DatePickerProps<TDate, TEnableAccessibleFieldDOMStructure> & import("react").RefAttributes<HTMLDivElement>) => import("react").JSX.Element) & {
     propTypes?: any;
 }, any, {}, never>;
-export declare const StyledPickersDay: import("styled-components").StyledComponent<(<TDate>(props: import("@mui/x-date-pickers").PickersDayProps<TDate> & import("react").RefAttributes<HTMLButtonElement>) => import("react").JSX.Element) & {
+export declare const StyledPickersDay: import("styled-components").StyledComponent<(<TDate extends import("@mui/x-date-pickers").PickerValidDate>(props: import("@mui/x-date-pickers").PickersDayProps<TDate> & import("react").RefAttributes<HTMLButtonElement>) => import("react").JSX.Element) & {
     propTypes?: any;
 }, any, {}, never>;

package/src/lib/components/list/ListItem.styles.d.ts

@@ -2,5 +2,5 @@ import { ComponentType } from 'react';
 export declare const flyoutListItemClassName = "dot-flyout-list-item";
 export declare const flyoutItemLinkClassName = "dot-flyout-item-link";
 export declare const listItemLinkClassName = "dot-list-item-link";
-export declare const StyledListItem: ComponentType<any> | keyof JSX.IntrinsicElements;
-export declare const StyledListItemButton: ComponentType<any> | keyof JSX.IntrinsicElements;
+export declare const StyledListItem: ComponentType<any>;
+export declare const StyledListItemButton: ComponentType<any>;

package/src/lib/components/menu/Menu.styles.d.ts

@@ -1,13 +1,6 @@
 export declare const flyoutMenuClassName = "dot-flyout-menu";
 export declare const rootClassName = "dot-menu";
-export declare const StyledPopper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("@mui/base").PopperProps, "direction"> & {
-    component?: import("react").ElementType<any> | undefined;
-    components?: {
-        Root?: import("react").ElementType<any> | undefined;
-    } | undefined;
-    componentsProps?: import("@mui/base").PopperProps["slotProps"];
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>, any, StyledPopperArgs, never>;
+export declare const StyledPopper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@mui/material").PopperProps & import("react").RefAttributes<HTMLDivElement>>, any, StyledPopperArgs, never>;
 interface StyledPopperArgs {
     $maxHeight?: number | string;
     $zIndex?: number;

package/src/lib/components/popper/Popper.styles.d.ts

@@ -1,11 +1,4 @@
 export declare const rootClassName = "dot-popper";
 export declare const arrowClassName = "MuiPopper-arrow";
-export declare const StyledPopper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("@mui/base").PopperProps, "direction"> & {
-    component?: import("react").ElementType<any> | undefined;
-    components?: {
-        Root?: import("react").ElementType<any> | undefined;
-    } | undefined;
-    componentsProps?: import("@mui/base").PopperProps["slotProps"];
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledPopper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@mui/material").PopperProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const StyledArrow: import("styled-components").StyledComponent<"span", any, {}, never>;

package/src/lib/components/time-picker/TimePicker.styles.d.ts

@@ -2,14 +2,7 @@ export declare const rootClassName = "dot-time-picker";
 export declare const containerClassName = "dot-time-picker-container";
 export declare const timePickerPopperClassName = "dot-time-picker-popper";
 export declare const StyledTimePickerContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTimePicker: import("styled-components").StyledComponent<(<TDate>(props: import("@mui/x-date-pickers").TimePickerProps<TDate> & import("react").RefAttributes<HTMLDivElement>) => import("react").JSX.Element) & {
+export declare const StyledTimePicker: import("styled-components").StyledComponent<(<TDate extends import("@mui/x-date-pickers").PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean = false>(props: import("@mui/x-date-pickers").TimePickerProps<TDate, TEnableAccessibleFieldDOMStructure> & import("react").RefAttributes<HTMLDivElement>) => import("react").JSX.Element) & {
     propTypes?: any;
 }, any, {}, never>;
-export declare const StyledTimePickerPopper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("@mui/base").PopperProps, "direction"> & {
-    component?: import("react").ElementType<any> | undefined;
-    components?: {
-        Root?: import("react").ElementType<any> | undefined;
-    } | undefined;
-    componentsProps?: import("@mui/base").PopperProps["slotProps"];
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledTimePickerPopper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@mui/material").PopperProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;