@quadrats/react 1.1.7 → 1.1.9

package/image/createReactImage.js

@@ -5,6 +5,7 @@ import { Transforms } from '@quadrats/core';
 import { createImage, getImageFigureElementCommonProps, getImageElementCommonProps } from '@quadrats/common/image';
 import { createFileUploaderElementByType, FILE_UPLOADER_TYPE, insertFileUploaderElement } from '@quadrats/common/file-uploader';
 import { createRenderElements } from '@quadrats/react';
+import { removePreviousElement } from '@quadrats/react/utils';
 import { defaultRenderImageElements } from './defaultRenderImageElements.js';
 
 function createReactImage(options = {}, getUploadOptions) {
@@ -13,11 +14,21 @@ function createReactImage(options = {}, getUploadOptions) {
     const { types } = core;
     return Object.assign(Object.assign({}, core), { createHandlers: () => ({
             onKeyDown(event, editor, next) {
-                if ((event.key === 'Backspace' || event.key === 'Delete') && core.isCollapsedOnImage(editor)) {
-                    const [, figurePath] = core.getAboveImageFigure(editor) || [];
-                    if (figurePath) {
-                        Transforms.removeNodes(editor, { at: figurePath });
-                        return;
+                if (event.key === 'Backspace' || event.key === 'Delete') {
+                    if (core.isCollapsedOnImage(editor)) {
+                        const [, figurePath] = core.getAboveImageFigure(editor) || [];
+                        if (figurePath) {
+                            Transforms.removeNodes(editor, { at: figurePath });
+                            return;
+                        }
+                    }
+                    else {
+                        removePreviousElement({
+                            event,
+                            editor,
+                            type: types.figure,
+                            confirmModal: false,
+                        });
                     }
                 }
                 const [, captionPath] = core.getAboveImageCaption(editor) || [];

package/image/index.cjs.js

@@ -12,6 +12,7 @@ var isHotkey = require('is-hotkey');
 var utils = require('@quadrats/utils');
 var image = require('@quadrats/common/image');
 var fileUploader = require('@quadrats/common/file-uploader');
+var utils$1 = require('@quadrats/react/utils');
 
 function ImageFigure(props) {
     const { attributes, children, style } = props;
@@ -210,11 +211,21 @@ function createReactImage(options = {}, getUploadOptions) {
     const { types } = core$1;
     return Object.assign(Object.assign({}, core$1), { createHandlers: () => ({
             onKeyDown(event, editor, next) {
-                if ((event.key === 'Backspace' || event.key === 'Delete') && core$1.isCollapsedOnImage(editor)) {
-                    const [, figurePath] = core$1.getAboveImageFigure(editor) || [];
-                    if (figurePath) {
-                        core.Transforms.removeNodes(editor, { at: figurePath });
-                        return;
+                if (event.key === 'Backspace' || event.key === 'Delete') {
+                    if (core$1.isCollapsedOnImage(editor)) {
+                        const [, figurePath] = core$1.getAboveImageFigure(editor) || [];
+                        if (figurePath) {
+                            core.Transforms.removeNodes(editor, { at: figurePath });
+                            return;
+                        }
+                    }
+                    else {
+                        utils$1.removePreviousElement({
+                            event,
+                            editor,
+                            type: types.figure,
+                            confirmModal: false,
+                        });
                     }
                 }
                 const [, captionPath] = core$1.getAboveImageCaption(editor) || [];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quadrats/react",
-  "version": "1.1.7",
+  "version": "1.1.9",
   "description": "",
   "author": "Rytass",
   "homepage": "https://github.com/Quadrats/quadrats#readme",
@@ -20,12 +20,12 @@
     "url": "https://github.com/Quadrats/quadrats/issues"
   },
   "dependencies": {
-    "@quadrats/common": "^1.1.7",
-    "@quadrats/core": "^1.1.5",
-    "@quadrats/icons": "^1.1.1",
-    "@quadrats/locales": "^1.0.0",
-    "@quadrats/theme": "^1.0.0",
-    "@quadrats/utils": "^1.0.0",
+    "@quadrats/common": "^1.1.9",
+    "@quadrats/core": "^1.1.9",
+    "@quadrats/icons": "^1.1.9",
+    "@quadrats/locales": "^1.1.9",
+    "@quadrats/theme": "^1.1.9",
+    "@quadrats/utils": "^1.1.9",
     "@types/is-hotkey": "^0.1.9",
     "@types/react-transition-group": "^4.4.9",
     "clsx": "^2.1.1",

package/utils/index.cjs.js

@@ -64,7 +64,7 @@ function removePreviousElement({ event, editor, type, confirmModal, doConfirm, }
                         });
                     };
                     if (confirmModal) {
-                        doConfirm(remove);
+                        doConfirm === null || doConfirm === void 0 ? void 0 : doConfirm(remove);
                     }
                     else {
                         remove();

package/utils/removePreviousElement.d.ts

@@ -5,5 +5,5 @@ export declare function removePreviousElement({ event, editor, type, confirmModa
     editor: QuadratsEditor & Editor;
     type: string;
     confirmModal: boolean;
-    doConfirm: (remove: VoidFunction) => void;
+    doConfirm?: (remove: VoidFunction) => void;
 }): void;

package/utils/removePreviousElement.js

@@ -29,7 +29,7 @@ function removePreviousElement({ event, editor, type, confirmModal, doConfirm, }
                         });
                     };
                     if (confirmModal) {
-                        doConfirm(remove);
+                        doConfirm === null || doConfirm === void 0 ? void 0 : doConfirm(remove);
                     }
                     else {
                         remove();