@majoo-ui/react 1.61.19 → 1.61.20-rc.2

package/components/datePicker/DatePickerMulti.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const DatePickerMulti: ({ onChange, onClose, selected, disabled, minDate, maxDate, ...props }: {
+    [x: string]: any;
+    onChange: any;
+    onClose: any;
+    selected: any;
+    disabled: any;
+    minDate: any;
+    maxDate: any;
+}) => JSX.Element;

package/components/datePicker/components/CalendarMulti.d.ts

@@ -0,0 +1,21 @@
+import { RenderProps } from 'dayzed';
+import React from 'react';
+import { CSS } from '../../../config/stitches.config';
+export declare const DATE_PICKER = 0;
+export declare const MONTH_PICKER = 1;
+export declare const YEAR_PICKER = 2;
+export declare const YEAR_RANGE_PICKER = 3;
+export interface CalendarProps extends RenderProps {
+    advanceView?: React.ReactNode;
+    onCalendarDateChange: (date: Date) => void;
+    selected?: Date[];
+    containerStyle?: CSS;
+    disabled?: boolean;
+    showTimePicker?: boolean;
+    renderTimePicker?: () => React.ReactNode;
+    minDate?: Date;
+    maxDate?: Date;
+    disabledDate?: Date[];
+}
+declare const CalendarBox: ({ calendars, getDateProps, onCalendarDateChange, selected, containerStyle, disabled, minDate, maxDate, disabledDate, }: CalendarProps) => JSX.Element | null;
+export default CalendarBox;

package/components/datePicker/components/DateNumber.d.ts

@@ -1,6 +1,6 @@
 import type * as Stitches from '@stitches/react';
 declare const DateNumber: import("@stitches/react/types/styled-component").StyledComponent<"div", {
-    variant?: "end" | "start" | "default" | "disabled" | "neutral" | "selected" | "road" | undefined;
+    variant?: "end" | "start" | "default" | "disabled" | "neutral" | "selected" | "defaultv2" | "selectedv2" | "road" | undefined;
     size?: "large" | "small" | undefined;
     isSunday?: boolean | "true" | undefined;
 }, {

package/components/datePicker/components/index.d.ts

@@ -3,3 +3,4 @@ export * from './Calendar';
 export { default as MobileCalendar } from './MobileCalendar';
 export * from './MobileCalendar';
 export * from './DateNumber';
+export { default as CalendarMulti } from './CalendarMulti';

package/components/datePicker/index.d.ts

@@ -4,3 +4,4 @@ export * from './CustomDatePicker';
 export * from './AdvancedOption';
 export * from './state/reducer';
 export * from './timePicker';
+export * from './DatePickerMulti';

package/components/devicePreview/DevicePreview.d.ts

@@ -134,9 +134,7 @@ export declare const ImageDevicePreview: import("@stitches/react/types/styled-co
     }) => {
         marginTop: {
             readonly [Stitches.$$ScaleValue]: "space";
-        }; /**
-         * alt prop when url image not found or invalid
-         */
+        };
         marginBottom: {
             readonly [Stitches.$$ScaleValue]: "space";
         };

package/components/modalDialog/ModalDialog.d.ts

@@ -78,7 +78,7 @@ export declare const ModalDialogFooter: import("@stitches/react/types/styled-com
     }) => {
         marginTop: {
             readonly [$$ScaleValue]: "space";
-        };
+        }; /** Event handler called when a pointer event occurs outside the bounds of the component. It can be prevented by calling event.preventDefault.*/
         marginBottom: {
             readonly [$$ScaleValue]: "space";
         };
@@ -175,7 +175,7 @@ export declare const ModalDialogTitle: import("@stitches/react/types/styled-comp
     }) => {
         marginTop: {
             readonly [$$ScaleValue]: "space";
-        };
+        }; /** Event handler called when a pointer event occurs outside the bounds of the component. It can be prevented by calling event.preventDefault.*/
         marginBottom: {
             readonly [$$ScaleValue]: "space";
         };
@@ -272,7 +272,7 @@ export declare const ModalDialogContent: import("@stitches/react/types/styled-co
     }) => {
         marginTop: {
             readonly [$$ScaleValue]: "space";
-        };
+        }; /** Event handler called when a pointer event occurs outside the bounds of the component. It can be prevented by calling event.preventDefault.*/
         marginBottom: {
             readonly [$$ScaleValue]: "space";
         };
@@ -369,7 +369,7 @@ export declare const ModalDialogTrigger: import("@stitches/react/types/styled-co
     }) => {
         marginTop: {
             readonly [$$ScaleValue]: "space";
-        };
+        }; /** Event handler called when a pointer event occurs outside the bounds of the component. It can be prevented by calling event.preventDefault.*/
         marginBottom: {
             readonly [$$ScaleValue]: "space";
         };
@@ -415,6 +415,10 @@ interface ModalDialogProps extends Omit<IDialog, 'children'>, DialogContentProps
      * On dialog close click function
      */
     onCloseClick?: () => void;
+    /**
+     * Theme configuration for the component
+     */
+    theme?: string;
 }
 /**
  * ModalDialog are used to focus and display content that contains one specific task that requires interaction from the user and is separate from the main page.
@@ -513,7 +517,7 @@ declare const ModalDialog: {
         }) => {
             marginTop: {
                 readonly [$$ScaleValue]: "space";
-            };
+            }; /** Event handler called when a pointer event occurs outside the bounds of the component. It can be prevented by calling event.preventDefault.*/
             marginBottom: {
                 readonly [$$ScaleValue]: "space";
             };
@@ -610,7 +614,7 @@ declare const ModalDialog: {
         }) => {
             marginTop: {
                 readonly [$$ScaleValue]: "space";
-            };
+            }; /** Event handler called when a pointer event occurs outside the bounds of the component. It can be prevented by calling event.preventDefault.*/
             marginBottom: {
                 readonly [$$ScaleValue]: "space";
             };
@@ -707,7 +711,7 @@ declare const ModalDialog: {
         }) => {
             marginTop: {
                 readonly [$$ScaleValue]: "space";
-            };
+            }; /** Event handler called when a pointer event occurs outside the bounds of the component. It can be prevented by calling event.preventDefault.*/
             marginBottom: {
                 readonly [$$ScaleValue]: "space";
             };
@@ -804,7 +808,7 @@ declare const ModalDialog: {
         }) => {
             marginTop: {
                 readonly [$$ScaleValue]: "space";
-            };
+            }; /** Event handler called when a pointer event occurs outside the bounds of the component. It can be prevented by calling event.preventDefault.*/
             marginBottom: {
                 readonly [$$ScaleValue]: "space";
             };