@ebubekirylmaz/link-test 1.0.0

package/src/theme/overrides/components/data-grid.js

@@ -0,0 +1,94 @@
+import { alpha } from "@mui/material/styles";
+import { buttonClasses } from "@mui/material/Button";
+import { listClasses } from "@mui/material/List";
+import { listItemIconClasses } from "@mui/material/ListItemIcon";
+import { paper } from "../../css";
+import { paperClasses } from "@mui/material/Paper";
+import { tablePaginationClasses } from "@mui/material/TablePagination";
+
+// ----------------------------------------------------------------------
+
+export function dataGrid(theme) {
+  const paperStyles = paper({ theme, dropdown: true });
+
+  return {
+    MuiDataGrid: {
+      styleOverrides: {
+        root: {
+          borderRadius: 0,
+          borderWidth: 0,
+          [`& .${tablePaginationClasses.root}`]: {
+            borderTop: 0,
+          },
+          [`& .${tablePaginationClasses.toolbar}`]: {
+            height: "auto",
+          },
+        },
+        cell: {
+          borderBottom: `1px dashed ${theme.palette.divider}`,
+        },
+        selectedRowCount: {
+          whiteSpace: "nowrap",
+        },
+        columnSeparator: {
+          color: theme.palette.divider,
+        },
+        toolbarContainer: {
+          padding: theme.spacing(2),
+          borderBottom: `1px dashed ${theme.palette.divider}`,
+          backgroundColor: theme.palette.background.neutral,
+        },
+        paper: {
+          ...paperStyles,
+          padding: 0,
+        },
+        menu: {
+          [`& .${paperClasses.root}`]: {
+            ...paperStyles,
+          },
+          [`& .${listClasses.root}`]: {
+            padding: 0,
+            [`& .${listItemIconClasses.root}`]: {
+              minWidth: 0,
+              marginRight: theme.spacing(2),
+            },
+          },
+        },
+        columnHeaders: {
+          borderRadius: 0,
+          backgroundColor: theme.palette.background.neutral,
+        },
+        panelHeader: {
+          padding: theme.spacing(2),
+        },
+        panelFooter: {
+          padding: theme.spacing(2),
+          justifyContent: "flex-end",
+          borderTop: `dashed 1px ${theme.palette.divider}`,
+          [`& .${buttonClasses.root}`]: {
+            "&:first-of-type": {
+              border: `solid 1px ${alpha(theme.palette.grey[500], 0.24)}`,
+            },
+            "&:last-of-type": {
+              marginLeft: theme.spacing(1.5),
+              color: theme.palette.background.paper,
+              backgroundColor: theme.palette.text.primary,
+            },
+          },
+        },
+        filterForm: {
+          padding: theme.spacing(2),
+        },
+        filterFormValueInput: {
+          marginLeft: theme.spacing(2),
+        },
+        filterFormColumnInput: {
+          marginLeft: theme.spacing(2),
+        },
+        filterFormOperatorInput: {
+          marginLeft: theme.spacing(2),
+        },
+      },
+    },
+  };
+}

package/src/theme/overrides/components/date-picker.jsx

