@flozy/editor 10.2.4 → 10.2.6

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

@@ -8,11 +8,11 @@ const accordionTitleBtnStyle = [{
     needPreview: true,
     hideGradient: true
   }, {
-    label: "Accordion Background Color",
+    label: "Background Color",
     key: "accordionBgColor",
     type: "color"
   }, {
-    label: "Accordion Border Color",
+    label: "Border Color",
     key: "accordionBorderColor",
     type: "color"
   }]

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

@@ -6,15 +6,18 @@ const accordionTitleStyle = [{
     key: "textColor",
     type: "color",
     needPreview: true
-  }, {
-    label: "Background Color",
-    key: "bgColor",
-    type: "color"
-  }, {
-    label: "Border Color",
-    key: "borderColor",
-    type: "color"
-  }]
+  }
+  // {
+  //   label: "Background Color",
+  //   key: "bgColor",
+  //   type: "color",
+  // },
+  // {
+  //   label: "Border Color",
+  //   key: "borderColor",
+  //   type: "color",
+  // },
+  ]
 }, {
   tab: "Banner Spacing",
   value: "bannerSpacing",

package/dist/Editor/common/SwipeableDrawer/style.js

@@ -6,20 +6,22 @@ const Styles = theme => ({
     "& .MuiDrawer-paper": {
       borderTopLeftRadius: 8,
       borderTopRightRadius: 8,
-      backgroundColor: theme?.palette?.editor?.miniToolBarBackground,
-      "& .MuiInputBase-root": {
-        border: `1px solid ${theme?.palette?.editor?.textColor}`,
-        color: theme?.palette?.editor?.textColor
-      },
-      "& .MuiSvgIcon-root": {
-        color: theme?.palette?.editor?.textColor
-      },
-      "& .MuiFormLabel-root": {
-        color: theme?.palette?.editor?.textColor,
-        backgroundColor: theme?.palette?.editor?.background
-      }
+      backgroundColor: theme?.palette?.editor?.miniToolBarBackground
+
+      // "& .MuiInputBase-root": {
+      //   border: `1px solid ${theme?.palette?.editor?.textColor}`,
+      //   color: theme?.palette?.editor?.textColor,
+      // },
+      // "& .MuiSvgIcon-root": {
+      //   color: theme?.palette?.editor?.textColor,
+      // },
+      // "& .MuiFormLabel-root": {
+      //   color: theme?.palette?.editor?.textColor,
+      //   backgroundColor: theme?.palette?.editor?.background,
+      // },
     }
   },
+
   childContainer: {
     padding: "20px",
     "&.emojiDrawer": {

package/dist/Editor/common/iconListV2.js

@@ -1358,6 +1358,27 @@ export function CheckedBoxCheckIcon() {
     })
   });
 }
+export function CheckedRadioIcon() {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "17",
+    height: "17",
+    viewBox: "0 0 17 17",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M16.5 8.42148C16.5 12.792 12.9227 16.343 8.5 16.343C4.07734 16.343 0.5 12.792 0.5 8.42148C0.5 4.05093 4.07734 0.5 8.5 0.5C12.9227 0.5 16.5 4.05093 16.5 8.42148Z",
+      fill: "#DEE8FC",
+      stroke: "#2563EB",
+      className: "radio-icon-path"
+    }), /*#__PURE__*/_jsx("ellipse", {
+      cx: "8.5",
+      cy: "8.42079",
+      rx: "3.5",
+      ry: "3.46767",
+      fill: "#2563EB"
+    })]
+  });
+}
 export function SectionSettingIcon() {
   return /*#__PURE__*/_jsxs("svg", {
     width: "13",

package/dist/Editor/commonStyle.js

@@ -575,6 +575,24 @@ const useCommonStyle = theme => ({
     padding: "16px 8px 16px 10px!important",
     height: "100%"
   },
+  buttonMoreIcon: {
+    position: "absolute",
+    top: "50%",
+    right: -40,
+    transform: "translateY(-50%)"
+  },
+  // buttonMoreOption: {
+  //   background: `${theme?.palette?.editor?.aiInputBackground} !important`,
+  //   border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
+  //   padding: "4px !important",
+  //   "& svg": {
+  //     width: "18px !important",
+  //     height: "18px !important",
+  //     "& path": {
+  //       stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`,
+  //     },
+  //   },
+  // },
   buttonMoreOption2: {
     background: `${theme?.palette?.editor?.aiInputBackground} !important`,
     border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,

package/dist/Editor/utils/helper.js

@@ -335,7 +335,8 @@ const handleLinkBtnClick = (e, props, isMobilePreview, metadata) => {
     }
   }
 };
-export const handleLinkType = (url, linkType, readOnly, openInNewTab, onClick = () => {}, metadata = {}) => {
+export const handleLinkType = (url, linkType, readOnly, openInNewTab, onClick = () => {}, metadata = {}, isEditMode, isCustomMobile // for drawer in App Header
+) => {
   const props = {};
   if (!readOnly) {
     return {
@@ -367,6 +368,9 @@ export const handleLinkType = (url, linkType, readOnly, openInNewTab, onClick =
     case "page":
       const [page = "", section] = url?.split("#") || [];
       const sec = section ? `#${section}` : "";
+      if (isEditMode) {
+        break;
+      }
       if (page === "_currentPage") {
         props.component = "button";
         props.onClick = () => {
@@ -387,11 +391,12 @@ export const handleLinkType = (url, linkType, readOnly, openInNewTab, onClick =
         const currentUserPage = getCurrentUserPage();
         props.href = isCurrentPage(page) ? `./${currentUserPage}${sec}` : `./${url}`;
         if (openInNewTab) {
-          if (isCurrentPage(page)) {
-            // temp fix, if user is presented in current page, open in new tab option is restricted, we will scroll to the element in current page
-          } else {
-            props.target = "_blank";
-          }
+          // if (isCurrentPage(page)) {
+          //   // temp fix, if user is presented in current page, open in new tab option is restricted, we will scroll to the element in current page
+          // } else {
+          //   props.target = "_blank";
+          // }
+          props.target = "_blank";
         }
       }
       break;
@@ -426,7 +431,7 @@ export const handleLinkType = (url, linkType, readOnly, openInNewTab, onClick =
 
   // for iphone fix
   if (props.component === "a" && props.href) {
-    const isMobile = getDevice(window.innerWidth) === "xs";
+    const isMobile = isCustomMobile || getDevice(window.innerWidth) === "xs";
     if (isMobile) {
       props.component = "button"; // iphone is opening two tabs, on open in new tab because of a tag.
     }
@@ -953,4 +958,17 @@ export const getSelectedElementColor = (editor, format, theme) => {
   }
   const color = getSelectedElementStyle(format, editor, format);
   return getSelectedColor(color, theme);
+};
+export const isHavingColor = color => {
+  if (!color) {
+    return false;
+  }
+  if (color.includes("rgba")) {
+    const match = color.match(/rgba?\((\d+),\s*(\d+),\s*(\d+),?\s*(\d*\.?\d+)?\)/);
+    if (!match) return false; // Invalid format
+
+    const alpha = match[4] !== undefined ? parseFloat(match[4]) : 1; // Default alpha = 1
+    return alpha !== 0;
+  }
+  return true;
 };

package/dist/Editor/utils/insertAppHeader.js

@@ -51,7 +51,7 @@ export const createAppHeaderNode = ({
   children: [{
     type: "grid-item",
     grid: 12,
-    children: [...appHeaderNode({
+    children: [appHeaderNode({
       menus
     })],
     bgColor: "rgba(255, 255, 255, 0)",

package/package.json

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