@flozy/editor 1.5.7 → 1.5.9

package/dist/Editor/CommonEditor.js

@@ -1,5 +1,5 @@
 import React, { useRef, useCallback, useEffect, useMemo, useState, forwardRef, useImperativeHandle } from "react";
-import { createEditor } from "slate";
+import { createEditor, Transforms } from "slate";
 import { Slate, Editable, ReactEditor } from "slate-react";
 import { DndContext, DragOverlay } from "@dnd-kit/core";
 import { useDebounce } from "use-debounce";
@@ -167,8 +167,20 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
     getContent() {
       return getOnSaveData(deboundedValue);
     },
-    insertFragments(fragments) {
-      editor.insertNode(fragments);
+    insertFragments(fragments, clearAll = false) {
+      if (!clearAll) {
+        editor.insertNode(fragments);
+      } else {
+        // loop delete all
+        editor.children.map(item => {
+          Transforms.delete(editor, {
+            at: [0]
+          });
+        });
+
+        // reset init
+        editor.children = fragments;
+      }
     },
     toggleFullscreen() {
       setFullScreen(!fullScreen);

package/dist/Editor/Elements/Embed/Embed.js

@@ -16,7 +16,7 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 const EMBED_LABEL = {
   image: "Image",
-  video: "Video"
+  video: "Video or Embed"
 };
 const Embed = ({
   editor,

package/dist/Editor/Elements/Form/FormButton.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { useSlateStatic } from "slate-react";
 import { IconButton, Tooltip } from "@mui/material";
-import FeedIcon from "@mui/icons-material/Feed";
+import { FormIcon } from "../../common/iconslist";
 import { insertForm } from "../../utils/form";
 import { jsx as _jsx } from "react/jsx-runtime";
 const FormButton = props => {
@@ -14,7 +14,7 @@ const FormButton = props => {
     arrow: true,
     children: /*#__PURE__*/_jsx(IconButton, {
       onClick: onClick,
-      children: /*#__PURE__*/_jsx(FeedIcon, {})
+      children: /*#__PURE__*/_jsx(FormIcon, {})
     })
   });
 };

package/dist/Editor/Elements/Grid/Grid.js

@@ -4,7 +4,7 @@ import { useSelected, useSlateStatic, ReactEditor } from "slate-react";
 import { gridItem } from "../../utils/gridItem";
 import GridPopup from "./GridPopup";
 import { IconButton, Tooltip } from "@mui/material";
-import CompressIcon from "@mui/icons-material/Compress";
+// import CompressIcon from "@mui/icons-material/Compress";
 import { insertGrid } from "../../utils/grid";
 import useDragAndDrop from "../../common/useDragAndDrop";
 import useResize from "../../utils/customHooks/useResize";
@@ -257,7 +257,7 @@ const Grid = props => {
         backgroundRepeat: "no-repeat",
         backgroundSize: "cover"
       }
-    }), dndElements, !readOnly && /*#__PURE__*/_jsxs("div", {
+    }), !readOnly && /*#__PURE__*/_jsxs("div", {
       className: `element-selector ${selected ? "selected" : ""}`,
       contentEditable: false,
       children: [/*#__PURE__*/_jsx("div", {
@@ -294,24 +294,6 @@ const Grid = props => {
         height: resizing ? `${size?.height}px` : elHeight ? `${elHeight}px` : "fit-content"
       },
       children: children
-    }), selected && !readOnly && /*#__PURE__*/_jsx(IconButton, {
-      onPointerDown: onMouseDown,
-      style: {
-        opacity: 1,
-        background: "#FFF",
-        position: "absolute",
-        left: 0,
-        right: 0,
-        bottom: "-28px",
-        margin: "auto",
-        color: "#FFF",
-        backgroundColor: "#2684ff",
-        width: "42px",
-        height: "42px",
-        zIndex: 1000
-      },
-      className: "",
-      children: /*#__PURE__*/_jsx(CompressIcon, {})
     })]
   });
 };

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