@@ -0,0 +1,94 @@
+import Iconify from "../../../components/Iconify";
+import React from "react";
+import { buttonClasses } from "@mui/material/Button";
+
+// ----------------------------------------------------------------------
+
+const dateList = [
+  "DatePicker",
+  "DateTimePicker",
+  "StaticDatePicker",
+  "DesktopDatePicker",
+  "DesktopDateTimePicker",
+  //
+  "MobileDatePicker",
+  "MobileDateTimePicker",
+];
+
+const timeList = [
+  "TimePicker",
+  "MobileTimePicker",
+  "StaticTimePicker",
+  "DesktopTimePicker",
+];
+
+const switchIcon = () => <Iconify icon="eva:chevron-down-fill" width={24} />;
+
+const leftIcon = () => <Iconify icon="eva:arrow-ios-back-fill" width={24} />;
+
+const rightIcon = () => (
+  <Iconify icon="eva:arrow-ios-forward-fill" width={24} />
+);
+
+const calendarIcon = () => (
+  <Iconify icon="solar:calendar-mark-bold-duotone" width={24} />
+);
+
+const clockIcon = () => (
+  <Iconify icon="solar:clock-circle-outline" width={24} />
+);
+
+const desktopTypes = dateList.reduce((result, currentValue) => {
+  result[`Mui${currentValue}`] = {
+    defaultProps: {
+      slots: {
+        openPickerIcon: calendarIcon,
+        leftArrowIcon: leftIcon,
+        rightArrowIcon: rightIcon,
+        switchViewIcon: switchIcon,
+      },
+    },
+  };
+
+  return result;
+}, {});
+
+const timeTypes = timeList.reduce((result, currentValue) => {
+  result[`Mui${currentValue}`] = {
+    defaultProps: {
+      slots: {
+        openPickerIcon: clockIcon,
+        rightArrowIcon: rightIcon,
+        switchViewIcon: switchIcon,
+      },
+    },
+  };
+
+  return result;
+}, {});
+
+export function datePicker(theme) {
+  return {
+    MuiPickersLayout: {
+      styleOverrides: {
+        root: {
+          "& .MuiPickersLayout-actionBar": {
+            [`& .${buttonClasses.root}:last-of-type`]: {
+              backgroundColor: theme.palette.text.primary,
+              color:
+                theme.palette.mode === "light"
+                  ? theme.palette.common.white
+                  : theme.palette.grey[800],
+            },
+          },
+        },
+      },
+    },
+
+    // Date
+    ...desktopTypes,
+
+    // Time
+    ...timeTypes,
+  };
+}

package/src/theme/overrides/components/dialog.js

@@ -0,0 +1,49 @@
+// ----------------------------------------------------------------------
+
+export function dialog(theme) {
+  return {
+    MuiDialog: {
+      styleOverrides: {
+        paper: ({ ownerState }) => ({
+          boxShadow: theme.customShadows.dialog,
+          borderRadius: theme.shape.borderRadius * 2,
+          ...(!ownerState.fullScreen && {
+            margin: theme.spacing(2),
+          }),
+        }),
+        paperFullScreen: {
+          borderRadius: 0,
+        },
+      },
+    },
+    MuiDialogTitle: {
+      styleOverrides: {
+        root: {
+          padding: theme.spacing(3),
+        },
+      },
+    },
+    MuiDialogContent: {
+      styleOverrides: {
+        root: {
+          padding: theme.spacing(0, 3),
+        },
+        dividers: {
+          borderTop: 0,
+          borderBottomStyle: "dashed",
+          paddingBottom: theme.spacing(3),
+        },
+      },
+    },
+    MuiDialogActions: {
+      styleOverrides: {
+        root: {
+          padding: theme.spacing(3),
+          "& > :not(:first-of-type)": {
+            marginLeft: theme.spacing(1.5),
+          },
+        },
+      },
+    },
+  };
+}

package/src/theme/overrides/components/drawer.js

@@ -0,0 +1,39 @@
+import { alpha } from "@mui/material/styles";
+import { drawerClasses } from "@mui/material/Drawer";
+import { paper } from "../../css";
+
+// ----------------------------------------------------------------------
+
+export function drawer(theme) {
+  const lightMode = theme.palette.mode === "light";
+
+  return {
+    MuiDrawer: {
+      styleOverrides: {
+        root: ({ ownerState }) => ({
+          ...(ownerState.variant === "temporary" && {
+            [`& .${drawerClasses.paper}`]: {
+              ...paper({ theme }),
+              ...(ownerState.anchor === "left" && {
+                boxShadow: `40px 40px 80px -8px ${alpha(
+                  lightMode
+                    ? theme.palette.grey[500]
+                    : theme.palette.common.black,
+                  0.24
+                )}`,
+              }),
+              ...(ownerState.anchor === "right" && {
+                boxShadow: `-40px 40px 80px -8px ${alpha(
+                  lightMode
+                    ? theme.palette.grey[500]
+                    : theme.palette.common.black,
+                  0.24
+                )}`,
+              }),
+            },
+          }),
+        }),
+      },
+    },
+  };
+}

