enforce maxRows on Arrays and Blocks

src/client/components/forms/field-types/Array/Array.js

@@ -180,6 +180,7 @@ const RenderArray = React.memo((props) => {
     value,
     readOnly,
     minRows,
+    maxRows,
   } = props;
 
   return (
@@ -240,7 +241,7 @@ const RenderArray = React.memo((props) => {
             </div>
           )}
         </Droppable>
-        {!readOnly && (
+        {(!readOnly && (rows.length < maxRows || maxRows === undefined)) && (
           <div className={`${baseClass}__add-button-wrap`}>
             <Button
               onClick={() => addRow(value)}

src/client/components/forms/field-types/Blocks/Blocks.js

@@ -198,6 +198,7 @@ const RenderBlocks = React.memo((props) => {
     blocks,
     readOnly,
     minRows,
+    maxRows,
   } = props;
 
   return (
@@ -282,7 +283,7 @@ const RenderBlocks = React.memo((props) => {
           )}
         </Droppable>
 
-        {!readOnly && (
+        {(!readOnly && (rows.length < maxRows || maxRows === undefined)) && (
           <div className={`${baseClass}__add-button-wrap`}>
             <Popup
               buttonType="custom"