@majoo-ui/react 1.61.2 → 1.61.3-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -7
- package/components/datePicker/InputDatePicker.d.ts +5 -1
- package/components/datePicker/components/Calendar.d.ts +3 -1
- package/components/devicePreview/DevicePreview.d.ts +0 -3
- package/components/modalDialog/ModalDialog.d.ts +8 -8
- package/components/pageDialog/PageDialog.d.ts +8 -8
- package/index.esm.css +1291 -1291
- package/index.esm.js +130 -94
- package/index.umd.css +1291 -1291
- package/index.umd.js +136 -99
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
React
|
|
2
|
-
|
|
3
|
-
This library was generated with [Nx](https://nx.dev).
|
|
4
|
-
|
|
5
|
-
Running unit tests
|
|
6
|
-
|
|
7
|
-
Run `nx test react` to execute the unit tests via [Jest](https://jestjs.io).
|
|
1
|
+
React
|
|
2
|
+
|
|
3
|
+
This library was generated with [Nx](https://nx.dev).
|
|
4
|
+
|
|
5
|
+
Running unit tests
|
|
6
|
+
|
|
7
|
+
Run `nx test react` to execute the unit tests via [Jest](https://jestjs.io).
|
|
@@ -161,6 +161,10 @@ export interface InputDatePickerProps {
|
|
|
161
161
|
* If true, the component will be shown as mobile layout
|
|
162
162
|
*/
|
|
163
163
|
isMobile?: boolean;
|
|
164
|
+
/**
|
|
165
|
+
* Max range date picker in days
|
|
166
|
+
*/
|
|
167
|
+
maxRange?: number;
|
|
164
168
|
}
|
|
165
|
-
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, }: InputDatePickerProps): JSX.Element;
|
|
169
|
+
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;
|
|
166
170
|
export {};
|
|
@@ -22,6 +22,8 @@ export interface CalendarProps extends RenderProps {
|
|
|
22
22
|
maxDate?: Date;
|
|
23
23
|
allowReset?: boolean;
|
|
24
24
|
onSetDateValue?: Dispatch<SetStateAction<Date[]>>;
|
|
25
|
+
maxRange?: number;
|
|
26
|
+
overMaxRange?: boolean;
|
|
25
27
|
}
|
|
26
|
-
declare const CalendarBox: ({ calendars, getDateProps, advanceView, onCalendarDateChange, onIsMultiDateChange, onUpdate, onCancel, onReset, selected, containerStyle, disabled, showTimePicker, renderTimePicker, minDate, maxDate, allowReset, onSetDateValue, }: CalendarProps) => JSX.Element | null;
|
|
28
|
+
declare const CalendarBox: ({ calendars, getDateProps, advanceView, onCalendarDateChange, onIsMultiDateChange, onUpdate, onCancel, onReset, selected, containerStyle, disabled, showTimePicker, renderTimePicker, minDate, maxDate, allowReset, onSetDateValue, maxRange, overMaxRange, }: CalendarProps) => JSX.Element | null;
|
|
27
29
|
export default CalendarBox;
|
|
@@ -131,9 +131,6 @@ export declare const ImageDevicePreview: import("@stitches/react/types/styled-co
|
|
|
131
131
|
my: (value: {
|
|
132
132
|
readonly [Stitches.$$ScaleValue]: "space";
|
|
133
133
|
}) => {
|
|
134
|
-
/**
|
|
135
|
-
* alt prop when url image not found or invalid
|
|
136
|
-
*/
|
|
137
134
|
marginTop: {
|
|
138
135
|
readonly [Stitches.$$ScaleValue]: "space";
|
|
139
136
|
};
|
|
@@ -68,7 +68,7 @@ export declare const ModalDialogFooter: import("@stitches/react/types/styled-com
|
|
|
68
68
|
}) => {
|
|
69
69
|
marginLeft: {
|
|
70
70
|
readonly [$$ScaleValue]: "space";
|
|
71
|
-
};
|
|
71
|
+
}; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
|
|
72
72
|
marginRight: {
|
|
73
73
|
readonly [$$ScaleValue]: "space";
|
|
74
74
|
};
|
|
@@ -164,7 +164,7 @@ export declare const ModalDialogTitle: import("@stitches/react/types/styled-comp
|
|
|
164
164
|
}) => {
|
|
165
165
|
marginLeft: {
|
|
166
166
|
readonly [$$ScaleValue]: "space";
|
|
167
|
-
};
|
|
167
|
+
}; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
|
|
168
168
|
marginRight: {
|
|
169
169
|
readonly [$$ScaleValue]: "space";
|
|
170
170
|
};
|
|
@@ -260,7 +260,7 @@ export declare const ModalDialogContent: import("@stitches/react/types/styled-co
|
|
|
260
260
|
}) => {
|
|
261
261
|
marginLeft: {
|
|
262
262
|
readonly [$$ScaleValue]: "space";
|
|
263
|
-
};
|
|
263
|
+
}; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
|
|
264
264
|
marginRight: {
|
|
265
265
|
readonly [$$ScaleValue]: "space";
|
|
266
266
|
};
|
|
@@ -356,7 +356,7 @@ export declare const ModalDialogTrigger: import("@stitches/react/types/styled-co
|
|
|
356
356
|
}) => {
|
|
357
357
|
marginLeft: {
|
|
358
358
|
readonly [$$ScaleValue]: "space";
|
|
359
|
-
};
|
|
359
|
+
}; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
|
|
360
360
|
marginRight: {
|
|
361
361
|
readonly [$$ScaleValue]: "space";
|
|
362
362
|
};
|
|
@@ -499,7 +499,7 @@ declare const ModalDialog: {
|
|
|
499
499
|
}) => {
|
|
500
500
|
marginLeft: {
|
|
501
501
|
readonly [$$ScaleValue]: "space";
|
|
502
|
-
};
|
|
502
|
+
}; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
|
|
503
503
|
marginRight: {
|
|
504
504
|
readonly [$$ScaleValue]: "space";
|
|
505
505
|
};
|
|
@@ -595,7 +595,7 @@ declare const ModalDialog: {
|
|
|
595
595
|
}) => {
|
|
596
596
|
marginLeft: {
|
|
597
597
|
readonly [$$ScaleValue]: "space";
|
|
598
|
-
};
|
|
598
|
+
}; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
|
|
599
599
|
marginRight: {
|
|
600
600
|
readonly [$$ScaleValue]: "space";
|
|
601
601
|
};
|
|
@@ -691,7 +691,7 @@ declare const ModalDialog: {
|
|
|
691
691
|
}) => {
|
|
692
692
|
marginLeft: {
|
|
693
693
|
readonly [$$ScaleValue]: "space";
|
|
694
|
-
};
|
|
694
|
+
}; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
|
|
695
695
|
marginRight: {
|
|
696
696
|
readonly [$$ScaleValue]: "space";
|
|
697
697
|
};
|
|
@@ -787,7 +787,7 @@ declare const ModalDialog: {
|
|
|
787
787
|
}) => {
|
|
788
788
|
marginLeft: {
|
|
789
789
|
readonly [$$ScaleValue]: "space";
|
|
790
|
-
};
|
|
790
|
+
}; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
|
|
791
791
|
marginRight: {
|
|
792
792
|
readonly [$$ScaleValue]: "space";
|
|
793
793
|
};
|
|
@@ -92,7 +92,7 @@ export declare const PageDialogFooter: import("@stitches/react/types/styled-comp
|
|
|
92
92
|
};
|
|
93
93
|
height: {
|
|
94
94
|
readonly [$$PropertyValue]: "width";
|
|
95
|
-
};
|
|
95
|
+
};
|
|
96
96
|
};
|
|
97
97
|
subtleColor: (value: string) => {
|
|
98
98
|
color: string;
|
|
@@ -188,7 +188,7 @@ export declare const PageDialogTitle: import("@stitches/react/types/styled-compo
|
|
|
188
188
|
};
|
|
189
189
|
height: {
|
|
190
190
|
readonly [$$PropertyValue]: "width";
|
|
191
|
-
};
|
|
191
|
+
};
|
|
192
192
|
};
|
|
193
193
|
subtleColor: (value: string) => {
|
|
194
194
|
color: string;
|
|
@@ -284,7 +284,7 @@ export declare const PageDialogContent: import("@stitches/react/types/styled-com
|
|
|
284
284
|
};
|
|
285
285
|
height: {
|
|
286
286
|
readonly [$$PropertyValue]: "width";
|
|
287
|
-
};
|
|
287
|
+
};
|
|
288
288
|
};
|
|
289
289
|
subtleColor: (value: string) => {
|
|
290
290
|
color: string;
|
|
@@ -380,7 +380,7 @@ export declare const PageDialogTrigger: import("@stitches/react/types/styled-com
|
|
|
380
380
|
};
|
|
381
381
|
height: {
|
|
382
382
|
readonly [$$PropertyValue]: "width";
|
|
383
|
-
};
|
|
383
|
+
};
|
|
384
384
|
};
|
|
385
385
|
subtleColor: (value: string) => {
|
|
386
386
|
color: string;
|
|
@@ -495,7 +495,7 @@ export declare const PageDialog: {
|
|
|
495
495
|
};
|
|
496
496
|
height: {
|
|
497
497
|
readonly [$$PropertyValue]: "width";
|
|
498
|
-
};
|
|
498
|
+
};
|
|
499
499
|
};
|
|
500
500
|
subtleColor: (value: string) => {
|
|
501
501
|
color: string;
|
|
@@ -591,7 +591,7 @@ export declare const PageDialog: {
|
|
|
591
591
|
};
|
|
592
592
|
height: {
|
|
593
593
|
readonly [$$PropertyValue]: "width";
|
|
594
|
-
};
|
|
594
|
+
};
|
|
595
595
|
};
|
|
596
596
|
subtleColor: (value: string) => {
|
|
597
597
|
color: string;
|
|
@@ -687,7 +687,7 @@ export declare const PageDialog: {
|
|
|
687
687
|
};
|
|
688
688
|
height: {
|
|
689
689
|
readonly [$$PropertyValue]: "width";
|
|
690
|
-
};
|
|
690
|
+
};
|
|
691
691
|
};
|
|
692
692
|
subtleColor: (value: string) => {
|
|
693
693
|
color: string;
|
|
@@ -783,7 +783,7 @@ export declare const PageDialog: {
|
|
|
783
783
|
};
|
|
784
784
|
height: {
|
|
785
785
|
readonly [$$PropertyValue]: "width";
|
|
786
|
-
};
|
|
786
|
+
};
|
|
787
787
|
};
|
|
788
788
|
subtleColor: (value: string) => {
|
|
789
789
|
color: string;
|