@flozy/editor 10.3.3 → 10.3.5

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

@@ -159,7 +159,8 @@ const Form = props => {
           [pair[0]]: pair[1],
           placeholder: placeholder,
           form_name: formName,
-          tagName: tagName
+          tagName: tagName,
+          uid: fieldData?.uid
         });
       }
       let params = {
@@ -414,6 +415,7 @@ const Form = props => {
           lineHeight: 1.43,
           ...formSX
         },
+        ref: formEle,
         children: [/*#__PURE__*/_jsx(Grid, {
           className: "form-grid",
           item: true,

package/dist/Editor/Elements/FreeGrid/FreeGridItem.js

@@ -320,6 +320,7 @@ const FreeGridItem = props => {
     breakpoint: breakpoint,
     customProps: customProps,
     translation: translation,
+    xsHidden: xsHidden,
     children: /*#__PURE__*/_jsxs(Box, {
       component: "div",
       ...attributes,

package/dist/Editor/Elements/FreeGrid/helper.js

@@ -1,5 +1,6 @@
 import { ROW_HEIGHT } from "../../common/RnD/Utils/gridDropItem";
 import { getElementOffset } from "../../common/RnD/VirtualElement/VirtualTextElement";
+import { RND_ITEMS } from "../../helper";
 export const ELEMENT_CASE = {
   ADD_TEXT: "addText",
   ADD_BUTTON: "addButton",
@@ -69,7 +70,8 @@ const elementXsValues = {
 export const findMaxYValue = (sectionItems, breakpoint) => {
   let maxY = 0;
   sectionItems.forEach(item => {
-    if (item?.type && item?.type !== "paragraph") {
+    const isHidden = breakpoint === "xs" && item.children.some(c => c.xsHidden);
+    if (item?.type && RND_ITEMS.includes(item.type) && !isHidden) {
       const {
         bottom
       } = getElementOffset(item, breakpoint === "lg" ? "lg" : "xs");

package/dist/Editor/common/RnD/VirtualElement/helper.js

@@ -3,6 +3,7 @@ import { Transforms, Editor } from "slate";
 import { getElementOffset } from "./VirtualTextElement";
 import { getNode } from "../../../utils/helper";
 import { findMaxYValue } from "../../../Elements/FreeGrid/helper";
+import { RND_ITEMS } from "../../../helper";
 const isBulletOrTickIcon = (width, itemStartRow, startRow) => {
   return width <= 40 && itemStartRow === startRow;
 };
@@ -223,8 +224,7 @@ export const moveOverlappedItems = (editor, moveRows, containerItems, containerP
     if (isChildEle) {
       return;
     }
-    if (gridItem.type === "paragraph") {
-      // some empty paragraph node is inserted default'ly inside box, to avoid that
+    if (!RND_ITEMS.includes(gridItem.type)) {
       return;
     }
     const {
@@ -251,7 +251,7 @@ export const causeOverlap = (container, currElementPath, updateBreakpoint, newTo
   const [containerNode, containerPath] = container;
   let isOverlapped = false;
   containerNode.children.forEach((item, index) => {
-    if (item.type === "paragraph") {
+    if (!RND_ITEMS.includes(item.type)) {
       return;
     }
     const currPath = [...containerPath, index];
@@ -286,7 +286,7 @@ export const alignElementsInsideContainer = (container, currentElement, heightDi
 
   // find the elements present after the current element
   containerNode.children.forEach((item, index) => {
-    if (item.type === "paragraph") {
+    if (!RND_ITEMS.includes(item.type)) {
       return;
     }
     const currPath = [...containerPath, index];
@@ -378,6 +378,7 @@ export const updateContainer = (editor, alignElements, container, updateBreakpoi
     }, {
       at: containerPath
     });
+    currHeightDiff += 12;
   }
   return currHeightDiff;
 };
@@ -396,7 +397,7 @@ export const handleContainersAlignment = (editor, containers, heightDiff, buffer
         if (currPath.toString() === childContainerPath.toString()) {
           return;
         }
-        if (item.type === "paragraph") {
+        if (!RND_ITEMS.includes(item.type)) {
           return;
         }
         const {

package/dist/Editor/common/RnD/index.js

@@ -77,7 +77,8 @@ const RnD = props => {
     autoAlign,
     setAutoAlign,
     isBoxHeader,
-    customProps
+    customProps,
+    xsHidden
   } = props;
   const {
     isSelectedElement,
@@ -141,7 +142,8 @@ const RnD = props => {
         setAbsPosition({});
       }
     }
-    const textElement = getCurrentEle()?.querySelector(".fgi_type_text > .simple-text");
+    const currElement = getCurrentEle();
+    const textElement = currElement?.querySelector(".fgi_type_text > .simple-text, .fgi_type_text");
     if (breakpoint && textElement && childType === "text" && !enable) {
       timerId.current = setTimeout(() => {
         const {
@@ -653,32 +655,34 @@ const RnD = props => {
         "data-dragoverid": str_path,
         "data-dragovertype": type
       }) : null]
-    }, eId), !active && rndRef?.current && open && !isInteracting ? /*#__PURE__*/_jsx(ElementOptions, {
-      id: `opt_ref_${str_path}`,
-      open: open,
-      anchorEl: rndRef?.current,
-      enable: enable,
-      handleAction: handleAction,
-      actions: actions,
-      actionsMap: actionsMap,
-      optionsProps: optionsProps,
-      selectedAction: currentAction,
-      path: str_path,
-      theme: theme,
-      translation: translation,
-      customProps: customProps
-    }) : null, /*#__PURE__*/_jsx(ElementSettings, {
-      open: Boolean(currentAction),
-      currentAction: currentAction,
-      anchorEl: rndRef?.current,
-      placement: "right-start",
-      onClose: onCloseSettings,
-      childType: childType,
-      editor: editor,
-      path: sp,
-      ...settingsProps,
-      elementProps: elementProps,
-      theme: theme
+    }, eId), xsHidden && breakpoint === "xs" ? null : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(ElementSettings, {
+        open: Boolean(currentAction),
+        currentAction: currentAction,
+        anchorEl: rndRef?.current,
+        placement: "right-start",
+        onClose: onCloseSettings,
+        childType: childType,
+        editor: editor,
+        path: sp,
+        ...settingsProps,
+        elementProps: elementProps,
+        theme: theme
+      }), !active && rndRef?.current && open && !isInteracting ? /*#__PURE__*/_jsx(ElementOptions, {
+        id: `opt_ref_${str_path}`,
+        open: open,
+        anchorEl: rndRef?.current,
+        enable: enable,
+        handleAction: handleAction,
+        actions: actions,
+        actionsMap: actionsMap,
+        optionsProps: optionsProps,
+        selectedAction: currentAction,
+        path: str_path,
+        theme: theme,
+        translation: translation,
+        customProps: customProps
+      }) : null]
     }), dragInfoOpen ? /*#__PURE__*/_jsx(DragInfo, {
       anchorEl: rndRef?.current,
       open: dragInfoOpen,

package/dist/Editor/helper/index.js

@@ -7,7 +7,7 @@ import { Node } from "slate";
 const HIDE_PLACHOLDERS = ["grid", "grid-item", "table"];
 const TEXT_NODES = ["paragraph", "headingOne", "headingTwo", "headingThree"];
 const PREVIEW_IMAGE_HIDE_CLASS = ["grid-container-toolbar", "grid-item-toolbar", "element-toolbar", "mini-tool-wrpr-ei", "element-selector", "element-selector-ctrl"];
-const RND_ITEMS = ["freegridItem", "freegridBox"];
+export const RND_ITEMS = ["freegridItem", "freegridBox"];
 export const getThumbnailImage = async (dom, options = {}) => {
   try {
     const canvas = await html2canvas(dom, {

package/dist/Editor/utils/formfield.js

@@ -7,6 +7,7 @@ export const formField = data => {
     name: `field_${new Date().getTime()}`,
     key: `field_${new Date().getTime()}`,
     label: `field_${new Date().getTime()}`,
+    uid: `field_${new Date().getTime()}`,
     placeholder: "Placeholder...",
     children: [{
       text: ""

package/package.json

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