@flozy/editor 1.3.4 → 1.3.7

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/service/formSubmit.js

@@ -0,0 +1,16 @@
+export const formSubmit = async formData => {
+  try {
+    const response = await fetch(`/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"];
@@ -229,7 +231,8 @@ export const getBlock = props => {
           display: "flex",
           alignItems: "center",
           listStylePosition: "inside",
-          flexDirection: "column"
+          flexDirection: "column",
+          textAlign: "center"
         },
         ...attributes,
         ...element.attr,
@@ -368,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/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/dist/Editor/utils/grid.js

@@ -4,7 +4,6 @@ export const insertGrid = (editor, item) => {
   const grid = !item ? {
     type: "grid",
     grid: "container",
-    backgroundImage: "https://t4.ftcdn.net/jpg/05/06/47/83/360_F_506478399_l0jgZ5ZWj80o8XYdEJtYfQhVYMU56qDJ.jpg",
     children: [{
       ...gridItem()
     }]

package/package.json

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