@flozy/editor 5.4.5 → 5.4.6

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,19 @@ 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 { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const iconList = {
@@ -235,7 +248,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 +295,20 @@ 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, {})
 };
 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);

package/dist/Editor/common/iconListV2.js

@@ -909,35 +909,56 @@ export function H3() {
     })
   });
 }
-export function CalendlyIcon() {
+export function DragIcon() {
   return /*#__PURE__*/_jsxs("svg", {
-    width: "12",
-    height: "14",
-    viewBox: "0 0 12 14",
+    width: "16",
+    height: "12",
+    viewBox: "0 0 10 6",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    className: "calederIconSvg",
-    children: [/*#__PURE__*/_jsx("rect", {
-      x: "0.5",
-      y: "2.5",
-      width: "11",
-      height: "11",
-      rx: "1.5",
-      stroke: "#64748B"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M3 1L3 4",
-      stroke: "#64748B",
-      strokeLinecap: "round",
-      className: "strokePath"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M9 1L9 4",
-      stroke: "#64748B",
-      strokeLinecap: "round",
-      className: "strokePath"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M8.10369 7.0554H7.43892C7.41335 6.91335 7.36577 6.78835 7.29616 6.6804C7.22656 6.57244 7.14134 6.48082 7.04048 6.40554C6.93963 6.33026 6.8267 6.27344 6.7017 6.23509C6.57813 6.19673 6.44673 6.17756 6.30753 6.17756C6.05611 6.17756 5.83097 6.24077 5.6321 6.36719C5.43466 6.49361 5.27841 6.67898 5.16335 6.9233C5.04972 7.16761 4.9929 7.46591 4.9929 7.81818C4.9929 8.1733 5.04972 8.47301 5.16335 8.71733C5.27841 8.96165 5.43537 9.14631 5.63423 9.27131C5.8331 9.39631 6.05682 9.45881 6.3054 9.45881C6.44318 9.45881 6.57386 9.44034 6.69744 9.40341C6.82244 9.36506 6.93537 9.30895 7.03622 9.23509C7.13707 9.16122 7.2223 9.07102 7.2919 8.96449C7.36293 8.85653 7.41193 8.73295 7.43892 8.59375L8.10369 8.59588C8.06818 8.81037 7.99929 9.00781 7.89702 9.18821C7.79616 9.36719 7.66619 9.52202 7.5071 9.6527C7.34943 9.78196 7.16903 9.8821 6.96591 9.95312C6.76278 10.0241 6.54119 10.0597 6.30114 10.0597C5.9233 10.0597 5.58665 9.97017 5.29119 9.79119C4.99574 9.6108 4.76278 9.35298 4.59233 9.01776C4.4233 8.68253 4.33878 8.28267 4.33878 7.81818C4.33878 7.35227 4.42401 6.95241 4.59446 6.61861C4.76491 6.28338 4.99787 6.02628 5.29332 5.8473C5.58878 5.6669 5.92472 5.5767 6.30114 5.5767C6.53267 5.5767 6.74858 5.61009 6.94886 5.67685C7.15057 5.74219 7.33168 5.83878 7.49219 5.96662C7.6527 6.09304 7.78551 6.24787 7.89062 6.43111C7.99574 6.61293 8.06676 6.82102 8.10369 7.0554Z",
-      fill: "#64748B",
-      className: "fillPath"
+    className: "dragIcon",
+    children: [/*#__PURE__*/_jsx("ellipse", {
+      cx: "1.49462",
+      cy: "4.42384",
+      rx: "0.779289",
+      ry: "0.779289",
+      transform: "rotate(-90 1.49462 4.42384)",
+      fill: "#94A3B8"
+    }), /*#__PURE__*/_jsx("ellipse", {
+      cx: "4.99999",
+      cy: "4.42384",
+      rx: "0.779289",
+      ry: "0.779289",
+      transform: "rotate(-90 4.99999 4.42384)",
+      fill: "#94A3B8"
+    }), /*#__PURE__*/_jsx("ellipse", {
+      cx: "8.50732",
+      cy: "4.42384",
+      rx: "0.779289",
+      ry: "0.779289",
+      transform: "rotate(-90 8.50732 4.42384)",
+      fill: "#94A3B8"
+    }), /*#__PURE__*/_jsx("ellipse", {
+      cx: "1.49462",
+      cy: "0.91993",
+      rx: "0.779289",
+      ry: "0.779289",
+      transform: "rotate(-90 1.49462 0.91993)",
+      fill: "#94A3B8"
+    }), /*#__PURE__*/_jsx("ellipse", {
+      cx: "4.99999",
+      cy: "0.91993",
+      rx: "0.779289",
+      ry: "0.779289",
+      transform: "rotate(-90 4.99999 0.91993)",
+      fill: "#94A3B8"
+    }), /*#__PURE__*/_jsx("ellipse", {
+      cx: "8.50732",
+      cy: "0.91993",
+      rx: "0.779289",
+      ry: "0.779289",
+      transform: "rotate(-90 8.50732 0.91993)",
+      fill: "#94A3B8"
     })]
   });
 }
@@ -1242,59 +1263,6 @@ export function CodeElementIcon() {
     })]
   });
 }
