@majoo-ui/react 1.48.0 → 1.48.1
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/components/datePicker/components/DateNumber.d.ts +1 -0
- package/components/datePicker/state/reducer.d.ts +1 -0
- package/components/modalDialog/ModalDialog.d.ts +23 -19
- package/components/pageDialog/PageDialog.d.ts +17 -17
- package/index.esm.js +289 -140
- package/index.umd.js +286 -138
- package/package.json +1 -1
|
@@ -2,6 +2,7 @@ import type * as Stitches from '@stitches/react';
|
|
|
2
2
|
declare const DateNumber: import("@stitches/react/types/styled-component").StyledComponent<"div", {
|
|
3
3
|
variant?: "end" | "start" | "default" | "neutral" | "disabled" | "selected" | "road" | undefined;
|
|
4
4
|
size?: "large" | "small" | undefined;
|
|
5
|
+
isSunday?: boolean | "true" | undefined;
|
|
5
6
|
}, {
|
|
6
7
|
sm: "(min-width: 359px)";
|
|
7
8
|
md: "(min-width: 767px)";
|
|
@@ -392,30 +392,34 @@ interface ModalDialogProps extends IDialog, DialogContentProps {
|
|
|
392
392
|
/** Force to mobile view or desktop view, if undefined ModalDialog will be responsive according to current screen size */
|
|
393
393
|
isMobile?: boolean | undefined;
|
|
394
394
|
/**
|
|
395
|
-
|
|
396
|
-
|
|
395
|
+
* @deprecated Use size or css props css={{width: width css property}} instead. This will be deleted in the future to limit unnecessary props.
|
|
396
|
+
*/
|
|
397
397
|
width?: string | number;
|
|
398
398
|
/** Set default behavior when opening dialog with form. Usually used with prevent default*/
|
|
399
399
|
onOpenAutoFocus?(): void;
|
|
400
|
+
/**
|
|
401
|
+
* If true, the close icon button is hidden
|
|
402
|
+
*/
|
|
403
|
+
hideCloseButton?: boolean;
|
|
400
404
|
}
|
|
401
405
|
/**
|
|
402
|
-
* 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.
|
|
403
|
-
* https://react-majoo-ui.mangkujagat.com/?path=/story/core-components-pagedialog--default
|
|
404
|
-
* @param size - default fullsize
|
|
405
|
-
* @param layer - z-index default 1400
|
|
406
|
-
* @param isMobile - force mobile/desktop view, default is responsive
|
|
407
|
-
* @param onOpenAutoFocus - set default open behaviour
|
|
408
|
-
*
|
|
409
|
-
* @example
|
|
410
|
-
* // Uncontrolled Example
|
|
411
|
-
* <ModalDialog>
|
|
412
|
-
* <ModalDialogTrigger>Button Trigger</ModalDialogTrigger>
|
|
413
|
-
* <ModalDialogTitle>Title</ModalDialogTitle>
|
|
414
|
-
* <ModalDialogContent>Content</ModalDialogContent>
|
|
415
|
-
* <ModalDialogFooter>Footer</ModalDialogFooter>
|
|
416
|
-
* </ModalDialog>
|
|
417
|
-
* @component
|
|
418
|
-
*/
|
|
406
|
+
* 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.
|
|
407
|
+
* https://react-majoo-ui.mangkujagat.com/?path=/story/core-components-pagedialog--default
|
|
408
|
+
* @param size - default fullsize
|
|
409
|
+
* @param layer - z-index default 1400
|
|
410
|
+
* @param isMobile - force mobile/desktop view, default is responsive
|
|
411
|
+
* @param onOpenAutoFocus - set default open behaviour
|
|
412
|
+
*
|
|
413
|
+
* @example
|
|
414
|
+
* // Uncontrolled Example
|
|
415
|
+
* <ModalDialog>
|
|
416
|
+
* <ModalDialogTrigger>Button Trigger</ModalDialogTrigger>
|
|
417
|
+
* <ModalDialogTitle>Title</ModalDialogTitle>
|
|
418
|
+
* <ModalDialogContent>Content</ModalDialogContent>
|
|
419
|
+
* <ModalDialogFooter>Footer</ModalDialogFooter>
|
|
420
|
+
* </ModalDialog>
|
|
421
|
+
* @component
|
|
422
|
+
*/
|
|
419
423
|
declare const ModalDialog: {
|
|
420
424
|
(props: ModalDialogProps): JSX.Element;
|
|
421
425
|
Trigger: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
|
|
@@ -395,23 +395,23 @@ interface PageDialogProps extends IDialog, DialogContentProps {
|
|
|
395
395
|
onOpenAutoFocus?(): void;
|
|
396
396
|
}
|
|
397
397
|
/**
|
|
398
|
-
* PageDialog 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.
|
|
399
|
-
* https://react-majoo-ui.mangkujagat.com/?path=/story/core-components-pagedialog--default
|
|
400
|
-
* @param size - default fullsize
|
|
401
|
-
* @param layer - z-index default 1400
|
|
402
|
-
* @param isMobile - force mobile/desktop view, default is responsive
|
|
403
|
-
* @param onOpenAutoFocus - set default open behaviour
|
|
404
|
-
*
|
|
405
|
-
* @example
|
|
406
|
-
* // Uncontrolled Example
|
|
407
|
-
* <PageDialog>
|
|
408
|
-
* <PageDialogTrigger>Button Trigger</PageDialogTrigger>
|
|
409
|
-
* <PageDialogTitle>Title</PageDialogTitle>
|
|
410
|
-
* <PageDialogContent>Content</PageDialogContent>
|
|
411
|
-
* <PageDialogFooter>Footer</PageDialogFooter>
|
|
412
|
-
* </PageDialog>
|
|
413
|
-
* @component
|
|
414
|
-
*/
|
|
398
|
+
* PageDialog 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.
|
|
399
|
+
* https://react-majoo-ui.mangkujagat.com/?path=/story/core-components-pagedialog--default
|
|
400
|
+
* @param size - default fullsize
|
|
401
|
+
* @param layer - z-index default 1400
|
|
402
|
+
* @param isMobile - force mobile/desktop view, default is responsive
|
|
403
|
+
* @param onOpenAutoFocus - set default open behaviour
|
|
404
|
+
*
|
|
405
|
+
* @example
|
|
406
|
+
* // Uncontrolled Example
|
|
407
|
+
* <PageDialog>
|
|
408
|
+
* <PageDialogTrigger>Button Trigger</PageDialogTrigger>
|
|
409
|
+
* <PageDialogTitle>Title</PageDialogTitle>
|
|
410
|
+
* <PageDialogContent>Content</PageDialogContent>
|
|
411
|
+
* <PageDialogFooter>Footer</PageDialogFooter>
|
|
412
|
+
* </PageDialog>
|
|
413
|
+
* @component
|
|
414
|
+
*/
|
|
415
415
|
export declare const PageDialog: {
|
|
416
416
|
(props: PageDialogProps): JSX.Element;
|
|
417
417
|
Trigger: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
|