@flozy/editor 3.7.0 → 3.7.1

package/dist/Editor/Elements/AppHeader/AppHeader.js

@@ -146,19 +146,21 @@ function AppHeader(props) {
         src: appLogo
       }) : appTitle
     }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(List, {
-      children: menus.map((item, i) => /*#__PURE__*/_jsx(ListItem, {
-        disablePadding: true,
-        children: /*#__PURE__*/_jsx(ListItemButton, {
-          component: "a",
-          href: item.url,
-          sx: {
-            textAlign: "center"
-          },
-          children: /*#__PURE__*/_jsx(ListItemText, {
-            primary: item.text
+      children: menus.map((item, i) => {
+        const buttonProps = handleLinkType(item.url, item.linkType, true, item.target === "_blank");
+        return /*#__PURE__*/_jsx(ListItem, {
+          disablePadding: true,
+          children: /*#__PURE__*/_jsx(ListItemButton, {
+            ...buttonProps,
+            sx: {
+              textAlign: "center"
+            },
+            children: /*#__PURE__*/_jsx(ListItemText, {
+              primary: item.text
+            })
           })
-        })
-      }, `${item.text}_${i}`))
+        }, `${item.text}_${i}`);
+      })
     })]
   });
   const container = window !== undefined ? () => window().document.body : undefined;

package/dist/Editor/Elements/Form/Workflow/FormWorkflow.js

