@majoo-ui/react 1.61.24 → 1.61.25-rc.2

package/{components → src/components}/datePicker/InputDatePicker.d.ts

@@ -1,170 +1,170 @@
-import * as React from 'react';
-import { ADVANCE_PICKER, RANGE_PICKER, SINGLE_PICKER, WEEKLY, MONTHLY, DATE_RANGE_PICKER } from './DatePicker';
-import { CSS } from '../../config/stitches.config';
-import { PopoverPlacement } from '../../type/base.types';
-interface TimePickerProps {
-    /**
-     Resize time picker.
-    */
-    size: 'sm' | 'lg';
-    /**
-      Change handler.
-     */
-    onChange: () => void;
-    /**
-      Time picker default value; support moment format.
-     */
-    defaultValue: Date;
-    /**
-      Time picker value; support moment format.
-     */
-    value: Date;
-    /**
-      Disabled state.
-     */
-    disabled: boolean;
-    /**
-       Disabled hour state.
-      */
-    disabledHour: boolean;
-    /**
-       Disabled minute state.
-      */
-    disabledMinute: boolean;
-    /**
-       Specify the minimum date.
-      */
-    minDate: Date;
-    /**
-          Specify the maximum date.
-         */
-    maxDate: Date;
-}
-export interface InputDatePickerProps {
-    /**
-     * Specify the DatePicker type.
-     */
-    type?: typeof SINGLE_PICKER | typeof RANGE_PICKER | typeof DATE_RANGE_PICKER | typeof ADVANCE_PICKER;
-    /**
-     * Show input range control state.
-     */
-    showRangeControl?: boolean;
-    /**
-     * Specify the range control type.
-     */
-    rangePickerType?: typeof WEEKLY | typeof MONTHLY;
-    /**
-     * Specify the InputDatePicker placeholder.
-     */
-    placeholder?: string;
-    /**
-     * Specify the InputDatePicker size.
-     */
-    size?: 'lg' | 'sm';
-    /**
-     * Specify whether the InputDatePicker should be disabled, or not
-     */
-    disabled?: boolean;
-    /**
-     * ReadOnly state InputDatePicker
-     */
-    readOnly?: boolean;
-    /**
-     * Specify an `onChange` handler that is called whenever the InputDatePicker value changes.
-     */
-    onChange?: (value: any) => void;
-    /**
-     * Specify an `onDateSelected` handler that is which is called only when the user selects a date before submitting.
-     */
-    onDateSelected?: (value: any) => void;
-    /**
-     * Specify an `onClose` handler that is called whenever the InputDatePicker modal is closed.
-     */
-    onClose?: () => void;
-    /**
-     * Specify the InputDatePicker value.
-     */
-    value?: Date | Date[];
-    /**
-     * Specify the InputDatePicker default value.
-     */
-    defaultValue?: Date | Date[];
-    /**
-     * Deprecated in v1.46.2. Use 'value' instead.
-     */
-    date?: Date | Date[];
-    /**
-     * Deprecated in v1.46.2. Use 'defaultValue' instead.
-     */
-    defaultDate?: Date | Date[];
-    /**
-     * Specify the 'advance' typed InputDatePicker custom view.
-     */
-    advanceView?: React.ReactNode;
-    /**
-     * Specify the picker popover placement.
-     */
-    placement?: PopoverPlacement;
-    /**
-     * If true, the TimePicker component will be visible.
-     */
-    showTimePicker?: boolean;
-    /**
-     * Props that will be passed to the TimePicker component.
-     */
-    timePickerProps?: TimePickerProps;
-    /**
-     * Specify the minimum date.
-     */
-    minDate?: Date;
-    /**
-     * Specify the maximum date.
-     */
-    maxDate?: Date;
-    /**
-     * Additional css styles.
-     */
-    css?: CSS;
-    /**
-     * Invalid state input.
-     */
-    isInvalid?: boolean;
-    /**
-     * Allow DatePicker to reset selected date.
-     */
-    allowReset?: boolean;
-    /**
-     * Wrapping DatePicker with FloatingPortal.
-     */
-    portalled?: boolean;
-    /**
-     * Wrapping Mobile DatePicker with FloatingPortal.
-     */
-    portalledMobile?: boolean;
-    /**
-     * Only show in mobile view.
-     */
-    mobileOnly?: boolean;
-    /**
-     * Only show in desktop view.
-     */
-    desktopOnly?: boolean;
-    /**
-     * Additional drawer css styles.
-     */
-    drawerCss?: CSS;
-    /**
-     * Additional drawer content css styles.
-     */
-    drawerContentCss?: CSS;
-    /**
-     * If true, the component will be shown as mobile layout
-     */
-    isMobile?: boolean;
-    /**
-     * Max range date picker in days
-     */
-    maxRange?: number;
-}
-export declare function InputDatePicker({ type, showRangeControl, rangePickerType, placeholder, size, disabled, onChange, onDateSelected, defaultValue: defaultDateValue, value: dateValue, defaultDate, date, advanceView, placement, css, showTimePicker, timePickerProps, minDate, maxDate, readOnly, isInvalid, allowReset, portalled, portalledMobile, onClose, mobileOnly, desktopOnly, drawerCss, drawerContentCss, isMobile, maxRange, }: InputDatePickerProps): JSX.Element;
-export {};
+import * as React from 'react';
+import { ADVANCE_PICKER, RANGE_PICKER, SINGLE_PICKER, WEEKLY, MONTHLY, DATE_RANGE_PICKER } from './DatePicker';
+import { CSS } from '../../config/stitches.config';
+import { PopoverPlacement } from '../../type/base.types';
+interface TimePickerProps {
+    /**
+     Resize time picker.
+    */
+    size: 'sm' | 'lg';
+    /**
+      Change handler.
+     */
+    onChange: () => void;
+    /**
+      Time picker default value; support moment format.
+     */
+    defaultValue: Date;
+    /**
+      Time picker value; support moment format.
+     */
+    value: Date;
+    /**
+      Disabled state.
+     */
+    disabled: boolean;
+    /**
+       Disabled hour state.
+      */
+    disabledHour: boolean;
+    /**
+       Disabled minute state.
+      */
+    disabledMinute: boolean;
+    /**
+       Specify the minimum date.
+      */
+    minDate: Date;
+    /**
+          Specify the maximum date.
+         */
+    maxDate: Date;
+}
+export interface InputDatePickerProps {
+    /**
+     * Specify the DatePicker type.
+     */
+    type?: typeof SINGLE_PICKER | typeof RANGE_PICKER | typeof DATE_RANGE_PICKER | typeof ADVANCE_PICKER;
+    /**
+     * Show input range control state.
+     */
+    showRangeControl?: boolean;
+    /**
+     * Specify the range control type.
+     */
+    rangePickerType?: typeof WEEKLY | typeof MONTHLY;
+    /**
+     * Specify the InputDatePicker placeholder.
+     */
+    placeholder?: string;
+    /**
+     * Specify the InputDatePicker size.
+     */
+    size?: 'lg' | 'sm';
+    /**
+     * Specify whether the InputDatePicker should be disabled, or not
+     */
+    disabled?: boolean;
+    /**
+     * ReadOnly state InputDatePicker
+     */
+    readOnly?: boolean;
+    /**
+     * Specify an `onChange` handler that is called whenever the InputDatePicker value changes.
+     */
+    onChange?: (value: any) => void;
+    /**
+     * Specify an `onDateSelected` handler that is which is called only when the user selects a date before submitting.
+     */
+    onDateSelected?: (value: any) => void;
+    /**
+     * Specify an `onClose` handler that is called whenever the InputDatePicker modal is closed.
+     */
+    onClose?: () => void;
+    /**
+     * Specify the InputDatePicker value.
+     */
+    value?: Date | Date[];
+    /**
+     * Specify the InputDatePicker default value.
+     */
+    defaultValue?: Date | Date[];
+    /**
+     * Deprecated in v1.46.2. Use 'value' instead.
+     */
+    date?: Date | Date[];
+    /**
+     * Deprecated in v1.46.2. Use 'defaultValue' instead.
+     */
+    defaultDate?: Date | Date[];
+    /**
+     * Specify the 'advance' typed InputDatePicker custom view.
+     */
+    advanceView?: React.ReactNode;
+    /**
+     * Specify the picker popover placement.
+     */
+    placement?: PopoverPlacement;
+    /**
+     * If true, the TimePicker component will be visible.
+     */
+    showTimePicker?: boolean;
+    /**
+     * Props that will be passed to the TimePicker component.
+     */
+    timePickerProps?: TimePickerProps;
+    /**
+     * Specify the minimum date.
+     */
+    minDate?: Date;
+    /**
+     * Specify the maximum date.
+     */
+    maxDate?: Date;
+    /**
+     * Additional css styles.
+     */
+    css?: CSS;
+    /**
+     * Invalid state input.
+     */
+    isInvalid?: boolean;
+    /**
+     * Allow DatePicker to reset selected date.
+     */
+    allowReset?: boolean;
+    /**
+     * Wrapping DatePicker with FloatingPortal.
+     */
+    portalled?: boolean;
+    /**
+     * Wrapping Mobile DatePicker with FloatingPortal.
+     */
+    portalledMobile?: boolean;
+    /**
+     * Only show in mobile view.
+     */
+    mobileOnly?: boolean;
+    /**
+     * Only show in desktop view.
+     */
+    desktopOnly?: boolean;
+    /**
+     * Additional drawer css styles.
+     */
+    drawerCss?: CSS;
+    /**
+     * Additional drawer content css styles.
+     */
+    drawerContentCss?: CSS;
+    /**
+     * If true, the component will be shown as mobile layout
+     */
+    isMobile?: boolean;
+    /**
+     * Max range date picker in days
+     */
+    maxRange?: number;
+}
+export declare function InputDatePicker({ type, showRangeControl, rangePickerType, placeholder, size, disabled, onChange, onDateSelected, defaultValue: defaultDateValue, value: dateValue, defaultDate, date, advanceView, placement, css, showTimePicker, timePickerProps, minDate, maxDate, readOnly, isInvalid, allowReset, portalled, portalledMobile, onClose, mobileOnly, desktopOnly, drawerCss, drawerContentCss, isMobile, maxRange, }: InputDatePickerProps): JSX.Element;
+export {};

