@aehrc/smart-forms-renderer 0.30.2 → 0.31.0

package/lib/stores/smartConfigStore.js

@@ -16,6 +16,16 @@
  */
 import { createStore } from 'zustand/vanilla';
 import { createSelectors } from './selector';
+/**
+ * Smart Config state management store. This is only used for answerExpressions.
+ * It is recommended to manage the state of the FHIRClient, patient, user, and encounter in the parent application, since the renderer doesn't provide pre-population capabilities.
+ * Will be deprecated in version 1.0.0.
+ *
+ * This is the vanilla version of the store which can be used in non-React environments.
+ * @see {SmartConfigStoreType} for available properties and methods.
+ *
+ * @author Sean Fong
+ */
 export const smartConfigStore = createStore()((set) => ({
     client: null,
     patient: null,
@@ -26,5 +36,16 @@ export const smartConfigStore = createStore()((set) => ({
     setUser: (user) => set(() => ({ user: user })),
     setEncounter: (encounter) => set(() => ({ encounter: encounter }))
 }));
+/**
+ * Smart Config state management store. This is only used for answerExpressions.
+ * It is recommended to manage the state of the FHIRClient, patient, user, and encounter in the parent application, since the renderer doesn't provide pre-population capabilities.
+ * Will be deprecated in version 1.0.0.
+ *
+ * This is the React version of the store which can be used as React hooks in React functional components.
+ * @see {SmartConfigStoreType} for available properties and methods.
+ * @see {smartConfigStore} for the vanilla store.
+ *
+ * @author Sean Fong
+ */
 export const useSmartConfigStore = createSelectors(smartConfigStore);
 //# sourceMappingURL=smartConfigStore.js.map

package/lib/stores/smartConfigStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"smartConfigStore.js","sourceRoot":"","sources":["../../src/stores/smartConfigStore.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAa7C,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,EAAwB,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IAC5E,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,IAAI;IACb,IAAI,EAAE,IAAI;IACV,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,CAAC,MAAc,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAC9D,UAAU,EAAE,CAAC,OAAgB,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;IACnE,OAAO,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5D,YAAY,EAAE,CAAC,SAAoB,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;CAC9E,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,mBAAmB,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"smartConfigStore.js","sourceRoot":"","sources":["../../src/stores/smartConfigStore.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AA6B7C;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,EAAwB,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IAC5E,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,IAAI;IACb,IAAI,EAAE,IAAI;IACV,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,CAAC,MAAc,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAC9D,UAAU,EAAE,CAAC,OAAgB,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;IACnE,OAAO,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5D,YAAY,EAAE,CAAC,SAAoB,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;CAC9E,CAAC,CAAC,CAAC;AAEJ;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC"}

package/lib/stores/terminologyServerStore.d.ts

@@ -1,9 +1,36 @@
-interface TerminologyServerStoreType {
+/**
+ * TerminologyServerStore properties and methods
+ * Properties can be accessed for fine-grain details.
+ * Methods are usually used internally, using them from an external source is not recommended.
+ *
+ * @property url - The current terminology server URL
+ * @method setUrl - Set the terminology server URL
+ * @method resetUrl - Reset the terminology server URL to the default
+ *
+ * @author Sean Fong
+ */
+export interface TerminologyServerStoreType {
     url: string;
     setUrl: (newUrl: string) => void;
     resetUrl: () => void;
 }
+/**
+ * Terminology server state management store. This is used for resolving valueSets externally.
+ * Defaults to use https://r4.ontoserver.csiro.au/fhir.
+ * This is the vanilla version of the store which can be used in non-React environments.
+ * @see {TerminologyServerStoreType} for available properties and methods.
+ *
+ * @author Sean Fong
+ */
 export declare const terminologyServerStore: import("zustand/vanilla").StoreApi<TerminologyServerStoreType>;
+/**
+ * Terminology server state management store. This is used for resolving valueSets externally.
+ * Defaults to use https://r4.ontoserver.csiro.au/fhir.
+ * This is the React version of the store which can be used as React hooks in React functional components.
+ * @see {TerminologyServerStoreType} for available properties and methods.
+ *
+ * @author Sean Fong
+ */
 export declare const useTerminologyServerStore: import("zustand/vanilla").StoreApi<TerminologyServerStoreType> & {
     use: {
         url: () => string;
@@ -11,4 +38,3 @@ export declare const useTerminologyServerStore: import("zustand/vanilla").StoreA
         resetUrl: () => () => void;
     };
 };
-export {};

package/lib/stores/terminologyServerStore.js

@@ -17,10 +17,26 @@
 import { createStore } from 'zustand/vanilla';
 import { createSelectors } from './selector';
 const ONTOSERVER_R4 = 'https://r4.ontoserver.csiro.au/fhir';
+/**
+ * Terminology server state management store. This is used for resolving valueSets externally.
+ * Defaults to use https://r4.ontoserver.csiro.au/fhir.
+ * This is the vanilla version of the store which can be used in non-React environments.
+ * @see {TerminologyServerStoreType} for available properties and methods.
+ *
+ * @author Sean Fong
+ */
 export const terminologyServerStore = createStore()((set) => ({
     url: ONTOSERVER_R4,
     setUrl: (newUrl) => set(() => ({ url: newUrl })),
     resetUrl: () => set(() => ({ url: ONTOSERVER_R4 }))
 }));
+/**
+ * Terminology server state management store. This is used for resolving valueSets externally.
+ * Defaults to use https://r4.ontoserver.csiro.au/fhir.
+ * This is the React version of the store which can be used as React hooks in React functional components.
+ * @see {TerminologyServerStoreType} for available properties and methods.
+ *
+ * @author Sean Fong
+ */
 export const useTerminologyServerStore = createSelectors(terminologyServerStore);
 //# sourceMappingURL=terminologyServerStore.js.map

package/lib/stores/terminologyServerStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"terminologyServerStore.js","sourceRoot":"","sources":["../../src/stores/terminologyServerStore.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,aAAa,GAAG,qCAAqC,CAAC;AAQ5D,MAAM,CAAC,MAAM,sBAAsB,GAAG,WAAW,EAA8B,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACxF,GAAG,EAAE,aAAa;IAClB,MAAM,EAAE,CAAC,MAAc,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC;IACxD,QAAQ,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE,CAAC,CAAC;CACpD,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,yBAAyB,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC"}
+{"version":3,"file":"terminologyServerStore.js","sourceRoot":"","sources":["../../src/stores/terminologyServerStore.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,aAAa,GAAG,qCAAqC,CAAC;AAmB5D;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,WAAW,EAA8B,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACxF,GAAG,EAAE,aAAa;IAClB,MAAM,EAAE,CAAC,MAAc,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC;IACxD,QAAQ,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE,CAAC,CAAC;CACpD,CAAC,CAAC,CAAC;AAEJ;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC"}

package/lib/stories/InitialiseFormWrapperForStorybook.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { Questionnaire, QuestionnaireResponse } from 'fhir/r4';
+import type Client from 'fhirclient/lib/Client';
+interface InitialiseFormWrapperProps {
+    questionnaire: Questionnaire;
+    questionnaireResponse?: QuestionnaireResponse;
+    readOnly?: boolean;
+    terminologyServerUrl?: string;
+    additionalVariables?: Record<string, object>;
+    fhirClient?: Client;
+}
+/**
+ * This is a one-to-one replacement for the SmartFormsRenderer for demo purposes.
+ * Instead of using this React component, define your own wrapper component that uses the BaseRenderer directly.
+ * Things to note:
+ * - It is required to wrap the BaseRenderer with the QueryClientProvider to make requests.
+ * - You can wrap the BaseRenderer with the RendererThemeProvider to apply the default renderer theme used in Smart Forms. Optionally, you can define your own ThemeProvider.
+ * - Make your buildForm() call in a button click or other event handler. Alternatively, you can use the useInitialiseForm hook to initialise the form.
+ * - Make your own initialiseFhirClient() call in a button click or other event handler. Alternatively, you can use the useInitialiseForm hook to initialise the form.
+ * - The initialised FHIRClient is only used for further FHIR calls. It does not provide pre-population capabilities.
+ *
+ * For button click usage examples of buildForm(), see:
+ * - https://github.com/aehrc/smart-forms/blob/main/packages/smart-forms-renderer/src/stories/BuildFormButtonTesterWrapper.tsx#L47
+ * - https://github.com/aehrc/smart-forms/blob/main/packages/smart-forms-renderer/src/stories/BuildFormButtonForStorybook.tsx
+ *
+ * @author Sean Fong
+ */
+declare function InitialiseFormWrapperForStorybook(props: InitialiseFormWrapperProps): React.JSX.Element;
+export default InitialiseFormWrapperForStorybook;

package/lib/stories/InitialiseFormWrapperForStorybook.js

@@ -0,0 +1,65 @@
+/*
+ * Copyright 2024 Commonwealth Scientific and Industrial Research
+ * Organisation (CSIRO) ABN 41 687 119 230.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+// @ts-ignore
+import React from 'react';
+import { BaseRenderer } from '../components';
+import { QueryClientProvider } from '@tanstack/react-query';
+import RendererThemeProvider from '../theme/Theme';
+import useRendererQueryClient from '../hooks/useRendererQueryClient';
+import useInitialiseForm from '../hooks/useInitialiseForm';
+import Box from '@mui/material/Box';
+import CircularProgress from '@mui/material/CircularProgress';
+import Typography from '@mui/material/Typography';
+/**
+ * This is a one-to-one replacement for the SmartFormsRenderer for demo purposes.
+ * Instead of using this React component, define your own wrapper component that uses the BaseRenderer directly.
+ * Things to note:
+ * - It is required to wrap the BaseRenderer with the QueryClientProvider to make requests.
+ * - You can wrap the BaseRenderer with the RendererThemeProvider to apply the default renderer theme used in Smart Forms. Optionally, you can define your own ThemeProvider.
+ * - Make your buildForm() call in a button click or other event handler. Alternatively, you can use the useInitialiseForm hook to initialise the form.
+ * - Make your own initialiseFhirClient() call in a button click or other event handler. Alternatively, you can use the useInitialiseForm hook to initialise the form.
+ * - The initialised FHIRClient is only used for further FHIR calls. It does not provide pre-population capabilities.
+ *
+ * For button click usage examples of buildForm(), see:
+ * - https://github.com/aehrc/smart-forms/blob/main/packages/smart-forms-renderer/src/stories/BuildFormButtonTesterWrapper.tsx#L47
+ * - https://github.com/aehrc/smart-forms/blob/main/packages/smart-forms-renderer/src/stories/BuildFormButtonForStorybook.tsx
+ *
+ * @author Sean Fong
+ */
+function InitialiseFormWrapperForStorybook(props) {
+    const { questionnaire, questionnaireResponse, readOnly, terminologyServerUrl, additionalVariables, fhirClient } = props;
+    // The renderer requires a @tanstack/react-query QueryClientProvider to make requests
+    const queryClient = useRendererQueryClient();
+    /**
+     * The useInitialiseForm hook provides initialisation logic for the form
+     * Alternatively (and recommended to do so), you can initialise your form via a button click or other event handler.
+     *
+     * @see {@link https://github.com/aehrc/smart-forms/blob/main/packages/smart-forms-renderer/src/stories/BuildFormButtonForStorybook.tsx} for button click usage examples.
+     */
+    const isInitialising = useInitialiseForm(questionnaire, questionnaireResponse, readOnly, terminologyServerUrl, additionalVariables, fhirClient);
+    // Free feel to customise your loading animation here
+    if (isInitialising) {
+        return (React.createElement(Box, { display: "flex", alignItems: "center", columnGap: 2 },
+            React.createElement(CircularProgress, null),
+            React.createElement(Typography, null, "Loading questionnaire...")));
+    }
+    return (React.createElement(RendererThemeProvider, null,
+        React.createElement(QueryClientProvider, { client: queryClient },
+            React.createElement(BaseRenderer, null))));
+}
+export default InitialiseFormWrapperForStorybook;
+//# sourceMappingURL=InitialiseFormWrapperForStorybook.js.map

package/lib/stories/InitialiseFormWrapperForStorybook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InitialiseFormWrapperForStorybook.js","sourceRoot":"","sources":["../../src/stories/InitialiseFormWrapperForStorybook.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,aAAa;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,qBAAqB,MAAM,gBAAgB,CAAC;AACnD,OAAO,sBAAsB,MAAM,iCAAiC,CAAC;AAErE,OAAO,iBAAiB,MAAM,4BAA4B,CAAC;AAC3D,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAWlD;;;;;;;;;;;;;;;GAeG;AACH,SAAS,iCAAiC,CAAC,KAAiC;IAC1E,MAAM,EACJ,aAAa,EACb,qBAAqB,EACrB,QAAQ,EACR,oBAAoB,EACpB,mBAAmB,EACnB,UAAU,EACX,GAAG,KAAK,CAAC;IAEV,qFAAqF;IACrF,MAAM,WAAW,GAAG,sBAAsB,EAAE,CAAC;IAE7C;;;;;OAKG;IACH,MAAM,cAAc,GAAG,iBAAiB,CACtC,aAAa,EACb,qBAAqB,EACrB,QAAQ,EACR,oBAAoB,EACpB,mBAAmB,EACnB,UAAU,CACX,CAAC;IAEF,qDAAqD;IACrD,IAAI,cAAc,EAAE;QAClB,OAAO,CACL,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,CAAC;YAClD,oBAAC,gBAAgB,OAAG;YACpB,oBAAC,UAAU,mCAAsC,CAC7C,CACP,CAAC;KACH;IAED,OAAO,CACL,oBAAC,qBAAqB;QACpB,oBAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW;YACtC,oBAAC,YAAY,OAAG,CACI,CACA,CACzB,CAAC;AACJ,CAAC;AAED,eAAe,iCAAiC,CAAC"}

package/lib/stories/StorybookWrappers/BuildFormButtonForStorybook.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { Questionnaire, QuestionnaireResponse } from 'fhir/r4';
+interface BuildFormButtonProps {
+    questionnaire: Questionnaire;
+    questionnaireResponse?: QuestionnaireResponse;
+}
+declare function BuildFormButtonForStorybook(props: BuildFormButtonProps): React.JSX.Element;
+export default BuildFormButtonForStorybook;

package/lib/stories/StorybookWrappers/BuildFormButtonForStorybook.js

@@ -0,0 +1,44 @@
+/*
+ * Copyright 2024 Commonwealth Scientific and Industrial Research
+ * Organisation (CSIRO) ABN 41 687 119 230.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+// @ts-ignore
+import React from 'react';
+import { Box, IconButton, Tooltip } from '@mui/material';
+import Iconify from '../../components/Iconify/Iconify';
+import { buildForm } from '../../utils';
+function BuildFormButtonForStorybook(props) {
+    const { questionnaire, questionnaireResponse } = props;
+    function handleBuildForm() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield buildForm(questionnaire, questionnaireResponse);
+        });
+    }
+    return (React.createElement(Box, { display: "flex", mb: 0.5, alignItems: "center", columnGap: 3 },
+        React.createElement(Tooltip, { title: "Build form with questionnaire response", placement: "right" },
+            React.createElement(IconButton, { onClick: handleBuildForm, size: "small", color: "primary" },
+                React.createElement(Iconify, { icon: "ph:hammer", sx: { mb: 0.5 } })))));
+}
+export default BuildFormButtonForStorybook;
+//# sourceMappingURL=BuildFormButtonForStorybook.js.map

package/lib/stories/StorybookWrappers/BuildFormButtonForStorybook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuildFormButtonForStorybook.js","sourceRoot":"","sources":["../../../src/stories/StorybookWrappers/BuildFormButtonForStorybook.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;;;;;;;;;;AAEH,aAAa;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,OAAO,MAAM,kCAAkC,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAOxC,SAAS,2BAA2B,CAAC,KAA2B;IAC9D,MAAM,EAAE,aAAa,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC;IAEvD,SAAe,eAAe;;YAC5B,MAAM,SAAS,CAAC,aAAa,EAAE,qBAAqB,CAAC,CAAC;QACxD,CAAC;KAAA;IAED,OAAO,CACL,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,EAAE,EAAE,GAAG,EAAE,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,CAAC;QAC3D,oBAAC,OAAO,IAAC,KAAK,EAAC,wCAAwC,EAAC,SAAS,EAAC,OAAO;YACvE,oBAAC,UAAU,IAAC,OAAO,EAAE,eAAe,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS;gBAChE,oBAAC,OAAO,IAAC,IAAI,EAAC,WAAW,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAI,CAClC,CACL,CACN,CACP,CAAC;AACJ,CAAC;AAED,eAAe,2BAA2B,CAAC"}

package/lib/stories/StorybookWrappers/BuildFormButtonTesterWrapperForStorybook.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { Questionnaire, QuestionnaireResponse } from 'fhir/r4';
+interface BuildFormButtonTesterWrapperForStorybookProps {
+    questionnaire: Questionnaire;
+    questionnaireResponse?: QuestionnaireResponse;
+}
+/**
+ * This is a demo wrapper which initialises the BaseRenderer with the passed in questionnaire using useBuildForm.
+ * It also provides a button to build the form with the passed in questionnaire + questionnaireResponse.
+ * It was done as a two-step process for demo purposes.
+ *
+ * Use this pattern if you already have a pre-populated/pre-filled/draft response.
+ * If you want to pre-pop on the fly, see https://github.com/aehrc/smart-forms/blob/main/packages/smart-forms-renderer/src/stories/StorybookWrappers/PrePopWrapperForStorybook.tsx instead
+ *
+ * @author Sean Fong
+ */
+declare function BuildFormButtonTesterWrapperForStorybook(props: BuildFormButtonTesterWrapperForStorybookProps): React.JSX.Element;
+export default BuildFormButtonTesterWrapperForStorybook;

package/lib/stories/StorybookWrappers/BuildFormButtonTesterWrapperForStorybook.js

@@ -0,0 +1,48 @@
+/*
+ * Copyright 2024 Commonwealth Scientific and Industrial Research
+ * Organisation (CSIRO) ABN 41 687 119 230.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+// @ts-ignore
+import React from 'react';
+import { BaseRenderer } from '../../components';
+import { QueryClientProvider } from '@tanstack/react-query';
+import { RendererThemeProvider } from '../../theme';
+import { useBuildForm, useRendererQueryClient } from '../../hooks';
+import BuildFormButtonForStorybook from './BuildFormButtonForStorybook';
+/**
+ * This is a demo wrapper which initialises the BaseRenderer with the passed in questionnaire using useBuildForm.
+ * It also provides a button to build the form with the passed in questionnaire + questionnaireResponse.
+ * It was done as a two-step process for demo purposes.
+ *
+ * Use this pattern if you already have a pre-populated/pre-filled/draft response.
+ * If you want to pre-pop on the fly, see https://github.com/aehrc/smart-forms/blob/main/packages/smart-forms-renderer/src/stories/StorybookWrappers/PrePopWrapperForStorybook.tsx instead
+ *
+ * @author Sean Fong
+ */
+function BuildFormButtonTesterWrapperForStorybook(props) {
+    const { questionnaire, questionnaireResponse } = props;
+    const queryClient = useRendererQueryClient();
+    const isBuilding = useBuildForm(questionnaire);
+    if (isBuilding) {
+        return React.createElement("div", null, "Loading...");
+    }
+    return (React.createElement(RendererThemeProvider, null,
+        React.createElement(QueryClientProvider, { client: queryClient },
+            React.createElement("div", null,
+                React.createElement(BuildFormButtonForStorybook, { questionnaire: questionnaire, questionnaireResponse: questionnaireResponse }),
+                React.createElement(BaseRenderer, null)))));
+}
+export default BuildFormButtonTesterWrapperForStorybook;
+//# sourceMappingURL=BuildFormButtonTesterWrapperForStorybook.js.map

package/lib/stories/StorybookWrappers/BuildFormButtonTesterWrapperForStorybook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuildFormButtonTesterWrapperForStorybook.js","sourceRoot":"","sources":["../../../src/stories/StorybookWrappers/BuildFormButtonTesterWrapperForStorybook.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,aAAa;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,2BAA2B,MAAM,+BAA+B,CAAC;AAOxE;;;;;;;;;GASG;AACH,SAAS,wCAAwC,CAC/C,KAAoD;IAEpD,MAAM,EAAE,aAAa,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC;IAEvD,MAAM,WAAW,GAAG,sBAAsB,EAAE,CAAC;IAE7C,MAAM,UAAU,GAAG,YAAY,CAAC,aAAa,CAAC,CAAC;IAE/C,IAAI,UAAU,EAAE;QACd,OAAO,8CAAqB,CAAC;KAC9B;IAED,OAAO,CACL,oBAAC,qBAAqB;QACpB,oBAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW;YACtC;gBACE,oBAAC,2BAA2B,IAC1B,aAAa,EAAE,aAAa,EAC5B,qBAAqB,EAAE,qBAAqB,GAC5C;gBACF,oBAAC,YAAY,OAAG,CACZ,CACc,CACA,CACzB,CAAC;AACJ,CAAC;AAED,eAAe,wCAAwC,CAAC"}

package/lib/stories/StorybookWrappers/InitialiseFormWrapperForStorybook.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import type { Questionnaire, QuestionnaireResponse } from 'fhir/r4';
+import type Client from 'fhirclient/lib/Client';
+interface InitialiseFormWrapperProps {
+    questionnaire: Questionnaire;
+    questionnaireResponse?: QuestionnaireResponse;
+    readOnly?: boolean;
+    terminologyServerUrl?: string;
+    additionalVariables?: Record<string, object>;
+    fhirClient?: Client;
+}
+/**
+ * This is a one-to-one replacement for the SmartFormsRenderer for demo purposes.
+ * Instead of using this React component, define your own wrapper component that uses the BaseRenderer directly.
+ * Things to note:
+ * - It is required to wrap the BaseRenderer with the QueryClientProvider to make requests.
+ * - You can wrap the BaseRenderer with the RendererThemeProvider to apply the default renderer theme used in Smart Forms. Optionally, you can define your own ThemeProvider.
+ * - Make your buildForm() call in a button click or other event handler. Alternatively, you can use the useInitialiseForm hook to initialise the form.
+ * - Make your own initialiseFhirClient() call in a button click or other event handler. Alternatively, you can use the useInitialiseForm hook to initialise the form.
+ * - The initialised FHIRClient is only used for further FHIR calls. It does not provide pre-population capabilities.
+ *
+ * For button click usage examples of buildForm(), see:
+ * - https://github.com/aehrc/smart-forms/blob/main/packages/smart-forms-renderer/src/stories/StorybookWrappers/BuildFormButtonTesterWrapperForStorybook.tsx
+ * - https://github.com/aehrc/smart-forms/blob/main/packages/smart-forms-renderer/src/stories/StorybookWrappers/BuildFormButtonForStorybook.tsx
+ * - https://github.com/aehrc/smart-forms/blob/main/packages/smart-forms-renderer/src/stories/StorybookWrappers/PrePopWrapperForStorybook.tsx
+ * - https://github.com/aehrc/smart-forms/blob/main/packages/smart-forms-renderer/src/stories/StorybookWrappers/PrePopButtonForStorybook.tsx
+ *
+ * @author Sean Fong
+ */
+declare function InitialiseFormWrapperForStorybook(props: InitialiseFormWrapperProps): React.JSX.Element;
+export default InitialiseFormWrapperForStorybook;

package/lib/stories/StorybookWrappers/InitialiseFormWrapperForStorybook.js

@@ -0,0 +1,67 @@
+/*
+ * Copyright 2024 Commonwealth Scientific and Industrial Research
+ * Organisation (CSIRO) ABN 41 687 119 230.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+// @ts-ignore
+import React from 'react';
+import { BaseRenderer } from '../../components';
+import { QueryClientProvider } from '@tanstack/react-query';
+import RendererThemeProvider from '../../theme/Theme';
+import useRendererQueryClient from '../../hooks/useRendererQueryClient';
+import useInitialiseForm from '../../hooks/useInitialiseForm';
+import Box from '@mui/material/Box';
+import CircularProgress from '@mui/material/CircularProgress';
+import Typography from '@mui/material/Typography';
+/**
+ * This is a one-to-one replacement for the SmartFormsRenderer for demo purposes.
+ * Instead of using this React component, define your own wrapper component that uses the BaseRenderer directly.
+ * Things to note:
+ * - It is required to wrap the BaseRenderer with the QueryClientProvider to make requests.
+ * - You can wrap the BaseRenderer with the RendererThemeProvider to apply the default renderer theme used in Smart Forms. Optionally, you can define your own ThemeProvider.
+ * - Make your buildForm() call in a button click or other event handler. Alternatively, you can use the useInitialiseForm hook to initialise the form.
+ * - Make your own initialiseFhirClient() call in a button click or other event handler. Alternatively, you can use the useInitialiseForm hook to initialise the form.
+ * - The initialised FHIRClient is only used for further FHIR calls. It does not provide pre-population capabilities.
+ *
+ * For button click usage examples of buildForm(), see:
+ * - https://github.com/aehrc/smart-forms/blob/main/packages/smart-forms-renderer/src/stories/StorybookWrappers/BuildFormButtonTesterWrapperForStorybook.tsx
+ * - https://github.com/aehrc/smart-forms/blob/main/packages/smart-forms-renderer/src/stories/StorybookWrappers/BuildFormButtonForStorybook.tsx
+ * - https://github.com/aehrc/smart-forms/blob/main/packages/smart-forms-renderer/src/stories/StorybookWrappers/PrePopWrapperForStorybook.tsx
+ * - https://github.com/aehrc/smart-forms/blob/main/packages/smart-forms-renderer/src/stories/StorybookWrappers/PrePopButtonForStorybook.tsx
+ *
+ * @author Sean Fong
+ */
+function InitialiseFormWrapperForStorybook(props) {
+    const { questionnaire, questionnaireResponse, readOnly, terminologyServerUrl, additionalVariables, fhirClient } = props;
+    // The renderer requires a @tanstack/react-query QueryClientProvider to make requests
+    const queryClient = useRendererQueryClient();
+    /**
+     * The useInitialiseForm hook provides initialisation logic for the form
+     * Alternatively (and recommended to do so), you can initialise your form via a button click or other event handler.
+     *
+     * @see {@link https://github.com/aehrc/smart-forms/blob/main/packages/smart-forms-renderer/src/stories/BuildFormButtonForStorybook.tsx} for button click usage examples.
+     */
+    const isInitialising = useInitialiseForm(questionnaire, questionnaireResponse, readOnly, terminologyServerUrl, additionalVariables, fhirClient);
+    // Free feel to customise your loading animation here
+    if (isInitialising) {
+        return (React.createElement(Box, { display: "flex", alignItems: "center", columnGap: 2 },
+            React.createElement(CircularProgress, null),
+            React.createElement(Typography, null, "Loading questionnaire...")));
+    }
+    return (React.createElement(RendererThemeProvider, null,
+        React.createElement(QueryClientProvider, { client: queryClient },
+            React.createElement(BaseRenderer, null))));
+}
+export default InitialiseFormWrapperForStorybook;
+//# sourceMappingURL=InitialiseFormWrapperForStorybook.js.map

package/lib/stories/StorybookWrappers/InitialiseFormWrapperForStorybook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InitialiseFormWrapperForStorybook.js","sourceRoot":"","sources":["../../../src/stories/StorybookWrappers/InitialiseFormWrapperForStorybook.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,aAAa;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,qBAAqB,MAAM,mBAAmB,CAAC;AACtD,OAAO,sBAAsB,MAAM,oCAAoC,CAAC;AAExE,OAAO,iBAAiB,MAAM,+BAA+B,CAAC;AAC9D,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAWlD;;;;;;;;;;;;;;;;;GAiBG;AACH,SAAS,iCAAiC,CAAC,KAAiC;IAC1E,MAAM,EACJ,aAAa,EACb,qBAAqB,EACrB,QAAQ,EACR,oBAAoB,EACpB,mBAAmB,EACnB,UAAU,EACX,GAAG,KAAK,CAAC;IAEV,qFAAqF;IACrF,MAAM,WAAW,GAAG,sBAAsB,EAAE,CAAC;IAE7C;;;;;OAKG;IACH,MAAM,cAAc,GAAG,iBAAiB,CACtC,aAAa,EACb,qBAAqB,EACrB,QAAQ,EACR,oBAAoB,EACpB,mBAAmB,EACnB,UAAU,CACX,CAAC;IAEF,qDAAqD;IACrD,IAAI,cAAc,EAAE;QAClB,OAAO,CACL,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,CAAC;YAClD,oBAAC,gBAAgB,OAAG;YACpB,oBAAC,UAAU,mCAAsC,CAC7C,CACP,CAAC;KACH;IAED,OAAO,CACL,oBAAC,qBAAqB;QACpB,oBAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW;YACtC,oBAAC,YAAY,OAAG,CACI,CACA,CACzB,CAAC;AACJ,CAAC;AAED,eAAe,iCAAiC,CAAC"}

package/lib/stories/StorybookWrappers/PrePopButtonForStorybook.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface PrePopButtonForStorybookProps {
+    isPopulating: boolean;
+    onPopulate: () => void;
+}
+declare function PrePopButtonForStorybook(props: PrePopButtonForStorybookProps): React.JSX.Element;
+export default PrePopButtonForStorybook;

package/lib/stories/StorybookWrappers/PrePopButtonForStorybook.js

@@ -0,0 +1,32 @@
+/*
+ * Copyright 2024 Commonwealth Scientific and Industrial Research
+ * Organisation (CSIRO) ABN 41 687 119 230.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+// @ts-ignore
+import React from 'react';
+import { Box, CircularProgress, Fade, IconButton, Tooltip } from '@mui/material';
+import CloudDownloadIcon from '@mui/icons-material/CloudDownload';
+import Typography from '@mui/material/Typography';
+function PrePopButtonForStorybook(props) {
+    const { isPopulating, onPopulate } = props;
+    return (React.createElement(Box, { display: "flex", mb: 0.5, alignItems: "center", columnGap: 3 },
+        React.createElement(Tooltip, { title: "Pre-populate form", placement: "right" },
+            React.createElement("span", null,
+                React.createElement(IconButton, { disabled: isPopulating, onClick: onPopulate, size: "small", color: "primary" }, isPopulating ? (React.createElement(CircularProgress, { size: 20, color: "inherit", sx: { mb: 0.5 } })) : (React.createElement(CloudDownloadIcon, null))))),
+        isPopulating ? (React.createElement(Fade, { in: true, timeout: 100 },
+            React.createElement(Typography, { variant: "body2", color: "text.secondary" }, "Pre-populating form..."))) : null));
+}
+export default PrePopButtonForStorybook;
+//# sourceMappingURL=PrePopButtonForStorybook.js.map

package/lib/stories/StorybookWrappers/PrePopButtonForStorybook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrePopButtonForStorybook.js","sourceRoot":"","sources":["../../../src/stories/StorybookWrappers/PrePopButtonForStorybook.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,aAAa;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,gBAAgB,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACjF,OAAO,iBAAiB,MAAM,mCAAmC,CAAC;AAClE,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAOlD,SAAS,wBAAwB,CAAC,KAAoC;IACpE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAE3C,OAAO,CACL,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,EAAE,EAAE,GAAG,EAAE,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,CAAC;QAC3D,oBAAC,OAAO,IAAC,KAAK,EAAC,mBAAmB,EAAC,SAAS,EAAC,OAAO;YAClD;gBACE,oBAAC,UAAU,IAAC,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,IAClF,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,SAAS,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAI,CAChE,CAAC,CAAC,CAAC,CACF,oBAAC,iBAAiB,OAAG,CACtB,CACU,CACR,CACC;QACT,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,IAAI,IAAC,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG;YAC1B,oBAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,gBAAgB,6BAErC,CACR,CACR,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAC;AACJ,CAAC;AAED,eAAe,wBAAwB,CAAC"}

package/lib/stories/StorybookWrappers/PrePopWrapperForStorybook.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { Patient, Practitioner, Questionnaire } from 'fhir/r4';
+import type Client from 'fhirclient/lib/Client';
+interface PrePopWrapperForStorybookProps {
+    questionnaire: Questionnaire;
+    fhirClient: Client;
+    patient: Patient;
+    user: Practitioner;
+}
+/**
+ * This is a demo wrapper which initialises the BaseRenderer with the passed in questionnaire using useBuildForm.
+ * It also provides a button to pre-populate the questionnaire on the fly using populateQuestionnaire() from '@aehrc/sdc-populate'.
+ * This does in-app population and you have to define your own callback function to retrieve resources from your source server.
+ *
+ * Use this pattern if you do not have a pre-populated/pre-filled/draft response and want to pre-populate on the fly.
+ * If you already have a questionnaireResponse, see https://github.com/aehrc/smart-forms/blob/main/packages/smart-forms-renderer/src/stories/StorybookWrappers/BuildFormButtonTesterWrapperForStorybook.tsx instead
+ *
+ * @author Sean Fong
+ */
+declare function PrePopWrapperForStorybook(props: PrePopWrapperForStorybookProps): React.JSX.Element;
+export default PrePopWrapperForStorybook;

package/lib/stories/StorybookWrappers/PrePopWrapperForStorybook.js

@@ -0,0 +1,83 @@
+/*
+ * Copyright 2024 Commonwealth Scientific and Industrial Research
+ * Organisation (CSIRO) ABN 41 687 119 230.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+// @ts-ignore
+import React, { useState } from 'react';
+import { BaseRenderer } from '../../components';
+import { QueryClientProvider } from '@tanstack/react-query';
+import { RendererThemeProvider } from '../../theme';
+import { useBuildForm, useRendererQueryClient } from '../../hooks';
+import PrePopButtonForStorybook from './PrePopButtonForStorybook';
+import { populateQuestionnaire } from '@aehrc/sdc-populate';
+import { fetchResourceCallback } from './populateCallbackForStorybook';
+import { buildForm } from '../../utils';
+/**
+ * This is a demo wrapper which initialises the BaseRenderer with the passed in questionnaire using useBuildForm.
+ * It also provides a button to pre-populate the questionnaire on the fly using populateQuestionnaire() from '@aehrc/sdc-populate'.
+ * This does in-app population and you have to define your own callback function to retrieve resources from your source server.
+ *
+ * Use this pattern if you do not have a pre-populated/pre-filled/draft response and want to pre-populate on the fly.
+ * If you already have a questionnaireResponse, see https://github.com/aehrc/smart-forms/blob/main/packages/smart-forms-renderer/src/stories/StorybookWrappers/BuildFormButtonTesterWrapperForStorybook.tsx instead
+ *
+ * @author Sean Fong
+ */
+function PrePopWrapperForStorybook(props) {
+    const { questionnaire, fhirClient, patient, user } = props;
+    const [isPopulating, setIsPopulating] = useState(false);
+    const isBuilding = useBuildForm(questionnaire);
+    const queryClient = useRendererQueryClient();
+    function handlePrepopulate() {
+        setIsPopulating(true);
+        populateQuestionnaire({
+            questionnaire: questionnaire,
+            fetchResourceCallback: fetchResourceCallback,
+            requestConfig: {
+                clientEndpoint: fhirClient.state.serverUrl,
+                authToken: null
+            },
+            patient: patient,
+            user: user
+        }).then(({ populateSuccess, populateResult }) => __awaiter(this, void 0, void 0, function* () {
+            if (!populateSuccess || !populateResult) {
+                setIsPopulating(false);
+                return;
+            }
+            const { populatedResponse } = populateResult;
+            // Call to buildForm to pre-populate the QR which repaints the entire BaseRenderer view
+            yield buildForm(questionnaire, populatedResponse);
+            setIsPopulating(false);
+        }));
+    }
+    if (isBuilding) {
+        return React.createElement("div", null, "Loading...");
+    }
+    return (React.createElement(RendererThemeProvider, null,
+        React.createElement(QueryClientProvider, { client: queryClient },
+            React.createElement("div", null,
+                React.createElement(PrePopButtonForStorybook, { isPopulating: isPopulating, onPopulate: handlePrepopulate }),
+                isPopulating ? null : React.createElement(BaseRenderer, null)))));
+}
+export default PrePopWrapperForStorybook;
+//# sourceMappingURL=PrePopWrapperForStorybook.js.map

package/lib/stories/StorybookWrappers/PrePopWrapperForStorybook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrePopWrapperForStorybook.js","sourceRoot":"","sources":["../../../src/stories/StorybookWrappers/PrePopWrapperForStorybook.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;;;;;;;;;;AAEH,aAAa;AACb,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAEnE,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AASxC;;;;;;;;;GASG;AACH,SAAS,yBAAyB,CAAC,KAAqC;IACtE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAE3D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,UAAU,GAAG,YAAY,CAAC,aAAa,CAAC,CAAC;IAE/C,MAAM,WAAW,GAAG,sBAAsB,EAAE,CAAC;IAE7C,SAAS,iBAAiB;QACxB,eAAe,CAAC,IAAI,CAAC,CAAC;QAEtB,qBAAqB,CAAC;YACpB,aAAa,EAAE,aAAa;YAC5B,qBAAqB,EAAE,qBAAqB;YAC5C,aAAa,EAAE;gBACb,cAAc,EAAE,UAAU,CAAC,KAAK,CAAC,SAAS;gBAC1C,SAAS,EAAE,IAAI;aAChB;YACD,OAAO,EAAE,OAAO;YAChB,IAAI,EAAE,IAAI;SACX,CAAC,CAAC,IAAI,CAAC,CAAO,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE;YACpD,IAAI,CAAC,eAAe,IAAI,CAAC,cAAc,EAAE;gBACvC,eAAe,CAAC,KAAK,CAAC,CAAC;gBACvB,OAAO;aACR;YAED,MAAM,EAAE,iBAAiB,EAAE,GAAG,cAAc,CAAC;YAE7C,uFAAuF;YACvF,MAAM,SAAS,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;YAElD,eAAe,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC,CAAA,CAAC,CAAC;IACL,CAAC;IAED,IAAI,UAAU,EAAE;QACd,OAAO,8CAAqB,CAAC;KAC9B;IAED,OAAO,CACL,oBAAC,qBAAqB;QACpB,oBAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW;YACtC;gBACE,oBAAC,wBAAwB,IAAC,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB,GAAI;gBACtF,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,YAAY,OAAG,CACnC,CACc,CACA,CACzB,CAAC;AACJ,CAAC;AAED,eAAe,yBAAyB,CAAC"}

package/lib/stories/StorybookWrappers/index.d.ts

@@ -0,0 +1,3 @@
+export { default as InitialiseFormWrapperForStorybook } from './InitialiseFormWrapperForStorybook';
+export { default as BuildFormButtonTesterWrapperForStorybook } from './BuildFormButtonTesterWrapperForStorybook';
+export { default as PrePopWrapperForStorybook } from './PrePopWrapperForStorybook';