@flozy/editor 5.4.5 → 5.4.7

package/dist/Editor/Toolbar/Mini/MiniToolbar.js

@@ -139,14 +139,17 @@ const MiniToolbar = props => {
         icon: Icon
       }) => {
         const isDisabled = popupType === type || type === "undo" ? !canUndo : type === "redo" ? !canRedo : false;
+        const isFocussed = editor?.selection?.anchor?.path;
+        const disableAddElement = type === "addElement" && !isFocussed;
         return /*#__PURE__*/_jsx(Tooltip, {
           arrow: true,
           title: label,
           disableHoverListener: toolTip,
           children: /*#__PURE__*/_jsx(IconButton, {
-            className: `${type === popper ? "active" : ""} ${type === "undo" && !canUndo || type === "redo" && !canRedo ? "disabled" : ""} ${type === "undo" ? canUndo ? "activeUndo" : "disabledUndo" : type === "redo" ? canRedo ? "activeRedo" : "disabledRedo" : ""}`,
+            className: `${type === popper ? "active" : ""} ${type === "undo" && !canUndo || type === "redo" && !canRedo ? "disabled" : ""} ${type === "undo" ? canUndo ? "activeUndo" : "disabledUndo" : type === "redo" ? canRedo ? "activeRedo" : "disabledRedo" : ""} ${disableAddElement ? "disableAddElement" : ""}
+                `,
             onClick: handleClick(type),
-            disabled: isDisabled,
+            disabled: isDisabled || disableAddElement,
             children: type === "page-settings" ? /*#__PURE__*/_jsx(PageSettingsButton, {
               from: "miniToolBar",
               icoBtnType: "mini",

package/dist/Editor/Toolbar/Mini/Styles.js

@@ -79,6 +79,11 @@ const miniToolbarStyles = theme => ({
               stroke: theme?.palette?.editor?.svgStrokeDisabled
             }
           }
+        },
+        "&.disableAddElement": {
+          "& svg": {
+            stroke: theme?.palette?.editor?.svgStrokeDisabled
+          }
         }
       }
     }

package/dist/Editor/assets/svg/ArrowDownIcon.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const ArrowDownIcon = () => {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M3.95354 9.61984L8.00021 13.6665L12.0469 9.61984",
+      stroke: "#64748B",
+      strokeMiterlimit: "10",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M8 2.33322V13.5532",
+      stroke: "#64748B",
+      strokeMiterlimit: "10",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+};
+export default ArrowDownIcon;

package/dist/Editor/assets/svg/ArrowUpIcon.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const ArrowUpIcon = () => {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M12.0465 6.38016L7.99979 2.3335L3.95312 6.38016",
+      stroke: "#64748B",
+      strokeMiterlimit: "10",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M8 13.6668V2.44678",
+      stroke: "#64748B",
+      strokeMiterlimit: "10",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+};
+export default ArrowUpIcon;

package/dist/Editor/assets/svg/CalenderIconTick.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const CalenderIconTick = () => {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 14 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M4.66797 1.1665V2.9165",
+      stroke: "#64748B",
+      strokeMiterlimit: "10",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M9.33203 1.1665V2.9165",
+      stroke: "#64748B",
+      strokeMiterlimit: "10",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M2.04297 5.30273H11.9596",
+      stroke: "#64748B",
+      strokeMiterlimit: "10",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M12.8346 11.0833C12.8346 11.5208 12.7121 11.935 12.4963 12.285C12.0938 12.9617 11.353 13.4167 10.5013 13.4167C9.91214 13.4167 9.37547 13.2008 8.96714 12.8333C8.7863 12.6817 8.6288 12.495 8.5063 12.285C8.29047 11.935 8.16797 11.5208 8.16797 11.0833C8.16797 9.79417 9.21214 8.75 10.5013 8.75C11.2013 8.75 11.8255 9.05916 12.2513 9.54332C12.613 9.95749 12.8346 10.4942 12.8346 11.0833Z",
+      stroke: "#64748B",
+      strokeMiterlimit: "10",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M9.58984 11.0834L10.1673 11.6609L11.4098 10.5117",
+      stroke: "#64748B",
+      strokeWidth: "0.7",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M12.25 4.95817V9.54316C11.8242 9.059 11.2 8.74984 10.5 8.74984C9.21083 8.74984 8.16667 9.794 8.16667 11.0832C8.16667 11.5207 8.28917 11.9348 8.505 12.2848C8.6275 12.4948 8.785 12.6815 8.96583 12.8332H4.66667C2.625 12.8332 1.75 11.6665 1.75 9.9165V4.95817C1.75 3.20817 2.625 2.0415 4.66667 2.0415H9.33333C11.375 2.0415 12.25 3.20817 12.25 4.95817Z",
+      stroke: "#64748B",
+      strokeMiterlimit: "10",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M6.99549 7.99186H7.00073",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M4.83924 7.99186H4.84448",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M4.83924 9.74186H4.84448",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+};
+export default CalenderIconTick;

package/dist/Editor/assets/svg/ChervDown.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const ChervDown = () => {
+  return /*#__PURE__*/_jsx("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 9 6",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M1 1.2002L4.5 4.49731L8 1.2002",
+      stroke: "#2563EB",
+      strokeWidth: "1.2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })
+  });
+};
+export default ChervDown;

package/dist/Editor/assets/svg/ChervUp.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const ChervUp = () => {
+  return /*#__PURE__*/_jsx("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 9 6",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M8 4.80371L4.5 1.50659L1 4.80371",
+      stroke: "#94A3B8",
+      strokeWidth: "1.2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })
+  });
+};
+export default ChervUp;

package/dist/Editor/assets/svg/DataTableIcon.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const DataTableIcon = () => {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M14.6668 7.33398V6.00065C14.6668 2.66732 13.3335 1.33398 10.0002 1.33398H6.00016C2.66683 1.33398 1.3335 2.66732 1.3335 6.00065V10.0007C1.3335 13.334 2.66683 14.6673 6.00016 14.6673H6.66683",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M1.35352 5.66797H14.6668",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M1.35352 10.334H8.00016",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M5.67334 14.6598V1.33984",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M10.3398 7.99316V1.33984",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M12.4868 9.7794L9.72013 12.546C9.61346 12.6527 9.51344 12.8594 9.48677 13.006L9.33345 14.066C9.28012 14.446 9.54679 14.7194 9.92679 14.6594L10.9868 14.506C11.1334 14.486 11.3401 14.3794 11.4468 14.2727L14.2135 11.506C14.6868 11.0327 14.9135 10.4727 14.2135 9.77273C13.5201 9.0794 12.9668 9.2994 12.4868 9.7794Z",
+      stroke: "#64748B",
+      strokeMiterlimit: "10",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M12.0933 10.1719C12.3266 11.0119 12.9866 11.6652 13.8266 11.9052",
+      stroke: "#64748B",
+      strokeMiterlimit: "10",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+};
+export default DataTableIcon;

package/dist/Editor/assets/svg/DuplicateIcon.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const DuplicateIcon = () => {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M10.6654 8.60016V11.4002C10.6654 13.7335 9.73203 14.6668 7.3987 14.6668H4.5987C2.26536 14.6668 1.33203 13.7335 1.33203 11.4002V8.60016C1.33203 6.26683 2.26536 5.3335 4.5987 5.3335H7.3987C9.73203 5.3335 10.6654 6.26683 10.6654 8.60016Z",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M14.6654 4.60016V7.40016C14.6654 9.7335 13.732 10.6668 11.3987 10.6668H10.6654V8.60016C10.6654 6.26683 9.73203 5.3335 7.3987 5.3335H5.33203V4.60016C5.33203 2.26683 6.26536 1.3335 8.5987 1.3335H11.3987C13.732 1.3335 14.6654 2.26683 14.6654 4.60016Z",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+};
+export default DuplicateIcon;

package/dist/Editor/assets/svg/EyeIcon.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const EyeIcon = () => {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M10.3866 7.99995C10.3866 9.31995 9.31995 10.3866 7.99995 10.3866C6.67995 10.3866 5.61328 9.31995 5.61328 7.99995C5.61328 6.67995 6.67995 5.61328 7.99995 5.61328C9.31995 5.61328 10.3866 6.67995 10.3866 7.99995Z",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M7.9999 13.5133C10.3532 13.5133 12.5466 12.1266 14.0732 9.72665C14.6732 8.78665 14.6732 7.20665 14.0732 6.26665C12.5466 3.86665 10.3532 2.47998 7.9999 2.47998C5.64656 2.47998 3.45323 3.86665 1.92656 6.26665C1.32656 7.20665 1.32656 8.78665 1.92656 9.72665C3.45323 12.1266 5.64656 13.5133 7.9999 13.5133Z",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+};
+export default EyeIcon;

package/dist/Editor/assets/svg/EyeSlash.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const EyeSlash = () => {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M9.68661 6.31328L6.31328 9.68661C5.87995 9.25328 5.61328 8.65995 5.61328 7.99995C5.61328 6.67995 6.67995 5.61328 7.99995 5.61328C8.65995 5.61328 9.25328 5.87995 9.68661 6.31328Z",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M11.8799 3.84682C10.7132 2.96682 9.3799 2.48682 7.9999 2.48682C5.64656 2.48682 3.45323 3.87348 1.92656 6.27348C1.32656 7.21348 1.32656 8.79348 1.92656 9.73348C2.45323 10.5602 3.06656 11.2735 3.73323 11.8468",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M5.61328 13.02C6.37328 13.34 7.17995 13.5133 7.99995 13.5133C10.3533 13.5133 12.5466 12.1266 14.0733 9.72662C14.6733 8.78662 14.6733 7.20662 14.0733 6.26662C13.8533 5.91995 13.6133 5.59329 13.3666 5.28662",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M10.3409 8.4668C10.1676 9.4068 9.40094 10.1735 8.46094 10.3468",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M6.31203 9.68652L1.33203 14.6665",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M14.6675 1.3335L9.6875 6.3135",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+};
+export default EyeSlash;

package/dist/Editor/assets/svg/HashtagIcon.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const HashtagIcon = () => {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "12",
+    height: "12",
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M5 1.5L4 10.5",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M8 1.5L7 10.5",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M1.75 4.5H10.75",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M1.25 7.5H10.25",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+};
+export default HashtagIcon;

package/dist/Editor/assets/svg/PlusIcon.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const PlusIcon = () => {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "18",
+    height: "18",
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M4.5 9H13.5",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M9 13.5V4.5",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+};
+export default PlusIcon;

package/dist/Editor/assets/svg/SelectRoundedIcon.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const SelectRoundedIcon = () => {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 14 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M7.0013 12.8334C10.223 12.8334 12.8346 10.2217 12.8346 7.00008C12.8346 3.77842 10.223 1.16675 7.0013 1.16675C3.77964 1.16675 1.16797 3.77842 1.16797 7.00008C1.16797 10.2217 3.77964 12.8334 7.0013 12.8334Z",
+      stroke: "#64748B",
+      strokeMiterlimit: "10",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M4.94141 6.26489L7.00057 8.31823L9.05974 6.26489",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+};
+export default SelectRoundedIcon;

package/dist/Editor/assets/svg/SortByIcon.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const SortByIcon = () => {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M6.96781 4.47998L4.48779 2L2.00781 4.47998",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M4.48828 14V2",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M9.03516 11.52L11.5152 14L13.9952 11.52",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M11.5156 2V14",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+};
+export default SortByIcon;

package/dist/Editor/assets/svg/TickOutlined.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const TickOutlined = () => {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 14 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M7.00008 12.8327C10.2084 12.8327 12.8334 10.2077 12.8334 6.99935C12.8334 3.79102 10.2084 1.16602 7.00008 1.16602C3.79175 1.16602 1.16675 3.79102 1.16675 6.99935C1.16675 10.2077 3.79175 12.8327 7.00008 12.8327Z",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M4.52075 7.00044L6.17159 8.65128L9.47909 5.34961",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+};
+export default TickOutlined;

package/dist/Editor/assets/svg/TrashCanIcon.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const TrashIcon = () => {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M2 3.98617C4.22 3.76617 6.45333 3.65283 8.68 3.65283C10 3.65283 11.32 3.7195 12.64 3.85283L14 3.98617",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M10.332 3.3135L10.1854 2.44016C10.0787 1.80683 9.9987 1.3335 8.87203 1.3335H7.12536C5.9987 1.3335 5.91203 1.8335 5.81203 2.44683L5.66537 3.3135",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M3.43307 6.09375L3.86641 12.8071C3.93974 13.8537 3.99974 14.6671 5.85974 14.6671H10.1397C11.9997 14.6671 12.0597 13.8537 12.1331 12.8071L12.5664 6.09375",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M9.11328 11H6.89328",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M9.66797 8.3335H6.33464",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+};
+export default TrashIcon;

package/dist/Editor/common/Icon.js

@@ -6,14 +6,14 @@ 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 { FontFamilyIcon, FontSizeIcon, StrikethroughIcon, MoreHorizontal, UploadImage, LeftArrow, RightArrow, CheckListButton, CheckListButtonActive, ExcelIcon, CsvIcon, CloseIcon, SearchIcon, ExpandIcon, Text, TextAreaIcon, Phone, BriefCase, Bank, CalendarTick, DollarSquare, Checkbox, Description, RadioButtonIcon, CheckedIcon, UncheckedIcon, InfinityIcon, ResetIcon } from "./iconslist";
+import { FontFamilyIcon, FontSizeIcon, StrikethroughIcon, MoreHorizontal, UploadImage, LeftArrow, RightArrow, CheckListButton, CheckListButtonActive, ExcelIcon, CsvIcon, CloseIcon, SearchIcon, ExpandIcon, Text, TextAreaIcon, Phone, BriefCase, Bank, CalendarTick, DollarSquare, Checkbox, Description, RadioButtonIcon, CheckedIcon, UncheckedIcon, InfinityIcon, ResetIcon, GridAddSectionIcon } from "./iconslist";
 import ArrowRightIcon from "@mui/icons-material/ArrowRight";
 import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown";
 import EmailRoundedIcon from "@mui/icons-material/EmailRounded";
 import InfoOutlinedIcon from "@mui/icons-material/InfoOutlined";
 import GridOnIcon from "@mui/icons-material/GridOn";
 import GppBadOutlinedIcon from "@mui/icons-material/GppBadOutlined";
-import { AccordionTextFormatIcon, BoldTextFormatIcon, BulletedListTextFormatIcon, ButtonElementIcon, CarouselElementIcon, CheckListTextFormatIcon, ColorBoxElementIcon, DividerElementIcon, DocUploadElementIcon, EmbedElementIcon, EmojiElementIcon, FormElementIcon, GridElementIcon, H1, H2, H3, ImageElementIcon, ItalicTextFormatIcon, LinkIconV2, OrderedListTextFormatIcon, SignatureElementIcon, TableElementIcon, TopBannerElementIcon, UnderlineTextFormatIcon, VideoElementIcon, CalendlyIcon, LeftAlignTextFormat, CenterAlignTextFormat, RightAlignTextFormat, JustifyTextFormat, FreeGridElement, AppHeaderElement, CodeElementIcon } from "./iconListV2";
+import { AccordionTextFormatIcon, BoldTextFormatIcon, BulletedListTextFormatIcon, ButtonElementIcon, CarouselElementIcon, CheckListTextFormatIcon, ColorBoxElementIcon, DividerElementIcon, DocUploadElementIcon, EmbedElementIcon, EmojiElementIcon, FormElementIcon, GridElementIcon, H1, H2, H3, ImageElementIcon, ItalicTextFormatIcon, LinkIconV2, OrderedListTextFormatIcon, SignatureElementIcon, TableElementIcon, TopBannerElementIcon, UnderlineTextFormatIcon, VideoElementIcon, LeftAlignTextFormat, CenterAlignTextFormat, RightAlignTextFormat, JustifyTextFormat, FreeGridElement, AppHeaderElement, CodeElementIcon } from "./iconListV2";
 import MoreVertRoundedIcon from "@mui/icons-material/MoreVertRounded";
 import SettingsIcon from "../assets/svg/SettingsIcon";
 import UndoIcon from "../assets/svg/UndoIcon";
@@ -27,6 +27,21 @@ import DeleteIcon from "@mui/icons-material/Delete";
 import { BrainIcon } from "../assets/svg/BrainIcon";
 import DocsIcon from "../assets/svg/DocsIcon";
 import UserIcon from "../assets/svg/UserIcon";
+import HashtagIcon from "../assets/svg/HashtagIcon";
+import SelectRoundedIcon from "../assets/svg/SelectRoundedIcon";
+import SortByIcon from "../assets/svg/SortByIcon";
+import TickOutlined from "../assets/svg/TickOutlined";
+import CalenderIconTick from "../assets/svg/CalenderIconTick";
+import PlusIcon from "../assets/svg/PlusIcon";
+import EyeSlash from "../assets/svg/EyeSlash";
+import ArrowUpIcon from "../assets/svg/ArrowUpIcon";
+import ArrowDownIcon from "../assets/svg/ArrowDownIcon";
+import DuplicateIcon from "../assets/svg/DuplicateIcon";
+import EyeIcon from "../assets/svg/EyeIcon";
+import TrashIcon from "../assets/svg/TrashCanIcon";
+import DataTableIcon from "../assets/svg/DataTableIcon";
+import ChervDown from "../assets/svg/ChervDown";
+import ChervUp from "../assets/svg/ChervUp";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const iconList = {
@@ -235,7 +250,7 @@ const iconList = {
   text: /*#__PURE__*/_jsx(Text, {
     stroke: "#64748B"
   }),
-  calenderNewIcon: /*#__PURE__*/_jsx(CalendlyIcon, {}),
+  calenderNewIcon: /*#__PURE__*/_jsx(CalenderIconTick, {}),
   textArea: /*#__PURE__*/_jsx(TextAreaIcon, {}),
   phone: /*#__PURE__*/_jsx(Phone, {}),
   briefCase: /*#__PURE__*/_jsx(BriefCase, {}),
@@ -282,7 +297,22 @@ const iconList = {
   brain: /*#__PURE__*/_jsx(BrainIcon, {}),
   docsIcon: /*#__PURE__*/_jsx(DocsIcon, {}),
   userIcon: /*#__PURE__*/_jsx(UserIcon, {}),
-  shieldNoAccess: /*#__PURE__*/_jsx(GppBadOutlinedIcon, {})
+  shieldNoAccess: /*#__PURE__*/_jsx(GppBadOutlinedIcon, {}),
+  hashtagIcon: /*#__PURE__*/_jsx(HashtagIcon, {}),
+  selectRounded: /*#__PURE__*/_jsx(SelectRoundedIcon, {}),
+  sortBy: /*#__PURE__*/_jsx(SortByIcon, {}),
+  addRounded: /*#__PURE__*/_jsx(GridAddSectionIcon, {}),
+  tickOutline: /*#__PURE__*/_jsx(TickOutlined, {}),
+  plusIcon: /*#__PURE__*/_jsx(PlusIcon, {}),
+  eyeSlash: /*#__PURE__*/_jsx(EyeSlash, {}),
+  eyeIcon: /*#__PURE__*/_jsx(EyeIcon, {}),
+  arrowUp: /*#__PURE__*/_jsx(ArrowUpIcon, {}),
+  arrowDown: /*#__PURE__*/_jsx(ArrowDownIcon, {}),
+  duplicateIcon: /*#__PURE__*/_jsx(DuplicateIcon, {}),
+  trashIcon: /*#__PURE__*/_jsx(TrashIcon, {}),
+  dataTable: /*#__PURE__*/_jsx(DataTableIcon, {}),
+  chervUp: /*#__PURE__*/_jsx(ChervUp, {}),
+  chervDown: /*#__PURE__*/_jsx(ChervDown, {})
 };
 export const icons = {
   ...iconList

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

@@ -163,7 +163,7 @@ const RnD = props => {
       }
       switch (e.detail) {
         case 1:
-          clearSelectionOnly(editor); //for selection removal on click outside 
+          clearSelectionOnly(editor); //for selection removal on click outside
           if (!enable) {
             setSelectedElement({
               path: str_path,
@@ -367,7 +367,7 @@ const RnD = props => {
     // some cases
     if (dragOverEle?.dataset?.dragovertype === undefined) {
       // means check for parent element
-      dragOverEle = e?.toElement?.parentElement;
+      dragOverEle = e?.toElement?.closest(".freegrid-container-parent");
     }
     if (dragOverEle?.dataset?.dragovertype !== "child") {
       const oldPath = dragging.dragOver;

package/dist/Editor/common/Shorthands/elements.js

@@ -269,7 +269,7 @@ const ELEMENTS_LIST = [{
   desc: "",
   type: "dataView",
   icon: /*#__PURE__*/_jsx(Icon, {
-    icon: "dataView"
+    icon: "dataTable"
   }),
   onInsert: editor => {
     insertDataView(editor);