@flozy/editor 1.4.5 → 1.4.7

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

@@ -1,3 +1,5 @@
+import { fontOptions } from "../../utils/font";
+import { jsx as _jsx } from "react/jsx-runtime";
 const formStyle = [{
   tab: "General",
   value: "general",
@@ -16,6 +18,37 @@ const formStyle = [{
     type: "selectBox",
     placeholder: "Save Response"
   }]
+}, {
+  tab: "Form Title",
+  value: "formTitle",
+  fields: [{
+    label: "Title",
+    key: "formTitle",
+    type: "text"
+  }, {
+    label: "Font Size",
+    key: "textSize",
+    type: "text",
+    placeholder: "16px or 1em"
+  }, {
+    label: "Font Family",
+    key: "fontFamily",
+    type: "textOptions",
+    options: fontOptions,
+    renderOption: option => {
+      return /*#__PURE__*/_jsx("span", {
+        style: {
+          fontFamily: option.value
+        },
+        children: option.text
+      });
+    }
+  }, {
+    label: "Text Align",
+    key: "textAlign",
+    type: "textAlign",
+    placeholder: "16px or 1em"
+  }]
 }, {
   tab: "Banner Spacing",
   value: "bannerSpacing",
@@ -25,12 +58,39 @@ const formStyle = [{
     type: "bannerSpacing"
   }]
 }, {
-  tab: "Border Radius",
-  value: "borderRadius",
+  tab: "Border",
+  value: "border",
   fields: [{
     label: "Border Radius",
     key: "borderRadius",
     type: "borderRadius"
+  }, {
+    label: "Border Width",
+    key: "borderWidth",
+    type: "text",
+    placeholder: "1px"
+  }, {
+    label: "Border Style",
+    key: "borderStyle",
+    type: "textOptions",
+    options: [{
+      text: "Solid",
+      value: "solid"
+    }, {
+      text: "Dotted",
+      value: "dotted"
+    }, {
+      text: "Dashed",
+      value: "dashed"
+    }],
+    renderOption: option => {
+      return /*#__PURE__*/_jsx("span", {
+        style: {
+          fontFamily: option.value
+        },
+        children: option.text
+      });
+    }
   }]
 }, {
   tab: "Colors",

package/dist/Editor/hooks/withCommon.js

@@ -6,6 +6,8 @@ import withEmbeds from "../plugins/withEmbeds";
 import withEquation from "../plugins/withEquation";
 import withMentions from "../plugins/withMentions";
 import withLayout from "../plugins/withLayout";
+// import { withLinkify } from '@mercuriya/slate-linkify';
+
 const withCommon = (props, rest = {}) => {
   return rest.needLayout ? withEquation(withLayout(withHistory(withEmbeds(withTables(withLinks(withMentions(withReact(props)))))))) : withEquation(withHistory(withEmbeds(withTables(withLinks(withMentions(withReact(props)))))));
 };

package/dist/Editor/plugins/withLinks.js

@@ -1,5 +1,5 @@
 import { Transforms, Element, Node } from "slate";
-const INLINE_ELLEMENTS = ["link", "chip-text", "drawer"];
+const INLINE_ELLEMENTS = ["link", "chip-text", "drawer", "icon-text"];
 const withLinks = editor => {
   const {
     isInline,

package/dist/Editor/utils/SlateUtilityFunctions.js

@@ -28,6 +28,8 @@ 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 InlineIcon from "../Elements/InlineIcon/InlineIcon";
+import EmbedLink from "../Elements/Embed/link";
 import { jsx as _jsx } from "react/jsx-runtime";
 const alignment = ["alignLeft", "alignRight", "alignCenter"];
 const list_types = ["orderedList", "unorderedList"];
@@ -379,6 +381,14 @@ export const getBlock = props => {
       return /*#__PURE__*/_jsx(FormField, {
         ...props
       });
+    case "icon-text":
+      return /*#__PURE__*/_jsx(InlineIcon, {
+        ...props
+      });
+    case "embed":
+      return /*#__PURE__*/_jsx(EmbedLink, {
+        ...props
+      });
     default:
       return /*#__PURE__*/_jsx("div", {
         ...element.attr,
@@ -386,4 +396,12 @@ export const getBlock = props => {
         children: children
       });
   }
+};
+export const getQueryStrings = urlString => {
+  const newUrl = new URL(urlString);
+  var youCode = newUrl.searchParams.get("v");
+  if (!youCode) {
+    youCode = newUrl.pathname.replace("/", "");
+  }
+  return `https://www.youtube.com/embed/${youCode}`;
 };

package/dist/Editor/utils/embed.js

@@ -1,4 +1,4 @@
-import { Transforms } from "slate";
+import { Editor, Transforms } from "slate";
 import { createParagraph } from "./paragraph";
 export const createEmbedNode = (type, {
   url,
@@ -16,9 +16,29 @@ export const insertEmbed = (editor, embedData, format) => {
     url
   } = embedData;
   if (!url) return;
+  const {
+    selection
+  } = editor;
+  if (!selection?.focus?.path) return;
+  const [parent, parentPath] = Editor.parent(editor, selection?.focus?.path);
   const embed = createEmbedNode(format, embedData);
+  let removePath = parentPath;
+  let parentPosition = parentPath;
+  if (parentPath?.length - 1 > 0) {
+    removePath = parentPath.slice(0, parentPath?.length - 1);
+    parentPosition = parentPath.slice(0, parentPath?.length - 1);
+  }
+  removePath = removePath.map((elem, i) => {
+    if (i === removePath.length - 1) {
+      return elem + 1;
+    }
+    return elem;
+  });
   Transforms.insertNodes(editor, embed, {
-    select: true
+    at: parentPosition
+  });
+  Transforms.unwrapNodes(editor, {
+    at: [...removePath]
   });
   Transforms.insertNodes(editor, createParagraph(""));
 };

package/dist/Editor/utils/insertChipText.js

@@ -14,7 +14,7 @@ export const insertChipText = (editor, {
   const {
     selection
   } = editor;
-  const chipText = createChipTextNode(url, showInNewTab, "Chip Text");
+  const chipText = createChipTextNode(url, showInNewTab, " ");
   if (!!selection) {
     const [parent, parentPath] = Editor.parent(editor, selection.focus.path);
     if (editor.isVoid(parent)) {

package/dist/Editor/utils/insertIconText.js

@@ -0,0 +1,50 @@
+import { Editor, Transforms, Path, Range, Element } from "slate";
+export const createIconTextNode = (href, showInNewTab, text) => ({
+  type: "icon-text",
+  href,
+  icon: "Check",
+  target: showInNewTab ? "_blank" : "_self",
+  children: [{
+    text
+  }]
+});
+export const insertIconText = (editor, {
+  url,
+  showInNewTab
+}) => {
+  const {
+    selection
+  } = editor;
+  const chipText = createIconTextNode(url, showInNewTab, "");
+  if (!!selection) {
+    const [parent, parentPath] = Editor.parent(editor, selection.focus.path);
+    if (editor.isVoid(parent)) {
+      Transforms.insertNodes(editor, {
+        type: "paragraph",
+        children: [chipText]
+      }, {
+        at: Path.next(parentPath),
+        select: true
+      });
+    } else if (Range.isCollapsed(selection)) {
+      Transforms.insertNodes(editor, chipText, {
+        select: true
+      });
+    } else {
+      Transforms.wrapNodes(editor, chipText, {
+        split: true
+      });
+    }
+  } else {
+    Transforms.insertNodes(editor, {
+      type: "paragraph",
+      children: [chipText]
+    });
+  }
+};
+export const removeIconText = (editor, path) => {
+  Transforms.unwrapNodes(editor, {
+    at: path,
+    match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "icon-text"
+  });
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "1.4.5",
+  "version": "1.4.7",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"
@@ -27,6 +27,7 @@
     "prettier": "^3.0.1",
     "react-best-gradient-color-picker": "^2.2.23",
     "react-datepicker": "^4.18.0",
+    "react-gcolor-picker": "^1.3.1",
     "react-icons": "^4.10.1",
     "react-katex": "^3.0.1",
     "react-scripts": "5.0.1",