@flozy/editor 10.7.1 → 10.7.3

package/dist/Editor/Editor.css

@@ -1132,13 +1132,7 @@ blockquote {
   margin: 0px;
 }
 
-.listItemMargin .accordion-container {
-  margin-left: -20px;
-}
 
-.accordion-summary-container li:first-child {
-  list-style: none;
-}
 
 .content-editable.empty {
   position: relative;

package/dist/Editor/Elements/Attachments/AttachmentsButton.js

@@ -18,6 +18,10 @@ const AttachmentsButton = props => {
   const {
     translation
   } = customProps;
+  const [uploadStatus, setUploadStatus] = useState({
+    isUploading: false,
+    uploadPercentage: 0
+  });
   const handleClick = () => {
     SetOpen(true);
   };
@@ -47,7 +51,8 @@ const AttachmentsButton = props => {
       onClose: handleClose,
       customProps: customProps,
       onSelectImage: onSelectImage,
-      title: "Document"
+      title: "Document",
+      setUploadStatus: setUploadStatus
     })]
   });
 };

package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/Select.js

@@ -6,6 +6,7 @@ import { useEditorContext } from "../../../../../hooks/useMouseMove";
 import useCompStyles from "./styles";
 import { CloseIcon } from "../../../../../common/iconslist";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const AvatarIcon = props => {
   const {
     option,
@@ -41,7 +42,8 @@ export default function Select(props) {
     placeholder = "",
     disabled = false,
     optionAvatar = false,
-    className = ""
+    className = "",
+    wrapColumn = false
   } = props;
   const value = Array.isArray(pValue) ? pValue : [];
   const options = selectOptions?.length ? selectOptions.filter(s => s.value) : [];
@@ -57,7 +59,8 @@ export default function Select(props) {
       newValue?.forEach(m => {
         if (multiple) {
           fv.push({
-            value: m.inputValue || m.value
+            value: m.inputValue || m.value,
+            ...m
           });
         } else {
           fv[0] = {
@@ -100,51 +103,51 @@ export default function Select(props) {
       }
       // Regular option
       return option.value || "";
-    },
-    renderTags: (value, getTagProps) => {
-      return /*#__PURE__*/_jsx(Box, {
-        className: `tv-ms-tag-wrpr ${className}`,
-        sx: {
-          "& svg": {
-            marginRight: "5px",
-            "& path": {
-              stroke: "#000"
-            }
-          }
-        },
-        children: value?.map((option, index) => {
-          const {
-            key,
-            ...tagProps
-          } = getTagProps({
-            index
-          }) || {};
-          return option?.value ? /*#__PURE__*/_jsx(Chip, {
-            variant: "outlined",
-            label: option?.label || option?.value,
-            ...tagProps,
-            sx: {
-              background: option?.color || appTheme?.palette?.editor?.tv_border1,
-              border: "none",
-              "& .MuiChip-label": {
-                paddingLeft: "12px !important",
-                paddingRight: disabled ? "12px !important" : ""
-              }
-            },
-            avatar: /*#__PURE__*/_jsx(AvatarIcon, {
-              option: option,
-              avatar: optionAvatar
-            }),
-            deleteIcon: /*#__PURE__*/_jsx(CloseIcon, {
-              style: {
-                cursor: "pointer",
-                display: disabled ? "none" : ""
-              }
-            })
-          }, key) : null;
-        })
-      });
-    },
+    }
+    // renderTags={(value, getTagProps) => {
+    //   return (
+    //     <Box
+    //       className={`tv-ms-tag-wrpr ${className}`}
+    //       sx={{
+    //         "& svg": { marginRight: "5px", "& path": { stroke: "#000" } },
+    //         flexWrap: wrapColumn ? "wrap" : "nowrap",
+    //         overflowX: wrapColumn ? "hidden" : "auto",
+    //       }}
+    //     >
+    //       {value?.map((option, index) => {
+    //         const { key, ...tagProps } = getTagProps({ index }) || {};
+    //         return option?.value ? (
+    //           <Chip
+    //             variant="outlined"
+    //             label={option?.label || option?.value}
+    //             key={key}
+    //             {...tagProps}
+    //             sx={{
+    //               background:
+    //                 option?.color || appTheme?.palette?.editor?.tv_border1,
+    //               border: "none",
+    //               "& .MuiChip-label": {
+    //                 paddingLeft: "12px !important",
+    //                 paddingRight: disabled ? "12px !important" : "",
+    //               },
+    //             }}
+    //             avatar={<AvatarIcon option={option} avatar={optionAvatar} />}
+    //             deleteIcon={
+    //               <CloseIcon
+    //                 style={{
+    //                   cursor: "pointer",
+    //                   display: disabled ? "none" : "",
+    //                 }}
+    //               />
+    //             }
+    //           />
+    //         ) : null;
+    //       })}
+    //     </Box>
+    //   );
+    // }}
+    ,
+    renderTags: () => null,
     renderOption: (props, option) => {
       const {
         key,
@@ -168,13 +171,76 @@ export default function Select(props) {
     },
     freeSolo: true,
     size: "small",
-    fullWidth: true,
+    fullWidth: true
+    // renderInput={(params) => {
+    //   return (
+    //     <TextField
+    //       fullWidth
+    //       size="small"
+    //       {...params}
+    //       placeholder={placeholder}
+    //     />
+    //   );
+    // }}
+    ,
     renderInput: params => {
-      return /*#__PURE__*/_jsx(TextField, {
-        fullWidth: true,
-        size: "small",
-        ...params,
-        placeholder: placeholder
+      const {
+        InputProps,
+        ...rest
+      } = params;
+      return /*#__PURE__*/_jsxs(Box, {
+        className: `tv-ms-tag-wrpr ${className}`,
+        sx: {
+          display: "flex",
+          flexWrap: wrapColumn ? "wrap" : "nowrap",
+          alignItems: "center",
+          minHeight: "40px",
+          padding: "2px",
+          gap: "4px",
+          "& .MuiChip-root": {
+            margin: "2px"
+          }
+        },
+        children: [value?.map((option, index) => /*#__PURE__*/_jsx(Chip, {
+          variant: "outlined",
+          label: option?.label || option?.value,
+          sx: {
+            background: option?.color || appTheme?.palette?.editor?.tv_border1,
+            border: "none",
+            "& .MuiChip-label": {
+              paddingLeft: "12px !important",
+              paddingRight: disabled ? "12px !important" : ""
+            }
+          },
+          avatar: /*#__PURE__*/_jsx(AvatarIcon, {
+            option: option,
+            avatar: optionAvatar
+          }),
+          deleteIcon: /*#__PURE__*/_jsx(CloseIcon, {
+            style: {
+              cursor: "pointer",
+              display: disabled ? "none" : ""
+            }
+          }),
+          ...InputProps?.startAdornment?.[index]?.props
+        }, index)), /*#__PURE__*/_jsx(TextField, {
+          ...rest,
+          InputProps: {
+            ...InputProps,
+            disableUnderline: true,
+            sx: {
+              minWidth: 120,
+              flexGrow: 1,
+              input: {
+                padding: "4px 8px"
+              }
+            }
+          },
+          size: "small",
+          placeholder: placeholder,
+          disabled: disabled,
+          variant: "standard"
+        })]
       });
     },
     slotProps: {

package/dist/Editor/Elements/DataView/Layouts/DataTypes/PersonType.js

@@ -7,8 +7,12 @@ const PersonType = props => {
     rowIndex,
     property,
     value,
-    readOnly
+    readOnly,
+    settings
   } = props;
+  const {
+    wrapColumn
+  } = settings;
   const {
     onChange,
     users
@@ -22,9 +26,10 @@ const PersonType = props => {
     value: value || [],
     onChange: handleChange,
     options: users || [],
-    multiple: false,
+    multiple: true,
     disabled: readOnly,
-    optionAvatar: true
+    optionAvatar: true,
+    wrapColumn: wrapColumn
   });
 };
 export default PersonType;

package/dist/Editor/Elements/DataView/Layouts/Options/EditProperty.js

@@ -7,7 +7,7 @@ import Icon from "../../../../common/Icon";
 import CloseIcon from "@mui/icons-material/Close";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-const NEED_WRAPS = ["text", "multi-select"];
+const NEED_WRAPS = ["text", "multi-select", "person"];
 const EditProperty = props => {
   const {
     classes,

package/dist/Editor/Elements/DataView/Layouts/TableStyles.js

@@ -101,7 +101,7 @@ const useTableStyles = (theme, appTheme) => ({
           position: "relative",
           "& .tv-ms-tag-wrpr": {
             display: "flex",
-            flexWrap: "nowrap",
+            // flexWrap: "nowrap",
             overflow: "auto",
             minWidth: "58px",
             "& .MuiChip-deleteIcon": {

package/dist/Editor/Elements/TopBanner/TopBanner.js

@@ -15,6 +15,10 @@ export const TopBannerToolbar = props => {
     editor
   } = props;
   const [open, setOpen] = useState(false);
+  const [uploadStatus, setUploadStatus] = useState({
+    isUploading: false,
+    uploadPercentage: 0
+  });
   const handleClick = type => () => {
     switch (type) {
       case "change":
@@ -56,7 +60,8 @@ export const TopBannerToolbar = props => {
       open: open,
       onClose: handleClose,
       customProps: customProps,
-      onSelectImage: onSelectImage
+      onSelectImage: onSelectImage,
+      setUploadStatus: setUploadStatus
     })]
   });
 };

package/dist/Editor/Elements/TopBanner/TopBannerButton.js

@@ -16,10 +16,14 @@ const TopBannerButton = props => {
   const {
     translation
   } = customProps;
+  const [uploadStatus, setUploadStatus] = useState({
+    isUploading: false,
+    uploadPercentage: 0
+  });
   const onSelectImage = url => {
     if (url) {
       insertTopBanner(editor, {
-        url
+        url: url?.embedURL
       });
     }
     setOpen(false);
@@ -42,7 +46,9 @@ const TopBannerButton = props => {
       open: open,
       onClose: handleClose,
       customProps: customProps,
-      onSelectImage: onSelectImage
+      onSelectImage: onSelectImage,
+      setUploadStatus: setUploadStatus,
+      disableProgress: true
     })]
   });
 };

package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectList.js

@@ -1,5 +1,5 @@
 import { useMemo } from "react";
-import { isBlockActive, isListActive, toggleBlock } from "../../../utils/SlateUtilityFunctions";
+import { isBlockActive, toggleBlock } from "../../../utils/SlateUtilityFunctions";
 import CustomSelectTool from "./CustomSelectTool";
 import Icon from "../../../common/Icon";
 import { insertAccordion } from "../../../utils/accordion";
@@ -16,8 +16,8 @@ function Label({
     }), " ", label]
   });
 }
-function getListOptions(translation) {
-  return [{
+function getListOptions(translation, listType) {
+  const list = [{
     id: 15,
     value: "orderedList",
     type: "block",
@@ -53,7 +53,8 @@ function getListOptions(translation) {
       icon: "check-list-item"
     }),
     group: "list"
-  }, {
+  }];
+  const accordion = [{
     id: 30,
     value: "accordion",
     type: "accordion",
@@ -67,21 +68,32 @@ function getListOptions(translation) {
       icon: "accordion"
     })
   }];
+  let options = [];
+  if (listType === "accordion-summary") {
+    options = [...accordion];
+  } else if (listType === "list-item") {
+    options = [...list];
+  } else {
+    options = [...list, ...accordion];
+  }
+  return options;
 }
 function SelectList({
   editor,
   classes,
   closeMainPopup,
-  customProps
+  customProps,
+  commonProps
 }) {
   const {
     translation
   } = customProps;
-  const listOptions = getListOptions(translation);
+  const {
+    listType
+  } = commonProps || {};
+  const listOptions = getListOptions(translation, listType);
   const selectedList = useMemo(() => {
-    const listActive = isListActive(editor);
-    let selected = listOptions.find(t => listActive === t.value);
-    return selected;
+    return listOptions.find(t => isBlockActive(editor, t.value));
   }, [listOptions, isBlockActive, editor]);
   const onChange = (format, option) => {
     if (option.type === "block") {

package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js

@@ -3,7 +3,7 @@ import SelectTypography from "./SelectTypography";
 import SelectList from "./SelectList";
 import { toolbarGroups } from "../../toolbarGroups";
 import { MarkButton } from "../../FormatTools";
-import { activeMark, isBlockActive } from "../../../utils/SlateUtilityFunctions";
+import { activeMark, getListType, isBlockActive } from "../../../utils/SlateUtilityFunctions";
 import LinkButton from "../../../Elements/Link/LinkButton";
 import TextToolIcon from "../../../assets/svg/TextToolIcon";
 import TextFormat from "../TextFormat";
@@ -36,6 +36,10 @@ const MiniTextFormat = props => {
   const id = open ? "popup-edit-tool" : "";
   const [size] = useWindowResize();
   const theme = useTheme();
+  const listType = getListType(editor);
+  const commonProps = {
+    listType
+  };
   const removeFontStyles = ["superscript", "subscript"];
   const fontStyle = allTools.filter(f => f.type === "mark" && !removeFontStyles.includes(f.format));
   const link = allTools.find(f => f.format?.indexOf("link") >= 0);
@@ -66,7 +70,8 @@ const MiniTextFormat = props => {
           classes: classes,
           editor: editor,
           closeMainPopup: closeMainPopup,
-          customProps: customProps
+          customProps: customProps,
+          commonProps: commonProps
         }), /*#__PURE__*/_jsx("div", {
           className: "verticalLine mr-1"
         }), /*#__PURE__*/_jsx(SelectAlignment, {
@@ -141,7 +146,8 @@ const MiniTextFormat = props => {
                 editor: editor,
                 classes: classes,
                 closeMainPopup: closeMainPopup,
-                customProps: customProps
+                customProps: customProps,
+                commonProps: commonProps
               })]
             })
           })

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

@@ -31,7 +31,8 @@ const TextFormat = props => {
     editor,
     onClose,
     closeMainPopup,
-    customProps
+    customProps,
+    commonProps
   } = props;
   const [anchorEl, setAnchorEl] = useState(null);
   const [type, setType] = useState(null);
@@ -39,6 +40,9 @@ const TextFormat = props => {
   const {
     translation
   } = customProps;
+  const {
+    listType
+  } = commonProps || {};
   const {
     element: pageSt
   } = getPageSettings(editor) || {};
@@ -52,7 +56,13 @@ const TextFormat = props => {
   const fontStyle = allTools.filter(f => f.type === "mark" && f.format !== "strikethrough" && f.format !== "superscript" && f.format !== "subscript");
   const fontAlign = allTools.filter(f => f.format?.indexOf("align") >= 0);
   const link = allTools.find(f => f.format?.indexOf("link") >= 0);
-  const lists = allTools.filter(f => f.group?.indexOf("list") >= 0);
+  const lists = allTools.filter(f => {
+    let listTool = f.group?.indexOf("list") >= 0;
+    if (listTool) {
+      const hide = f.hideFor?.includes(listType);
+      return !hide;
+    }
+  });
   const {
     isActive: isBlockQuoteActive,
     props: bqProps

package/dist/Editor/Toolbar/toolbarGroups.js

@@ -154,19 +154,22 @@ export const toolbarGroups = [[{
   format: "orderedList",
   type: "block",
   title: "Ordered List",
-  group: "list"
+  group: "list",
+  hideFor: ["accordion-summary"]
 }, {
   id: 16,
   format: "unorderedList",
   type: "block",
   title: "Bulleted List",
-  group: "list"
+  group: "list",
+  hideFor: ["accordion-summary"]
 }, {
   id: 43,
   format: "check-list-item",
   type: "block",
   title: "Check List",
-  group: "list"
+  group: "list",
+  hideFor: ["accordion-summary"]
 }], [{
   id: 17,
   format: "alignLeft",
@@ -269,7 +272,8 @@ export const toolbarGroups = [[{
   format: "accordion",
   type: "accordion",
   group: "list",
-  component: "AccordionButton"
+  component: "AccordionButton",
+  hideFor: ["list-item"]
 }, {
   id: 31,
   format: "signature",

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

@@ -41,7 +41,7 @@ const ImageSelector = props => {
   const [uniqueId, setUniqueId] = useState(null);
   const title = props.title || "Image";
   const translation = customProps?.translation;
-  const [tabValue, setTabValue] = useState(title === "Image" ? "choose" : "Video" ? "upload" : "addLink");
+  const [tabValue, setTabValue] = useState(title === "Image" ? "choose" : "addLink");
   const [image, setImage] = useState(value || "");
   const [s3UploadProp, setS3UploadProp] = useState({
     file: null,

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

@@ -9,6 +9,7 @@ import usePopupStyle from "./Styles";
 import { useEditorContext } from "../../hooks/useMouseMove";
 import { checkTypings } from "../../hooks/useMentions";
 import canOpen from "../../helper/canOpen";
+import { getListType } from "../../utils/SlateUtilityFunctions";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const POPUP_LIST_TYPES = {
@@ -64,7 +65,14 @@ const MentionsPopup = /*#__PURE__*/forwardRef((props, ref) => {
   }, [editor?.selection]);
   useEffect(() => {
     try {
-      const onNodeType = canOpen(editor);
+      let onNodeType = canOpen(editor);
+      if (onNodeType === "accordion") {
+        const isAccordion = getListType(editor) === "accordion-summary";
+        if (isAccordion) {
+          // if cursor at accordion-summary
+          onNodeType = "accordion-summary";
+        }
+      }
       if (target && chars.length > 0 && onNodeType !== false) {
         const domRange = ReactEditor.toDOMRange(editor, target);
         const rect = domRange?.getBoundingClientRect();

package/dist/Editor/common/Shorthands/elements.js

@@ -139,7 +139,8 @@ const ELEMENTS_LIST = [{
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "orderedList"
   }),
-  onInsert: editor => toggleBlock(editor, "orderedList", false)
+  onInsert: editor => toggleBlock(editor, "orderedList", false),
+  hideFor: ["accordion-summary"]
 }, {
   name: "Bulleted List",
   desc: "",
@@ -148,7 +149,8 @@ const ELEMENTS_LIST = [{
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "unorderedList"
   }),
-  onInsert: editor => toggleBlock(editor, "unorderedList", false)
+  onInsert: editor => toggleBlock(editor, "unorderedList", false),
+  hideFor: ["accordion-summary"]
 }, {
   name: "Check List",
   desc: "",
@@ -157,7 +159,8 @@ const ELEMENTS_LIST = [{
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "check-list-item"
   }),
-  onInsert: editor => toggleBlock(editor, "check-list-item", false)
+  onInsert: editor => toggleBlock(editor, "check-list-item", false),
+  hideFor: ["accordion-summary"]
 }, {
   name: "Image",
   desc: "",
@@ -294,7 +297,8 @@ const ELEMENTS_LIST = [{
   onInsert: editor => {
     Transforms.delete(editor, editor.selection); // remove text '/accordion' typed by user
     insertAccordion(editor);
-  }
+  },
+  hideFor: ["unorderedList", "orderedList", "check-list-item"]
 }, {
   name: "Button",
   group: "Elements",

package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js

@@ -28,6 +28,10 @@ const BackgroundImage = props => {
   } = useEditorContext();
   const classes = UploadStyles(theme);
   const disableProgress = title === "Page Settings" || elementProps?.type === "freegridBox" || elementProps?.type === "freegrid";
+  const [uploadStatus, setUploadStatus] = useState({
+    isUploading: false,
+    uploadPercentage: 0
+  });
   const onRemoveBG = () => {
     setBase64(null);
     onChange({
@@ -113,7 +117,8 @@ const BackgroundImage = props => {
       customProps: customProps,
       onSelectImage: onSelectImage,
       title: getTitle(),
-      disableProgress: disableProgress
+      disableProgress: disableProgress,
+      setUploadStatus: setUploadStatus
     })]
   });
 };

package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js

@@ -29,7 +29,7 @@ const BannerSpacing = props => {
   const {
     bannerSpacing,
     lockbannerSpacing
-  } = selectedTheme?.elementProps?.button || {};
+  } = selectedTheme?.elementProps[elementProps?.type] || {};
   const isUserValue = Object.keys(props?.value || {})?.length;
   const isUserLockedSpacing = typeof elementProps[lockKeyVal] === "boolean";
   const val = isUserValue ? props?.value : bannerSpacing;

package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js

@@ -29,7 +29,7 @@ const BorderRadius = props => {
   const {
     borderRadius,
     lockRadius: themeLockRadius
-  } = selectedTheme?.elementProps?.button || {};
+  } = selectedTheme?.elementProps[elementProps?.type] || {};
   const isUserValue = Object.keys(props?.value || {})?.length;
   const isUserLockedRadius = typeof elementProps?.lockRadius === "boolean";
   const val = isUserValue ? props?.value : borderRadius;

package/dist/Editor/utils/SlateUtilityFunctions.js

@@ -1,4 +1,4 @@
-import { Editor, Transforms, Element as SlateElement, Range, Path } from "slate";
+import { Editor, Transforms, Element as SlateElement, Range } from "slate";
 import { Box } from "@mui/material";
 import { sizeMap } from "./font";
 import Link from "../Elements/Link/Link";
@@ -50,7 +50,7 @@ import SearchAttachment from "../Elements/Search/SearchAttachment";
 import { wrapThemeBreakpoints } from "../Elements/FreeGrid/breakpointConstants";
 import { jsx as _jsx } from "react/jsx-runtime";
 const alignment = ["alignLeft", "alignRight", "alignCenter", "alignJustify"];
-const list_types = ["orderedList", "unorderedList", "accordion-details"];
+export const list_types = ["orderedList", "unorderedList"];
 const LIST_FORMAT_TYPE = {
   orderedList: "list-item",
   unorderedList: "list-item"
@@ -66,49 +66,6 @@ const LIST_FORMAT_TYPE = {
 // ];
 
 const THEME_BLOCK_FIELDS = ["headingOne", "headingTwo", "headingThree", "headingFour", "headingFive", "headingSix", "paragraphOne", "paragraphTwo", "paragraphThree"];
-const convertAccordionToListItem = (editor, format) => {
-  const accordionLists = Array.from(Editor.nodes(editor, {
-    match: n => {
-      let accordionList = false;
-      if (n.type === "accordion") {
-        const [summary] = n.children;
-        accordionList = [format, "paragraph"].includes(summary.children?.[0]?.type);
-      }
-      return accordionList;
-    }
-  }));
-  accordionLists?.forEach(accordionList => {
-    const [node, path] = accordionList;
-    const [summary, details] = node.children;
-    const listItem = {
-      ...(summary.children[0] || {})
-    };
-    const isPara = listItem.type === "paragraph";
-    if (isPara) {
-      listItem.type = "list-item";
-    }
-
-    // Replace the accordion with the format
-    Transforms.removeNodes(editor, {
-      at: path
-    });
-    Transforms.insertNodes(editor, listItem, {
-      at: path
-    });
-    if (isPara) {
-      Transforms.wrapNodes(editor, {
-        type: format,
-        children: []
-      }, {
-        at: path
-      });
-    }
-    const nextPath = Path.next(path);
-    Transforms.insertNodes(editor, details.children, {
-      at: nextPath
-    });
-  });
-};
 export const toggleBlock = (editor, format, selection = true, attr = {}) => {
   let isActive = isBlockActive(editor, format);
   const isList = list_types.includes(format);
@@ -132,26 +89,11 @@ export const toggleBlock = (editor, format, selection = true, attr = {}) => {
     });
     return;
   }
-  const [match] = Editor.nodes(editor, {
-    match: n => !Editor.isEditor(n) && SlateElement.isElement(n) && list_types.includes(n.type),
-    mode: "lowest" // To ensure it's the closest parent
+  Transforms.unwrapNodes(editor, {
+    match: n => list_types.includes(!Editor.isEditor(n) && SlateElement.isElement(n) && n.type),
+    split: true
   });
 
-  if (match) {
-    const [matchNode, matchPath] = match;
-    if (matchNode.type !== "accordion-details") {
-      Transforms.unwrapNodes(editor, {
-        match: (n, n2) => {
-          const isList = !Editor.isEditor(n) && SlateElement.isElement(n) && list_types.includes(n.type);
-          return isList && n2.toString() === matchPath.toString();
-        },
-        split: true
-      });
-    } else {
-      isActive = false;
-    }
-  }
-
   // inserting blocks from "/"" commands remove searched word
   if (!selection) {
     Transforms.insertText(editor, "");
@@ -171,9 +113,8 @@ export const toggleBlock = (editor, format, selection = true, attr = {}) => {
   // if (NEWLINESAFTER.indexOf(format) > -1) {
   //   insertNewLine(editor);
   // }
-
-  convertAccordionToListItem(editor, format);
 };
+
 export const addMarkData = (editor, data) => {
   try {
     Editor.addMark(editor, data.format, data.value);
@@ -273,6 +214,20 @@ export const isListActive = editor => {
     return matchNode.type;
   }
 };
+export const getListType = editor => {
+  const [accordionSummary] = Editor.nodes(editor, {
+    match: n => !Editor.isEditor(n) && SlateElement.isElement(n) && n.type === "accordion-summary"
+  });
+  if (accordionSummary) {
+    return "accordion-summary";
+  }
+  const [listItem] = Editor.nodes(editor, {
+    match: n => !Editor.isEditor(n) && SlateElement.isElement(n) && n.type === "list-item"
+  });
+  if (listItem) {
+    return "list-item";
+  }
+};
 export const getBlockActive = (editor, format) => {
   const [match] = Editor.nodes(editor, {
     match: n => !Editor.isEditor(n) && SlateElement.isElement(n) && n.type === format

package/dist/Editor/utils/accordion.js

@@ -47,20 +47,20 @@ export const insertAccordion = (editor, path) => {
       accordionPath = path;
     } else if (selection) {
       const selectedNodes = Array.from(Editor.nodes(editor, {
-        at: selection,
         match: n => Element.isElement(n),
         mode: "lowest" // use 'lowest' to get individual blocks
       }));
 
       for (const [node, path] of selectedNodes) {
         let currNode = node;
-        const isListItem = node.type === "list-item";
-        if (isListItem) {
-          currNode = {
-            type: "paragraph",
-            children: node.children
-          };
-        }
+        // const isListItem = node.type === "list-item";
+        // if (isListItem) {
+        //   currNode = {
+        //     type: "paragraph",
+        //     children: node.children,
+        //   };
+        // }
+
         let accordion = getAccordionNode([currNode]);
         Transforms.removeNodes(editor, {
           at: path

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "10.7.1",
+  "version": "10.7.3",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"