package/src/theme/overrides/components/fab.js

@@ -0,0 +1,165 @@
+import { alpha } from "@mui/material/styles";
+import { fabClasses } from "@mui/material/Fab";
+
+// ----------------------------------------------------------------------
+
+const COLORS = ["primary", "secondary", "info", "success", "warning", "error"];
+
+// ----------------------------------------------------------------------
+
+export function fab(theme) {
+  const lightMode = theme.palette.mode === "light";
+
+  const rootStyles = (ownerState) => {
+    const defaultColor = ownerState.color === "default";
+
+    const inheritColor = ownerState.color === "inherit";
+
+    const circularVariant = ownerState.variant === "circular";
+
+    const extendedVariant = ownerState.variant === "extended";
+
+    const outlinedVariant = ownerState.variant === "outlined";
+
+    const outlinedExtendedVariant = ownerState.variant === "outlinedExtended";
+
+    const softVariant = ownerState.variant === "soft";
+
+    const softExtendedVariant = ownerState.variant === "softExtended";
+
+    const defaultStyle = {
+      "&:hover, &:active": {
+        boxShadow: "none",
+      },
+      // FILLED
+      ...((circularVariant || extendedVariant) && {
+        ...((defaultColor || inheritColor) && {
+          boxShadow: theme.customShadows.z8,
+        }),
+        ...(inheritColor && {
+          backgroundColor: theme.palette.text.primary,
+          color: lightMode
+            ? theme.palette.common.white
+            : theme.palette.grey[800],
+          "&:hover": {
+            backgroundColor: lightMode
+              ? theme.palette.grey[700]
+              : theme.palette.grey[400],
+          },
+        }),
+      }),
+      // OUTLINED
+      ...((outlinedVariant || outlinedExtendedVariant) && {
+        boxShadow: "none",
+        backgroundColor: "transparent",
+        ...((defaultColor || inheritColor) && {
+          border: `solid 1px ${alpha(theme.palette.grey[500], 0.32)}`,
+        }),
+        ...(defaultColor && {
+          ...(!lightMode && {
+            color: theme.palette.text.secondary,
+          }),
+        }),
+
+        "&:hover": {
+          borderColor: "currentColor",
+          boxShadow: "0 0 0 0.5px currentColor",
+          backgroundColor: theme.palette.action.hover,
+        },
+      }),
+      // SOFT
+      ...((softVariant || softExtendedVariant) && {
+        boxShadow: "none",
+        ...(defaultColor && {
+          color: theme.palette.grey[800],
+          backgroundColor: theme.palette.grey[300],
+          "&:hover": {
+            backgroundColor: theme.palette.grey[400],
+          },
+        }),
+        ...(inheritColor && {
+          backgroundColor: alpha(theme.palette.grey[500], 0.08),
+          "&:hover": {
+            backgroundColor: alpha(theme.palette.grey[500], 0.24),
+          },
+        }),
+      }),
+    };
+
+    const colorStyle = COLORS.map((color) => ({
+      ...(ownerState.color === color && {
+        // FILLED
+        ...((circularVariant || extendedVariant) && {
+          boxShadow: theme.customShadows[color],
+          "&:hover": {
+            backgroundColor: theme.palette[color].dark,
+          },
+        }),
+        // OUTLINED
+        ...((outlinedVariant || outlinedExtendedVariant) && {
+          color: theme.palette[color].main,
+          border: `solid 1px ${alpha(theme.palette[color].main, 0.48)}`,
+          "&:hover": {
+            backgroundColor: alpha(theme.palette[color].main, 0.08),
+          },
+        }),
+        // SOFT
+        ...((softVariant || softExtendedVariant) && {
+          color: theme.palette[color][lightMode ? "dark" : "light"],
+          backgroundColor: alpha(theme.palette[color].main, 0.16),
+          "&:hover": {
+            backgroundColor: alpha(theme.palette[color].main, 0.32),
+          },
+        }),
+      }),
+    }));
+
+    const disabledState = {
+      [`&.${fabClasses.disabled}`]: {
+        ...((outlinedVariant || outlinedExtendedVariant) && {
+          backgroundColor: "transparent",
+          border: `solid 1px ${theme.palette.action.disabledBackground}`,
+        }),
+      },
+    };
+
+    const size = {
+      ...((extendedVariant ||
+        outlinedExtendedVariant ||
+        softExtendedVariant) && {
+        width: "auto",
+        "& svg": {
+          marginRight: theme.spacing(1),
+        },
+        ...(ownerState.size === "small" && {
+          height: 34,
+          minHeight: 34,
+          borderRadius: 17,
+          padding: theme.spacing(0, 1),
+        }),
+        ...(ownerState.size === "medium" && {
+          height: 40,
+          minHeight: 40,
+          borderRadius: 20,
+          padding: theme.spacing(0, 2),
+        }),
+        ...(ownerState.size === "large" && {
+          height: 48,
+          minHeight: 48,
+          borderRadius: 24,
+          padding: theme.spacing(0, 2),
+        }),
+      }),
+    };
+
+    return [defaultStyle, ...colorStyle, disabledState, size];
+  };
+
+  return {
+    MuiFab: {
+      styleOverrides: {
+        root: ({ ownerState }) => rootStyles(ownerState),
+      },
+    },
+  };
+}

