@flozy/editor 3.8.1 → 3.8.3

package/dist/Editor/Toolbar/FormatTools/TextSize.js

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useEffect, useRef, useState } from "react";
 import { TextField, IconButton } from "@mui/material";
 import { addMarkData, activeMark } from "../../utils/SlateUtilityFunctions.js";
 import { TextMinusIcon, TextPlusIcon } from "../../common/iconslist.js";
@@ -18,6 +18,11 @@ const TextSize = ({
   const val = activeMark(editor, format);
   const noFontSize = val === "normal" || typeof val === "object" && !Object.keys(val)?.length;
   const value = noFontSize ? getTextSizeVal(editor) : getBreakPointsValue(val, size?.device);
+  const [fontSize, setFontSize] = useState();
+  const timerRef = useRef();
+  useEffect(() => {
+    setFontSize(getSizeVal());
+  }, [value]);
   const updateMarkData = newVal => {
     let upData = {
       ...getBreakPointsValue(val),
@@ -39,10 +44,14 @@ const TextSize = ({
       }
     });
   };
-  const onChangeSize = e => {
-    let inc = parseInt(e.target.value) || 8;
-    inc = inc > 200 ? 200 : inc;
-    updateMarkData(inc || 8);
+  const onChangeSize = value => {
+    if (value) {
+      let inc = parseInt(value);
+      inc = inc > 200 ? 200 : inc;
+      updateMarkData(inc);
+    } else {
+      setFontSize(null);
+    }
   };
   const getSizeVal = () => {
     try {
@@ -61,11 +70,19 @@ const TextSize = ({
     const newVal = combinedOldVal - 1 < 0 ? 0 : combinedOldVal - 1;
     updateMarkData(newVal);
   };
+  const onChange = e => {
+    clearTimeout(timerRef.current);
+    const value = e.target.value;
+    setFontSize(value);
+    timerRef.current = setTimeout(() => {
+      onChangeSize(value);
+    }, 500);
+  };
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx(TextField, {
       sx: classes?.textSize,
-      value: combinedOldVal,
-      onChange: onChangeSize,
+      value: fontSize,
+      onChange: onChange,
       size: "small",
       inputProps: {
         style: {

package/dist/Editor/helper/deserialize/index.js

@@ -72,15 +72,20 @@ const ELEMENT_TAGS = {
     type: "paragraph"
   }),
   TABLE: (el, children = []) => {
-    const bodyChild = children[0]?.children || [];
-    const firstRowChildren = bodyChild[0]?.children || [];
-    return {
-      type: "table",
-      overwriteChild: bodyChild,
-      // we are not having table-body in our json format, just we are wrapping table-row's inside the table
-      rows: bodyChild?.length,
-      columns: firstRowChildren?.length
-    };
+    try {
+      const tableBody = (children || [])?.find(f => f?.type === "table-body");
+      const bodyChild = tableBody?.children || [];
+      const firstRowChildren = tableBody[0]?.children || [];
+      return {
+        type: "table",
+        overwriteChild: bodyChild,
+        // we are not having table-body in our json format, just we are wrapping table-row's inside the table
+        rows: bodyChild?.length,
+        columns: firstRowChildren?.length
+      };
+    } catch (err) {
+      console.log(err);
+    }
   },
   THEAD: () => ({
     type: "table-head"

package/package.json

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