-export function DragIcon() {
-  return /*#__PURE__*/_jsxs("svg", {
-    width: "16",
-    height: "12",
-    viewBox: "0 0 10 6",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "dragIcon",
-    children: [/*#__PURE__*/_jsx("ellipse", {
-      cx: "1.49462",
-      cy: "4.42384",
-      rx: "0.779289",
-      ry: "0.779289",
-      transform: "rotate(-90 1.49462 4.42384)",
-      fill: "#94A3B8"
-    }), /*#__PURE__*/_jsx("ellipse", {
-      cx: "4.99999",
-      cy: "4.42384",
-      rx: "0.779289",
-      ry: "0.779289",
-      transform: "rotate(-90 4.99999 4.42384)",
-      fill: "#94A3B8"
-    }), /*#__PURE__*/_jsx("ellipse", {
-      cx: "8.50732",
-      cy: "4.42384",
-      rx: "0.779289",
-      ry: "0.779289",
-      transform: "rotate(-90 8.50732 4.42384)",
-      fill: "#94A3B8"
-    }), /*#__PURE__*/_jsx("ellipse", {
-      cx: "1.49462",
-      cy: "0.91993",
-      rx: "0.779289",
-      ry: "0.779289",
-      transform: "rotate(-90 1.49462 0.91993)",
-      fill: "#94A3B8"
-    }), /*#__PURE__*/_jsx("ellipse", {
-      cx: "4.99999",
-      cy: "0.91993",
-      rx: "0.779289",
-      ry: "0.779289",
-      transform: "rotate(-90 4.99999 0.91993)",
-      fill: "#94A3B8"
-    }), /*#__PURE__*/_jsx("ellipse", {
-      cx: "8.50732",
-      cy: "0.91993",
-      rx: "0.779289",
-      ry: "0.779289",
-      transform: "rotate(-90 8.50732 0.91993)",
-      fill: "#94A3B8"
-    })]
-  });
-}
 export function TextSizeUpArrow() {
   return /*#__PURE__*/_jsx("svg", {
     width: "9",

package/dist/Editor/helper/deserialize/index.js

@@ -1,4 +1,26 @@
 import { jsx } from "slate-hyperscript";
+const inlineStyles = [{
+  key: "bold",
+  getStyle: styles => styles.fontWeight === "bold" || parseInt(styles.fontWeight, 10) >= 700
+}, {
+  key: "italic",
+  getStyle: styles => styles.fontStyle === "italic"
+}, {
+  key: "underline",
+  getStyle: styles => styles.textDecoration.includes("underline")
+}];
+function getInlineTextStyles(element) {
+  if (!element || !element.style) return {};
+  const styles = element.style;
+  const elementStyles = inlineStyles.reduce((total, currVal) => {
+    const style = currVal.getStyle(styles);
+    if (style) {
+      total[currVal.key] = style;
+    }
+    return total;
+  }, {});
+  return elementStyles;
+}
 const handleTableCell = (el, children) => {
   const wrapChild = children?.map(c => {
     if (typeof c === "string") {
@@ -140,7 +162,10 @@ const deserialize = el => {
   if (el.nodeType === 3) {
     const match = /\r|\n/.exec(el.textContent);
     const text = el.textContent.replace(/\r|\n/g, "").trim();
-    return match && !text ? null : el.textContent;
+    return match && !text ? null : {
+      text: el.textContent,
+      ...getInlineTextStyles(el.parentNode)
+    };
   } else if (el.nodeType !== 1) {
     return null;
   } else if (el.nodeName === "BR") {

package/dist/Editor/hooks/useBreakpoints.js

@@ -1,6 +1,6 @@
 import { useMediaQuery } from "@mui/material";
 export const STIMULATOR_MOCK = {
-  xs: "@media (min-width: 1200px) and (max-width: 1980px)"
+  xs: "@media (min-width: 1200px) and (max-width: 10000px)"
 };
 export const isStimulator = () => {
   try {

package/package.json

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