@flozy/editor 1.3.5 → 1.4.0

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

@@ -0,0 +1,82 @@
+const formStyle = [{
+  tab: "General",
+  value: "general",
+  fields: [{
+    label: "Form Name",
+    key: "formName",
+    type: "text"
+  }, {
+    label: "Send Form to Email",
+    key: "email",
+    type: "text",
+    placeholder: "Enter Email to send the response..."
+  }, {
+    label: "Save Response",
+    key: "saveResponse",
+    type: "selectBox",
+    placeholder: "Save Response"
+  }]
+}, {
+  tab: "Banner Spacing",
+  value: "bannerSpacing",
+  fields: [{
+    label: "Banner Spacing",
+    key: "bannerSpacing",
+    type: "bannerSpacing"
+  }]
+}, {
+  tab: "Border Radius",
+  value: "borderRadius",
+  fields: [{
+    label: "Border Radius",
+    key: "borderRadius",
+    type: "borderRadius"
+  }]
+}, {
+  tab: "Colors",
+  value: "colors",
+  fields: [{
+    label: "Text",
+    key: "textColor",
+    type: "color",
+    needPreview: true
+  }, {
+    label: "Background",
+    key: "bgColor",
+    type: "color"
+  }, {
+    label: "Border",
+    key: "borderColor",
+    type: "color"
+  }]
+}, {
+  tab: "Position",
+  value: "position",
+  fields: [{
+    label: "Set Postion (Vertical & Horizantal)",
+    key: "alignment",
+    type: "alignment"
+  }]
+}, {
+  tab: "Background",
+  value: "backgroundImage",
+  fields: [{
+    label: "URL",
+    key: "backgroundImage",
+    type: "text"
+  }, {
+    label: "Background Image",
+    key: "backgroundImage",
+    type: "backgroundImage"
+  }]
+}, {
+  tab: "Save As Template",
+  value: "saveAsTemplate",
+  needActions: false,
+  fields: [{
+    label: "Template Image",
+    key: "saveAsTemplate",
+    type: "saveAsTemplate"
+  }]
+}];
+export default formStyle;

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

@@ -1,4 +1,13 @@
 const gridStyle = [{
+  tab: "General",
+  value: "general",
+  fields: [{
+    label: "Section ID",
+    key: "id",
+    type: "text",
+    placeholder: "Id should be unique for the page..."
+  }]
+}, {
   tab: "Banner Spacing",
   value: "bannerSpacing",
   fields: [{

package/dist/Editor/font.css

@@ -0,0 +1,9 @@
+@font-face {
+    font-family: 'PoppinsRegular';
+    src: url('./assets/fonts/poppins/Poppins-Regular.ttf');
+}
+
+@font-face {
+    font-family: 'PoppinsBold';
+    src: url('./assets/fonts/poppins/Poppins-Bold.ttf');
+}

package/dist/Editor/service/formSubmit.js

@@ -0,0 +1,16 @@
+export const formSubmit = async (formData, props) => {
+  try {
+    const response = await fetch(`${props.PAGES_API_HOST}/form/submit`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(formData)
+    });
+    const result = await response.json();
+    return result.data;
+  } catch (err) {
+    console.log(err);
+    return err;
+  }
+};

package/dist/Editor/utils/SlateUtilityFunctions.js

@@ -26,6 +26,8 @@ import DrawerMenu from "../Elements/DrawerMenu/DrawerMenu";
 import AppHeader from "../Elements/AppHeader/AppHeader";
 import PageSettings from "../Elements/PageSettings/PageSettings";
 import Title from "../Elements/Title/title";
+import Form from "../Elements/Form/Form";
+import FormField from "../Elements/Form/FormField";
 import { jsx as _jsx } from "react/jsx-runtime";
 const alignment = ["alignLeft", "alignRight", "alignCenter"];
 const list_types = ["orderedList", "unorderedList"];
@@ -97,7 +99,7 @@ export const activeMark = (editor, format) => {
     color: "#000000",
     bgColor: "#FFFFFF",
     fontSize: "normal",
-    fontFamily: "sans"
+    fontFamily: "PoppinsRegular"
   };
   try {
     const marks = Editor.marks(editor);
@@ -369,6 +371,14 @@ export const getBlock = props => {
       return /*#__PURE__*/_jsx(Title, {
         ...props
       });
+    case "form":
+      return /*#__PURE__*/_jsx(Form, {
+        ...props
+      });
+    case "form-field":
+      return /*#__PURE__*/_jsx(FormField, {
+        ...props
+      });
     default:
       return /*#__PURE__*/_jsx("div", {
         ...element.attr,

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

@@ -1,16 +1,23 @@
-import { useEffect, useState } from 'react';
-import { Editor, Element } from 'slate';
+import { useEffect, useState } from "react";
+import { Editor, Element } from "slate";
 
 // This hook returns if the node in the current selection matches the format passed to it.
 const useFormat = (editor, format) => {
   const [isFormat, setIsFormat] = useState(false);
+  const matchFormat = n => {
+    if (format) {
+      return n.type === format;
+    } else {
+      return true;
+    }
+  };
   useEffect(() => {
     if (editor.selection) {
       // It matches at the editor.selection location by default, so if null handle it seperately.
       const [node] = Editor.nodes(editor, {
-        match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === format
+        match: n => !Editor.isEditor(n) && Element.isElement(n) && matchFormat(n)
       });
-      setIsFormat(!!node);
+      setIsFormat(format ? !!node : node);
     } else {
       setIsFormat(false);
     }

package/dist/Editor/utils/font.js

@@ -5,6 +5,8 @@ export const sizeMap = {
   huge: "40px"
 };
 export const fontFamilyMap = {
+  PoppinsRegular: "PoppinsRegular",
+  PoppinsBold: "PoppinsBold",
   sans: "Helvetica,Arial, sans serif",
   serif: "Georgia, Times New Roaman,serif",
   monospace: "Monaco, Courier New,monospace",
@@ -29,7 +31,7 @@ export const fontFamilyMap = {
   pinyon: "'Pinyon Script', cursive",
   muellerhoff: "'Herr Von Muellerhoff', cursive",
   dawning: "'Dawning of a New Day', cursive",
-  //New Font Added for Type Signature
+  // New Font Added for Type Signature
   comingsoon: "'Coming Soon', cursive",
   dancingScript: "'Dancing Script', cursive",
   engagement: "'Engagement', cursive",

package/dist/Editor/utils/form.js

@@ -0,0 +1,24 @@
+import { Transforms } from "slate";
+import { formField } from "./formfield";
+export const insertForm = (editor, item) => {
+  const grid = !item ? {
+    type: "form",
+    grid: "container",
+    formName: `form_${new Date().getTime()}`,
+    props: {
+      onSubmit: null
+    },
+    children: [{
+      ...formField()
+    }, {
+      text: ""
+    }]
+  } : item;
+  const {
+    selection
+  } = editor;
+  Transforms.insertNodes(editor, grid, {
+    at: selection.focus.path
+  });
+  Transforms.move(editor);
+};

package/dist/Editor/utils/formfield.js

@@ -0,0 +1,20 @@
+import { Transforms } from "slate";
+export const formField = () => {
+  return {
+    type: "form-field",
+    grid: 6,
+    element: "text",
+    name: `field_${new Date().getTime()}`,
+    placeholder: "Placeholder...",
+    children: [{
+      text: ""
+    }],
+    bgColor: "rgba(255, 255, 255, 0)"
+  };
+};
+export const insertGridItem = editor => {
+  Transforms.insertNodes(editor, {
+    ...formField()
+  });
+  Transforms.move(editor);
+};

package/package.json

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