package/{components → src/components}/datePicker/InputDateRangePicker.d.ts

@@ -1,26 +1,26 @@
-/// <reference types="react" />
-import { CSS } from '../../config/stitches.config';
-interface ContainertRangePickerProps {
-    css?: CSS;
-    disabled?: boolean;
-    readOnly?: boolean;
-    isInvalid?: boolean;
-    children: JSX.Element;
-    onRangeChange(type: string): void;
-    mobileOnly?: boolean;
-    desktopOnly?: boolean;
-}
-interface InputRangePickerProps {
-    value: string;
-    placeholder?: string | null;
-    size?: 'lg' | 'sm';
-    disabled?: boolean;
-    readOnly?: boolean;
-    isInvalid?: boolean;
-    onClick(): void;
-    mobileOnly?: boolean;
-    desktopOnly?: boolean;
-}
-export declare function ContainerDateRangePicker(props: ContainertRangePickerProps): JSX.Element;
-export declare function InputDateRangePicker(props: InputRangePickerProps): JSX.Element;
-export {};
+/// <reference types="react" />
+import { CSS } from '../../config/stitches.config';
+interface ContainertRangePickerProps {
+    css?: CSS;
+    disabled?: boolean;
+    readOnly?: boolean;
+    isInvalid?: boolean;
+    children: JSX.Element;
+    onRangeChange(type: string): void;
+    mobileOnly?: boolean;
+    desktopOnly?: boolean;
+}
+interface InputRangePickerProps {
+    value: string;
+    placeholder?: string | null;
+    size?: 'lg' | 'sm';
+    disabled?: boolean;
+    readOnly?: boolean;
+    isInvalid?: boolean;
+    onClick(): void;
+    mobileOnly?: boolean;
+    desktopOnly?: boolean;
+}
+export declare function ContainerDateRangePicker(props: ContainertRangePickerProps): JSX.Element;
+export declare function InputDateRangePicker(props: InputRangePickerProps): JSX.Element;
+export {};

