@autobusal/common 1.3.1 → 1.3.2

package/Viewer/Items/TextareaHtml.tsx

@@ -5,6 +5,7 @@ import { Editor } from '@tinymce/tinymce-react';
 import { Editor as TinyMceEditor } from 'tinymce';
 import { Validate } from '@autobusal/utilities/form';
 import { Textarea } from './styles';
+import { useFileUpload } from '../services';
 
 interface Props {
   name: string
@@ -18,10 +19,18 @@ interface Props {
 const TextareaHtml = ({ name, value, validation, t, refs, onUpdate }: Props): JSX.Element => {
   const editorRef = useRef<TinyMceEditor | null>(null);
 
+  const { mutateAsync: Upload } = useFileUpload();
+
   const onChange = (content: string): void => {
     onUpdate(name, content);
   };
 
+  const onFileUpload = async (blobinfo: any): Promise<string> => {
+    const uploaded = await Upload(blobinfo);
+
+    return uploaded.filename;
+  };
+
   return (
     <div className="row-data">
       <Editor
@@ -43,6 +52,7 @@ const TextareaHtml = ({ name, value, validation, t, refs, onUpdate }: Props): JS
             'image media table | ' +
             'removeformat | help'
           ),
+          images_upload_handler: onFileUpload,
           content_style: 'body { font-family: Helvetica, Arial, sans-serif; font-size: 14px; }',
           promotion: false,
           highlight_on_focus: false

package/Viewer/services.ts

@@ -0,0 +1,24 @@
+import { UseMutationResult, useMutation } from '@tanstack/react-query';
+import { apiClient } from '@autobusal/providers';
+import { UploadData } from '@autobusal/providers/types';
+
+export const useFileUpload = (): UseMutationResult<UploadData, Error, any, unknown> => (
+  useMutation({
+    mutationKey: ['textarea-html'],
+    mutationFn: async (blobData) => {
+      const formData = new FormData();
+
+      formData.append('image', blobData.blob(), blobData.filename());
+
+      return await apiClient
+        .post('/api/label/admin/upload', formData, {
+          headers: {
+            'Content-Type': 'multipart/form-data'
+          }
+        })
+        .then(response => (
+          response.data
+        ))
+    }
+  })
+);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/common",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "type": "module",
   "main": "index.ts"
 }