@flozy/editor 1.8.5 → 1.8.6

package/dist/Editor/CommonEditor.js

@@ -100,7 +100,8 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
     CHARACTERS = [],
     editorClass,
     fixedWidth = "60%",
-    fullWidth = "80%"
+    fullWidth = "80%",
+    hideTools
   } = otherProps || {};
   const [drag, setDrag] = useState(null);
   const editor = useMemo(() => {
@@ -243,7 +244,8 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
   } = mentions;
   const chars = type ? Shorthands[type]({
     ...mentions,
-    CHARACTERS
+    CHARACTERS,
+    hideTools: hideTools || []
   }) : [];
   const handleEditorChange = newValue => {
     setValue(newValue);

package/dist/Editor/Editor.css

@@ -330,6 +330,10 @@ blockquote {
   border-radius: 12px;
 }
 
+.activeBrush svg {
+  stroke: #2563eb;
+}
+
 .react-datepicker__input-container {
   display: flex !important;
   align-items: center;

package/dist/Editor/Elements/Embed/Video.js

@@ -58,7 +58,7 @@ const Video = ({
     bottomRight
   } = borderRadius || {};
   useEffect(() => {
-    if (editor && ele[1] !== undefined) {
+    if (editor && ele && ele[1] !== undefined) {
       const dom = ReactEditor.toDOMNode(editor, Node.get(editor, ele[1]));
       setParentDOM(dom);
       onLoad(element?.size || {});

package/dist/Editor/Elements/Signature/SignaturePopup.js

@@ -333,7 +333,7 @@ const SignaturePopup = props => {
                     return /*#__PURE__*/_jsx(IconButton, {
                       onClick: onBrushSize(m),
                       disableRipple: true,
-                      className: brush.size === m ? "active" : "",
+                      className: brush.size === m ? "activeBrush" : "",
                       children: /*#__PURE__*/_jsx("span", {
                         style: {
                           width: 20 + m,

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

@@ -37,6 +37,10 @@ const MiniToolbar = props => {
   const PopupComponent = POPUP_TYPES[popper] || null;
   const open = Boolean(PopupComponent);
   const DialogComp = !fullScreen ? Popper : Dialog;
+  const {
+    hideTools
+  } = customProps;
+  const UPDATED_MENU_OPTIONS = MENU_OPTIONS.filter(f => (hideTools || [])?.indexOf(f.type) === -1);
   useEffect(() => {
     if (popper) {
       setPopper(null);
@@ -58,7 +62,7 @@ const MiniToolbar = props => {
       component: "div",
       className: "mini-tool-wrpr-ei",
       sx: classes.root,
-      children: MENU_OPTIONS.map(({
+      children: UPDATED_MENU_OPTIONS.map(({
         type,
         label,
         icon: Icon

package/dist/Editor/Toolbar/PopupTool/AddElements.js

@@ -11,6 +11,10 @@ const AddElements = props => {
     editor,
     customProps
   } = props;
+  const {
+    hideTools
+  } = customProps;
+  const filteredElements = elements.filter(f => hideTools.indexOf(f.type) === -1);
   return /*#__PURE__*/_jsx(Grid, {
     container: true,
     sx: classes.textFormatWrapper,
@@ -18,7 +22,7 @@ const AddElements = props => {
     style: {
       margin: 0
     },
-    children: elements.map(m => {
+    children: filteredElements.map(m => {
       return /*#__PURE__*/_jsx(Grid, {
         item: true,
         xs: 6,

package/dist/Editor/Toolbar/Toolbar.js

@@ -157,14 +157,6 @@ export const RenderToolbarIcon = props => {
           editor: editor,
           customProps: customProps
         }, element.id);
-      // case "drawer":
-      //   return (
-      //     <DrawerMenuButton
-      //       key={element.id}
-      //       editor={editor}
-      //       customProps={customProps}
-      //     />
-      //   );
       case "app-header":
         return /*#__PURE__*/_jsx(AppHeaderButton, {
           editor: editor,

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

@@ -14,6 +14,7 @@ const ELEMENTS_LIST = [{
   name: "Heading 1",
   desc: "",
   group: "Text",
+  type: "headingOne",
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "headingOne"
   }),
@@ -22,6 +23,7 @@ const ELEMENTS_LIST = [{
   name: "Heading 2",
   desc: "",
   group: "Text",
+  type: "headingTwo",
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "headingTwo"
   }),
@@ -30,6 +32,7 @@ const ELEMENTS_LIST = [{
   name: "Heading 3",
   desc: "",
   group: "Text",
+  type: "headingThree",
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "headingThree"
   }),
@@ -38,6 +41,7 @@ const ELEMENTS_LIST = [{
   name: "Quote",
   desc: "",
   group: "Text",
+  type: "blockquote",
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "blockquote"
   }),
@@ -48,6 +52,7 @@ const ELEMENTS_LIST = [{
   name: "Colorbox",
   desc: "",
   group: "Text",
+  type: "colorbox",
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "colorbox"
   }),
@@ -58,6 +63,7 @@ const ELEMENTS_LIST = [{
   name: "Ordered List",
   desc: "",
   group: "List",
+  type: "orderedList",
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "orderedList"
   }),
@@ -66,6 +72,7 @@ const ELEMENTS_LIST = [{
   name: "Bulleted List",
   desc: "",
   group: "List",
+  type: "unorderedList",
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "unorderedList"
   }),
@@ -74,6 +81,7 @@ const ELEMENTS_LIST = [{
   name: "Check List",
   desc: "",
   group: "List",
+  type: "check-list-item",
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "check-list-item"
   }),
@@ -82,6 +90,7 @@ const ELEMENTS_LIST = [{
   name: "Image",
   desc: "",
   group: "Media",
+  type: "embed",
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "image"
   }),
@@ -90,6 +99,7 @@ const ELEMENTS_LIST = [{
   name: "Video",
   desc: "",
   group: "Media",
+  type: "embed",
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "video"
   }),
@@ -98,6 +108,7 @@ const ELEMENTS_LIST = [{
   name: "Embed",
   desc: "",
   group: "Media",
+  type: "embed",
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "embed"
   }),
@@ -106,6 +117,7 @@ const ELEMENTS_LIST = [{
   name: "Emoji",
   group: "Elements",
   desc: "",
+  type: "emoji",
   renderComponent: rest => /*#__PURE__*/_jsx(EmojiButton, {
     ...rest,
     icoBtnType: "cmd"
@@ -114,6 +126,7 @@ const ELEMENTS_LIST = [{
   name: "Table",
   group: "Elements",
   desc: "",
+  type: "table",
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "table"
   }),
@@ -125,6 +138,7 @@ const ELEMENTS_LIST = [{
   name: "Grid",
   group: "Elements",
   desc: "",
+  type: "grid",
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "grid"
   }),
@@ -135,6 +149,7 @@ const ELEMENTS_LIST = [{
   name: "Accordion",
   group: "Elements",
   desc: "",
+  type: "accordion",
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "accordion"
   }),
@@ -145,6 +160,7 @@ const ELEMENTS_LIST = [{
   name: "Button",
   group: "Elements",
   desc: "",
+  type: "button",
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "button"
   }),
@@ -155,6 +171,7 @@ const ELEMENTS_LIST = [{
   name: "Signature",
   group: "Elements",
   desc: "",
+  type: "signature",
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "signature"
   }),
@@ -165,6 +182,7 @@ const ELEMENTS_LIST = [{
   name: "Carousel",
   group: "Elements",
   desc: "",
+  type: "carousel",
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "carousel"
   }),
@@ -175,6 +193,7 @@ const ELEMENTS_LIST = [{
   name: "Form",
   group: "Elements",
   desc: "",
+  type: "form",
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "form"
   }),
@@ -184,8 +203,10 @@ const ELEMENTS_LIST = [{
 }];
 const elements = props => {
   const {
-    search
+    search,
+    hideTools
   } = props;
-  return ELEMENTS_LIST.filter(c => c.name.toLowerCase().includes(search?.toLowerCase()));
+  const filteredElements = ELEMENTS_LIST.filter(f => hideTools.indexOf(f.type) === -1);
+  return filteredElements.filter(c => c.name.toLowerCase().includes(search?.toLowerCase()));
 };
 export default elements;

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

@@ -15,17 +15,21 @@ const StyleContent = props => {
     customProps,
     handleClose
   } = props;
+  const {
+    hideTools
+  } = customProps;
   const tabContent = renderTabs.find(f => f.value === value);
   const {
     fields
   } = tabContent || {
     fields: []
   };
+  const filteredFields = hideTools?.length > 0 ? fields.filter(f => hideTools.indexOf(f.key) === -1) : fields;
   return /*#__PURE__*/_jsx(Grid, {
     container: true,
     spacing: 2,
     className: "sidebar-wrpr-eds",
-    children: [...fields].map((m, i) => {
+    children: [...filteredFields].map((m, i) => {
       const FieldComponent = FieldMap[m.type];
       return FieldComponent ? /*#__PURE__*/_jsx(FieldComponent, {
         data: m,

package/package.json

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