@flozy/editor 1.1.1 → 1.1.4

package/dist/Editor/utils/carouselItem.js

@@ -0,0 +1,19 @@
+import { Transforms } from "slate";
+export const carouselItem = () => {
+  return {
+    type: "carousel-item",
+    image: null,
+    children: [{
+      type: "paragraph",
+      children: [{
+        text: `Carousel Item Text - ${new Date().getTime()}`
+      }]
+    }]
+  };
+};
+export const insertCarouselItem = editor => {
+  Transforms.insertNodes(editor, {
+    ...carouselItem()
+  });
+  Transforms.move(editor);
+};

package/dist/Editor/utils/customHooks/useContextMenu.js

@@ -1,13 +1,13 @@
-import { useState, useEffect } from 'react';
-import useFormat from './useFormat.js';
+import { useState, useEffect } from "react";
+import useFormat from "./useFormat.js";
 
 //This hook returns should we show the custom context menu and where to show it.
 const useContextMenu = (editor, format, setSelection) => {
   const isFormat = useFormat(editor, format);
   const [showMenu, setShowMenu] = useState(false);
   const [menuLocation, setMenuLocation] = useState({
-    top: '0px',
-    left: '0px'
+    top: "0px",
+    left: "0px"
   });
   const handleClick = () => {
     setShowMenu(false);
@@ -25,11 +25,11 @@ const useContextMenu = (editor, format, setSelection) => {
     });
   };
   useEffect(() => {
-    document.addEventListener('click', handleClick);
-    document.addEventListener('contextmenu', handleContextMenu);
+    document.addEventListener("click", handleClick);
+    document.addEventListener("contextmenu", handleContextMenu);
     return () => {
-      document.removeEventListener('click', handleClick);
-      document.removeEventListener('contextmenu', handleContextMenu);
+      document.removeEventListener("click", handleClick);
+      document.removeEventListener("contextmenu", handleContextMenu);
     };
   }, [isFormat]);
   return [showMenu, menuLocation];

package/dist/Editor/utils/customHooks/useResize.js

@@ -14,7 +14,7 @@ const useResize = ({
     ...defaultSize
   });
   const [resizing, setResizing] = useState(false);
