@flozy/editor 3.1.1 → 3.1.3

package/dist/Editor/Elements/Button/EditorButton.js

@@ -107,7 +107,8 @@ const EditorButton = props => {
         break;
       case "page":
         props.component = "a";
-        props.href = `/${url}`.replace("home", "");
+        const [page, section] = url.split("#");
+        props.href = page === "home" ? `#${section}` : `/${url}`;
         if (openInNewTab) {
           props.target = "_blank";
         }
@@ -180,7 +181,7 @@ const EditorButton = props => {
           onClick: onMenuClick("nav"),
           children: /*#__PURE__*/_jsx(LinkIcon, {})
         })
-      }), /*#__PURE__*/_jsx(Tooltip, {
+      }), linkType === "page" ? null : /*#__PURE__*/_jsx(Tooltip, {
         title: "Open Link",
         arrow: true,
         children: /*#__PURE__*/_jsx(Box, {

package/dist/Editor/Elements/Grid/Grid.js

@@ -6,7 +6,7 @@ import { IconButton, Tooltip, Grid as GridContainer } from "@mui/material";
 import ArrowUpwardIcon from "@mui/icons-material/ArrowUpward";
 import ArrowDownwardIcon from "@mui/icons-material/ArrowDownward";
 import KeyboardReturnIcon from "@mui/icons-material/KeyboardReturn";
-import ContentCopyIcon from '@mui/icons-material/ContentCopy';
+import ContentCopyIcon from "@mui/icons-material/ContentCopy";
 import { insertGrid } from "../../utils/grid";
 import { GridAddGridIcon, GridSettingsIcon } from "../../common/iconslist";
 import GridPopup from "./GridPopup";
@@ -155,7 +155,8 @@ const Grid = props => {
   const onNewLine = direction => () => {
     try {
       if (direction) {
-        let moveTo = direction === "up" ? path[0] - 1 : path[0] + 1;
+        const path = ReactEditor.findPath(editor, element);
+        let moveTo = direction === "up" ? path : Path.next(path);
         let lastLine = false;
         if (moveTo < 0) {
           moveTo = 0;
@@ -169,7 +170,8 @@ const Grid = props => {
             text: ""
           }]
         }, {
-          at: [moveTo]
+          at: [...moveTo],
+          select: true
         });
         if (lastLine) {
           Transforms.move(editor, {

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

@@ -5,7 +5,6 @@ import DownArrowIcon from "../../../assets/svg/DownArrowIcon";
 import useWindowResize from "../../../hooks/useWindowResize";
 import { BREAKPOINTS_DEVICES, getBreakPointsValue } from "../../../helper/theme";
 import { headingMap, sizeMap } from "../../../utils/font";
-import { useDebounce } from "use-debounce";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const fontSizeOptions = [16, 18, 20, 22, 26, 32, 36, 40, 48, 64, 96, 128];
@@ -21,7 +20,7 @@ function SelectFontSize({
   const [size] = useWindowResize();
   const val = activeMark(editor, format);
   const value = getBreakPointsValue(val, size?.device);
-  const [deboundedValue] = useDebounce(fontSize, 500);
+  const timerRef = useRef();
   const updateMarkData = newVal => {
     let upData = {
       ...getBreakPointsValue(val),
@@ -52,11 +51,6 @@ function SelectFontSize({
       setFontSize(null);
     }
   };
-  useEffect(() => {
-    if (deboundedValue) {
-      onChangeSize(deboundedValue);
-    }
-  }, [deboundedValue]);
   const getSizeVal = () => {
     try {
       let size = `${value}`?.indexOf("px") >= 0 ? value : sizeMap[value] || value;
@@ -73,6 +67,14 @@ function SelectFontSize({
   useEffect(() => {
     setFontSize(getSizeVal());
   }, [value]);
+  const onChange = e => {
+    clearTimeout(timerRef.current);
+    const value = e.target.value;
+    setFontSize(value);
+    timerRef.current = setTimeout(() => {
+      onChangeSize(value);
+    }, 500);
+  };
   return /*#__PURE__*/_jsxs("div", {
     ref: containerRef,
     style: {
@@ -82,7 +84,7 @@ function SelectFontSize({
     children: [/*#__PURE__*/_jsx(TextField, {
       sx: classes?.miniFontSizeInput,
       value: fontSize,
-      onChange: e => setFontSize(e.target.value),
+      onChange: onChange,
       size: "small"
     }), /*#__PURE__*/_jsx(IconButton, {
       onClick: e => {
@@ -105,6 +107,7 @@ function SelectFontSize({
             className: `customSelectOptionLabel ${fontSize === s ? "selected" : ""}`,
             onClick: () => {
               setFontSize(s);
+              onChangeSize(s);
             },
             children: s
           })

package/package.json

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