package/src/theme/overrides/components/list.js

@@ -0,0 +1,33 @@
+// ----------------------------------------------------------------------
+
+export function list(theme) {
+  return {
+    MuiListItemIcon: {
+      styleOverrides: {
+        root: {
+          color: "inherit",
+          minWidth: "auto",
+          marginRight: theme.spacing(2),
+        },
+      },
+    },
+    MuiListItemAvatar: {
+      styleOverrides: {
+        root: {
+          minWidth: "auto",
+          marginRight: theme.spacing(2),
+        },
+      },
+    },
+    MuiListItemText: {
+      styleOverrides: {
+        root: {
+          margin: 0,
+        },
+        multiline: {
+          margin: 0,
+        },
+      },
+    },
+  };
+}

package/src/theme/overrides/components/loading-button.js

@@ -0,0 +1,30 @@
+import { loadingButtonClasses } from "@mui/lab/LoadingButton";
+
+// ----------------------------------------------------------------------
+
+export function loadingButton(theme) {
+  return {
+    MuiLoadingButton: {
+      styleOverrides: {
+        root: ({ ownerState }) => ({
+          ...(ownerState.variant === "soft" && {
+            [`& .${loadingButtonClasses.loadingIndicatorStart}`]: {
+              left: 10,
+            },
+            [`& .${loadingButtonClasses.loadingIndicatorEnd}`]: {
+              right: 14,
+            },
+            ...(ownerState.size === "small" && {
+              [`& .${loadingButtonClasses.loadingIndicatorStart}`]: {
+                left: 10,
+              },
+              [`& .${loadingButtonClasses.loadingIndicatorEnd}`]: {
+                right: 10,
+              },
+            }),
+          }),
+        }),
+      },
+    },
+  };
+}

package/src/theme/overrides/components/menu.js

@@ -0,0 +1,15 @@
+import { menuItem } from "../../css";
+
+// ----------------------------------------------------------------------
+
+export function menu(theme) {
+  return {
+    MuiMenuItem: {
+      styleOverrides: {
+        root: {
+          ...menuItem(theme),
+        },
+      },
+    },
+  };
+}

package/src/theme/overrides/components/pagination.js

