@griddo/ax 11.0.1 → 11.0.3

package/package.json

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

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

@@ -9,19 +9,18 @@ import ArrayFieldInline from "./ArrayFieldInline";
 import * as S from "./style";
 
 const ArrayFieldGroup = (props: IProps): JSX.Element => {
-  const { value, name, innerFields, onChange, divider, arrayType, site, disabled } = props;
+  const { value, name, innerFields, onChange, divider, arrayType, site, disabled, editorID } = props;
 
-  const initialValue = value ? Object.values(value) : [];
-  const initialValueMapped = initialValue.map((val: any) => {
-    return val.id ? val : { id: uuidv4(), ...val };
-  });
-
-  const [items, setItems] = useState(initialValueMapped);
+  const [items, setItems] = useState<any[]>([]);
   const [isOpen, setIsOpen] = useState<number | null>(null);
 
   useEffect(() => {
-    setItems(value);
-  }, [value]);
+    const initialValue = value ? Object.values(value) : [];
+    const initialValueMapped = initialValue.map((val: any) => {
+      return val.id ? val : { id: uuidv4(), ...val };
+    });
+    setItems(initialValueMapped);
+  }, [editorID]);
 
   const handleClick = () => {
     const newItems = [...items, { id: uuidv4() }];
@@ -102,6 +101,7 @@ export interface IProps {
   arrayType: string;
   site: ISite | null;
   disabled?: boolean;
+  editorID: number;
 }
 
 export default ArrayFieldGroup;