@quadrats/react 1.1.3 → 1.1.4

package/image/components/Image.js

@@ -6,14 +6,14 @@ import { InlineToolbar } from '@quadrats/react/toolbar';
 
 // import { useImageResizer } from '../hooks/useImageResizer';
 function Image(props) {
-    const { attributes, children, element, 
+    const { attributes, children, element, parentType, 
     // resizeImage,
     src, } = props;
     const editor = useSlateStatic();
     const path = ReactEditor.findPath(editor, element);
     const parentEntry = Editor.above(editor, {
         at: path,
-        match: (node) => Element.isElement(node) && node.type === element.figureType,
+        match: (node) => Element.isElement(node) && node.type === parentType,
         mode: 'lowest',
     });
     const parentNode = parentEntry === null || parentEntry === void 0 ? void 0 : parentEntry[0];

package/image/createReactImage.js

@@ -54,7 +54,7 @@ function createReactImage(options = {}, getUploadOptions) {
                         const { attributes, children, element } = props;
                         return renderImage(Object.assign(Object.assign({}, getImageElementCommonProps(element, core.hostingResolvers)), { attributes,
                             element,
-                            children, resizeImage: core.resizeImage }));
+                            children, parentType: core.types.figure, resizeImage: core.resizeImage }));
                     },
                 },
                 {

package/image/index.cjs.js

@@ -25,14 +25,14 @@ function ImageFigure(props) {
 
 // import { useImageResizer } from '../hooks/useImageResizer';
 function Image(props) {
-    const { attributes, children, element, 
+    const { attributes, children, element, parentType, 
     // resizeImage,
     src, } = props;
     const editor = react.useSlateStatic();
     const path = react.ReactEditor.findPath(editor, element);
     const parentEntry = core.Editor.above(editor, {
         at: path,
-        match: (node) => core.Element.isElement(node) && node.type === element.figureType,
+        match: (node) => core.Element.isElement(node) && node.type === parentType,
         mode: 'lowest',
     });
     const parentNode = parentEntry === null || parentEntry === void 0 ? void 0 : parentEntry[0];
@@ -251,7 +251,7 @@ function createReactImage(options = {}, getUploadOptions) {
                         const { attributes, children, element } = props;
                         return renderImage(Object.assign(Object.assign({}, image.getImageElementCommonProps(element, core$1.hostingResolvers)), { attributes,
                             element,
-                            children, resizeImage: core$1.resizeImage }));
+                            children, parentType: core$1.types.figure, resizeImage: core$1.resizeImage }));
                     },
                 },
                 {

package/image/typings.d.ts

@@ -10,6 +10,7 @@ export interface RenderImageFigureElementProps extends RenderElementProps<ImageF
 }
 export interface RenderImageElementProps extends RenderElementProps<ImageElement> {
     resizeImage: ReactImage<any>['resizeImage'];
+    parentType: string;
     src: string;
 }
 export type RenderImageCaptionElementProps = RenderElementProps<ImageCaptionElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quadrats/react",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "",
   "author": "Rytass",
   "homepage": "https://github.com/Quadrats/quadrats#readme",
@@ -20,7 +20,7 @@
     "url": "https://github.com/Quadrats/quadrats/issues"
   },
   "dependencies": {
-    "@quadrats/common": "^1.1.1",
+    "@quadrats/common": "^1.1.4",
     "@quadrats/core": "^1.1.0",
     "@quadrats/icons": "^1.1.1",
     "@quadrats/locales": "^1.0.0",