@mamrp/components 1.7.18 → 1.7.20

package/dist/index.d.mts

@@ -632,16 +632,10 @@ interface CustomDialogProps {
     onClose: () => void;
     maxWidth?: DialogProps["maxWidth"];
     fullWidth?: boolean;
-    fullScreen?: boolean;
     children: ReactNode;
     actions?: ReactNode;
     isSubmiting?: boolean;
-    sx?: SxProps<Theme>;
-    paperSx?: SxProps<Theme>;
-    contentSx?: SxProps<Theme>;
-    titleSx?: SxProps<Theme>;
-    actionsSx?: SxProps<Theme>;
 }
-declare function CustomDialog({ title, icon: Icon, iconColor, open, onClose, maxWidth, fullWidth, fullScreen, children, actions, isSubmiting, sx, paperSx, contentSx, titleSx, actionsSx, }: CustomDialogProps): React$1.JSX.Element;
+declare function CustomDialog({ title, icon: Icon, iconColor, open, onClose, maxWidth, fullWidth, children, actions, isSubmiting, }: CustomDialogProps): React$1.JSX.Element;
 
 export { Page as Accordion, AdvancedSearchButton, ConfirmationDialog$1 as ConfirmationDialog, ConnectToBasculeButton, CustomCheckbox, CustomDialog, type CustomDialogProps, CustomTimePicker, DataTable, DateFilter, DateFilterRange, DateMonthPicker, JalaliDatePicker$2 as DatePicker, JalaliDatePicker$1 as DateTimePicker, JalaliDateTimeRangePicker as DateTimeRangePicker, DraggablePaper, UploadImage as EnhancedUploadImage, FormInputNumber, FormInputText, HorizontalStepper, imgViewer as ImgViewer, LicensePlate, JalaliDatePicker as MobileDateTimePicker, ConfirmationDialog as Modal, NestedSelect as NestedSelectort, NoResult, PaginationList, type PaletteColor, PatternTextField, RadioButton, SearchLicensePlate, MultipleSelectChip as Selector, SkeletonCard, SonarSpinner, SwitchButton, Table, UploadImage$1 as UploadImage };

package/dist/index.d.ts

@@ -632,16 +632,10 @@ interface CustomDialogProps {
     onClose: () => void;
     maxWidth?: DialogProps["maxWidth"];
     fullWidth?: boolean;
-    fullScreen?: boolean;
     children: ReactNode;
     actions?: ReactNode;
     isSubmiting?: boolean;
-    sx?: SxProps<Theme>;
-    paperSx?: SxProps<Theme>;
-    contentSx?: SxProps<Theme>;
-    titleSx?: SxProps<Theme>;
-    actionsSx?: SxProps<Theme>;
 }
-declare function CustomDialog({ title, icon: Icon, iconColor, open, onClose, maxWidth, fullWidth, fullScreen, children, actions, isSubmiting, sx, paperSx, contentSx, titleSx, actionsSx, }: CustomDialogProps): React$1.JSX.Element;
+declare function CustomDialog({ title, icon: Icon, iconColor, open, onClose, maxWidth, fullWidth, children, actions, isSubmiting, }: CustomDialogProps): React$1.JSX.Element;
 
 export { Page as Accordion, AdvancedSearchButton, ConfirmationDialog$1 as ConfirmationDialog, ConnectToBasculeButton, CustomCheckbox, CustomDialog, type CustomDialogProps, CustomTimePicker, DataTable, DateFilter, DateFilterRange, DateMonthPicker, JalaliDatePicker$2 as DatePicker, JalaliDatePicker$1 as DateTimePicker, JalaliDateTimeRangePicker as DateTimeRangePicker, DraggablePaper, UploadImage as EnhancedUploadImage, FormInputNumber, FormInputText, HorizontalStepper, imgViewer as ImgViewer, LicensePlate, JalaliDatePicker as MobileDateTimePicker, ConfirmationDialog as Modal, NestedSelect as NestedSelectort, NoResult, PaginationList, type PaletteColor, PatternTextField, RadioButton, SearchLicensePlate, MultipleSelectChip as Selector, SkeletonCard, SonarSpinner, SwitchButton, Table, UploadImage$1 as UploadImage };

package/dist/index.js

