@flozy/editor 3.1.1 → 3.1.2

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/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 => {

package/package.json

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