@@ -2,7 +2,7 @@ const accordionTitleBtnStyle = [{
   tab: "Colors",
   value: "colors",
   fields: [{
-    label: "Text",
+    label: "Text Color",
     key: "textColor",
     type: "color",
     needPreview: true
@@ -11,11 +11,11 @@ const accordionTitleBtnStyle = [{
     key: "btnBg",
     type: "color"
   }, {
-    label: "Background",
+    label: "Background Color",
     key: "bgColor",
     type: "color"
   }, {
-    label: "Border",
+    label: "Border Color",
     key: "borderColor",
     type: "color"
   }]

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

@@ -18,16 +18,16 @@ const accordionTitleStyle = [{
   tab: "Colors",
   value: "colors",
   fields: [{
-    label: "Text",
+    label: "Text Color",
     key: "textColor",
     type: "color",
     needPreview: true
   }, {
-    label: "Background",
+    label: "Background Color",
     key: "bgColor",
     type: "color"
   }, {
-    label: "Border",
+    label: "Border Color",
     key: "borderColor",
     type: "color"
   }]

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

@@ -121,16 +121,16 @@ const buttonStyle = [{
   tab: "Colors",
   value: "colors",
   fields: [{
-    label: "Text",
+    label: "Text Color",
     key: "textColor",
     type: "color",
     needPreview: true
   }, {
-    label: "Background",
+    label: "Background Color",
     key: "bgColor",
     type: "color"
   }, {
-    label: "Border",
+    label: "Border Color",
     key: "borderColor",
     type: "color"
   }]
@@ -138,16 +138,16 @@ const buttonStyle = [{
   tab: "Hover Colors",
   value: "hoverColors",
   fields: [{
-    label: "Text",
+    label: "Hover Text Color",
     key: "textColorHover",
     type: "color",
     needPreview: true
   }, {
-    label: "Background",
+    label: "Hover Background Color",
     key: "bgColorHover",
     type: "color"
   }, {
-    label: "Border",
+    label: "Hover Border Color",
     key: "borderColorHover",
     type: "color"
   }]

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

@@ -42,16 +42,16 @@ const chipTextStyle = [{
   tab: "Colors",
   value: "colors",
   fields: [{
-    label: "Text",
+    label: "Text Color",
     key: "textColor",
     type: "color",
     needPreview: true
   }, {
-    label: "Background",
+    label: "Background Color",
     key: "bgColor",
     type: "color"
   }, {
-    label: "Border",
+    label: "Border Color",
     key: "borderColor",
     type: "color"
   }]

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

@@ -38,16 +38,16 @@ const embedImageStyle = [{
   tab: "Colors",
   value: "colors",
   fields: [{
-    label: "Text",
+    label: "Text Color",
     key: "textColor",
     type: "color",
     needPreview: true
   }, {
-    label: "Background",
+    label: "Background Color",
     key: "bgColor",
     type: "color"
   }, {
-    label: "Border",
+    label: "Border Color",
     key: "borderColor",
     type: "color"
   }]

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

@@ -69,16 +69,16 @@ const fieldStyle = [{
   tab: "Colors",
   value: "colors",
   fields: [{
-    label: "Text",
+    label: "Text Color",
     key: "textColor",
     type: "color",
     needPreview: true
   }, {
-    label: "Background",
+    label: "Background Color",
     key: "bgColor",
     type: "color"
   }, {
-    label: "Border",
+    label: "Border Color",
     key: "borderColor",
     type: "color"
   }]

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

@@ -72,16 +72,16 @@ const formButtonStyle = [{
   tab: "Colors",
   value: "colors",
   fields: [{
-    label: "Text",
+    label: "Text Color",
     key: "textColor",
     type: "color",
     needPreview: true
   }, {
-    label: "Background",
+    label: "Background Color",
     key: "bgColor",
     type: "color"
   }, {
-    label: "Border",
+    label: "Border Color",
     key: "borderColor",
     type: "color"
   }]

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

@@ -96,16 +96,16 @@ const formStyle = [{
   tab: "Colors",
   value: "colors",
   fields: [{
-    label: "Text",
+    label: "Text Color",
     key: "textColor",
     type: "color",
     needPreview: true
   }, {
-    label: "Background",
+    label: "Background Color",
     key: "bgColor",
     type: "color"
   }, {
-    label: "Border",
+    label: "Border Color",
     key: "borderColor",
     type: "color"
   }]

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

@@ -22,7 +22,7 @@ const pageSettingsStyle = [{
   tab: "Spacing",
   value: "spacing",
   fields: [{
-    label: "bannerSpacing",
+    label: "Padding",
     key: "bannerSpacing",
     type: "bannerSpacing"
   }]

package/dist/Editor/common/iconslist.js

@@ -1381,4 +1381,29 @@ export const GridAddSectionIcon = props => /*#__PURE__*/_jsxs("svg", {
     strokeLinecap: "round",
     strokeLinejoin: "round"
   })]
-});
+});
+export const FormIcon = () => {
+  return /*#__PURE__*/_jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "22",
+    height: "22",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M17.6211 9.61914H12.3711C11.9611 9.61914 11.6211 9.27914 11.6211 8.86914C11.6211 8.45914 11.9611 8.11914 12.3711 8.11914H17.6211C18.0311 8.11914 18.3711 8.45914 18.3711 8.86914C18.3711 9.27914 18.0411 9.61914 17.6211 9.61914Z",
+      fill: "#64748B"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M7.11859 10.3803C6.92859 10.3803 6.73859 10.3103 6.58859 10.1603L5.83859 9.41031C5.54859 9.12031 5.54859 8.64031 5.83859 8.35031C6.12859 8.06031 6.60859 8.06031 6.89859 8.35031L7.11859 8.57031L8.83859 6.85031C9.12859 6.56031 9.60859 6.56031 9.89859 6.85031C10.1886 7.14031 10.1886 7.62031 9.89859 7.91031L7.64859 10.1603C7.50859 10.3003 7.31859 10.3803 7.11859 10.3803Z",
+      fill: "#64748B"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M17.6211 16.6191H12.3711C11.9611 16.6191 11.6211 16.2791 11.6211 15.8691C11.6211 15.4591 11.9611 15.1191 12.3711 15.1191H17.6211C18.0311 15.1191 18.3711 15.4591 18.3711 15.8691C18.3711 16.2791 18.0411 16.6191 17.6211 16.6191Z",
+      fill: "#64748B"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M7.11859 17.3803C6.92859 17.3803 6.73859 17.3103 6.58859 17.1603L5.83859 16.4103C5.54859 16.1203 5.54859 15.6403 5.83859 15.3503C6.12859 15.0603 6.60859 15.0603 6.89859 15.3503L7.11859 15.5703L8.83859 13.8503C9.12859 13.5603 9.60859 13.5603 9.89859 13.8503C10.1886 14.1403 10.1886 14.6203 9.89859 14.9103L7.64859 17.1603C7.50859 17.3003 7.31859 17.3803 7.11859 17.3803Z",
+      fill: "#64748B"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M15 22.75H9C3.57 22.75 1.25 20.43 1.25 15V9C1.25 3.57 3.57 1.25 9 1.25H15C20.43 1.25 22.75 3.57 22.75 9V15C22.75 20.43 20.43 22.75 15 22.75ZM9 2.75C4.39 2.75 2.75 4.39 2.75 9V15C2.75 19.61 4.39 21.25 9 21.25H15C19.61 21.25 21.25 19.61 21.25 15V9C21.25 4.39 19.61 2.75 15 2.75H9Z",
+      fill: "#64748B"
+    })]
+  });
+};

package/package.json

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