Add RecordsIterator in navigation and reference.

Author: Madeorsk

docs/Reference.md

@@ -151,6 +151,7 @@ title: "Index"
 * [`<RadioButtonGroupInput>`](./RadioButtonGroupInput.md)
 * [`<RecordField>`](./RecordField.md)
 * [`<RecordRepresentation>`](./RecordRepresentation.md)
+* [`<RecordsIterator>`](./RecordsIterator.md)
 * [`<ReferenceArrayField>`](./ReferenceArrayField.md)
 * [`<ReferenceArrayInput>`](./ReferenceArrayInput.md)
 * [`<ReferenceField>`](./ReferenceField.md)

docs/navigation.html

@@ -38,7 +38,7 @@
     <li {% if page.path == 'Resource.md' %} class="active beginner" {% else %} class="beginner" {% endif %}><a class="nav-link" href="./Resource.html"><code>&lt;Resource&gt;</code></a></li>
     <li {% if page.path == 'CustomRoutes.md' %} class="active" {% endif %}><a class="nav-link" href="./CustomRoutes.html"><code>&lt;CustomRoutes&gt;</code></a></li>
   </ul>
-  
+
   <ul><div>Data Fetching</div>
     <li {% if page.path == 'DataProviders.md' %} class="active beginner" {% else %} class="beginner" {% endif %}><a class="nav-link" href="./DataProviders.html">Data Provider Setup</a></li>
     <li {% if page.path == 'Actions.md' %} class="active beginner" {% else %} class="beginner" {% endif %}><a class="nav-link" href="./Actions.html">Querying the API</a></li>
@@ -59,7 +59,7 @@
     <li {% if page.path == 'withLifecycleCallbacks.md' %} class="active" {% endif %}><a class="nav-link" href="./withLifecycleCallbacks.html"><code>withLifecycleCallbacks</code></a></li>
     <li {% if page.path == 'fetchJson.md' %} class="active" {% endif %}><a class="nav-link" href="./fetchJson.html"><code>fetchJson</code></a></li>
   </ul>
-  
+
   <ul><div>Security</div>
     <li {% if page.path == 'Authentication.md' %} class="active beginner" {% else %} class="beginner" {% endif %}><a class="nav-link" href="./Authentication.html">Auth Provider Setup</a></li>
     <li {% if page.path == 'AuthProviderList.md' %} class="active beginner" {% else %} class="beginner" {% endif %}><a class="nav-link" href="./AuthProviderList.html">Supported backends</a></li>
@@ -79,7 +79,7 @@
     <li {% if page.path == 'addRefreshAuthToAuthProvider.md' %} class="active" {% endif %}><a class="nav-link" href="./addRefreshAuthToAuthProvider.html"><code>addRefreshAuthToAuthProvider</code></a></li>
     <li {% if page.path == 'addRefreshAuthToDataProvider.md' %} class="active" {% endif %}><a class="nav-link" href="./addRefreshAuthToDataProvider.html"><code>addRefreshAuthToDataProvider</code></a></li>
   </ul>
-  
+
   <ul><div>List Page</div>
     <li {% if page.path == 'ListTutorial.md' %} class="active beginner" {% else %} class="beginner" {% endif %}><a class="nav-link" href="./ListTutorial.html">Introduction</a></li>
     <li {% if page.path == 'FilteringTutorial.md' %} class="active beginner" {% else %} class="beginner" {% endif %}><a class="nav-link" href="./FilteringTutorial.html">Filtering The List</a></li>
@@ -101,6 +101,7 @@
     <li {% if page.path == 'FilterList.md' %} class="active" {% endif %}><a class="nav-link" href="./FilterList.html"><code>&lt;FilterList&gt;</code></a></li>
     <li {% if page.path == 'FilterLiveForm.md' %} class="active" {% endif %}><a class="nav-link" href="./FilterLiveForm.html"><code>&lt;FilterLiveForm&gt;</code></a></li>
     <li {% if page.path == 'FilterLiveSearch.md' %} class="active" {% endif %}><a class="nav-link" href="./FilterLiveSearch.html"><code>&lt;FilterLiveSearch&gt;</code></a></li>
