Merge branch 'develop' of github.com:pie-framework/pie-elements into fix/PD-4068

Author: andreeimiron

packages/drawing-response/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [7.23.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/drawing-response@7.22.4...@pie-element/drawing-response@7.23.0) (2024-09-11)
+
+
+### Features
+
+* upload images for drawing-response and only store url in db, not full base64 PD-4067 ([429b47d](https://github.com/pie-framework/pie-elements/commit/429b47d309052cbec17cb592df0ae9bc878e590a))
+
+
+
+
+
 ## [7.22.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/drawing-response@7.22.3...@pie-element/drawing-response@7.22.4) (2024-09-10)
 
 

packages/drawing-response/configure/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [7.22.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/drawing-response-configure@7.21.4...@pie-element/drawing-response-configure@7.22.0) (2024-09-11)
+
+
+### Features
+
+* upload images for drawing-response and only store url in db, not full base64 PD-4067 ([429b47d](https://github.com/pie-framework/pie-elements/commit/429b47d309052cbec17cb592df0ae9bc878e590a))
+
+
+
+
+
 ## [7.21.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/drawing-response-configure@7.21.3...@pie-element/drawing-response-configure@7.21.4) (2024-09-10)
 
 

packages/drawing-response/configure/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/drawing-response-configure",
   "private": true,
-  "version": "7.21.4",
+  "version": "7.22.0",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",

packages/drawing-response/configure/src/image-container.jsx

@@ -25,6 +25,12 @@ export class ImageContainer extends Component {
       dragEnabled: true,
       dropzoneActive: false,
     };
+    this.fakeImageHandler = {
+      cancel: () => {},
+      done: (a, url) => this.props.onImageUpload(url),
+      fileChosen: () => {},
+      progress: () => {},
+    };
   }
 
   componentDidMount() {
@@ -39,12 +45,19 @@ export class ImageContainer extends Component {
   }
 
   handleFileRead = (file) => {
-    const { onImageUpload } = this.props;
+    const { onImageUpload, insertImage } = this.props;
     const reader = new FileReader();
-    reader.onloadend = () => {
-      onImageUpload(reader.result);
-    };
+
+    reader.onloadend = () => onImageUpload(reader.result);
     reader.readAsDataURL(file);
+
+    if (insertImage) {
+      insertImage({
+        ...this.fakeImageHandler,
+        getChosenFile: () => file,
+        isPasted: true,
+      });
+    }
   };
 
   handleUploadImage = (e) => {
@@ -89,7 +102,13 @@ export class ImageContainer extends Component {
 
   handleEnableDrag = () => this.setState({ dragEnabled: true });
   handleDisableDrag = () => this.setState({ dragEnabled: false });
-  handleInputClick = () => this.input.click();
+  handleInputClick = () => {
+    const { insertImage } = this.props;
+
+    if (insertImage) {
+      insertImage(this.fakeImageHandler);
+    }
+  };
 
   handleOnImageLoad = ({ target: { offsetHeight, offsetWidth, naturalHeight, naturalWidth } }) => {
     const { onUpdateImageDimension, imageDimensions } = this.props;
@@ -295,6 +314,7 @@ ImageContainer.propTypes = {
   imageUrl: PropTypes.string.isRequired,
   onImageUpload: PropTypes.func.isRequired,
   onUpdateImageDimension: PropTypes.func.isRequired,
+  insertImage: PropTypes.func,
 };
 
 export default withStyles(styles)(ImageContainer);

packages/drawing-response/configure/src/root.jsx

@@ -156,6 +156,7 @@ export class Root extends React.Component {
               onUpdateImageDimension={this.onUpdateImageDimension}
               onImageUpload={this.onImageUpload}
               imageDimensions={model.imageDimensions}
+              insertImage={imageSupport && imageSupport.add}
             />
           </React.Fragment>
         )}

packages/drawing-response/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/drawing-response",
-  "version": "7.22.4",
+  "version": "7.23.0",
   "description": "",
   "repository": "pie-framework/pie-elements",
   "publishConfig": {