-  const onLoad = dom => {
+  const onLoad = defaultSize => {
     setSize({
       widthInPercent: 100,
       height: 300,

package/dist/Editor/utils/font.js

@@ -0,0 +1,59 @@
+export const sizeMap = {
+  small: "12px",
+  normal: "16px",
+  medium: "28px",
+  huge: "40px"
+};
+export const fontFamilyMap = {
+  sans: "Helvetica,Arial, sans serif",
+  serif: "Georgia, Times New Roaman,serif",
+  monospace: "Monaco, Courier New,monospace",
+  roboto: "'Roboto', sans-serif",
+  qwitcher: "'Qwitcher Grypen', cursive",
+  garamond: "'EB Garamond', serif",
+  anton: "'Anton', sans-serif",
+  dmserif: "'DM Serif Text', serif",
+  inter: "'Inter', sans-serif",
+  libre: "'Libre Baskerville', serif",
+  montserrat: "'Montserrat', sans-serif",
+  opensans: "'Open Sans', sans-serif",
+  publicsans: "'Public Sans', sans-serif",
+  raleway: "'Raleway', sans-serif",
+  spacemono: "'Space Mono', sans-serif",
+  bulgarian: "'Bulgarian Garamond', monospace",
+  impact: "'Impact', serif",
+  redacted: "'Redacted Script', cursive",
+  greatVibes: "'Great Vibes', cursive",
+  zeyada: "'Zeyada', cursive",
+  allura: "'Allura', cursive",
+  pinyon: "'Pinyon Script', cursive",
+  muellerhoff: "'Herr Von Muellerhoff', cursive",
+  dawning: "'Dawning of a New Day', cursive",
+  //New Font Added for Type Signature
+  comingsoon: "'Coming Soon', cursive",
+  dancingScript: "'Dancing Script', cursive",
+  engagement: "'Engagement', cursive",
+  gaegu: "'Gaegu', cursive",
+  ingridDarling: "'Ingrid Darling', cursive",
+  kitaOne: "'Kite One', sans - serif",
+  laBelleAurore: "'La Belle Aurore', cursive",
+  lobster: "'Lobster', cursive",
+  meaCulpa: "'Mea Culpa', cursive",
+  meddon: "'Meddon', cursive",
+  merriWeather: "'Merriweather', serif",
+  theGirlNextDoor: "'The Girl Next Door', cursive"
+};
+export const fontOptions = Object.keys(fontFamilyMap).map(m => {
+  return {
+    text: fontFamilyMap[m],
+    value: m
+  };
+});
+
+// get last 12 fonts for signature text fonts
+export const signedTextFonts = Object.keys(fontFamilyMap).slice(-12).map(m => {
+  return {
+    text: fontFamilyMap[m],
+    value: m
+  };
+});

package/dist/Editor/utils/helper.js

@@ -0,0 +1,32 @@
+export const formatDate = (date, format = "MM/DD/YYYY") => {
+  var d = new Date(date),
+    month = "" + (d.getMonth() + 1),
+    day = "" + d.getDate(),
+    year = d.getFullYear();
+  if (month.length < 2) month = "0" + month;
+  if (day.length < 2) day = "0" + day;
+  switch (format) {
+    case "MM/DD/YYYY":
+      return [month, day, year].join("/");
+    case "YYYY-MM-DD":
+      return [year, month, day].join("-");
+    default:
+      return [year, month, day].join("-");
+  }
+};
+export const convertBase64 = file => {
+  return new Promise((resolve, reject) => {
+    if (file) {
+      const fileReader = new FileReader();
+      fileReader.readAsDataURL(file);
+      fileReader.onload = () => {
+        resolve(fileReader.result);
+      };
+      fileReader.onerror = error => {
+        reject(error);
+      };
+    } else {
+      resolve("");
+    }
+  });
+};

package/dist/Editor/utils/imageText.js

@@ -0,0 +1,19 @@
+import { Transforms } from "slate";
+export const insertImageText = (editor, path) => {
+  const imageText = {
+    type: "image-text",
+    grid: "container",
+    children: [{
+      type: "paragraph",
+      children: [{
+        text: "sample text"
+      }]
+    }]
+  };
+  if (path) {
+    Transforms.insertNodes(editor, imageText, {
+      at: path
+    });
+  }
+  return imageText;
+};

package/dist/Editor/utils/signature.js

@@ -0,0 +1,23 @@
+import { Transforms } from "slate";
+export const insertSignature = editor => {
+  const signature = {
+    type: "signature",
+    alignment: "center",
+    data: {
+      name: "",
+      email: "",
+      date: "" // YYYY-MM-DD
+    },
+
+    size: {
+      height: 535,
+      widthInPercent: 99.75490196078437,
+      width: 1628.000000000001
+    },
+    children: [{
+      text: ""
+    }]
+  };
+  Transforms.insertNodes(editor, signature);
+  Transforms.move(editor);
+};

package/dist/Editor/utils/table.js

@@ -1,4 +1,19 @@
 import { Transforms, Editor, Range, Element, Path } from "slate";
+const prefixKey = (obj, pk = "") => {
+  return Object.keys(obj).reduce((a, b) => {
+    a[`${pk}${b}`] = obj[b];
+    return a;
+  }, {});
+};
+const parseByPrefixKey = (obj, pk = "") => {
+  return Object.keys(obj).reduce((a, b) => {
+    if (b.indexOf(pk) !== -1 && pk) {
+      const key = b.split(pk)[1];
+      a[key] = obj[b];
+    }
+    return a;
+  }, {});
+};
 export class TableUtil {
   constructor(editor) {
     this.editor = editor;
@@ -64,6 +79,31 @@ export class TableUtil {
       }
     }
   };
+  deleteRow = () => {
+    const {
+      selection
+    } = this.editor;
+    if (!!selection && Range.isCollapsed(selection)) {
+      const [tableNode] = Editor.nodes(this.editor, {
+        match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table-row"
+      });
+      if (tableNode) {
+        const [[table, tablePath]] = Editor.nodes(this.editor, {
+          match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table"
+        });
+        const [, currentRow] = tableNode;
+        const path = currentRow;
+        Transforms.removeNodes(this.editor, {
+          at: path
+        });
+        Transforms.setNodes(this.editor, {
+          rows: table.rows - 1
+        }, {
+          at: tablePath
+        });
+      }
+    }
+  };
   insertColumn = action => {
     const {
       selection
@@ -95,6 +135,138 @@ export class TableUtil {
       }
     }
   };
+  deleteColumn = () => {
+    const {
+      selection
+    } = this.editor;
+    if (!!selection && Range.isCollapsed(selection)) {
+      const [tableNode] = Editor.nodes(this.editor, {
+        match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table-cell"
+      });
+      if (tableNode) {
+        const [[table, tablePath]] = Editor.nodes(this.editor, {
+          match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table"
+        });
+        const [, currentCell] = tableNode;
+        const startPath = currentCell;
+
+        // The last two indices of the path represents the row and column. We need to add one cell to each row starting from the first row
+        startPath[startPath.length - 2] = 0;
+        for (let row = 0; row < table.rows; row++) {
+          Transforms.removeNodes(this.editor, {
+            at: startPath
+          });
+          startPath[startPath.length - 2]++;
+        }
+        Transforms.setNodes(this.editor, {
+          columns: table.columns - 1
+        }, {
+          at: tablePath
+        });
+      }
+    }
+  };
+  updateTableStyle = (styleProps, paths) => {
+    try {
+      const {
+        selection
+      } = this.editor;
+      if (!!selection && Range.isCollapsed(selection)) {
+        console.log("styleProps", styleProps);
+        const tableProps = parseByPrefixKey(styleProps, "table.");
+        const rowProps = parseByPrefixKey(styleProps, "row.");
+        const cellProps = parseByPrefixKey(styleProps, "col.");
+        const {
+          currentCellPath,
+          currentRowPath,
+          currentTablePath
+        } = paths;
+        console.log(tableProps, rowProps, cellProps);
+        Transforms.setNodes(this.editor, {
+          ...tableProps
+        }, {
+          at: currentTablePath
+        });
+        Transforms.setNodes(this.editor, {
+          ...rowProps,
+          tableBorder: tableProps?.borderColor
+        }, {
+          at: currentRowPath
+        });
+        Transforms.setNodes(this.editor, {
+          ...cellProps,
+          rowBorder: rowProps?.borderColor,
+          tableBorder: tableProps?.borderColor
+        }, {
+          at: currentCellPath
+        });
+      }
+    } catch (err) {
+      console.log(err);
+    }
+  };
+  getTableProps = () => {
+    const {
+      selection
+    } = this.editor;
+    if (!!selection && Range.isCollapsed(selection)) {
+      const [tableNode] = Editor.nodes(this.editor, {
+        match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table"
+      });
+      const [tableCellNode] = Editor.nodes(this.editor, {
+        match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table-cell"
+      });
+      const [tableRowNode] = Editor.nodes(this.editor, {
+        match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table-row"
+      });
+      if (tableNode && tableCellNode && tableRowNode) {
+        const [currentTable, currentTablePath] = tableNode;
+        const [currentCell, currentCellPath] = tableCellNode;
+        const [currentRow, currentRowPath] = tableRowNode;
+        const startPath = currentCell;
+        Transforms.setNodes(this.editor, {
+          cellBgColor: "#FFFFFF"
+        }, {
+          at: startPath
+        });
+        if (currentTable && currentCell && currentRow) {
+          const currentTableProps = {
+            ...currentTable
+          };
+          delete currentTableProps.children;
+          delete currentTableProps.type;
+          const currentCellProps = {
+            ...currentCell
+          };
+          delete currentCellProps.children;
+          delete currentCellProps.type;
+          const currentRowProps = {
+            ...currentRow
+          };
+          delete currentRowProps.children;
+          delete currentRowProps.type;
+          return {
+            styleProps: {
+              ...prefixKey({
+                ...currentTableProps
+              }, "table."),
+              ...prefixKey({
+                ...currentRowProps
+              }, "row."),
+              ...prefixKey({
+                ...currentCellProps
+              }, "col.")
+            },
+            currentCellPath,
+            currentRowPath,
+            currentTablePath
+          };
+        }
+        return null;
+      }
+      return null;
+    }
+  };
 }
 const createRow = cellText => {
   const newRow = Array.from(cellText, value => createTableCell(value));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "1.1.1",
+  "version": "1.1.4",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"
@@ -22,9 +22,12 @@
     "interweave": "^13.1.0",
     "lint-staged": "^13.2.3",
     "prettier": "^3.0.1",
+    "react-datepicker": "^4.18.0",
     "react-icons": "^4.10.1",
     "react-katex": "^3.0.1",
     "react-scripts": "5.0.1",
+    "react-signature-canvas": "^1.0.6",
+    "react-slick": "^0.29.0",
     "slate": "^0.94.1",
     "slate-history": "^0.93.0",
     "slate-react": "^0.98.3",
@@ -39,7 +42,7 @@
   },
   "scripts": {
     "prepare": "husky install .husky",
-    "lint": "./node_modules/.bin/eslint --ignore-path .gitignore . --fix",
+    "lint": "./node_modules/.bin/eslint --ignore-path .gitignore .",
     "start": "craco start",
     "build": "craco build",
     "test": "craco test --passWithNoTests",
@@ -115,7 +118,12 @@
   },
   "babel": {
     "presets": [
-      ["@babel/preset-react", {"runtime": "automatic"}]
+      [
+        "@babel/preset-react",
+        {
+          "runtime": "automatic"
+        }
+      ]
     ]
   }
 }