@griddo/ax 1.56.1 → 1.56.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@griddo/ax",
   "description": "Griddo Author Experience",
-  "version": "1.56.1",
+  "version": "1.56.5",
   "authors": [
     "Álvaro Sánchez' <alvaro.sanches@secuoyas.com>",
     "Carlos Torres <carlos.torres@secuoyas.com>",
@@ -233,5 +233,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "337c1eda056013bf9d886bb9fb95ddb20c9ae07c"
+  "gitHead": "f05dd72f2dff20925d58af9401479bfba5e34213"
 }

package/src/components/Fields/ArrayFieldGroup/ArrayFieldInline/index.tsx

@@ -7,8 +7,21 @@ import * as S from "./style";
 const ArrayFieldInline = (props: IProps): JSX.Element => {
   const { fields, item, index, onChange, handleDelete } = props;
 
-  const deleteItem = () => {
-    handleDelete(index);
+  const deleteItem = () => handleDelete(index);
+
+  const getFields = (fields: any[]): any[] => {
+    return fields.map((field: any) => {
+      const key = field.props.objKey;
+      const handleChange = (newValue: any) => onChange({ [key]: newValue });
+
+      const innerFields = field.props.innerFields ? getFields(field.props.innerFields) : undefined;
+
+      return {
+        ...field,
+        props: { ...field.props, value: item[key], objKey: key, onChange: handleChange, innerFields },
+        key,
+      };
+    });
   };
 
   return (
@@ -17,16 +30,7 @@ const ArrayFieldInline = (props: IProps): JSX.Element => {
         <S.IconWrapper>
           <IconAction icon="delete" onClick={deleteItem} size="s" />
         </S.IconWrapper>
-        {fields.map((field: any) => {
-          const key = field.props.objKey;
-          const handleChange = (newValue: any) => onChange({ [key]: newValue });
-
-          return {
-            ...field,
-            props: { ...field.props, value: item[key], objKey: key, onChange: handleChange },
-            key,
-          };
-        })}
+        {getFields(fields)}
       </S.Content>
     </S.Wrapper>
   );

package/src/components/Fields/ArrayFieldGroup/ArrayFieldItem/index.tsx

@@ -9,9 +9,7 @@ const ArrayFieldItem = (props: IProps): JSX.Element => {
 
   const handleClick = () => setIsOpen(!isOpen);
 
-  const deleteItem = () => {
-    handleDelete(index);
-  };
+  const deleteItem = () => handleDelete(index);
 
   const menuOptions = [
     {
@@ -21,24 +19,28 @@ const ArrayFieldItem = (props: IProps): JSX.Element => {
     },
   ];
 
+  const getFields = (fields: any[]): any[] => {
+    return fields.map((field: any) => {
+      const key = field.props.objKey;
+      const handleChange = (newValue: any) => onChange({ [key]: newValue });
+
+      const innerFields = field.props.innerFields ? getFields(field.props.innerFields) : undefined;
+
+      return {
+        ...field,
+        props: { ...field.props, value: item[key], objKey: key, onChange: handleChange, innerFields },
+        key,
+      };
+    });
+  };
+
   return (
     <S.Wrapper isOpen={isOpen}>
       <S.Title onClick={handleClick} isOpen={isOpen}>
         {`${name} ${index + 1}`}
         <S.StyledActionMenu icon="more" options={menuOptions} />
       </S.Title>
-      <S.Content isOpen={isOpen}>
-        {fields.map((field: any) => {
-          const key = field.props.objKey;
-          const handleChange = (newValue: any) => onChange({ [key]: newValue });
-
-          return {
-            ...field,
-            props: { ...field.props, value: item[key], objKey: key, onChange: handleChange },
-            key,
-          };
-        })}
-      </S.Content>
+      <S.Content isOpen={isOpen}>{getFields(fields)}</S.Content>
     </S.Wrapper>
   );
 };

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

@@ -6,9 +6,7 @@ import * as S from "./style";
 const ConditionalField = (props: IConditionalFieldProps) => {
   const { value, options, innerFields, onChange } = props;
 
-  const handleChange = (newValue: any) => {
-    onChange(newValue);
-  };
+  const handleChange = (newValue: any) => onChange(newValue);
 
   return (
     <S.Wrapper>

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

@@ -80,7 +80,7 @@ const FileField = (props: IProps) => {
           <TextField
             name="url"
             value={value.url}
-            onChange={() => {}}
+            onChange={() => null}
             readonly={true}
             icon="openOutside"
             onClickIcon={handleOnClickUrl}

package/src/components/Flag/index.tsx

@@ -1,8 +1,17 @@
 import React from "react";
 
 const getImage = (name: string) => {
+  const simpleIcons: any = {
+    es: "Es_ES",
+    en: "En_GB",
+    de: "De_DE",
+    fr: "Fr_FR",
+    it: "It_IT",
+    pt: "Pt_PT",
+  };
+  const filename = simpleIcons[name?.toLowerCase()] || name;
   try {
-    return require(`./components/${name}`).default;
+    return require(`./components/${filename}`).default;
   } catch (err) {
     return null;
   }

package/src/modules/StructuredData/Form/ConnectedField/index.tsx

@@ -13,9 +13,7 @@ const ConnectedField = (props: IProps) => {
 
   const value = form.content && form.content[fieldKey];
 
-  const handleChange = (newValue: any) => {
-    updateFormValue({ [fieldKey]: newValue });
-  };
+  const handleChange = (newValue: any) => updateFormValue({ [fieldKey]: newValue });
 
   const isConditional = field.type === "ConditionalField";
   const isArrayGroup = field.type === "ArrayFieldGroup";

package/src/modules/StructuredData/Form/index.tsx

@@ -92,9 +92,7 @@ const Form = (props: IProps) => {
 
   const inversed = !currentSite;
 
-  const createNewTranslation = (value: boolean) => {
-    setisNewStructuredData(value);
-  };
+  const createNewTranslation = (value: boolean) => setisNewStructuredData(value);
 
   const languageActions = {
     setLanguage,