@@ -0,0 +1,81 @@
+import { alpha } from "@mui/material/styles";
+import { paginationItemClasses } from "@mui/material/PaginationItem";
+
+// ----------------------------------------------------------------------
+
+const COLORS = ["primary", "secondary", "info", "success", "warning", "error"];
+
+// ----------------------------------------------------------------------
+
+export function pagination(theme) {
+  const lightMode = theme.palette.mode === "light";
+
+  const rootStyles = (ownerState) => {
+    const defaultColor = ownerState.color === "standard";
+
+    const filledVariant = ownerState.variant === "text";
+
+    const outlinedVariant = ownerState.variant === "outlined";
+
+    const softVariant = ownerState.variant === "soft";
+
+    const defaultStyle = {
+      [`& .${paginationItemClasses.root}`]: {
+        ...(outlinedVariant && {
+          borderColor: alpha(theme.palette.grey[500], 0.24),
+        }),
+
+        [`&.${paginationItemClasses.selected}`]: {
+          fontWeight: theme.typography.fontWeightSemiBold,
+          ...(outlinedVariant && {
+            borderColor: "currentColor",
+          }),
+
+          ...(defaultColor && {
+            backgroundColor: alpha(theme.palette.grey[500], 0.08),
+            ...(filledVariant && {
+              color: lightMode
+                ? theme.palette.common.white
+                : theme.palette.grey[800],
+              backgroundColor: theme.palette.text.primary,
+              "&:hover": {
+                backgroundColor: lightMode
+                  ? theme.palette.grey[700]
+                  : theme.palette.grey[100],
+              },
+            }),
+          }),
+        },
+      },
+    };
+
+    const colorStyle = COLORS.map((color) => ({
+      ...(ownerState.color === color && {
+        [`& .${paginationItemClasses.root}`]: {
+          [`&.${paginationItemClasses.selected}`]: {
+            ...(ownerState.color === color && {
+              // SOFT
+              ...(softVariant && {
+                color: theme.palette[color][lightMode ? "dark" : "light"],
+                backgroundColor: alpha(theme.palette[color].main, 0.08),
+                "&:hover": {
+                  backgroundColor: alpha(theme.palette[color].main, 0.16),
+                },
+              }),
+            }),
+          },
+        },
+      }),
+    }));
+
+    return [defaultStyle, ...colorStyle];
+  };
+
+  return {
+    MuiPagination: {
+      styleOverrides: {
+        root: ({ ownerState }) => rootStyles(ownerState),
+      },
+    },
+  };
+}

package/src/theme/overrides/components/paper.js

@@ -0,0 +1,18 @@
+import { alpha } from "@mui/material/styles";
+
+// ----------------------------------------------------------------------
+
+export function paper(theme) {
+  return {
+    MuiPaper: {
+      styleOverrides: {
+        root: {
+          backgroundImage: "none",
+        },
+        outlined: {
+          borderColor: alpha(theme.palette.grey[500], 0.16),
+        },
+      },
+    },
+  };
+}

package/src/theme/overrides/components/popover.js

@@ -0,0 +1,20 @@
+import { listClasses } from "@mui/material/List";
+import { paper } from "../../css";
+
+// ----------------------------------------------------------------------
+
+export function popover(theme) {
+  return {
+    MuiPopover: {
+      styleOverrides: {
+        paper: {
+          ...paper({ theme, dropdown: true }),
+          [`& .${listClasses.root}`]: {
+            paddingTop: 0,
+            paddingBottom: 0,
+          },
+        },
+      },
+    },
+  };
+}

package/src/theme/overrides/components/progress.js

@@ -0,0 +1,40 @@
+import { alpha } from "@mui/material/styles";
+import { linearProgressClasses } from "@mui/material/LinearProgress";
+
+// ----------------------------------------------------------------------
+
+const COLORS = ["primary", "secondary", "info", "success", "warning", "error"];
+
+// ----------------------------------------------------------------------
+
+export function progress(theme) {
+  const rootStyles = (ownerState) => {
+    const bufferVariant = ownerState.variant === "buffer";
+
+    const defaultStyle = {
+      borderRadius: 4,
+      [`& .${linearProgressClasses.bar}`]: {
+        borderRadius: 4,
+      },
+      ...(bufferVariant && {
+        backgroundColor: "transparent",
+      }),
+    };
+
+    const colorStyle = COLORS.map((color) => ({
+      ...(ownerState.color === color && {
+        backgroundColor: alpha(theme.palette[color].main, 0.24),
+      }),
+    }));
+
+    return [defaultStyle, ...colorStyle];
+  };
+
+  return {
+    MuiLinearProgress: {
+      styleOverrides: {
+        root: ({ ownerState }) => rootStyles(ownerState),
+      },
+    },
+  };
+}