@@ -71,11 +71,11 @@ const FormWorkflow = props => {
         children: [/*#__PURE__*/_jsx(Grid, {
           item: true,
           sx: classes.radioBtn,
-          children: /*#__PURE__*/_jsxs(RadioGroup, {
+          children: /*#__PURE__*/_jsx(RadioGroup, {
             name: "set timing",
             value: schedule,
             defaultValue: 1,
-            children: [/*#__PURE__*/_jsx(FormControlLabel, {
+            children: /*#__PURE__*/_jsx(FormControlLabel, {
               value: "immediately",
               label: "Immediately",
               onChange: () => {
@@ -84,16 +84,7 @@ const FormWorkflow = props => {
               control: /*#__PURE__*/_jsx(Radio, {
                 size: "small"
               })
-            }), /*#__PURE__*/_jsx(FormControlLabel, {
-              value: "after",
-              label: "After",
-              onChange: () => {
-                setSchedule("after");
-              },
-              control: /*#__PURE__*/_jsx(Radio, {
-                size: "small"
-              })
-            })]
+            })
           })
         }), schedule === "after" && /*#__PURE__*/_jsx(Grid, {
           item: true,

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

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-import { Popper, Fade, Paper, ClickAwayListener } from "@mui/material";
+import { Popper, Fade, Paper } from "@mui/material";
 import { Editor, Range } from "slate";
 import { useSlate, useFocused } from "slate-react";
 import useDrag from "../../hooks/useDrag";
@@ -9,6 +9,7 @@ import MiniTextFormat from "./MiniTextFormat";
 import { useEditorContext } from "../../hooks/useMouseMove";
 import usePopupStyles from "../PopupTool/PopupToolStyle";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const PopupTool = props => {
   const {
     theme,
@@ -78,14 +79,7 @@ const PopupTool = props => {
     setOpen(false);
     setPopupType("");
   };
-  return open && !openAI ? /*#__PURE__*/_jsx(ClickAwayListener, {
-    onClickAway: e => {
-      // close the mini toolbar, if user clicks outside the editor (in Flozy app.)
-      if (e.target !== document.body) {
-        // e.target returns body, if the user clicks material ui select popup inside the tool bar, on that time, we don't need to close
-        handleClose();
-      }
-    },
+  return open && !openAI ? /*#__PURE__*/_jsx(_Fragment, {
     children: size.device === "xs" ? /*#__PURE__*/_jsx("div", {
       className: "mobileMiniTextWrapper",
       children: /*#__PURE__*/_jsx(MiniTextFormat, {

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

@@ -1,8 +1,24 @@
 import { Autocomplete, Checkbox, FormControlLabel, MenuItem, Select, TextField, Typography, createFilterOptions } from "@mui/material";
 import { useEffect, useMemo, useState } from "react";
+import { useSlate } from "slate-react";
 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 sectionTypes = ["grid"];
+const loopChildren = (children = [], sections) => {
+  if (!children?.length) {
+    return sections;
+  }
+  for (let child of children) {
+    if (sectionTypes.includes(child?.type)) {
+      if (child.id) {
+        sections.push(child.id);
+      }
+    }
+    sections = loopChildren(child.children, sections);
+  }
+  return sections;
+};
 const OpenInNewTab = props => {
   const {
     nav,
@@ -42,21 +58,35 @@ export const SelectPage = props => {
     services
   } = props;
   const [pages, setPages] = useState([]);
+  const editor = useSlate();
   const getPages = async () => {
     const result = await services("getPages", {});
-    const refactor = result?.data?.map(r => {
-      const {
-        title,
-        url_name,
-        ...rest
-      } = r;
-      return {
-        label: url_name,
-        value: url_name,
-        ...rest
+    if (result?.data?.length) {
+      const refactor = result?.data?.map(r => {
+        const {
+          title,
+          url_name,
+          ...rest
+        } = r;
+        return {
+          label: url_name,
+          value: url_name,
+          ...rest
+        };
+      });
+      setPages(refactor);
+    } else {
+      const currentPage = {
+        label: "Current Page",
+        value: "_currentPage",
+        is_current_page: 1,
+        sections: loopChildren(editor.children, [])
       };
-    });
-    setPages(refactor);
+      setPages([currentPage]);
+      if (!value) {
+        onChange(currentPage.value);
+      }
+    }
   };
   useEffect(() => {
     getPages();
@@ -76,12 +106,14 @@ export const SelectPage = props => {
     }
     return [];
   }, [value, pages]);
+  const isCurrentPage = page?.value === "_currentPage";
   return /*#__PURE__*/_jsxs("div", {
     children: [/*#__PURE__*/_jsx(FreeSoloCreateOption, {
       label: page?.label,
-      setValue: val => onChange(val?.value),
+      setValue: val => onChange(val?.value || ""),
       placeholder: "Select Page",
-      options: pages
+      options: pages,
+      disabled: isCurrentPage
     }), /*#__PURE__*/_jsx(FreeSoloCreateOption, {
       label: section?.label,
       setValue: val => {
@@ -96,7 +128,7 @@ export const SelectPage = props => {
         label: p,
         value: p
       }))
-    }), /*#__PURE__*/_jsx(OpenInNewTab, {
+    }), isCurrentPage ? null : /*#__PURE__*/_jsx(OpenInNewTab, {
       ...props
     })]
   });
@@ -149,7 +181,8 @@ export function FreeSoloCreateOption({
   label,
   setValue,
   options = [],
-  placeholder = ""
+  placeholder = "",
+  disabled = false
 }) {
   return /*#__PURE__*/_jsx(Autocomplete, {
     freeSolo: true,
@@ -164,7 +197,7 @@ export function FreeSoloCreateOption({
       children: option.label
     }),
     onChange: (event, newValue) => {
-      if (typeof newValue === 'string') {
+      if (typeof newValue === "string") {
         setValue({
           value: newValue
         });
@@ -189,7 +222,7 @@ export function FreeSoloCreateOption({
       } = params;
       // Suggest the creation of a new value
       const isExisting = options.some(option => inputValue === option.label);
-      if (inputValue !== '' && !isExisting) {
+      if (inputValue !== "" && !isExisting) {
         filtered.push({
           inputValue,
           label: `Add "${inputValue}"`
@@ -202,7 +235,7 @@ export function FreeSoloCreateOption({
     handleHomeEndKeys: true,
     getOptionLabel: option => {
       // Value selected with enter, right from the input
-      if (typeof option === 'string') {
+      if (typeof option === "string") {
         return option;
       }
       // Add "xxx" option created dynamically
@@ -214,6 +247,7 @@ export function FreeSoloCreateOption({
     },
     sx: {
       marginTop: "10px"
-    }
+    },
+    disabled: disabled
   });
 }

package/dist/Editor/common/StyleBuilder/formStyle.js

@@ -129,31 +129,32 @@ const formStyle = [{
     key: "backgroundImage",
     type: "backgroundImage"
   }]
-}, {
-  tab: "Add to Boards",
-  value: "metadatamapping",
-  fields: [{
-    label: "Add response to contacts board",
-    key: "metadatamapping",
-    type: "metadatamapping",
-    compType: "card",
-    content: "By default, form responses are added as separate cards on the default contact board.",
-    value: "mappingToContactBoard",
-    infoIcon: /*#__PURE__*/_jsx(Icon, {
-      icon: "info"
-    })
-  }, {
-    label: "Create a separate board",
-    key: "metadatamapping",
-    type: "metadatamapping",
-    compType: "card",
-    content: "By default, form responses are added as separate cards on a new board (Contact Us).",
-    value: "mappingToSeparateBoard",
-    infoIcon: /*#__PURE__*/_jsx(Icon, {
-      icon: "info"
-    })
-  }]
-}, {
+},
+// {
+//   tab: "Add to Boards",
+//   value: "metadatamapping",
+//   fields: [
+//     {
+//       label: "Add response to contacts board",
+//       key: "metadatamapping",
+//       type: "metadatamapping",
+//       compType: "card",
+//       content: "By default, form responses are added as separate cards on the default contact board.",
+//       value: "mappingToContactBoard",
+//       infoIcon: <Icon icon="info" />
+//     },
+//     {
+//       label: "Create a separate board",
+//       key: "metadatamapping",
+//       type: "metadatamapping",
+//       compType: "card",
+//       content: "By default, form responses are added as separate cards on a new board (Contact Us).",
+//       value: "mappingToSeparateBoard",
+//       infoIcon: <Icon icon="info" />
+//     },
+//   ],
+// },
+{
   tab: "Save As Template",
   value: "saveAsTemplate",
   needActions: false,

package/dist/Editor/utils/form.js

@@ -21,8 +21,8 @@ export const insertForm = (editor, item) => {
     workflow: [],
     children: [{
       ...formField()
-    }],
-    metadatamapping: "mappingToContactBoard"
+    }]
+    // metadatamapping: "mappingToContactBoard",
   } : item;
   Transforms.insertNodes(editor, grid);
   insertNewLine(editor);

package/dist/Editor/utils/helper.js

@@ -208,7 +208,13 @@ export const hasVerticalScrollbar = (element = {}) => {
   return element.scrollHeight > element.clientHeight;
 };
 const isHomePage = page => {
-  return page === "home" || page === "iframe.html" || !page;
+  return page === "home" || page === "iframe.html" || page === "_currentPage" || !page;
+};
+const getScrollElement = () => {
+  const slateWrapper = document.getElementById("slate-wrapper-scroll-container");
+  const isSlateWrapperScroll = hasVerticalScrollbar(slateWrapper);
+  const scrollFrom = isSlateWrapperScroll ? slateWrapper : window;
+  return scrollFrom;
 };
 export const handleLinkType = (url, linkType, readOnly, openInNewTab, onClick = () => {}) => {
   const props = {};
@@ -239,16 +245,33 @@ export const handleLinkType = (url, linkType, readOnly, openInNewTab, onClick =
       }
       break;
     case "page":
-      props.component = "a";
-      const [page, section] = url?.split("#") || [];
+      const [page = "", section] = url?.split("#") || [];
       const sec = section ? `#${section}` : "";
-      const currentUserPage = getCurrentUserPage();
-      props.href = isHomePage(page) ? `./${currentUserPage}${sec}` : `./${url}`;
-      if (openInNewTab) {
-        if (isCurrentPage(page)) {
-          // temp fix, if user is presented in current page, open in new tab option is restricted, we will scroll to the element in current page
-        } else {
-          props.target = "_blank";
+      if (page === "_currentPage") {
+        props.component = "button";
+        props.onClick = () => {
+          const scrollFrom = getScrollElement();
+          if (sec) {
+            const element = document.getElementById(section);
+            if (element) {
+              const topPosition = element.getBoundingClientRect().top + scrollFrom.scrollTop;
+              scrollFrom.scrollTo({
+                top: topPosition,
+                behavior: "smooth"
+              });
+            }
+          }
+        };
+      } else {
+        props.component = "a";
+        const currentUserPage = getCurrentUserPage();
+        props.href = isCurrentPage(page) ? `./${currentUserPage}${sec}` : `./${url}`;
+        if (openInNewTab) {
+          if (isCurrentPage(page)) {
+            // temp fix, if user is presented in current page, open in new tab option is restricted, we will scroll to the element in current page
+          } else {
+            props.target = "_blank";
+          }
         }
       }
       break;

package/package.json

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