package/{components → src/components}/datePicker/components/Calendar.d.ts

@@ -1,32 +1,32 @@
-import { RenderProps } from 'dayzed';
-import React, { Dispatch, SetStateAction } 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 declare const TIME_PICKER = 4;
-export interface CalendarProps extends RenderProps {
-    advanceView?: React.ReactNode;
-    onCalendarDateChange: (date: Date) => void;
-    onIsMultiDateChange?: (isMultiDate: boolean) => void;
-    onUpdate?: () => void;
-    onCancel: () => void;
-    onReset?: () => void;
-    selected?: Date[];
-    containerStyle?: CSS;
-    disabled?: boolean;
-    showTimePicker?: boolean;
-    renderTimePicker?: () => React.ReactNode;
-    minDate?: Date;
-    maxDate?: Date;
-    allowReset?: boolean;
-    onSetDateValue?: Dispatch<SetStateAction<Date[]>>;
-    maxRange?: number;
-    overMaxRange?: boolean;
-    timePickerProps?: {
-        minDate?: Date;
-    };
-}
-declare const CalendarBox: ({ calendars, getDateProps, advanceView, onCalendarDateChange, onIsMultiDateChange, onUpdate, onCancel, onReset, selected, containerStyle, disabled, showTimePicker, renderTimePicker, minDate, maxDate, allowReset, onSetDateValue, maxRange, overMaxRange, timePickerProps, }: CalendarProps) => JSX.Element | null;
-export default CalendarBox;
+import { RenderProps } from 'dayzed';
+import React, { Dispatch, SetStateAction } 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 declare const TIME_PICKER = 4;
+export interface CalendarProps extends RenderProps {
+    advanceView?: React.ReactNode;
+    onCalendarDateChange: (date: Date) => void;
+    onIsMultiDateChange?: (isMultiDate: boolean) => void;
+    onUpdate?: () => void;
+    onCancel: () => void;
+    onReset?: () => void;
+    selected?: Date[];
+    containerStyle?: CSS;
+    disabled?: boolean;
+    showTimePicker?: boolean;
+    renderTimePicker?: () => React.ReactNode;
+    minDate?: Date;
+    maxDate?: Date;
+    allowReset?: boolean;
+    onSetDateValue?: Dispatch<SetStateAction<Date[]>>;
+    maxRange?: number;
+    overMaxRange?: boolean;
+    timePickerProps?: {
+        minDate?: Date;
+    };
+}
+declare const CalendarBox: ({ calendars, getDateProps, advanceView, onCalendarDateChange, onIsMultiDateChange, onUpdate, onCancel, onReset, selected, containerStyle, disabled, showTimePicker, renderTimePicker, minDate, maxDate, allowReset, onSetDateValue, maxRange, overMaxRange, timePickerProps, }: CalendarProps) => JSX.Element | null;
+export default CalendarBox;

