Add conditional row limit notice to APIPage template (#274)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@civicactions/cmsds-open-data-components",
-  "version": "3.6.1",
+  "version": "3.6.2",
   "description": "Components for the open data catalog frontend using CMS Design System",
   "main": "dist/main.js",
   "source": "src/index.ts",

src/templates/APIPage/APIPage.jsx

@@ -1,25 +1,29 @@
 import React from 'react';
 import qs from 'qs';
 import SwaggerUI from 'swagger-ui-react';
+import ApiRowLimitNotice from '../../components/ApiRowLimitNotice';
 import 'swagger-ui-react/swagger-ui.css';
 import './swagger-ui-overrides.scss';
 
-const APIPage = ({ hideAuth = true, additionalParams, rootUrl }) => {
+const APIPage = ({ hideAuth = true, additionalParams, rootUrl, showRowLimitNotice = false }) => {
   const hasACA = additionalParams && additionalParams.ACA ? true : false;
   let params = {
     authentication: hideAuth ? false : undefined,
     ACA: hasACA ? additionalParams.ACA : undefined,
     redirect: hasACA ? false : undefined,
   };
   return (
-    <section className="ds-l-container">
-    <SwaggerUI
-      url={`${rootUrl}${qs.stringify(params, { addQueryPrefix: true })}`}
-      docExpansion={'list'}
-      defaultModelsExpandDepth={-1}
-    />
-  </section>
-  )
+    <>
+      {showRowLimitNotice && <ApiRowLimitNotice />}
+      <section className="ds-l-container">
+        <SwaggerUI
+          url={`${rootUrl}${qs.stringify(params, { addQueryPrefix: true })}`}
+          docExpansion={'list'}
+          defaultModelsExpandDepth={-1}
+        />
+      </section>
+    </>
+  );
 };
 
 export default APIPage;