@zidsa/zidmui 2.1.2 → 2.1.3
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-dialog.js","sources":["../../../../src/components/app-dialog.tsx"],"sourcesContent":["import {\n Dialog,\n DialogProps,\n DialogActions,\n DialogActionsProps,\n DialogContent,\n DialogContentProps,\n DialogTitle,\n DialogTitleProps,\n StackProps,\n useTheme,\n} from '@mui/material';\nimport { AppTypographyProps, AppTypography } from './app-typography';\nimport { StackColumn } from './stack-column';\n\n//\n//\n\nexport type AppDialogProps = DialogProps & {\n title?: React.ReactNode;\n description?: React.ReactNode;\n descriptionProps?: AppTypographyProps;\n titleStackProps?: StackProps;\n titleProps?: DialogTitleProps;\n actions?: React.ReactNode;\n actionsProps?: DialogActionsProps;\n children
|
|
1
|
+
{"version":3,"file":"app-dialog.js","sources":["../../../../src/components/app-dialog.tsx"],"sourcesContent":["import {\n Dialog,\n DialogProps,\n DialogActions,\n DialogActionsProps,\n DialogContent,\n DialogContentProps,\n DialogTitle,\n DialogTitleProps,\n StackProps,\n useTheme,\n} from '@mui/material';\nimport { AppTypographyProps, AppTypography } from './app-typography';\nimport { StackColumn } from './stack-column';\n\n//\n//\n\nexport type AppDialogProps = DialogProps & {\n title?: React.ReactNode;\n description?: React.ReactNode;\n descriptionProps?: AppTypographyProps;\n titleStackProps?: StackProps;\n titleProps?: DialogTitleProps;\n actions?: React.ReactNode;\n actionsProps?: DialogActionsProps;\n children?: React.ReactNode;\n dialogContentProps?: DialogContentProps;\n darkerBackdrop?: boolean;\n};\n\nexport const AppDialog = ({\n title,\n description,\n descriptionProps,\n children,\n titleStackProps,\n actions,\n titleProps,\n actionsProps,\n darkerBackdrop,\n dialogContentProps,\n slotProps,\n ...props\n}: AppDialogProps) => {\n const theme = useTheme();\n\n return (\n <Dialog\n fullWidth\n maxWidth=\"sm\"\n slotProps={{\n paper: {\n elevation: 4,\n ...slotProps?.paper,\n },\n backdrop: {\n sx: {\n backgroundColor: darkerBackdrop ? theme.palette.background.darkBackdrop : '',\n },\n ...slotProps?.backdrop,\n },\n }}\n {...props}\n >\n {(title || description) && (\n <DialogTitle {...titleProps}>\n <StackColumn {...titleStackProps} gap={3}>\n {title}\n {description && (\n <AppTypography variant=\"body2\" {...descriptionProps}>\n {description}\n </AppTypography>\n )}\n </StackColumn>\n </DialogTitle>\n )}\n <DialogContent {...dialogContentProps}>{children}</DialogContent>\n\n {actions && <DialogActions {...actionsProps}>{actions}</DialogActions>}\n </Dialog>\n );\n};\n"],"names":["useTheme","jsxs","Dialog","jsx","DialogTitle","StackColumn","AppTypography","DialogContent","DialogActions"],"mappings":";;;;;;AA+BO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAsB;AACpB,QAAM,QAAQA,SAAAA,SAAA;AAEd,SACEC,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,UAAS;AAAA,MACT,WAAW;AAAA,QACT,OAAO;AAAA,UACL,WAAW;AAAA,UACX,GAAG,WAAW;AAAA,QAAA;AAAA,QAEhB,UAAU;AAAA,UACR,IAAI;AAAA,YACF,iBAAiB,iBAAiB,MAAM,QAAQ,WAAW,eAAe;AAAA,UAAA;AAAA,UAE5E,GAAG,WAAW;AAAA,QAAA;AAAA,MAChB;AAAA,MAED,GAAG;AAAA,MAEF,UAAA;AAAA,SAAA,SAAS,gBACTC,2BAAAA,IAACC,SAAAA,aAAA,EAAa,GAAG,YACf,0CAACC,YAAAA,aAAA,EAAa,GAAG,iBAAiB,KAAK,GACpC,UAAA;AAAA,UAAA;AAAA,UACA,eACCF,2BAAAA,IAACG,cAAAA,eAAA,EAAc,SAAQ,SAAS,GAAG,kBAChC,UAAA,YAAA,CACH;AAAA,QAAA,EAAA,CAEJ,EAAA,CACF;AAAA,QAEFH,2BAAAA,IAACI,SAAAA,eAAA,EAAe,GAAG,oBAAqB,SAAA,CAAS;AAAA,QAEhD,WAAWJ,2BAAAA,IAACK,SAAAA,eAAA,EAAe,GAAG,cAAe,UAAA,QAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5D;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-dialog.js","sources":["../../../../src/components/app-dialog.tsx"],"sourcesContent":["import {\n Dialog,\n DialogProps,\n DialogActions,\n DialogActionsProps,\n DialogContent,\n DialogContentProps,\n DialogTitle,\n DialogTitleProps,\n StackProps,\n useTheme,\n} from '@mui/material';\nimport { AppTypographyProps, AppTypography } from './app-typography';\nimport { StackColumn } from './stack-column';\n\n//\n//\n\nexport type AppDialogProps = DialogProps & {\n title?: React.ReactNode;\n description?: React.ReactNode;\n descriptionProps?: AppTypographyProps;\n titleStackProps?: StackProps;\n titleProps?: DialogTitleProps;\n actions?: React.ReactNode;\n actionsProps?: DialogActionsProps;\n children
|
|
1
|
+
{"version":3,"file":"app-dialog.js","sources":["../../../../src/components/app-dialog.tsx"],"sourcesContent":["import {\n Dialog,\n DialogProps,\n DialogActions,\n DialogActionsProps,\n DialogContent,\n DialogContentProps,\n DialogTitle,\n DialogTitleProps,\n StackProps,\n useTheme,\n} from '@mui/material';\nimport { AppTypographyProps, AppTypography } from './app-typography';\nimport { StackColumn } from './stack-column';\n\n//\n//\n\nexport type AppDialogProps = DialogProps & {\n title?: React.ReactNode;\n description?: React.ReactNode;\n descriptionProps?: AppTypographyProps;\n titleStackProps?: StackProps;\n titleProps?: DialogTitleProps;\n actions?: React.ReactNode;\n actionsProps?: DialogActionsProps;\n children?: React.ReactNode;\n dialogContentProps?: DialogContentProps;\n darkerBackdrop?: boolean;\n};\n\nexport const AppDialog = ({\n title,\n description,\n descriptionProps,\n children,\n titleStackProps,\n actions,\n titleProps,\n actionsProps,\n darkerBackdrop,\n dialogContentProps,\n slotProps,\n ...props\n}: AppDialogProps) => {\n const theme = useTheme();\n\n return (\n <Dialog\n fullWidth\n maxWidth=\"sm\"\n slotProps={{\n paper: {\n elevation: 4,\n ...slotProps?.paper,\n },\n backdrop: {\n sx: {\n backgroundColor: darkerBackdrop ? theme.palette.background.darkBackdrop : '',\n },\n ...slotProps?.backdrop,\n },\n }}\n {...props}\n >\n {(title || description) && (\n <DialogTitle {...titleProps}>\n <StackColumn {...titleStackProps} gap={3}>\n {title}\n {description && (\n <AppTypography variant=\"body2\" {...descriptionProps}>\n {description}\n </AppTypography>\n )}\n </StackColumn>\n </DialogTitle>\n )}\n <DialogContent {...dialogContentProps}>{children}</DialogContent>\n\n {actions && <DialogActions {...actionsProps}>{actions}</DialogActions>}\n </Dialog>\n );\n};\n"],"names":[],"mappings":";;;;AA+BO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAsB;AACpB,QAAM,QAAQ,SAAA;AAEd,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,UAAS;AAAA,MACT,WAAW;AAAA,QACT,OAAO;AAAA,UACL,WAAW;AAAA,UACX,GAAG,WAAW;AAAA,QAAA;AAAA,QAEhB,UAAU;AAAA,UACR,IAAI;AAAA,YACF,iBAAiB,iBAAiB,MAAM,QAAQ,WAAW,eAAe;AAAA,UAAA;AAAA,UAE5E,GAAG,WAAW;AAAA,QAAA;AAAA,MAChB;AAAA,MAED,GAAG;AAAA,MAEF,UAAA;AAAA,SAAA,SAAS,gBACT,oBAAC,aAAA,EAAa,GAAG,YACf,+BAAC,aAAA,EAAa,GAAG,iBAAiB,KAAK,GACpC,UAAA;AAAA,UAAA;AAAA,UACA,eACC,oBAAC,eAAA,EAAc,SAAQ,SAAS,GAAG,kBAChC,UAAA,YAAA,CACH;AAAA,QAAA,EAAA,CAEJ,EAAA,CACF;AAAA,QAEF,oBAAC,eAAA,EAAe,GAAG,oBAAqB,SAAA,CAAS;AAAA,QAEhD,WAAW,oBAAC,eAAA,EAAe,GAAG,cAAe,UAAA,QAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5D;"}
|
|
@@ -8,7 +8,7 @@ export type AppDialogProps = DialogProps & {
|
|
|
8
8
|
titleProps?: DialogTitleProps;
|
|
9
9
|
actions?: React.ReactNode;
|
|
10
10
|
actionsProps?: DialogActionsProps;
|
|
11
|
-
children
|
|
11
|
+
children?: React.ReactNode;
|
|
12
12
|
dialogContentProps?: DialogContentProps;
|
|
13
13
|
darkerBackdrop?: boolean;
|
|
14
14
|
};
|