package/{components → src/components}/datePicker/components/CalendarMulti.d.ts

@@ -1,21 +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;
+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 → src/components}/datePicker/components/CalendarTimePicker.d.ts

@@ -1,11 +1,11 @@
-import { Dispatch, SetStateAction } from 'react';
-interface CalendarProps {
-    selected?: Date[];
-    disabled?: boolean;
-    language?: string;
-    onSetDateValue?: Dispatch<SetStateAction<Date[]>>;
-    isSingle?: boolean;
-    timePickerProps?: object;
-}
-declare const CalendarTimePicker: ({ selected, disabled, language, onSetDateValue, isSingle, timePickerProps }: CalendarProps) => JSX.Element;
-export default CalendarTimePicker;
+import { Dispatch, SetStateAction } from 'react';
+interface CalendarProps {
+    selected?: Date[];
+    disabled?: boolean;
+    language?: string;
+    onSetDateValue?: Dispatch<SetStateAction<Date[]>>;
+    isSingle?: boolean;
+    timePickerProps?: object;
+}
+declare const CalendarTimePicker: ({ selected, disabled, language, onSetDateValue, isSingle, timePickerProps }: CalendarProps) => JSX.Element;
+export default CalendarTimePicker;

package/{components → src/components}/datePicker/components/MobileCalendar.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { CalendarProps } from './Calendar';
-declare const MobileCalendarBox: ({ calendars, getDateProps, advanceView, onCalendarDateChange, onIsMultiDateChange, onUpdate, onCancel, onReset, selected, containerStyle, disabled, minDate, maxDate, allowReset, maxRange, overMaxRange, }: CalendarProps) => JSX.Element | null;
-export default MobileCalendarBox;
+/// <reference types="react" />
+import { CalendarProps } from './Calendar';
+declare const MobileCalendarBox: ({ calendars, getDateProps, advanceView, onCalendarDateChange, onIsMultiDateChange, onUpdate, onCancel, onReset, selected, containerStyle, disabled, minDate, maxDate, allowReset, maxRange, overMaxRange, }: CalendarProps) => JSX.Element | null;
+export default MobileCalendarBox;

