@flozy/editor 4.6.3 → 4.6.4

package/dist/Editor/Elements/Divider/Divider.js

@@ -18,7 +18,7 @@ const Divider = props => {
     theme
   } = useEditorContext();
   const {
-    borderColor = theme?.palette?.text?.primary || '#0F172A',
+    borderColor = theme?.palette?.primary?.main || '#0F172A',
     borderWidth = '1px',
     borderStyle = 'solid'
   } = element;
@@ -54,8 +54,16 @@ const Divider = props => {
         children: /*#__PURE__*/_jsx(IconButton, {
           size: "small",
           sx: {
+            background: theme?.palette?.greyshades?.light8,
+            border: theme?.palette?.type === 'dark' ? '1px solid #E4E8EB33' : 'none',
             boxShadow: '0px 0px 4px 0px #00000040',
-            borderRadius: '50%'
+            borderRadius: '50%',
+            '& svg': {
+              stroke: theme?.palette?.text?.secondary3
+            },
+            '&.MuiIconButton-root:hover': {
+              background: `${theme?.palette?.greyshades?.light8} !important`
+            }
           },
           onClick: onSettings,
           children: /*#__PURE__*/_jsx(GridSettingsIcon, {})

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

@@ -223,7 +223,7 @@ const Image = props => {
   const getWidth = () => {
     if (resizing) {
       return {
-        width: `${size.width}px`,
+        width: `${size.widthInPercent}%`,
         height: objectFit ? `${size.height}px` : "auto"
       };
     } else {

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

@@ -53,7 +53,8 @@ const VideoContent = props => {
       ...videoSX
     },
     src: embedURL,
-    title: alt
+    title: alt,
+    allowFullScreen: true
   });
 };
 const VideoPlaceholder = props => {
@@ -180,7 +181,7 @@ const Video = ({
   const getWidth = () => {
     if (resizing) {
       return {
-        width: size.width ? `${size.width}px` : "100%",
+        width: size.widthInPercent ? `${size.widthInPercent}%` : "100%",
         height: url ? `${size.height || 370}px` : "auto"
       };
     } else {

package/dist/Editor/common/Uploader.js

@@ -102,7 +102,8 @@ const Uploader = props => {
             component: "label",
             variant: "text",
             style: {
-              background: "none"
+              background: "none",
+              width: "100%"
             },
             sx: classes.uploadIcon,
             children: [/*#__PURE__*/_jsx("input", {

package/dist/Editor/utils/customHooks/useResize.js

@@ -10,7 +10,7 @@ const useResize = ({
   const defaultSize = getBreakPointsValue(allSize);
   const {
     width,
-    height
+    height = 370
   } = parentDOM?.getBoundingClientRect() || {
     ...defaultSize
   };
@@ -50,10 +50,11 @@ const useResize = ({
     setSize(currentSize => {
       const calcWidth = (currentSize.width || width) + e.movementX;
       const cWP = calcWidth / width * 100;
+      const calcHeight = (parseInt(currentSize.height) || height) + e.movementY;
       const calc = {
-        width: calcWidth,
-        height: (parseInt(currentSize.height) || height) + e.movementY,
-        widthInPercent: cWP > 100 ? 100 : cWP
+        width: Math.max(calcWidth, 140),
+        height: Math.max(calcHeight, 50),
+        widthInPercent: cWP > 100 ? 100 : Math.max(cWP, 15)
       };
       latest = calc;
       return calc;

package/package.json

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