@flozy/editor 5.7.6 → 5.7.8

package/dist/Editor/Editor.css

@@ -1258,7 +1258,7 @@ blockquote {
 }
 
 .dividerComponent:hover .divider-settings,
-.dividerComponent:hover .element-selector {
+.dividerComponent:hover .sectionIcon button {
   display: block;
   pointer-events: auto;
 }

package/dist/Editor/Elements/Divider/Divider.js

@@ -57,9 +57,9 @@ const Divider = props => {
     //   : {};
     return /*#__PURE__*/_jsx("div", {
       contentEditable: false,
-      className: "divider-settings",
+      className: "element-toolbar dividerIcon",
       style: {
-        top: "-33px",
+        top: "3px",
         left: 0
       },
       children: /*#__PURE__*/_jsx(Tooltip, {
@@ -76,7 +76,7 @@ const Divider = props => {
             //   theme?.palette?.type === "dark"
             //     ? "1px solid #E4E8EB33"
             //     : "none",
-            boxShadow: "0px 0px 4px 0px #00000040",
+            boxShadow: "0px 0px 4px 0px #00000040 !important",
             borderRadius: "50%",
             "& svg": {
               width: '16px',

package/dist/Editor/common/FontLoader/FontList.js

@@ -1,11 +1,3 @@
-export const defaultFonts = [
-// "EB Garamond",
-"Anton", "DM Serif Text", "Libre Baskerville", "Montserrat", "Open Sans", "Public Sans", "Raleway", "Space Mono", "Great Vibes", "Zeyada", "Allura", "Pinyon Script", "Dancing Script", "Gaegu", "Kite One", "Merriweather"];
-export const otherFonts = ["PoppinsRegular", "PoppinsBold", "Monaco", "Qwitcher Grypen", "Bulgarian Garamond", "Redacted Script", "Herr Von Muellerhoff", "Dawning of a New Day", "Coming Soon", "Engagement", "Ingrid Darling", "La Belle Aurore", "Mea Culpa", "The Girl Next Door", "Helvetica", "Georgia", "Times New Roman", "Courier New", "Impact"];
-export const googleFontList = ["Roboto", "Noto Sans JP", "Poppins", "Lato", "Inter", "Roboto Condensed", "Roboto Mono", "Oswald", "Noto Sans", "Nunito", "Nunito Sans", "Ubuntu", "Rubik", "Playfair Display", "Noto Sans KR", "Roboto Slab", "PT Sans", "Kanit", "Work Sans", "Lora", "DM Sans", "Mulish", "Quicksand", "Fira Sans", "Noto Sans TC", "Inconsolata", "Barlow", "Manrope", "IBM Plex Sans", "PT Serif", "Karla", "Titillium Web", "Heebo", "Noto Serif", "Nanum Gothic", "Noto Color Emoji", "Agdasima", "Bebas Neue", "Libre Franklin", "Mukta", "Outfit", "Josefin Sans", "Source Code Pro", "Jost", "Space Grotesk", "Hind Siliguri", "Arimo", "Cabin", "Barlow Condensed", "Dosis", "Fira Sans Condensed", "Bitter", "Archivo", "Figtree", "Noto Serif JP", "PT Sans Narrow", "Abel", "Noto Sans SC",
-// "Source Sans 3",
-"Hind",
-// "Exo 2",
-"Teko", "Oxygen", "Cairo", "Crimson Text", "Plus Jakarta Sans", "Overpass", "Pacifico", "Prompt", "Red Hat Display", "Varela Round", "Cormorant Garamond", "Assistant", "Comfortaa", "Lexend", "Signika Negative",
-// "M PLUS Rounded 1c",
-"Fjalla One", "Caveat", "IBM Plex Mono", "Arvo", "Lobster", "Schibsted Grotesk", "Chakra Petch", "Maven Pro", "Sora", "Kalam", "Onest", "Space Grotesk", "Outfit", 'Titillium Web', ...defaultFonts];
+const otherFonts = ["PoppinsRegular", "PoppinsBold", "Qwitcher Grypen", "Bulgarian Garamond", "Redacted Script", "Herr Von Muellerhoff", "Dawning of a New Day", "Coming Soon", "Engagement", "Ingrid Darling", "La Belle Aurore", "Mea Culpa", "The Girl Next Door"];
+const mostUsedGoogleFonts = ["Roboto", "Poppins", "Lato", "Inter", "Nunito", "Ubuntu", "Oswald", "Rubik", "Roboto Slab", "PT Sans", "Work Sans", "Lora", "Mulish", "DM Sans", "Fira Sans", "Quicksand", "Barlow", "Manrope", "IBM Plex Sans", "PT Serif", "Libre Franklin", "Bebas Neue", "Cabin", "Titillium Web", "Heebo", "Noto Serif", "Jost", "Source Code Pro", "Josefin Sans", "Dosis", "Fira Sans Condensed", "Archivo", "Noto Serif JP", "Crimson Text", "Cairo", "Pacifico", "Red Hat Display", "Assistant", "Comfortaa", "Lexend", "Fjalla One", "Caveat", "Arvo", "Lobster", "Schibsted Grotesk", "EB Garamond", "Sora", "Kalam", "Onest", "Space Grotesk", "Outfit", "Plus Jakarta Sans"];
+export const googleFontList = [...mostUsedGoogleFonts, ...otherFonts];

package/dist/Editor/common/FontLoader/FontLoader.js

@@ -1,7 +1,7 @@
 import { useEffect, useState } from "react";
 import WebFont from "webfontloader";
 import { useEditorContext } from "../../hooks/useMouseMove";
-import { defaultFonts, googleFontList, otherFonts } from "./FontList";
+import { googleFontList } from "./FontList";
 import CircularProgress from '@mui/material/CircularProgress';
 import Box from "@mui/material/Box";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -18,12 +18,16 @@ const FontLoader = props => {
   const loadFontsInBatches = (families, batchSize = 5, maxRetries = 3) => {
     let currentIndex = 0;
     let retryCount = 0;
+    let hideLoaderOn = 30;
     function loadNextBatch() {
       if (currentIndex >= families?.length) {
-        console.log("All fonts have been loaded");
+        // console.log("All fonts have been loaded");
         setLoading(false);
         return;
       }
+      if (currentIndex >= hideLoaderOn) {
+        setLoading(false);
+      }
       const batch = families?.slice(currentIndex, currentIndex + batchSize);
       const batchWithWeights = batch.map(font => `${font}:300,400,600,700`);
       WebFont.load({
@@ -33,7 +37,7 @@ const FontLoader = props => {
         classes: false,
         timeout: 2000,
         active: () => {
-          console.log(`Fonts loaded successfully: ${batch}`);
+          // console.log(`Fonts loaded successfully: ${batch}`);
           currentIndex += batchSize;
           retryCount = 0; // Reset retry count for the next batch
           loadNextBatch();
@@ -43,7 +47,7 @@ const FontLoader = props => {
 
           if (retryCount < maxRetries) {
             retryCount++;
-            console.log(`Retrying batch (${retryCount}/${maxRetries})...`);
+            // console.log(`Retrying batch (${retryCount}/${maxRetries})...`);
             // Retry loading the same batch
             loadNextBatch();
           } else {
@@ -60,16 +64,15 @@ const FontLoader = props => {
     loadNextBatch();
   };
   useEffect(() => {
-    let families = [...otherFonts, ...defaultFonts];
+    let families = [...googleFontList];
     if (!readOnly) {
       otherProps?.services("listGoogleFont", []).then(data => {
-        families = [...families, ...(data?.data || [])];
-        const filteredfamilies = families?.filter(font => !font?.includes("Material"));
+        families = [...(data?.data || [])];
         setFontFamilies({
           id: 1,
           format: "fontFamily",
           type: "fontfamilydropdown",
-          options: filteredfamilies || []
+          options: families || []
         });
         loadFontsInBatches(families);
       }).catch(err => {

package/dist/Editor/common/Section/styles.js

@@ -11,6 +11,9 @@ const SectionStyle = (themeReact, theme) => ({
       "& .sectionIcon": {
         opacity: 1
       },
+      '& .dividerIcon': {
+        opacity: 1
+      },
       "& .sectionPopper": {
         opacity: 1
       }
@@ -52,6 +55,18 @@ const SectionStyle = (themeReact, theme) => ({
         opacity: 1
       }
     },
+    "& .dividerIcon": {
+      opacity: 0,
+      padding: "0px",
+      background: "transparent",
+      border: "none",
+      width: "20px",
+      height: "20px",
+      "& button": {
+        boxShadow: "none",
+        background: "transparent"
+      }
+    },
     "& .ed-section-inner": {
       [themeReact.breakpoints.between("xs", "md")]: {
         maxWidth: `320px !important`,

package/package.json

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