@flozy/editor 9.0.7 → 9.1.0

package/dist/Editor/common/CustomDialog/index.js

@@ -1,90 +0,0 @@
-import { Button, Dialog, DialogActions, DialogContent, Grid, SwipeableDrawer, Typography, useMediaQuery } from "@mui/material";
-import PropTypes from "prop-types";
-import { useEditorContext } from "../../hooks/useMouseMove";
-import CustomDialogStyles from "./styles";
-import { forwardRef, useImperativeHandle, useState } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-const CustomDialog = (props, ref) => {
-  const {
-    content,
-    confirmText,
-    cancelText,
-    onConfirm
-  } = props;
-  const [open, setOpen] = useState(false);
-  const isMobile = useMediaQuery("(max-width:899px)");
-  const {
-    theme
-  } = useEditorContext();
-  const classes = CustomDialogStyles(theme);
-  useImperativeHandle(ref, () => ({
-    handleOpen: () => setOpen(true),
-    handleClose: () => setOpen(false)
-  }));
-  const DialogueContent = () => /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(DialogContent, {
-      children: /*#__PURE__*/_jsx(Typography, {
-        children: content
-      })
-    }), /*#__PURE__*/_jsxs(DialogActions, {
-      children: [/*#__PURE__*/_jsx(Button, {
-        className: "closeBtn",
-        onClick: () => setOpen(false),
-        children: cancelText
-      }), /*#__PURE__*/_jsx(Button, {
-        className: "confirmBtn",
-        onClick: () => {
-          onConfirm();
-          setOpen(false);
-        },
-        children: confirmText
-      })]
-    })]
-  });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: !isMobile ? /*#__PURE__*/_jsx(Dialog, {
-      className: `${classes.MuiBackdropRoot}`,
-      open: open,
-      onClose: () => setOpen(false),
-      fullWidth: true,
-      maxWidth: "sm",
-      sx: classes.CustomDialogu,
-      children: /*#__PURE__*/_jsx(DialogueContent, {})
-    }) : /*#__PURE__*/_jsxs(SwipeableDrawer, {
-      open: open,
-      anchor: "bottom",
-      onClose: () => setOpen(false),
-      style: {
-        zIndex: "1300"
-      },
-      sx: classes.CustomDialogu,
-      disableBackdropTransition: true,
-      disableSwipeToOpen: true,
-      children: [/*#__PURE__*/_jsx(Grid, {
-        container: true,
-        justifyContent: "center",
-        className: "pullerRoot",
-        children: /*#__PURE__*/_jsx(Grid, {
-          item: true,
-          className: "pullerGrid"
-        })
-      }), /*#__PURE__*/_jsx(DialogueContent, {})]
-    })
-  });
-};
-const CustomDialogComponent = /*#__PURE__*/forwardRef(CustomDialog);
-CustomDialogComponent.defaultProps = {
-  content: "Are you sure you want to proceed?",
-  confirmText: "Confirm",
-  cancelText: "Cancel",
-  onConfirm: () => console.warn("onConfirm not provided")
-};
-CustomDialogComponent.propTypes = {
-  content: PropTypes.string,
-  confirmText: PropTypes.string,
-  cancelText: PropTypes.string,
-  onConfirm: PropTypes.func
-};
-export { CustomDialogComponent };

package/dist/Editor/common/CustomDialog/styles.js

@@ -1,80 +0,0 @@
-const CustomDialogStyles = theme => ({
-  MuiBackdropRoot: {
-    opacity: "1",
-    transition: "opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"
-  },
-  CustomDialogu: {
-    "& .MuiPaper-root": {
-      borderRadius: "12px 12px 0px 0px",
-      backgroundColor: `${theme?.palette?.greyshades?.light9} !important`,
-      "@media only screen and (min-width: 899px)": {
-        maxWidth: "400px",
-        border: `1px solid ${theme?.palette?.editor?.customDialogueBorder}`,
-        borderRadius: "12px"
-      }
-    },
-    "& .MuiDialogContent-root": {
-      padding: "20px 24px 8px 24px",
-      "& .MuiTypography-root": {
-        textAlign: "center",
-        fontFamily: "Inter, sans-serif",
-        fontSize: "14px",
-        fontWeight: 500,
-        color: theme?.palette?.editor?.textColor
-      }
-    },
-    "& .confirmBtn": {
-      backgroundColor: "#2563EB",
-      padding: "8px 12px",
-      color: "#ffffff",
-      fontWeight: 600,
-      fontSize: "14px",
-      opacity: 1,
-      borderRadius: "8px",
-      textTransform: "math-auto",
-      height: "36px",
-      padding: "0px 12px",
-      minWidth: "90px",
-      "&:hover": {
-        backgroundColor: "#2563EB"
-      },
-      "@media only screen and (max-width: 899px)": {
-        width: "50%"
-      }
-    },
-    "& .MuiDialogActions-root": {
-      justifyContent: "center",
-      paddingBottom: "20px"
-    },
-    "& .closeBtn": {
-      padding: "8px 12px",
-      color: theme?.palette?.editor?.customDialogueCloseBtnColor,
-      fontWeight: 600,
-      fontSize: "14px",
-      opacity: 1,
-      borderRadius: "8px",
-      textTransform: "math-auto",
-      height: "36px",
-      padding: "0px 12px",
-      minWidth: "90px",
-      backgroundColor: theme?.palette?.editor?.closeButtonBackground,
-      border: `1px solid ${theme?.palette?.editor?.customDialogueCloseBtnBorder}`,
-      "&:hover": {
-        backgroundColor: theme?.palette?.editor?.closeButtonBackground
-      },
-      "@media only screen and (max-width: 899px)": {
-        width: "50%"
-      }
-    },
-    "& .pullerRoot": {
-      padding: "8px 0"
-    },
-    "& .pullerGrid": {
-      width: "40px",
-      height: "5px",
-      backgroundColor: "#ccc",
-      borderRadius: "10px"
-    }
-  }
-});
-export default CustomDialogStyles;