+    <li {% if page.path == 'RecordsIterator.md' %} class="active" {% endif %}><a class="nav-link" href="./RecordsIterator.html"><code>&lt;RecordsIterator&gt;</code></a></li>
     <li {% if page.path == 'SavedQueriesList.md' %} class="active" {% endif %}><a class="nav-link" href="./SavedQueriesList.html"><code>&lt;SavedQueriesList&gt;</code></a></li>
     <li {% if page.path == 'StackedFilters.md' %} class="active" {% endif %}><a class="nav-link" href="./StackedFilters.html"><code>&lt;StackedFilters&gt;</code><img class="premium" src="./img/premium.svg" /></a></li>
     <li {% if page.path == 'Pagination.md' %} class="active" {% endif %}><a class="nav-link" href="./Pagination.html"><code>&lt;Pagination&gt;</code></a></li>
@@ -114,7 +115,7 @@
     <li {% if page.path == 'useUnselect.md' %} class="active" {% endif %}><a class="nav-link" href="./useUnselect.html"><code>useUnselect</code></a></li>
     <li {% if page.path == 'useUnselectAll.md' %} class="active" {% endif %}><a class="nav-link" href="./useUnselectAll.html"><code>useUnselectAll</code></a></li>
   </ul>
-  
+
   <ul><div>Creation & Edition Pages</div>
     <li {% if page.path == 'EditTutorial.md' %} class="active beginner" {% else %} class="beginner" {% endif %}><a class="nav-link" href="./EditTutorial.html">Introduction</a></li>
     <li {% if page.path == 'Validation.md' %} class="active beginner" {% else %} class="beginner" {% endif %}><a class="nav-link" href="./Validation.html">Form Validation</a></li>
@@ -148,7 +149,7 @@
     <li {% if page.path == 'useRegisterMutationMiddleware.md' %} class="active" {% endif %}><a class="nav-link" href="./useRegisterMutationMiddleware.html"><code>useRegisterMutationMiddleware</code></a></li>
     <li {% if page.path == 'useUnique.md' %} class="active" {% endif %}><a class="nav-link" href="./useUnique.html"><code>useUnique</code></a></li>
   </ul>
-  
+
   <ul><div>Show Page</div>
     <li {% if page.path == 'ShowTutorial.md' %} class="active beginner" {% else %} class="beginner" {% endif %}><a class="nav-link" href="./ShowTutorial.html">Introduction</a></li>
     <li {% if page.path == 'Show.md' %} class="active beginner" {% else %} class="beginner" {% endif %}><a class="nav-link" href="./Show.html"><code>&lt;Show&gt;</code></a></li>
@@ -162,7 +163,7 @@
     <li {% if page.path == 'useShowContext.md' %} class="active" {% endif %}><a class="nav-link" href="./useShowContext.html"><code>useShowContext</code></a></li>
     <li {% if page.path == 'useShowController.md' %} class="active" {% endif %}><a class="nav-link" href="./useShowController.html"><code>useShowController</code></a></li>
   </ul>
-  
+
   <ul><div>Common</div>
     <li {% if page.path == 'WithRecord.md' %} class="active beginner" {% else %} class="beginner" {% endif %}><a class="nav-link" href="./WithRecord.html"><code>&lt;WithRecord&gt;</code></a></li>
     <li {% if page.path == 'useRecordContext.md' %} class="active beginner" {% else %} class="beginner" {% endif %}><a class="nav-link" href="./useRecordContext.html"><code>useRecordContext</code></a></li>
@@ -171,7 +172,7 @@
     <li {% if page.path == 'useRedirect.md' %} class="active beginner" {% else %} class="beginner" {% endif %}><a class="nav-link" href="./useRedirect.html"><code>useRedirect</code></a></li>
     <li {% if page.path == 'useRefresh.md' %} class="active" {% endif %}><a class="nav-link" href="./useRefresh.html"><code>useRefresh</code></a></li>
   </ul>
