@flozy/editor 9.2.0 → 9.2.2

package/dist/Editor/Elements/Link/Link.js

@@ -1,7 +1,7 @@
-import React, { useRef, useState } from "react";
+import React, { useState } from "react";
 import { Node, Transforms } from "slate";
-import { ReactEditor, useSelected, useSlateStatic } from "slate-react";
-import { Box, IconButton, Popper, Tooltip } from "@mui/material";
+import { ReactEditor, useFocused, useSelected, useSlateStatic } from "slate-react";
+import { Box, IconButton, Tooltip } from "@mui/material";
 import OpenInNewIcon from "@mui/icons-material/OpenInNew";
 import EditIcon from "@mui/icons-material/Edit";
 import LinkOffIcon from "@mui/icons-material/LinkOff";
@@ -11,62 +11,6 @@ import { getLinkType, handleLinkType } from "../../utils/helper";
 import LinkSettings from "../../common/LinkSettings";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-const Toolbar = props => {
-  const {
-    urlPath,
-    linkType,
-    showInNewTab,
-    selected,
-    linkRef,
-    onEditLink,
-    editor
-  } = props;
-  const btnProps = handleLinkType(urlPath, linkType, true, showInNewTab === "_blank");
-  const navType = getLinkType(linkType, urlPath);
-  const hideOpenLink = navType === "page" || !navType;
-  return selected ? /*#__PURE__*/_jsx(Popper, {
-    anchorEl: linkRef?.current,
-    open: true,
-    placement: "top-start",
-    className: "hide-popper-on-overlap",
-    contentEditable: false,
-    style: {
-      zIndex: 1000
-    },
-    children: /*#__PURE__*/_jsxs(Box, {
-      className: "element-toolbar hr",
-      style: {
-        width: "150px",
-        display: "flex",
-        position: "unset"
-      },
-      component: "div",
-      children: [hideOpenLink ? null : /*#__PURE__*/_jsx(Tooltip, {
-        title: "Open",
-        children: /*#__PURE__*/_jsx(Box, {
-          sx: {
-            display: "inline-flex",
-            color: "rgba(0, 0, 0, 0.54)"
-          },
-          ...btnProps,
-          children: /*#__PURE__*/_jsx(OpenInNewIcon, {})
-        })
-      }), /*#__PURE__*/_jsx(Tooltip, {
-        title: "Edit",
-        children: /*#__PURE__*/_jsx(IconButton, {
-          onClick: onEditLink,
-          children: /*#__PURE__*/_jsx(EditIcon, {})
-        })
-      }), /*#__PURE__*/_jsx(Tooltip, {
-        title: "Remove",
-        children: /*#__PURE__*/_jsx(IconButton, {
-          onClick: () => removeLink(editor),
-          children: /*#__PURE__*/_jsx(LinkOffIcon, {})
-        })
-      })]
-    })
-  }) : null;
-};
 const linkStyles = () => ({
   linkBtn: {
     border: "none",
@@ -96,6 +40,7 @@ const Link = props => {
   } = customProps;
   const editor = useSlateStatic();
   const selected = useSelected();
+  const focused = useFocused();
   const [showInput, setShowInput] = useState(false);
   const [linkData, setLinkData] = useState({
     name: "",
@@ -108,7 +53,6 @@ const Link = props => {
   const showInNewTab = element?.showInNewTab || element?.target;
   const linkType = element?.linkType;
   const classes = linkStyles();
-  const linkRef = useRef(null);
   const updateLink = data => {
     Transforms.setNodes(editor, data, {
       at: path
@@ -133,25 +77,54 @@ const Link = props => {
   const handleClose = () => {
     setShowInput(false);
   };
+  const Toolbar = () => {
+    const btnProps = handleLinkType(urlPath, linkType, true, showInNewTab === "_blank");
+    const navType = getLinkType(linkType, urlPath);
+    const hideOpenLink = navType === "page" || !navType;
+    return selected && focused ? /*#__PURE__*/_jsxs("div", {
+      className: "element-toolbar hr",
+      contentEditable: false,
+      style: {
+        width: "150px",
+        top: "100%",
+        left: "0px",
+        display: "flex"
+      },
+      children: [hideOpenLink ? null : /*#__PURE__*/_jsx(Tooltip, {
+        title: "Open",
+        children: /*#__PURE__*/_jsx(Box, {
+          sx: {
+            display: "inline-flex",
+            color: "rgba(0, 0, 0, 0.54)"
+          },
+          ...btnProps,
+          children: /*#__PURE__*/_jsx(OpenInNewIcon, {})
+        })
+      }), /*#__PURE__*/_jsx(Tooltip, {
+        title: "Edit",
+        children: /*#__PURE__*/_jsx(IconButton, {
+          onClick: onEditLink,
+          children: /*#__PURE__*/_jsx(EditIcon, {})
+        })
+      }), /*#__PURE__*/_jsx(Tooltip, {
+        title: "Remove",
+        children: /*#__PURE__*/_jsx(IconButton, {
+          onClick: () => removeLink(editor),
+          children: /*#__PURE__*/_jsx(LinkOffIcon, {})
+        })
+      })]
+    }) : null;
+  };
   const buttonProps = handleLinkType(urlPath, linkType, readOnly, showInNewTab === "_blank");
   return /*#__PURE__*/_jsxs("div", {
     className: "link",
-    ref: linkRef,
     children: [/*#__PURE__*/_jsx(Box, {
       ...attributes,
       ...element.attr,
       sx: classes.linkBtn,
       ...buttonProps,
       children: children
-    }), /*#__PURE__*/_jsx(Toolbar, {
-      urlPath: urlPath,
-      linkType: linkType,
-      showInNewTab: showInNewTab,
-      selected: selected,
-      linkRef: linkRef,
-      onEditLink: onEditLink,
-      editor: editor
-    }), showInput ? /*#__PURE__*/_jsx(LinkSettings, {
+    }), /*#__PURE__*/_jsx(Toolbar, {}), showInput ? /*#__PURE__*/_jsx(LinkSettings, {
       handleClose: handleClose,
       onSave: ({
         linkType,

package/dist/Editor/Elements/SimpleText/index.js

@@ -5,6 +5,7 @@ import { Box } from "@mui/material";
 import { isTextSelected } from "../../utils/helper";
 import { useEditorContext } from "../../hooks/useMouseMove";
 import SimpleTextStyle from "./style";
+import { getBreakpointLineSpacing } from "../../helper/theme";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/dist/Editor/Elements/Variables/Style.js

@@ -1,4 +1,4 @@
-const VariableStyles = theme => ({
+const VariableStyles = () => ({
   variablesItem: {
     color: "#2563EB",
     background: "#EEEEEE"
@@ -37,34 +37,8 @@ const VariableStyles = theme => ({
     "& .MuiMenuItem-root": {
       color: "#64748B"
     },
-    "& .MuiPaper-root": {
-      borderRadius: '8px',
-      backgroundColor: `${theme?.palette?.editor?.miniToolBarBackground} !important`,
-      marginTop: '5px',
-      "@media only screen and (max-width: 599px)": {
-        padding: '10px 0px'
-      }
-    },
-    "& .MuiList-root": {
-      padding: '0px'
-    },
-    "& .MuiButtonBase-root": {
-      margin: '6px',
-      borderRadius: '8px',
-      padding: '6px 14px',
-      fontSize: '14px',
-      fontWeight: '400',
-      color: theme?.palette?.editor?.deletePopUpButtonTextColor,
-      "&:hover": {
-        background: `${theme?.palette?.editor?.menuOptionHoverBackground} !important`
-      },
-      "@media only screen and (max-width: 599px)": {
-        minHeight: '30px',
-        margin: '0px 6px'
-      }
-    },
     "& .Mui-selected": {
-      backgroundColor: 'unset !important'
+      backgroundColor: "rgba(0, 0, 0, 0.04) !important"
     }
   }
 });

package/dist/Editor/Elements/Variables/VariableButton.js

@@ -3,15 +3,11 @@ import { useSlateStatic } from "slate-react";
 import { MenuItem, Select } from "@mui/material";
 import { insertVariables } from "../../utils/variables";
 import VariableStyles from "./Style";
-import KeyboardArrowDownRoundedIcon from '@mui/icons-material/KeyboardArrowDownRounded';
-import { useEditorContext } from "../../hooks/useMouseMove";
+import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const VariableButton = props => {
-  const {
-    theme
-  } = useEditorContext();
-  const classes = VariableStyles(theme);
+  const classes = VariableStyles();
   const editor = useSlateStatic();
   const {
     options
@@ -28,7 +24,7 @@ const VariableButton = props => {
     value: "",
     sx: classes.variableBtn,
     onChange: updateVariable,
-    IconComponent: () => /*#__PURE__*/_jsx(KeyboardArrowDownRoundedIcon, {}),
+    IconComponent: () => /*#__PURE__*/_jsx(KeyboardArrowDownIcon, {}),
     MenuProps: {
       sx: classes.variableMenuItem,
       PaperProps: {

package/dist/Editor/Toolbar/FormatTools/TextSize.js

@@ -2,6 +2,8 @@ import React, { useEffect, useRef, useState } from "react";
 import { TextField, IconButton } from "@mui/material";
 import { addMarkData, activeMark, isBlockActive } from "../../utils/SlateUtilityFunctions.js";
 import { headingMap, sizeMap } from "../../utils/font.js";
+import ExpandLessRoundedIcon from "@mui/icons-material/ExpandLessRounded";
+import ExpandMoreRoundedIcon from "@mui/icons-material/ExpandMoreRounded";
 import { getBreakPointsValue } from "../../helper/theme.js";
 import useWindowResize from "../../hooks/useWindowResize.js";
 import { BREAKPOINTS_DEVICES } from "../../helper/theme.js";

package/dist/Editor/Toolbar/PopupTool/AddTemplates.js

@@ -3,18 +3,17 @@ import { Grid, Tabs, Tab, CircularProgress } from "@mui/material";
 import TemplateCard from "./TemplateCard";
 import FullViewCard from "./FullViewCard";
 import ButtonTemplateCard from "./ButtonTemplatesCard";
-
-// const CATEGORIES_SORT_INDEX = {
-//   Brief: 1,
-//   Buttons: 2,
-//   Banners: 3,
-//   Tables: 4,
-//   Contract: 5,
-//   Proposal: 6,
-// };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+const CATEGORIES_SORT_INDEX = {
+  Brief: 1,
+  Buttons: 2,
+  Banners: 3,
+  Tables: 4,
+  Contract: 5,
+  Proposal: 6
+};
 const Categories = props => {
   const {
     value,

package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js

@@ -424,9 +424,12 @@ const usePopupStyle = theme => ({
   fontFamilyListOptions: {
     "& .MuiAutocomplete-listbox": {
       padding: "0px",
-      // "&::-webkit-scrollbar-thumb": {
-      //   background: `none !important`,
-      // },
+      "&::-webkit-scrollbar-thumb": {
+        background: `none !important`
+      },
+      "&::-webkit-scrollbar-track": {
+        visibility: "hidden"
+      },
       "&::-webkit-scrollbar-thumb": {
         background: `${theme?.palette?.editor?.brainPopupScroll} !important`
       },

package/dist/Editor/common/DnD/Draggable.js

@@ -1,6 +1,7 @@
 import React, { useEffect } from "react";
 import { useDraggable } from "@dnd-kit/core";
 import { Box } from "@mui/material";
+import DragIndicatorIcon from "@mui/icons-material/DragIndicator";
 import { SectionDragIcon } from "../iconListV2";
 import { jsx as _jsx } from "react/jsx-runtime";
 const Draggable = props => {

package/dist/Editor/common/ImageSelector/UploadStyles.js

@@ -5,6 +5,7 @@ const UploadStyles = theme => ({
     borderRadius: "11px",
     boxShadow: "0px 4px 10px rgba(0, 0, 0, 0.16)",
     background: theme?.palette?.editor?.uploadFileBg,
+    height: '100%',
     minHeight: '150px',
     height: 'inherit'
   },

package/dist/Editor/common/MentionsPopup/Styles.js

@@ -53,9 +53,9 @@ const usePopupStyles = theme => ({
     "& button": {
       color: theme?.palette?.editor?.textColor
     },
-    // "@media only screen and (min-width: 899px)": {
-    //   maxHeight: "400px",
-    // },
+    "@media only screen and (min-width: 899px)": {
+      maxHeight: "400px"
+    },
     "&  .orderedListIcon, .bulletedListTextIcon, .checkedListTextIcon, .accordianIconSvgTextFormat": {
       width: "20px !important"
     },

package/dist/Editor/common/RnD/Theme/ViewportStimulator.js

@@ -1,19 +1,9 @@
 import React from "react";
-import { useTheme, ThemeProvider, createTheme } from "@mui/material";
+import { useTheme, ThemeProvider, createTheme, useMediaQuery } from "@mui/material";
 import { isStimulator, STIMULATOR_MOCK } from "../../../hooks/useBreakpoints";
-import { jsx as _jsx } from "react/jsx-runtime";
-const isPdf = () => {
-  try {
-    const hash = window.location.hash;
-    const queryString = hash.split("?")[1]; // Get part after "?"
-    const params = new URLSearchParams(queryString);
-    return params.get("isPdf");
-  } catch (err) {
-    console.log(err);
-  }
-};
 
 // Custom breakpoints functions
+import { jsx as _jsx } from "react/jsx-runtime";
 const customUp = (key, breakpoints) => {
   const MOCK_BREAKPOINT = isStimulator();
   if (key === "xs") {
@@ -59,9 +49,9 @@ const getBreakPoints = prevTheme => {
 };
 
 // Extend the existing theme with custom breakpoint functions
-const extendedTheme = prevTheme => createTheme({
+const extendedTheme = (prevTheme, isPrintMode) => createTheme({
   ...prevTheme,
-  breakpoints: isPdf() ? {
+  breakpoints: isPrintMode ? {
     values: {
       ...prevTheme.breakpoints.values,
       md: 400 // To resolve, while taking pdf on A4 size, it is getting mobile view because of breakpoint
@@ -72,7 +62,8 @@ const ViewportStimulator = ({
   children
 }) => {
   const theme = useTheme();
-  const viewportTheme = extendedTheme(theme);
+  const isPrintMode = useMediaQuery("print");
+  const viewportTheme = extendedTheme(theme, isPrintMode);
   return /*#__PURE__*/_jsx(ThemeProvider, {
     theme: viewportTheme,
     children: children

package/dist/Editor/common/RnD/Utils/gridDropItem.js

@@ -2,11 +2,10 @@ import { Transforms, Node, Path } from "slate";
 import { ReactEditor } from "slate-react";
 import { handleNegativeInteger } from "../../../utils/helper";
 export const ROW_HEIGHT = 50;
-
-// const MARGIN_OF = {
-//   xs: 160,
-//   lg: 490,
-// };
+const MARGIN_OF = {
+  xs: 160,
+  lg: 490
+};
 
 /**
  * This method will update the grid template rows of parent section based on height

package/dist/Editor/commonStyle.js

@@ -438,71 +438,16 @@ const useCommonStyle = theme => ({
       width: "100%",
       "& .react-datepicker__input-container": {
         "& .MuiInputBase-root": {
-          backgroundColor: theme?.palette?.editor?.inputFieldBgColor,
+          background: `${theme?.palette?.editor?.inputFieldBgColor} !important`,
           "& .MuiInputBase-input": {
-            backgroundColor: theme?.palette?.editor?.inputFieldBgColor,
-            color: theme?.palette?.editor?.textColor + " !important"
+            background: `${theme?.palette?.editor?.inputFieldBgColor} !important`,
+            color: `${theme?.palette?.editor?.textColor} !important`
           },
           "& .MuiOutlinedInput-notchedOutline": {
-            border: `1px solid ${theme?.palette?.editor?.signaturePopUpInputFieldBorder || theme?.palette?.divider} !important`,
-            borderRadius: "10px"
-          },
-          "&:hover .MuiOutlinedInput-notchedOutline": {
-            borderColor: theme?.palette?.primary?.main
-          },
-          "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
-            borderColor: theme?.palette?.primary?.dark
+            border: `1px solid ${theme?.palette?.editor?.signaturePopUpInputFieldBorder} !important`
           }
         }
       }
-    },
-    "& .react-datepicker": {
-      backgroundColor: theme?.palette?.editor?.inputFieldBgColor,
-      // borderRadius: "10px",
-      border: `1px solid ${theme?.palette?.divider || "#ccc"}`,
-      boxShadow: "2px 4px 8px rgba(0, 0, 0, 0.4)",
-      color: theme?.palette?.editor?.textColor + " !important"
-    },
-    "& .react-datepicker__header": {
-      backgroundColor: theme?.palette?.editor?.inputFieldBgColor,
-      borderBottom: `1px solid ${theme?.palette?.divider || "#ddd"}`,
-      color: theme?.palette?.editor?.textColor + " !important"
-    },
-    "& .react-datepicker__day": {
-      color: theme?.palette?.editor?.textColor,
-      "&:hover": {
-        backgroundColor: theme?.palette?.editor?.menuOptionHoverBackground,
-        color: theme?.palette?.editor?.textColor || "#fff"
-      }
-    },
-    "& .react-datepicker__current-month": {
-      color: theme?.palette?.editor?.textColor
-    },
-    "& .react-datepicker__day-name": {
-      color: theme?.palette?.editor?.textColor
-    },
-    "& .react-datepicker__day--selected": {
-      background: theme?.palette?.editor?.activeColor,
-      color: "#fff",
-      "&:hover": {
-        background: theme?.palette?.editor?.activeColor,
-        color: "#fff"
-      }
-    },
-    "& .react-datepicker__day--keyboard-selected": {
-      backgroundColor: "#bad9f1",
-      color: "#000",
-      "&:hover": {
-        backgroundColor: "#bad9f1",
-        color: "#000"
-      }
-    },
-    "& .react-datepicker__day--today": {
-      fontWeight: "bold",
-      borderBottom: `2px solid ${theme?.palette?.editor?.activeColor}`
-    },
-    "& .react-datepicker__triangle": {
-      display: "none"
     }
   },
   signaturePopUpNameField: {

package/dist/Editor/plugins/withHTML.js

@@ -9,7 +9,7 @@ const parseCopiedHTML = html => {
   const parsed = new DOMParser().parseFromString(html, "text/html");
 
   // if ol, ul are inside li, remove and push ol,ul after that li to maintain format between our slate list and external source list's json
-  parsed.querySelectorAll("li > ul, li > ol, li > table").forEach(list => {
+  parsed.querySelectorAll("li > ul, li > ol").forEach(list => {
     // Find the parent li
     const parentLi = list.parentElement;
 

package/dist/Editor/utils/helper.js

@@ -764,16 +764,4 @@ export const hideSlateSelection = () => {
 };
 export function handleNegativeInteger(val) {
   return val < 0 ? 0 : val;
-}
-export const isEverythingSelected = editor => {
-  const {
-    selection
-  } = editor;
-  if (selection && Range.isExpanded(selection)) {
-    if (Range.includes(selection, Editor.start(editor, [])) && Range.includes(selection, Editor.end(editor, []))) {
-      return true;
-    } else {
-      return false;
-    }
-  }
-};
+}

package/dist/Editor/utils/link.js

@@ -3,7 +3,7 @@ import { isBlockActive } from "./SlateUtilityFunctions";
 export const createLinkNode = (href, showInNewTab, text, linkType) => ({
   type: "link",
   href,
-  target: showInNewTab === "_blank" ? "_blank" : "_self",
+  target: showInNewTab ? "_blank" : "_self",
   linkType,
   children: [{
     text

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "9.2.0",
+  "version": "9.2.2",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"
@@ -69,10 +69,7 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "NODE_OPTIONS='--max_old_space_size=4096' storybook build",
     "publish:npm": "rm -rf dist && mkdir dist &&  babel src/components -d dist --copy-files",
-    "publish:local": "rm -rf /Users/agmac03/flozy/client/node_modules/@flozy/editor/dist && babel src/components -d /Users/agmac03/flozy/client/node_modules/@flozy/editor/dist --copy-files",
-    "publish:flozy": "./publish-flozy.sh",
-    "publish:flozy2": "./publish-flozy2.sh",
-    "publish:permission": "chmod +x publish-flozy.sh && chmod +x publish-flozy2.sh"
+    "publish:local": "rm -rf /Users/agmac03/flozy/client/node_modules/@flozy/editor/dist && babel src/components -d /Users/agmac03/flozy/client/node_modules/@flozy/editor/dist --copy-files"
   },
   "eslintConfig": {
     "extends": [

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 };