package/{components → src/components}/datePicker/components/index.d.ts

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

package/{components → src/components}/datePicker/index.d.ts

@@ -1,7 +1,7 @@
-export * from './InputDatePicker';
-export * from './DatePicker';
-export * from './CustomDatePicker';
-export * from './AdvancedOption';
-export * from './state/reducer';
-export * from './timePicker';
-export * from './DatePickerMulti';
+export * from './InputDatePicker';
+export * from './DatePicker';
+export * from './CustomDatePicker';
+export * from './AdvancedOption';
+export * from './state/reducer';
+export * from './timePicker';
+export * from './DatePickerMulti';

package/{components → src/components}/datePicker/state/reducer.d.ts

@@ -1,26 +1,26 @@
-export declare const UPDATE_PICKER = "UPDATE";
-export declare const TODAY = "TODAY";
-export declare const YESTERDAY = "YESTERDAY";
-export declare const LAST_7_DAYS = "LAST_7_DAYS";
-export declare const LAST_WEEK = "LAST_WEEK";
-export declare const PREV_WEEK = "PREV_WEEK";
-export declare const RANGE_WEEK = "RANGE_WEEK";
-export declare const NEXT_WEEK = "NEXT_WEEK";
-export declare const PREV_MONTH = "PREV_MONTH";
-export declare const RANGE_MONTH = "RANGE_MONTH";
-export declare const NEXT_MONTH = "NEXT_MONTH";
-export declare const THIS_WEEK = "THIS_WEEK";
-export declare const LAST_30_DAYS = "LAST_30_DAYS";
-export declare const LAST_MONTH = "LAST_MONTH";
-export declare const LAST_TWO_MONTHS = "LAST_TWO_MONTH";
-export declare const THIS_MONTH = "THIS_MONTH";
-export declare const advancePickerOptionsId: {
-    label: string;
-    value: string;
-}[];
-export declare const advancePickerOptionsEn: {
-    label: string;
-    value: string;
-}[];
-export declare function pickerReducer(state: any, action: any): any;
-export declare function advancePickerDate(type: any, date: any): Date[];
+export declare const UPDATE_PICKER = "UPDATE";
+export declare const TODAY = "TODAY";
+export declare const YESTERDAY = "YESTERDAY";
+export declare const LAST_7_DAYS = "LAST_7_DAYS";
+export declare const LAST_WEEK = "LAST_WEEK";
+export declare const PREV_WEEK = "PREV_WEEK";
+export declare const RANGE_WEEK = "RANGE_WEEK";
+export declare const NEXT_WEEK = "NEXT_WEEK";
+export declare const PREV_MONTH = "PREV_MONTH";
+export declare const RANGE_MONTH = "RANGE_MONTH";
+export declare const NEXT_MONTH = "NEXT_MONTH";
+export declare const THIS_WEEK = "THIS_WEEK";
+export declare const LAST_30_DAYS = "LAST_30_DAYS";
+export declare const LAST_MONTH = "LAST_MONTH";
+export declare const LAST_TWO_MONTHS = "LAST_TWO_MONTH";
+export declare const THIS_MONTH = "THIS_MONTH";
+export declare const advancePickerOptionsId: {
+    label: string;
+    value: string;
+}[];
+export declare const advancePickerOptionsEn: {
+    label: string;
+    value: string;
+}[];
+export declare function pickerReducer(state: any, action: any): any;
+export declare function advancePickerDate(type: any, date: any): Date[];

package/{components → src/components}/datePicker/timePicker/index.d.ts

@@ -1,4 +1,4 @@
-export { default as NativeTimePicker } from './TimePicker';
-export { default as InputTimePicker } from './InputTimePicker';
-export * from './TimePicker';
-export * from './InputTimePicker';
+export { default as NativeTimePicker } from './TimePicker';
+export { default as InputTimePicker } from './InputTimePicker';
+export * from './TimePicker';
+export * from './InputTimePicker';

package/{components → src/components}/devicePreview/index.d.ts

@@ -1,2 +1,2 @@
-export { default as DevicePreview } from './DevicePreview';
-export * from './DevicePreview';
+export { default as DevicePreview } from './DevicePreview';
+export * from './DevicePreview';

package/{components → src/components}/dialog/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Dialog } from './Dialog';
-export * from './Dialog';
+export { default as Dialog } from './Dialog';
+export * from './Dialog';