-  
+
   <ul><div>Fields</div>
     <li {% if page.path == 'Fields.md' %} class="active beginner" {% else %} class="beginner" {% endif %}><a class="nav-link" href="./Fields.html">Introduction</a></li>
     <li {% if page.path == 'FieldsForRelationships.md' %} class="active" {% endif %}><a class="nav-link" href="./FieldsForRelationships.html">Fields for Relationships</a></li>
@@ -200,7 +201,7 @@
     <li {% if page.path == 'WrapperField.md' %} class="active" {% endif %}><a class="nav-link" href="./WrapperField.html"><code>&lt;WrapperField&gt;</code></a></li>
     <li {% if page.path == 'useFieldValue.md' %} class="active" {% endif %}><a class="nav-link" href="./useFieldValue.html"><code>useFieldValue</code></a></li>
   </ul>
-  
+
   <ul><div>Inputs</div>
     <li {% if page.path == 'Inputs.md' %} class="active beginner" {% else %} class="beginner" {% endif %}><a class="nav-link" href="./Inputs.html">Introduction</a></li>
     <li {% if page.path == 'ArrayInput.md' %} class="active beginner" {% else %} class="beginner" {% endif %}><a class="nav-link" href="./ArrayInput.html"><code>&lt;ArrayInput&gt;</code></a></li>
@@ -240,15 +241,15 @@
     <li {% if page.path == 'TreeInput.md' %} class="active" {% endif %}><a class="nav-link" href="./TreeInput.html"><code>&lt;TreeInput&gt;</code><img class="premium" src="./img/premium.svg" /></a></li>
     <li {% if page.path == 'useInput.md' %} class="active" {% endif %}><a class="nav-link" href="./useInput.html"><code>useInput</code></a></li>
   </ul>
-  
+
   <ul><div>Preferences</div>
     <li {% if page.path == 'useStore.md' %} class="active" {% endif %}><a class="nav-link" href="./useStore.html"><code>useStore</code></a></li>
     <li {% if page.path == 'useRemoveFromStore.md' %} class="active" {% endif %}><a class="nav-link" href="./useRemoveFromStore.html"><code>useRemoveFromStore</code></a></li>
     <li {% if page.path == 'useResetStore.md' %} class="active" {% endif %}><a class="nav-link" href="./useResetStore.html"><code>useResetStore</code></a></li>
     <li {% if page.path == 'useStoreContext.md' %} class="active" {% endif %}><a class="nav-link" href="./useStoreContext.html"><code>useStoreContext</code></a></li>
     <li {% if page.path == 'Configurable.md' %} class="active" {% endif %}><a class="nav-link" href="./Configurable.html"><code>&lt;Configurable&gt;</code></a></li>
   </ul>
-  
+
   <ul><div>I18N Provider and Translations</div>
     <li {% if page.path == 'TranslationSetup.md' %} class="active" {% endif %}><a class="nav-link" href="./TranslationSetup.html">Setting Up</a></li>
     <li {% if page.path == 'TranslationLocales.md' %} class="active" {% endif %}><a class="nav-link" href="./TranslationLocales.html">Supported Locales</a></li>
@@ -259,7 +260,7 @@
     <li {% if page.path == 'useLocaleState.md' %} class="active" {% endif %}><a class="nav-link" href="./useLocaleState.html"><code>useLocaleState</code></a></li>
     <li {% if page.path == 'LocalesMenuButton.md' %} class="active" {% endif %}><a class="nav-link" href="./LocalesMenuButton.html"><code>&lt;LocalesMenuButton&gt;</code></a></li>
   </ul>
-  
+
   <ul><div>Other UI components</div>
     <li {% if page.path == 'Layout.md' %} class="active beginner" {% else %} class="beginner" {% endif %}><a class="nav-link" href="./Layout.html"><code>&lt;Layout&gt;</code></a></li>
     <li {% if page.path == 'ContainerLayout.md' %} class="active" {% endif %}><a class="nav-link" href="./ContainerLayout.html"><code>&lt;ContainerLayout&gt;</code><img class="premium" src="./img/premium.svg" /></a></li>
