@flozy/editor 1.7.6 → 1.7.7

package/dist/Editor/Elements/Color Picker/ColorButtons.js

@@ -8,12 +8,14 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 let c = [];
 const ColorChunks = (recentColors = []) => [...recentColors, ...colors].reduce((a, b, i) => {
   if (i % 7 === 0) {
-    a.push(c);
+    if (c.length > 0) {
+      a.push(c);
+    }
     c = [];
   }
   c.push(b);
   return a;
-}, []).sort((a, b) => b.length - a.length);
+}, []);
 const SingleColorButton = ({
   crs,
   index,
@@ -77,6 +79,9 @@ export const AllColors = props => {
         sx: classes.allColorInner,
         children: /*#__PURE__*/_jsx(Box, {
           className: "buttonsWrpr",
+          style: {
+            padding: "8px"
+          },
           children: all.map((m, i) => {
             return /*#__PURE__*/_jsx(SingleColorButton, {
               id: `pi_${id}`,

package/dist/Editor/Elements/Color Picker/Styles.js

@@ -17,11 +17,11 @@ const ColorPickerStyles = () => ({
       "&:before": {
         content: '" "',
         position: "absolute",
-        top: "-5px",
-        left: "-5px",
-        width: "calc(100% + 4px)",
-        height: "calc(100% + 4px)",
-        border: "3px solid #2563EB",
+        top: "-4px",
+        left: "-4px",
+        width: "calc(100% + 8px)",
+        height: "calc(100% + 8px)",
+        border: "2px solid #2563EB",
         borderRadius: "50%"
       }
     }

package/dist/Editor/Elements/Color Picker/defaultColors.js

@@ -1 +1 @@
-export const colors = ["#0F172A", "#2563EB", "#8360FD", "#19A9FC", "#FDB52A", "#0E8E2A", "#E1425E", "#292D32", "#578CFF", "#A58CFF", "#46BBFF", "#FFC93A", "#33B24F", "#F06C83", "#64748B", "#82A9FE", "#C4B3FF", "#71CBFF", "#FFD055", "#61D57A", "#FA91A4", "#A2B0B9", "#A4C1FF", "#D7CBFF", "#9FDCFF", "#FFDC80", "#8AE59E", "#FCB0BE", "#E4ECF3", "#CDDCFF", "#E0D7FF", "#BEE7FF", "#FFE49E", "#B9F6C6", "#FDCAD3", "#FFFFFF", "#489FF8", "#FE7A00", "linear-gradient(327.62deg, #EBB9E0 13.53%, #9CEEE5 86.82%)", "linear-gradient(310.6deg, #7FA4F4 15.53%, #805EF5 83.64%)", "linear-gradient(95.19deg, #A831E7 4.17%, #F05339 88.89%)", "linear-gradient(90deg, #3F2AB7 12.5%, #0DC9B5 100%)"];
+export const colors = ["#292D32", "#578CFF", "#A58CFF", "#46BBFF", "#FFC93A", "#33B24F", "#F06C83", "#64748B", "#82A9FE", "#C4B3FF", "#71CBFF", "#FFD055", "#61D57A", "#FA91A4", "#A2B0B9", "#A4C1FF", "#D7CBFF", "#9FDCFF", "#FFDC80", "#8AE59E", "#FCB0BE", "#E4ECF3", "#CDDCFF", "#E0D7FF", "#BEE7FF", "#FFE49E", "#B9F6C6", "#FDCAD3", "#FFFFFF", "#489FF8", "#FE7A00", "linear-gradient(327.62deg, #EBB9E0 13.53%, #9CEEE5 86.82%)", "linear-gradient(310.6deg, #7FA4F4 15.53%, #805EF5 83.64%)", "linear-gradient(95.19deg, #A831E7 4.17%, #F05339 88.89%)", "linear-gradient(90deg, #3F2AB7 12.5%, #0DC9B5 100%)", "#0F172A", "#2563EB", "#8360FD", "#19A9FC", "#FDB52A", "#0E8E2A", "#E1425E"];

package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js

@@ -195,7 +195,6 @@ const usePopupStyle = () => ({
   allColor: {},
   allColorInner: {
     "& .buttonsWrpr": {
-      paddingLeft: "8px",
       "& button": {
         border: "1px solid #ccc",
         margin: "4px",
@@ -217,8 +216,8 @@ const usePopupStyle = () => ({
     }
   },
   defaultBtn: {
-    color: '#0F172A',
-    textTransform: 'none'
+    color: "#0F172A",
+    textTransform: "none"
   }
 });
 export default usePopupStyle;

package/dist/Editor/common/Icon.js

@@ -1,14 +1,15 @@
 import React from "react";
-import { MdFormatQuote, MdFormatAlignLeft, MdFormatAlignCenter, MdFormatAlignRight, MdFormatListNumbered, MdFormatListBulleted, MdAdd, MdArrowForward, MdEmojiEmotions, MdOutlinePermMedia, MdOutlineFileUpload } from "react-icons/md";
+import { MdFormatQuote, MdFormatAlignLeft, MdFormatAlignCenter, MdFormatAlignRight, MdFormatListNumbered, MdFormatListBulleted, MdAdd, MdArrowForward, MdEmojiEmotions, MdOutlinePermMedia } from "react-icons/md";
 import { BsTypeH1, BsTypeH2, BsTypeH3, BsCameraVideoFill, BsArrowBarRight, BsArrowBarLeft } from "react-icons/bs";
 import { FaSuperscript, FaSubscript } from "react-icons/fa";
 import { FcAddRow, FcAddColumn } from "react-icons/fc";
 import { AiFillEdit, AiOutlineInsertRowBelow, AiOutlineInsertRowRight, AiOutlineDelete, AiFillTag, AiOutlineUpload, AiOutlineArrowsAlt, AiOutlineInsertRowAbove, AiOutlineInsertRowLeft, AiFillHtml5 } from "react-icons/ai";
 import { SiLatex } from "react-icons/si";
 import { RiDeleteColumn, RiDeleteRow } from "react-icons/ri";
-import { IoIosImage, IoIosLink, IoMdArrowDroprightCircle, IoMdArrowDropdownCircle } from "react-icons/io";
+import { IoIosImage, IoMdArrowDroprightCircle, IoMdArrowDropdownCircle } from "react-icons/io";
 import { GridIcon, AccordionIcon, SignatureIcon, ButtonIcon, Carousal, FormIcon, BoldIcon, FontFamilyIcon, FontSizeIcon, ImageIcon, ItalicIcon, LinkIcon, StrikethroughIcon, TableIcon, UnderLineIcon, VideoIcon, CheckboxIcon, AppHeader, MoreHorizontal, UploadImage } from "./iconslist";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const iconList = {
   fontFamily: /*#__PURE__*/_jsx(FontFamilyIcon, {
     size: 20
@@ -162,7 +163,7 @@ const iconList = {
   addRow: /*#__PURE__*/_jsx(FcAddRow, {
     size: 20
   }),
-  checkList: /*#__PURE__*/_jsx(CheckboxIcon, {
+  "check-list-item": /*#__PURE__*/_jsx(CheckboxIcon, {
     size: 20
   }),
   embed: /*#__PURE__*/_jsx(LinkIcon, {}),
@@ -187,6 +188,8 @@ const Icon = props => {
   const {
     icon
   } = props;
-  return iconList[icon];
+  return iconList[icon] ? iconList[icon] : /*#__PURE__*/_jsxs("div", {
+    children: ["dummy ", icon]
+  });
 };
 export default Icon;

package/package.json

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