@flozy/editor 10.6.3 → 10.6.4

package/dist/Editor/Editor.css

@@ -1132,6 +1132,14 @@ blockquote {
   margin: 0px;
 }
 
+.listItemMargin .accordion-container {
+  margin-left: -20px;
+}
+
+li:has(.accordion-container) {
+  list-style: none;
+}
+
 .content-editable.empty {
   position: relative;
 }

package/dist/Editor/common/LinkSettings/NavComponents.js

@@ -175,7 +175,8 @@ export const ScrollTopBottom = props => {
   const {
     value,
     onChange,
-    translation
+    translation,
+    classes
   } = props;
   return /*#__PURE__*/_jsx(Select, {
     options: scrollToOptions,
@@ -183,7 +184,10 @@ export const ScrollTopBottom = props => {
     onChange: e => onChange(e.target.value),
     label: translation("Choose Top/Bottom of page"),
     showDefault: true,
-    translation: translation
+    translation: translation,
+    MenuProps: {
+      sx: classes.customSelect
+    }
   });
 };
 const filter = createFilterOptions();

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

@@ -129,6 +129,7 @@ const MenusArray = props => {
         className: "menu-item-app-header",
         children: [/*#__PURE__*/_jsx(TextField, {
           name: "text",
+          placeholder: m?.placeholder || "text",
           type: "text",
           value: m.text,
           onChange: handleChange(i),
@@ -140,6 +141,7 @@ const MenusArray = props => {
         }), /*#__PURE__*/_jsx(TextField, {
           name: "url",
           type: "text",
+          placeholder: m?.placeholder || "url",
           value: m.url,
           onChange: handleChange(i),
           size: "small",

package/dist/Editor/utils/accordion.js

@@ -10,12 +10,42 @@ const focusAccordion = (editor, upPath) => {
     offset: 0
   });
 };
+const getAccordionNode = summaryNode => {
+  return {
+    type: "accordion",
+    children: [{
+      type: "accordion-summary",
+      children: summaryNode
+    }, {
+      type: "accordion-details",
+      children: [{
+        type: "paragraph",
+        children: [{
+          text: ""
+        }]
+      }]
+    }]
+  };
+};
 export const insertAccordion = (editor, path) => {
   try {
     const {
       selection
     } = editor;
-    if (selection) {
+    let accordionPath;
+    if (path) {
+      const summaryNode = {
+        type: "paragraph",
+        children: [{
+          text: ""
+        }]
+      };
+      const accordion = getAccordionNode([summaryNode]);
+      Transforms.insertNodes(editor, accordion, {
+        at: path
+      });
+      accordionPath = path;
+    } else if (selection) {
       const selectedNodes = Array.from(Editor.nodes(editor, {
         at: selection,
         match: n => Element.isElement(n),
@@ -23,21 +53,21 @@ export const insertAccordion = (editor, path) => {
       }));
 
       for (const [node, path] of selectedNodes) {
-        const accordion = {
-          type: "accordion",
-          children: [{
-            type: "accordion-summary",
-            children: [node]
-          }, {
-            type: "accordion-details",
-            children: [{
-              type: "paragraph",
-              children: [{
-                text: ""
-              }]
-            }]
-          }]
-        };
+        let currNode = node;
+        const isListItem = node.type === "list-item";
+        if (isListItem) {
+          currNode = {
+            type: "paragraph",
+            children: node.children
+          };
+        }
+        let accordion = getAccordionNode([currNode]);
+        if (isListItem) {
+          accordion = {
+            type: "list-item",
+            children: [accordion]
+          };
+        }
         Transforms.removeNodes(editor, {
           at: path
         });
@@ -47,15 +77,16 @@ export const insertAccordion = (editor, path) => {
       }
       const lastNode = selectedNodes[selectedNodes.length - 1];
       const lastNodePath = lastNode[1];
-      const accordionPath = [...lastNodePath, 0, 0, 0];
-      if (isMobileWindow()) {
-        // timeout to resolve focus issue in mobile
-        setTimeout(() => focusAccordion(editor, accordionPath), 0);
-      } else {
-        focusAccordion(editor, accordionPath);
-      }
-      insertNewLine(editor);
+      accordionPath = lastNodePath;
+    }
+    const focusPath = [...accordionPath, 0, 0, 0];
+    if (isMobileWindow()) {
+      // timeout to resolve focus issue in mobile
+      setTimeout(() => focusAccordion(editor, focusPath), 0);
+    } else {
+      focusAccordion(editor, focusPath);
     }
+    insertNewLine(editor);
   } catch (err) {
     console.log(err);
   }

package/dist/Editor/utils/events.js

@@ -341,48 +341,6 @@ export const enterEvent = (e, editor, isMobile) => {
     console.log(err);
   }
 };
-
-// not using now
-// export const handleAccordionOnBackspace = (e, editor) => {
-//   try {
-//     let isAccordion = false;
-
-//     const [accordionDetails] = getNodeWithType(editor, "accordion-details");
-//     const [accordionDetailsNode] = accordionDetails || [];
-
-//     if (accordionDetailsNode) {
-//       const dom = ReactEditor.toDOMNode(editor, accordionDetailsNode);
-
-//       if (dom?.parentElement) {
-//         dom.parentElement.style.display = "block";
-//       }
-//     }
-
-//     const [accordionSummary] = getNodeWithType(editor, "accordion-summary");
-
-//     const [accordionTitle, accordionTitlePath] = accordionSummary || [];
-
-//     if (accordionTitle) {
-//       // no selection
-//       if (Range.isCollapsed(editor.selection)) {
-//         const start = Editor.start(editor, accordionTitlePath);
-//         const isCursorAtStart = Point.equals(editor.selection.focus, start);
-
-//         if (isCursorAtStart) {
-//           e.preventDefault();
-//           const parentPath = Path.parent(accordionTitlePath);
-//           removeAccordion(editor, parentPath);
-//           isAccordion = true;
-//         }
-//       }
-//     }
-
-//     return isAccordion;
-//   } catch (err) {
-//     console.log(err);
-//   }
-// };
-
 export const upDownArrowKeyEvents = (e, editor) => {
   try {
     const {

package/dist/Editor/utils/helper.js

@@ -218,9 +218,13 @@ export const handleInsertLastElement = (event, editor) => {
 };
 export const isListItem = editor => {
   const format = ["list-item", "check-list-item", "accordion-summary", "headingOne", "headingTwo", "headingThree"];
-  const [node] = Editor.nodes(editor, {
+  const [node1, node2] = Editor.nodes(editor, {
     match: n => !Editor.isEditor(n) && Element.isElement(n) && format.indexOf(n.type) > -1
   });
+  let node = node1;
+  if (node2 && node2[0] && node2[0].type === "accordion-summary") {
+    node = node2;
+  }
   return node;
 };
 export const getNode = (editor, path) => {

package/dist/Editor/utils/insertAppHeader.js

@@ -8,27 +8,31 @@ export const appHeaderNode = ({
     appLogo: "none",
     menus: menus || [{
       type: "menu",
-      url: "home",
+      url: "",
+      placeholder: "home",
       target: "",
       text: "Home",
       linkType: "page"
     }, {
       type: "menu",
-      url: "wireframe2",
+      url: "",
+      placeholder: "wireframe2",
       target: "",
       text: "Wireframe",
       linkType: "page"
     }, {
       type: "menu",
-      url: "https://www.google.com",
+      url: "",
       target: "",
+      placeholder: "Work",
       text: "Work",
       linkType: "webAddress"
     }, {
       type: "menu",
-      url: "https://www.google.com",
+      url: "",
       target: "",
       text: "Contact",
+      placeholder: "Contact",
       linkType: "webAddress"
     }],
     menuStyle: "stacked",

package/package.json

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