Update documentation and add renderer theme provider to live editor

documentation/docs/api/smart-forms-renderer/functions/removeInternalIdsFromResponse.md

@@ -0,0 +1,17 @@
+# Function: removeInternalIdsFromResponse()
+
+> **removeInternalIdsFromResponse**(`questionnaire`, `questionnaireResponse`): `QuestionnaireResponse`
+
+Remove all instances of item.answer.id from the filled QuestionnaireResponse.
+These IDs are used internally for rendering repeating items, and can be safely left out of the final response.
+
+## Parameters
+
+| Parameter | Type |
+| :------ | :------ |
+| `questionnaire` | `Questionnaire` |
+| `questionnaireResponse` | `QuestionnaireResponse` |
+
+## Returns
+
+`QuestionnaireResponse`

documentation/docs/api/smart-forms-renderer/index.md

@@ -58,6 +58,7 @@
 | [isSpecificItemControl](functions/isSpecificItemControl.md) | Check if the extension has an itemControl code equal to the given itemControlCode |
 | [parseFhirDateToDisplayDate](functions/parseFhirDateToDisplayDate.md) | Parse a FHIR date string to a date to be consumed and displayed by the DateItem component. |
 | [removeEmptyAnswersFromResponse](functions/removeEmptyAnswersFromResponse.md) | Remove all empty/hidden answers from the filled QuestionnaireResponse. |
+| [removeInternalIdsFromResponse](functions/removeInternalIdsFromResponse.md) | Remove all instances of item.answer.id from the filled QuestionnaireResponse. |
 | [repopulateResponse](functions/repopulateResponse.md) | Re-populate checked items in the re-population dialog into the current QuestionnaireResponse |
 | [useBuildForm](functions/useBuildForm.md) | React hook wrapping around the buildForm() function to build a form from a questionnaire and an optional QuestionnaireResponse. |
 | [useHidden](functions/useHidden.md) | React hook to determine if a QuestionnaireItem is hidden via item.hidden, enableWhens, enableWhenExpressions. |

documentation/docs/api/smart-forms-renderer/interfaces/QuestionnaireResponseStoreType.md

@@ -52,6 +52,14 @@ Key-value pair of invalid items based on defined value constraints in the questi
 
 ***
 
+### key
+
+> **key**: `string`
+
+The React key of the questionnaireResponse, used internally for refreshing the BaseRenderer
+
+***
+
 ### responseIsValid
 
 > **responseIsValid**: `boolean`

documentation/docs/api/smart-forms-renderer/typedoc-sidebar.cjs

@@ -218,6 +218,11 @@ const typedocSidebar = { items: [
         "id": "api/smart-forms-renderer/functions/removeEmptyAnswersFromResponse",
         "label": "removeEmptyAnswersFromResponse"
       },
+      {
+        "type": "doc",
+        "id": "api/smart-forms-renderer/functions/removeInternalIdsFromResponse",
+        "label": "removeInternalIdsFromResponse"
+      },
       {
         "type": "doc",
         "id": "api/smart-forms-renderer/functions/repopulateResponse",

documentation/docs/api/smart-forms-renderer/variables/useQuestionnaireResponseStore.md

@@ -62,6 +62,14 @@ This is the React version of the store which can be used as React hooks in React
 
 `Record`\<`string`, `OperationOutcome`\>
 
+### use.key()
+
+> **key**: () => `string`
+
+#### Returns
+
+`string`
+
 ### use.responseIsValid()
 
 > **responseIsValid**: () => `boolean`

documentation/src/theme/ReactLiveScope/index.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import {
   BaseRenderer,
   getResponse,
+  RendererThemeProvider,
   useBuildForm,
   useQuestionnaireResponseStore,
   useQuestionnaireStore,
@@ -33,9 +34,13 @@ function YourBaseRendererWrapper(props: {
   }
 
   return (
-    <QueryClientProvider client={queryClient}>
-      <BaseRenderer />
-    </QueryClientProvider>
+    <RendererThemeProvider>
+      <QueryClientProvider client={queryClient}>
+        <div style={{ padding: '0 12px' }}>
+          <BaseRenderer />
+        </div>
+      </QueryClientProvider>
+    </RendererThemeProvider>
   );
 }