@@ -282,7 +283,7 @@
     <li {% if page.path == 'useDefineAppLocation.md' %} class="active" {% endif %}><a class="nav-link" href="./useDefineAppLocation.html"><code>useDefineAppLocation</code><img class="premium" src="./img/premium.svg" /></a></li>
     <li {% if page.path == 'useGetRecordRepresentation.md' %} class="active" {% endif %}><a class="nav-link" href="./useGetRecordRepresentation.html"><code>useGetRecordRepresentation</code></a></li>
   </ul>
-  
+
   <ul><div>Theming</div>
     <li {% if page.path == 'SX.md' %} class="active beginner" {% else %} class="beginner" {% endif %}><a class="nav-link" href="./SX.html">The <code>sx</code> prop</a></li>
     <li {% if page.path == 'AppTheme.md' %} class="active beginner" {% else %} class="beginner" {% endif %}><a class="nav-link" href="./AppTheme.html">Application Theme</a></li>
@@ -291,7 +292,7 @@
     <li {% if page.path == 'useMediaQuery.md' %} class="active" {% endif %}><a class="nav-link" href="./useMediaQuery.html"><code>useMediaQuery</code></a></li>
     <li {% if page.path == 'useTheme.md' %} class="active" {% endif %}><a class="nav-link" href="./useTheme.html"><code>useTheme</code></a></li>
   </ul>
-  
+
   <ul><div>Realtime</div>
     <li {% if page.path == 'RealtimeDataProvider.md' %} class="active" {% endif %}><a class="nav-link" href="./RealtimeDataProvider.html">Setting Up</a></li>
     <li {% if page.path == 'usePublish.md' %} class="active" {% endif %}><a class="nav-link" href="./usePublish.html"><code>usePublish</code><img class="premium" src="./img/premium.svg" /></a></li>
@@ -317,19 +318,19 @@
     <li {% if page.path == 'ShowLive.md' %} class="active" {% endif %}><a class="nav-link" href="./ShowLive.html"><code>&lt;ShowLive&gt;</code><img class="premium" src="./img/premium.svg" /></a></li>
     <li {% if page.path == 'MenuLive.md' %} class="active" {% endif %}><a class="nav-link" href="./MenuLive.html"><code>&lt;MenuLive&gt;</code><img class="premium" src="./img/premium.svg" /></a></li>
   </ul>
-  
+
   <ul><div>Recipes</div>
     <li {% if page.path == 'Caching.md' %} class="active" {% endif %}><a class="nav-link" href="./Caching.html">Caching</a></li>
     <li {% if page.path == 'UnitTesting.md' %} class="active" {% endif %}><a class="nav-link" href="./UnitTesting.html">Unit Testing</a></li>
     <li {% if page.path == 'AdvancedTutorials.md' %} class="active" {% endif %}><a class="nav-link" href="./AdvancedTutorials.html">Advanced tutorials</a></li>
   </ul>
-  
+
   <li {% if page.path == 'Ecosystem.md' %} class="active" {% endif %}><a class="nav-link" href="./Ecosystem.html">Ecosystem</a></li>
   <li {% if page.path == 'Contributing.md' %} class="active" {% endif %}><a class="nav-link" href="./Contributing.html">Contributing</a></li>
   <li {% if page.path == 'FAQ.md' %} class="active" {% endif %}><a class="nav-link" href="./FAQ.html">FAQ</a></li>
   <li {% if page.path == 'Reference.md' %} class="active beginner" {% else %} class="beginner" {% endif %}><a class="nav-link" href="./Reference.html">Index</a></li>
-  
+
   <div class="beginner-mode-on" style="margin:1em;padding:1em;background:#ffffca;border-radius:4px;display:none;font-size:0.8em;opacity:0.8;text-align:center;">
     <a href="#beginner-mode">Beginner mode is on</a>. Turn it off to reveal more documentation for advanced components.
   </div>
-  
+