@griddo/ax 10.7.7 → 10.7.8

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@griddo/ax",
   "description": "Griddo Author Experience",
-  "version": "10.7.7",
+  "version": "10.7.8",
   "authors": [
     "Álvaro Sánchez' <alvaro.sanches@secuoyas.com>",
     "Carlos Torres <carlos.torres@secuoyas.com>",
@@ -229,5 +229,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c14eebd4f92f3bb6730b17a304b3f01091a21703"
+  "gitHead": "d6e57153101f81796458e1bb52604319738a8ac3"
 }

package/src/components/Fields/Wysiwyg/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { connect } from "react-redux";
-import FroalaEditor from "react-froala-wysiwyg";
+import FroalaEditorComponent from "react-froala-wysiwyg";
 import { decodeEntities } from "@ax/helpers";
 import { IImage, ISite, IRootState } from "@ax/types";
 import { galleryActions } from "@ax/containers/Gallery";
@@ -40,6 +40,7 @@ const Wysiwyg = (props: IWysiwygProps): JSX.Element => {
     },
     events: {
       initialized() {
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
         const editor: any = this;
         if (disabled) {
           setTimeout(() => {
@@ -48,12 +49,18 @@ const Wysiwyg = (props: IWysiwygProps): JSX.Element => {
         }
       },
       "image.beforeUpload": async function (images: FileList) {
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
         const editor: any = this;
-        const { url } = await uploadImage(images[0], imageSite);
-        editor.image.insert(url, true, null, editor.image.get(), null);
+        const response = await uploadImage(images[0], imageSite);
+        if (response) {
+          editor.image.insert(response.url, null, null, editor.image.get());
+        } else {
+          editor.image.remove(editor.image.get());
+        }
         return false;
       },
       blur: function () {
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
         const editor: any = this;
         const html = editor.html.get();
         const stripedHtml = decodeEntities(html);
@@ -66,7 +73,7 @@ const Wysiwyg = (props: IWysiwygProps): JSX.Element => {
 
   return (
     <S.EditorWrapper error={error} disabled={disabled} data-testid="wysiwyg-wrapper">
-      <FroalaEditor tag="textarea" model={value} config={config} onModelChange={handleChange} />
+      <FroalaEditorComponent tag="textarea" model={value} config={config} onModelChange={handleChange} />
     </S.EditorWrapper>
   );
 };

package/src/helpers/schemas.tsx

@@ -1,6 +1,6 @@
 import { schemas, moduleCategories } from "components";
 import { sortBy } from "@ax/helpers";
-import { ModuleCategoryInfo } from "@ax/types";
+import { ISchema, ModuleCategoryInfo } from "@ax/types";
 import { pageSchemas } from "@ax/schemas";
 
 const allSchemas = { ...schemas.all, ...pageSchemas };
@@ -54,9 +54,9 @@ const getTemplateThumbnails = (name: string, theme?: string) => {
 
 const getDataPackSchema = (name: string) => schemas.dataPacks[name];
 
-const getDisplayName = (component: string) => {
-  const schema = getSchema(component);
-  return schema?.displayName;
+const getDisplayName = (component: string): string => {
+  const schema: ISchema = getSchema(component);
+  return schema?.displayName || "";
 };
 
 const getSchemaType = (component: string) => {

package/src/types/index.tsx

@@ -160,6 +160,7 @@ export interface ISchema {
   type?: string;
   configTabs: ISchemaTab[];
   schemaType: string;
+  displayName: string;
 }
 
 export interface ISchemaTab {