@@ -5233,15 +5233,9 @@ function CustomDialog({
   onClose,
   maxWidth = "sm",
   fullWidth = true,
-  fullScreen = false,
   children,
   actions,
-  isSubmiting = false,
-  sx,
-  paperSx,
-  contentSx,
-  titleSx,
-  actionsSx
+  isSubmiting = false
 }) {
   const handleClose = (event, reason) => {
     if (isSubmiting) {
@@ -5256,150 +5250,73 @@ function CustomDialog({
       onClose: handleClose,
       maxWidth,
       fullWidth,
-      fullScreen,
-      PaperComponent: fullScreen ? void 0 : DraggablePaper,
-      disableScrollLock: true,
-      sx: [
-        fullScreen ? {
-          "& .MuiDialog-container": {
-            alignItems: "flex-start"
-          }
-        } : {},
-        ...Array.isArray(sx) ? sx : [sx]
-      ],
-      PaperProps: {
-        sx: [
-          fullScreen ? {
-            height: "100vh",
-            maxHeight: "100vh",
-            width: "100%",
-            maxWidth: "100%",
-            margin: 0,
-            borderRadius: 0,
-            overflow: "hidden"
-          } : {
-            maxHeight: "calc(100vh - 64px)"
-          },
-          ...Array.isArray(paperSx) ? paperSx : [paperSx]
-        ]
-      }
+      PaperComponent: DraggablePaper,
+      disableScrollLock: true
     },
     /* @__PURE__ */ React.createElement(
-      import_material32.Box,
+      import_material32.DialogTitle,
       {
-        sx: {
-          display: "flex",
-          flexDirection: "column",
-          height: fullScreen ? "100%" : "auto"
-        }
+        fontWeight: 700,
+        fontSize: "1.2rem",
+        display: "flex",
+        alignItems: "center",
+        gap: "4px",
+        sx: { cursor: "move" },
+        id: "draggable-dialog"
       },
-      /* @__PURE__ */ React.createElement(
-        import_material32.DialogTitle,
+      /* @__PURE__ */ React.createElement(import_material32.Stack, { direction: "row", alignItems: "center", spacing: 0.5 }, /* @__PURE__ */ React.createElement(import_material32.Box, null, Icon && /* @__PURE__ */ React.createElement(
+        import_material32.Stack,
         {
-          fontWeight: 700,
-          fontSize: "1.2rem",
-          display: "flex",
           alignItems: "center",
-          gap: "4px",
-          sx: [
-            fullScreen ? { cursor: "default" } : { cursor: "move" },
-            {
-              flexShrink: 0,
-              py: 2,
-              px: 3
-            },
-            ...Array.isArray(titleSx) ? titleSx : [titleSx]
-          ],
-          id: fullScreen ? void 0 : "draggable-dialog"
-        },
-        /* @__PURE__ */ React.createElement(import_material32.Stack, { direction: "row", alignItems: "center", spacing: 0.5 }, /* @__PURE__ */ React.createElement(import_material32.Box, null, Icon && /* @__PURE__ */ React.createElement(
-          import_material32.Stack,
-          {
-            alignItems: "center",
-            sx: {
-              color: iconColor ? (theme3) => {
-                const paletteColors = [
-                  "primary",
-                  "secondary",
-                  "error",
-                  "warning",
-                  "info",
-                  "success",
-                  "tertiary",
-                  "accent",
-                  "successLight",
-                  "orange",
-                  "indigo",
-                  "teal",
-                  "pinkLight",
-                  "aqua",
-                  "customRed"
-                ];
-                if (paletteColors.includes(iconColor)) {
-                  const palette = theme3.palette;
-                  return palette[iconColor]?.main || iconColor;
-                }
-                return iconColor;
-              } : (theme3) => theme3.palette.info.main,
-              pr: 0.5
-            }
-          },
-          /* @__PURE__ */ React.createElement(Icon, { size: 20 })
-        )), /* @__PURE__ */ React.createElement(import_material32.Box, null, title))
-      ),
-      /* @__PURE__ */ React.createElement(import_material32.Tooltip, { title: "\u0628\u0633\u062A\u0646" }, /* @__PURE__ */ React.createElement(
-        import_material32.IconButton,
-        {
-          "aria-label": "close",
-          onClick: onClose,
-          sx: [
-            {
-              position: "absolute",
-              right: 8,
-              top: 8,
-              color: (theme3) => theme3.palette.grey[500]
-            },
-            fullScreen && {
-              top: 12,
-              right: 12
-            }
-          ],
-          disabled: isSubmiting
-        },
-        /* @__PURE__ */ React.createElement(import_md10.MdClose, null)
-      )),
-      /* @__PURE__ */ React.createElement(import_material32.Divider, { sx: { flexShrink: 0 } }),
-      /* @__PURE__ */ React.createElement(
-        import_material32.DialogContent,
-        {
-          sx: [
-            {
-              flex: 1,
-              display: "flex",
-              flexDirection: "column",
-              overflow: "auto",
-              p: 0
-            },
-            ...Array.isArray(contentSx) ? contentSx : [contentSx]
-          ]
+          sx: {
+            color: iconColor ? (theme3) => {
+              const paletteColors = [
+                "primary",
+                "secondary",
+                "error",
+                "warning",
+                "info",
+                "success",
+                "tertiary",
+                "accent",
+                "successLight",
+                "orange",
+                "indigo",
+                "teal",
+                "pinkLight",
+                "aqua",
+                "customRed"
+              ];
+              if (paletteColors.includes(iconColor)) {
+                const palette = theme3.palette;
+                return palette[iconColor]?.main || iconColor;
+              }
+              return iconColor;
+            } : (theme3) => theme3.palette.info.main,
+            pr: 0.5
+          }
         },
-        /* @__PURE__ */ React.createElement(import_material32.Box, { sx: { p: fullScreen ? 3 : 2, flex: 1, overflow: "auto" } }, children)
-      ),
-      actions && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-        import_material32.DialogActions,
-        {
-          sx: [
-            {
-              flexShrink: 0,
-              py: 2,
-              px: 3
-            },
-            ...Array.isArray(actionsSx) ? actionsSx : [actionsSx]
-          ]
+        /* @__PURE__ */ React.createElement(Icon, { size: 20 })
+      )), /* @__PURE__ */ React.createElement(import_material32.Box, null, title))
+    ),
+    /* @__PURE__ */ React.createElement(import_material32.Tooltip, { title: "\u0628\u0633\u062A\u0646" }, /* @__PURE__ */ React.createElement(
+      import_material32.IconButton,
+      {
+        "aria-label": "close",
+        onClick: onClose,
+        sx: {
+          position: "absolute",
+          right: 8,
+          top: 8,
+          color: (theme3) => theme3.palette.grey[500]
         },
-        actions
-      ))
-    )
+        disabled: isSubmiting
+      },
+      /* @__PURE__ */ React.createElement(import_md10.MdClose, null)
+    )),
+    /* @__PURE__ */ React.createElement(import_material32.Divider, null),
+    /* @__PURE__ */ React.createElement(import_material32.DialogContent, null, children),
+    actions && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_material32.DialogActions, null, actions))
   );
 }
 // Annotate the CommonJS export names for ESM import in node: