@aehrc/smart-forms-renderer 1.0.0-alpha.42.dev7 → 1.0.0-alpha.42.dev9

package/lib/stores/questionnaireStore.js

@@ -0,0 +1,313 @@
+/*
+ * 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());
+    });
+};
+import { createStore } from 'zustand/vanilla';
+import { mutateRepeatEnableWhenItemInstances, updateEnableWhenItemAnswer } from '../utils/enableWhen';
+import { evaluateUpdatedExpressions } from '../utils/fhirpath';
+import { evaluateInitialCalculatedExpressions, initialiseCalculatedExpressionValues } from '../utils/calculatedExpression';
+import { createQuestionnaireModel } from '../utils/questionnaireStoreUtils/createQuestionaireModel';
+import { initialiseFormFromResponse } from '../utils/initialise';
+import { emptyQuestionnaire, emptyResponse } from '../utils/emptyResource';
+import { terminologyServerStore } from './terminologyServerStore';
+import { createSelectors } from './selector';
+import { mutateRepeatEnableWhenExpressionInstances } from '../utils/enableWhenExpression';
+import { questionnaireResponseStore } from './questionnaireResponseStore';
+import { createQuestionnaireResponseItemMap } from '../utils/questionnaireResponseStoreUtils/updatableResponseItems';
+import { insertCompleteAnswerOptionsIntoQuestionnaire } from '../utils/questionnaireStoreUtils/insertAnswerOptions';
+import { readTargetConstraintLocationLinkIds } from '../utils/targetConstraint';
+/**
+ * Questionnaire state management store which contains all properties and methods to manage the state of the questionnaire.
+ * This is the vanilla version of the store which can be used in non-React environments.
+ * @see QuestionnaireStoreType for available properties and methods.
+ *
+ * @author Sean Fong
+ */
+export const questionnaireStore = createStore()((set, get) => ({
+    sourceQuestionnaire: structuredClone(emptyQuestionnaire),
+    itemTypes: {},
+    itemPreferredTerminologyServers: {},
+    tabs: {},
+    currentTabIndex: 0,
+    pages: {},
+    currentPageIndex: 0,
+    variables: { fhirPathVariables: {}, xFhirQueryVariables: {} },
+    launchContexts: {},
+    targetConstraints: {},
+    targetConstraintLinkIds: {},
+    calculatedExpressions: {},
+    initialExpressions: {},
+    enableWhenExpressions: { singleExpressions: {}, repeatExpressions: {} },
+    answerExpressions: {},
+    enableWhenItems: { singleItems: {}, repeatItems: {} },
+    enableWhenLinkedQuestions: {},
+    enableWhenIsActivated: true,
+    processedValueSets: {},
+    cachedValueSetCodings: {},
+    fhirPathContext: {},
+    fhirPathTerminologyCache: {},
+    populatedContext: {},
+    qItemOverrideComponents: {},
+    sdcUiOverrideComponents: {},
+    focusedLinkId: '',
+    readOnly: false,
+    buildSourceQuestionnaire: (questionnaire, questionnaireResponse = structuredClone(emptyResponse), additionalVariables = {}, terminologyServerUrl = terminologyServerStore.getState().url, readOnly = false, qItemOverrideComponents = {}, sdcUiOverrideComponents = {}) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b;
+        const questionnaireModel = yield createQuestionnaireModel(questionnaire, additionalVariables, terminologyServerUrl);
+        // Insert answerOptions with displays into questionnaire
+        questionnaire = insertCompleteAnswerOptionsIntoQuestionnaire(questionnaire, questionnaireModel.answerOptions);
+        // If existing fhirPathContext is empty, use the one from the questionnaire model
+        // Mostly existing fhirPathContext will be empty, but in some cases it may not be e.g. after pre-population
+        const fhirPathContext = (_a = get().fhirPathContext) !== null && _a !== void 0 ? _a : questionnaireModel.fhirPathContext;
+        const fhirPathTerminologyCache = (_b = get().fhirPathTerminologyCache) !== null && _b !== void 0 ? _b : questionnaireModel.fhirPathTerminologyCache;
+        // Initialise form with questionnaire response and properties in questionnaire model
+        const { initialTargetConstraints, initialEnableWhenItems, initialEnableWhenLinkedQuestions, initialEnableWhenExpressions, initialCalculatedExpressions, initialProcessedValueSets, firstVisibleTab, firstVisiblePage, updatedFhirPathContext, fhirPathTerminologyCache: updatedFhirPathTerminologyCache } = yield initialiseFormFromResponse({
+            sourceQuestionnaire: questionnaire,
+            questionnaireResponse,
+            targetConstraints: questionnaireModel.targetConstraints,
+            enableWhenItems: questionnaireModel.enableWhenItems,
+            enableWhenExpressions: questionnaireModel.enableWhenExpressions,
+            calculatedExpressions: questionnaireModel.calculatedExpressions,
+            variables: questionnaireModel.variables,
+            processedValueSets: questionnaireModel.processedValueSets,
+            tabs: questionnaireModel.tabs,
+            pages: questionnaireModel.pages,
+            fhirPathContext: fhirPathContext,
+            fhirPathTerminologyCache: fhirPathTerminologyCache,
+            terminologyServerUrl: terminologyServerUrl
+        });
+        // Read target constraint locations
+        const targetConstraintLinkIds = readTargetConstraintLocationLinkIds(questionnaire, initialTargetConstraints);
+        set({
+            sourceQuestionnaire: questionnaire,
+            itemTypes: questionnaireModel.itemTypes,
+            itemPreferredTerminologyServers: questionnaireModel.itemPreferredTerminologyServers,
+            tabs: questionnaireModel.tabs,
+            currentTabIndex: firstVisibleTab,
+            pages: questionnaireModel.pages,
+            currentPageIndex: firstVisiblePage,
+            variables: questionnaireModel.variables,
+            launchContexts: questionnaireModel.launchContexts,
+            targetConstraints: initialTargetConstraints,
+            targetConstraintLinkIds: targetConstraintLinkIds,
+            enableWhenItems: initialEnableWhenItems,
+            enableWhenLinkedQuestions: initialEnableWhenLinkedQuestions,
+            enableWhenExpressions: initialEnableWhenExpressions,
+            calculatedExpressions: initialCalculatedExpressions,
+            initialExpressions: questionnaireModel.initialExpressions,
+            answerExpressions: questionnaireModel.answerExpressions,
+            processedValueSets: initialProcessedValueSets,
+            cachedValueSetCodings: questionnaireModel.cachedValueSetCodings,
+            fhirPathContext: updatedFhirPathContext,
+            fhirPathTerminologyCache: updatedFhirPathTerminologyCache,
+            qItemOverrideComponents: qItemOverrideComponents,
+            sdcUiOverrideComponents: sdcUiOverrideComponents,
+            readOnly: readOnly
+        });
+    }),
+    destroySourceQuestionnaire: () => set({
+        sourceQuestionnaire: structuredClone(emptyQuestionnaire),
+        itemTypes: {},
+        itemPreferredTerminologyServers: {},
+        tabs: {},
+        currentTabIndex: 0,
+        pages: {},
+        currentPageIndex: 0,
+        variables: { fhirPathVariables: {}, xFhirQueryVariables: {} },
+        launchContexts: {},
+        targetConstraints: {},
+        targetConstraintLinkIds: {},
+        enableWhenItems: { singleItems: {}, repeatItems: {} },
+        enableWhenLinkedQuestions: {},
+        enableWhenExpressions: { singleExpressions: {}, repeatExpressions: {} },
+        calculatedExpressions: {},
+        initialExpressions: {},
+        answerExpressions: {},
+        processedValueSets: {},
+        fhirPathContext: {},
+        fhirPathTerminologyCache: {},
+        qItemOverrideComponents: {},
+        sdcUiOverrideComponents: {}
+    }),
+    switchTab: (newTabIndex) => set(() => ({ currentTabIndex: newTabIndex })),
+    switchPage: (newPageIndex) => set(() => ({ currentPageIndex: newPageIndex })),
+    markTabAsComplete: (tabLinkId) => {
+        const tabs = get().tabs;
+        set(() => ({
+            tabs: Object.assign(Object.assign({}, tabs), { [tabLinkId]: Object.assign(Object.assign({}, tabs[tabLinkId]), { isComplete: !tabs[tabLinkId].isComplete }) })
+        }));
+    },
+    markPageAsComplete: (pageLinkId) => {
+        const pages = get().pages;
+        set(() => ({
+            pages: Object.assign(Object.assign({}, pages), { [pageLinkId]: Object.assign(Object.assign({}, pages[pageLinkId]), { isComplete: !pages[pageLinkId].isComplete }) })
+        }));
+    },
+    updateEnableWhenItem: (linkId, newAnswer, parentRepeatGroupIndex) => {
+        const enableWhenLinkedQuestions = get().enableWhenLinkedQuestions;
+        const enableWhenItems = get().enableWhenItems;
+        if (!enableWhenLinkedQuestions[linkId]) {
+            return;
+        }
+        const itemLinkedQuestions = enableWhenLinkedQuestions[linkId];
+        const updatedEnableWhenItems = updateEnableWhenItemAnswer(Object.assign({}, enableWhenItems), itemLinkedQuestions, linkId, newAnswer, parentRepeatGroupIndex);
+        set(() => ({
+            enableWhenItems: updatedEnableWhenItems
+        }));
+    },
+    mutateRepeatEnableWhenItems: (parentRepeatGroupLinkId, parentRepeatGroupIndex, actionType) => __awaiter(void 0, void 0, void 0, function* () {
+        const enableWhenItems = get().enableWhenItems;
+        const enableWhenExpressions = get().enableWhenExpressions;
+        const updatedEnableWhenItems = mutateRepeatEnableWhenItemInstances(Object.assign({}, enableWhenItems), parentRepeatGroupLinkId, parentRepeatGroupIndex, actionType);
+        const { updatedEnableWhenExpressions, isUpdated } = yield mutateRepeatEnableWhenExpressionInstances({
+            questionnaireResponse: questionnaireResponseStore.getState().updatableResponse,
+            questionnaireResponseItemMap: questionnaireResponseStore.getState().updatableResponseItems,
+            variables: get().variables,
+            existingFhirPathContext: get().fhirPathContext,
+            fhirPathTerminologyCache: get().fhirPathTerminologyCache,
+            enableWhenExpressions: enableWhenExpressions,
+            parentRepeatGroupLinkId,
+            parentRepeatGroupIndex,
+            actionType,
+            terminologyServerUrl: terminologyServerStore.getState().url
+        });
+        if (isUpdated) {
+            set(() => ({
+                enableWhenItems: updatedEnableWhenItems,
+                enableWhenExpressions: updatedEnableWhenExpressions
+            }));
+        }
+    }),
+    toggleEnableWhenActivation: (isActivated) => set(() => ({ enableWhenIsActivated: isActivated })),
+    updateExpressions: (updatedResponse) => __awaiter(void 0, void 0, void 0, function* () {
+        const updatedResponseItemMap = createQuestionnaireResponseItemMap(get().sourceQuestionnaire, updatedResponse);
+        const { isUpdated, updatedTargetConstraints, updatedEnableWhenExpressions, updatedCalculatedExpressions, updatedProcessedValueSets, updatedFhirPathContext, fhirPathTerminologyCache, computedQRItemUpdates } = yield evaluateUpdatedExpressions({
+            updatedResponse,
+            updatedResponseItemMap,
+            targetConstraints: get().targetConstraints,
+            enableWhenExpressions: get().enableWhenExpressions,
+            calculatedExpressions: get().calculatedExpressions,
+            processedValueSets: get().processedValueSets,
+            variables: get().variables,
+            existingFhirPathContext: get().fhirPathContext,
+            fhirPathTerminologyCache: get().fhirPathTerminologyCache,
+            terminologyServerUrl: terminologyServerStore.getState().url
+        });
+        if (isUpdated) {
+            set(() => ({
+                targetConstraints: updatedTargetConstraints,
+                enableWhenExpressions: updatedEnableWhenExpressions,
+                calculatedExpressions: updatedCalculatedExpressions,
+                processedValueSets: updatedProcessedValueSets,
+                fhirPathContext: updatedFhirPathContext,
+                fhirPathTerminologyCache: fhirPathTerminologyCache
+            }));
+            return computedQRItemUpdates;
+        }
+        set(() => ({
+            fhirPathContext: updatedFhirPathContext,
+            fhirPathTerminologyCache: fhirPathTerminologyCache
+        }));
+        return computedQRItemUpdates;
+    }),
+    addCodingToCache: (valueSetUrl, codings) => set(() => ({
+        cachedValueSetCodings: Object.assign(Object.assign({}, get().cachedValueSetCodings), { [valueSetUrl]: codings })
+    })),
+    updatePopulatedProperties: (populatedResponse, populatedContext, persistTabIndex, persistPageIndex) => __awaiter(void 0, void 0, void 0, function* () {
+        const sourceQuestionnaire = get().sourceQuestionnaire;
+        const initialResponseItemMap = createQuestionnaireResponseItemMap(sourceQuestionnaire, populatedResponse);
+        const evaluateInitialCalculatedExpressionsResult = yield evaluateInitialCalculatedExpressions({
+            initialResponse: populatedResponse,
+            initialResponseItemMap: initialResponseItemMap,
+            calculatedExpressions: get().calculatedExpressions,
+            variables: get().variables,
+            existingFhirPathContext: get().fhirPathContext,
+            fhirPathTerminologyCache: get().fhirPathTerminologyCache,
+            terminologyServerUrl: terminologyServerStore.getState().url
+        });
+        const { initialCalculatedExpressions } = evaluateInitialCalculatedExpressionsResult;
+        let updatedFhirPathContext = evaluateInitialCalculatedExpressionsResult.updatedFhirPathContext;
+        let fhirPathTerminologyCache = evaluateInitialCalculatedExpressionsResult.fhirPathTerminologyCache;
+        const updatedResponse = initialiseCalculatedExpressionValues(sourceQuestionnaire, populatedResponse, initialCalculatedExpressions);
+        const { initialTargetConstraints, initialEnableWhenItems, initialEnableWhenLinkedQuestions, initialEnableWhenExpressions, firstVisibleTab, firstVisiblePage } = yield initialiseFormFromResponse({
+            sourceQuestionnaire,
+            questionnaireResponse: updatedResponse,
+            targetConstraints: get().targetConstraints,
+            enableWhenItems: get().enableWhenItems,
+            enableWhenExpressions: get().enableWhenExpressions,
+            calculatedExpressions: initialCalculatedExpressions,
+            variables: get().variables,
+            processedValueSets: get().processedValueSets,
+            tabs: get().tabs,
+            pages: get().pages,
+            fhirPathContext: updatedFhirPathContext,
+            fhirPathTerminologyCache: fhirPathTerminologyCache,
+            terminologyServerUrl: terminologyServerStore.getState().url
+        });
+        updatedFhirPathContext = evaluateInitialCalculatedExpressionsResult.updatedFhirPathContext;
+        fhirPathTerminologyCache = evaluateInitialCalculatedExpressionsResult.fhirPathTerminologyCache;
+        set(() => ({
+            targetConstraints: initialTargetConstraints,
+            enableWhenItems: initialEnableWhenItems,
+            enableWhenLinkedQuestions: initialEnableWhenLinkedQuestions,
+            enableWhenExpressions: initialEnableWhenExpressions,
+            calculatedExpressions: initialCalculatedExpressions,
+            currentTabIndex: persistTabIndex ? get().currentTabIndex : firstVisibleTab,
+            currentPageIndex: persistPageIndex ? get().currentPageIndex : firstVisiblePage,
+            fhirPathContext: updatedFhirPathContext,
+            fhirPathTerminologyCache: fhirPathTerminologyCache,
+            populatedContext: populatedContext !== null && populatedContext !== void 0 ? populatedContext : get().populatedContext
+        }));
+        return updatedResponse;
+    }),
+    onFocusLinkId: (linkId) => set(() => ({
+        focusedLinkId: linkId
+    })),
+    setPopulatedContext: (newPopulatedContext, addToFhirPathContext) => {
+        if (addToFhirPathContext) {
+            const newFhirPathContext = Object.assign(Object.assign({}, get().fhirPathContext), newPopulatedContext);
+            set(() => ({
+                populatedContext: newPopulatedContext,
+                fhirPathContext: newFhirPathContext
+            }));
+            return;
+        }
+        set(() => ({
+            populatedContext: newPopulatedContext
+        }));
+    },
+    setFormAsReadOnly: (readOnly) => set(() => ({
+        readOnly: readOnly
+    }))
+}));
+/**
+ * Questionnaire state management store which contains all properties and methods to manage the state of the questionnaire.
+ * This is the React version of the store which can be used as React hooks in React functional components.
+ * @see QuestionnaireStoreType for available properties and methods.
+ * @see questionnaireStore for the vanilla store.
+ *
+ * @author Sean Fong
+ */
+export const useQuestionnaireStore = createSelectors(questionnaireStore);
+//# sourceMappingURL=questionnaireStore.js.map

package/lib/stores/questionnaireStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"questionnaireStore.js","sourceRoot":"","sources":["../../src/stores/questionnaireStore.ts"],"names":[],"mappings":"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"}

package/lib/stores/rendererStylingStore.d.ts

@@ -0,0 +1,144 @@
+import type { QuestionnaireItem } from 'fhir/r4';
+import type { UseResponsiveProps } from '../hooks';
+import type { Breakpoints } from '@mui/material';
+/**
+ * RendererStyling interface
+ * Provides fine-grained control over the styling and behaviour of the renderer.
+ *
+ * @property requiredIndicatorPosition - Defines where the required asterisk (*) is placed relative to the label.
+ *   - `"start"` (default): Asterisk appears before the label.
+ *   - `"end"`: Asterisk appears after the label.
+ *
+ * @property itemResponsive - Controls responsive layout settings for item labels and fields.
+ *   @property labelBreakpoints - Defines breakpoints for label width at different screen sizes.
+ *     - Default: `{ xs: 12, md: 4 }`
+ *   @property fieldBreakpoints - Defines breakpoints for field width at different screen sizes.
+ *     - Default: `{ xs: 12, md: 8 }`
+ *   @property columnGapPixels - Spacing (in pixels) between the label and the field.
+ *     - Default: `32`
+ *   @property rowGapPixels - Vertical spacing (in pixels) between stacked items.
+ *     - Default: `4`
+ *
+ * @property showTabbedFormAt - Defines when the form should switch to a tabbed layout based on screen size.
+ *   - Default: `{ query: 'up', start: 'md' }`
+ *
+ * @property tabListWidthOrResponsive - Configures the width of the tab list, either as a fixed number or responsive breakpoints.
+ *   - Default: `{ tabListBreakpoints: { xs: 12, sm: 3, md: 3, lg: 2.75 }, tabContentBreakpoints: { xs: 12, sm: 9, md: 9, lg: 9.25 } }`
+ *
+ * @property textFieldWidth - Defines the default width for text input fields (in pixels).
+ *   - Default: `320`
+ *
+ * @property inputsFlexGrow - Determines whether input fields should grow to fill available space.
+ *   - `false` (default): Inputs maintain their default size.
+ *   - `true`: Inputs expand to fill space.
+ *
+ * @property reverseBooleanYesNo - If `true`, swaps "Yes" and "No" options for boolean fields.
+ *   - Default: `false`
+ *
+ * @property hideClearButton - If `true`, hides the clear button on input fields.
+ *   - Default: `false`
+ *
+ * @property hideQuantityComparatorField - If `true`, hides the quantity comparator field.
+ *   - Default: `false`
+ *
+ * @property enableWhenAsReadOnly - Determines whether fields hidden by `enableWhen` logic should still be shown as read-only.
+ *   - Can be `true` (all fields affected) or a `Set<QuestionnaireItem['type']>` to specify types.
+ *   - Default: `false`
+ *
+ * @property disablePageCardView - If `true`, disables the card-style layout for pages.
+ *   - Default: `false`
+ *
+ * @property disablePageButtons - If `true`, hides navigation buttons for pages.
+ *   - Default: `false`
+ *
+ * @property disableTabButtons - If `true`, hides navigation buttons for tabs.
+ *   - Default: `false`
+ *
+ * @property readOnlyVisualStyle - If `true`, item.readOnly will result in form fields having MUI disabled property and styles (recommended from usability perspective). If `false`, item.readOnly will result in form fields having HTML readonly property (less stable, but recommended from accessibility perspective).
+ *   - Default: `true`
+ */
+export interface RendererStyling {
+    readOnlyVisualStyle?: 'disabled' | 'readonly';
+    requiredIndicatorPosition?: 'start' | 'end';
+    itemResponsive?: {
+        labelBreakpoints: Partial<Breakpoints['values']>;
+        fieldBreakpoints: Partial<Breakpoints['values']>;
+        columnGapPixels: number;
+        rowGapPixels: number;
+    };
+    showTabbedFormAt?: UseResponsiveProps;
+    tabListWidthOrResponsive?: number | {
+        tabListBreakpoints: Partial<Breakpoints['values']>;
+        tabContentBreakpoints: Partial<Breakpoints['values']>;
+    };
+    textFieldWidth?: number;
+    inputsFlexGrow?: boolean;
+    reverseBooleanYesNo?: boolean;
+    hideClearButton?: boolean;
+    hideQuantityComparatorField?: boolean;
+    enableWhenAsReadOnly?: boolean | Set<QuestionnaireItem['type']>;
+    disablePageCardView?: boolean;
+    disablePageButtons?: boolean;
+    disableTabButtons?: boolean;
+}
+/**
+ * RendererStylingStore properties and methods
+ *
+ * @author Sean Fong
+ */
+export interface RendererStylingStoreType {
+    readOnlyVisualStyle: 'disabled' | 'readonly';
+    requiredIndicatorPosition: 'start' | 'end';
+    itemResponsive: {
+        labelBreakpoints: Partial<Breakpoints['values']>;
+        fieldBreakpoints: Partial<Breakpoints['values']>;
+        columnGapPixels: number;
+        rowGapPixels: number;
+    };
+    tabListWidthOrResponsive: number | {
+        tabListBreakpoints: Partial<Breakpoints['values']>;
+        tabContentBreakpoints: Partial<Breakpoints['values']>;
+    };
+    showTabbedFormAt: UseResponsiveProps;
+    textFieldWidth: number;
+    inputsFlexGrow: boolean;
+    reverseBooleanYesNo: boolean;
+    hideClearButton: boolean;
+    hideQuantityComparatorField: boolean;
+    enableWhenAsReadOnly: boolean | Set<QuestionnaireItem['type']>;
+    disablePageCardView: boolean;
+    disablePageButtons: boolean;
+    disableTabButtons: boolean;
+    setRendererStyling: (params: RendererStyling) => void;
+}
+/**
+ * @author Sean Fong
+ */
+export declare const rendererStylingStore: import("zustand/vanilla").StoreApi<RendererStylingStoreType>;
+export declare const useRendererStylingStore: import("zustand/vanilla").StoreApi<RendererStylingStoreType> & {
+    use: {
+        readOnlyVisualStyle: () => "disabled" | "readonly";
+        requiredIndicatorPosition: () => "start" | "end";
+        itemResponsive: () => {
+            labelBreakpoints: Partial<Breakpoints['values']>;
+            fieldBreakpoints: Partial<Breakpoints['values']>;
+            columnGapPixels: number;
+            rowGapPixels: number;
+        };
+        tabListWidthOrResponsive: () => number | {
+            tabListBreakpoints: Partial<Breakpoints['values']>;
+            tabContentBreakpoints: Partial<Breakpoints['values']>;
+        };
+        showTabbedFormAt: () => UseResponsiveProps;
+        textFieldWidth: () => number;
+        inputsFlexGrow: () => boolean;
+        reverseBooleanYesNo: () => boolean;
+        hideClearButton: () => boolean;
+        hideQuantityComparatorField: () => boolean;
+        enableWhenAsReadOnly: () => boolean | Set<"string" | "boolean" | "group" | "display" | "question" | "decimal" | "integer" | "date" | "dateTime" | "time" | "text" | "url" | "choice" | "open-choice" | "attachment" | "reference" | "quantity">;
+        disablePageCardView: () => boolean;
+        disablePageButtons: () => boolean;
+        disableTabButtons: () => boolean;
+        setRendererStyling: () => (params: RendererStyling) => void;
+    };
+};

package/lib/stores/rendererStylingStore.js

@@ -0,0 +1,76 @@
+/*
+ * 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.
+ */
+import { createStore } from 'zustand/vanilla';
+import { createSelectors } from './selector';
+/**
+ * @author Sean Fong
+ */
+export const rendererStylingStore = createStore()((set) => ({
+    readOnlyVisualStyle: 'disabled',
+    requiredIndicatorPosition: 'start',
+    itemResponsive: {
+        labelBreakpoints: { xs: 12, md: 4 },
+        fieldBreakpoints: { xs: 12, md: 8 },
+        columnGapPixels: 32,
+        rowGapPixels: 4
+    },
+    tabListWidthOrResponsive: {
+        tabListBreakpoints: { xs: 12, sm: 3, md: 3, lg: 2.75 },
+        tabContentBreakpoints: { xs: 12, sm: 9, md: 9, lg: 9.25 }
+    },
+    showTabbedFormAt: { query: 'up', start: 'md' },
+    textFieldWidth: 320,
+    inputsFlexGrow: false,
+    reverseBooleanYesNo: false,
+    hideClearButton: false,
+    hideQuantityComparatorField: false,
+    enableWhenAsReadOnly: false,
+    disablePageCardView: false,
+    disablePageButtons: false,
+    disableTabButtons: false,
+    setRendererStyling: (params) => {
+        set(() => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+            return ({
+                readOnlyVisualStyle: (_a = params.readOnlyVisualStyle) !== null && _a !== void 0 ? _a : 'disabled',
+                requiredIndicatorPosition: (_b = params.requiredIndicatorPosition) !== null && _b !== void 0 ? _b : 'start',
+                itemResponsive: (_c = params.itemResponsive) !== null && _c !== void 0 ? _c : {
+                    labelBreakpoints: { xs: 12, md: 4 },
+                    fieldBreakpoints: { xs: 12, md: 8 },
+                    columnGapPixels: 32,
+                    rowGapPixels: 4
+                },
+                tabListWidthOrResponsive: (_d = params.tabListWidthOrResponsive) !== null && _d !== void 0 ? _d : {
+                    tabListBreakpoints: { xs: 12, md: 3, lg: 2.75 },
+                    tabContentBreakpoints: { xs: 12, md: 9, lg: 9.25 }
+                },
+                showTabbedFormAt: (_e = params.showTabbedFormAt) !== null && _e !== void 0 ? _e : { query: 'up', start: 'md' },
+                textFieldWidth: (_f = params.textFieldWidth) !== null && _f !== void 0 ? _f : 320,
+                inputsFlexGrow: (_g = params.inputsFlexGrow) !== null && _g !== void 0 ? _g : false,
+                reverseBooleanYesNo: (_h = params.reverseBooleanYesNo) !== null && _h !== void 0 ? _h : false,
+                hideClearButton: (_j = params.hideClearButton) !== null && _j !== void 0 ? _j : false,
+                hideQuantityComparatorField: (_k = params.hideQuantityComparatorField) !== null && _k !== void 0 ? _k : false,
+                enableWhenAsReadOnly: (_l = params.enableWhenAsReadOnly) !== null && _l !== void 0 ? _l : false,
+                disablePageCardView: (_m = params.disablePageCardView) !== null && _m !== void 0 ? _m : false,
+                disablePageButtons: (_o = params.disablePageButtons) !== null && _o !== void 0 ? _o : false,
+                disableTabButtons: (_p = params.disableTabButtons) !== null && _p !== void 0 ? _p : false
+            });
+        });
+    }
+}));
+export const useRendererStylingStore = createSelectors(rendererStylingStore);
+//# sourceMappingURL=rendererStylingStore.js.map

package/lib/stores/rendererStylingStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rendererStylingStore.js","sourceRoot":"","sources":["../../src/stores/rendererStylingStore.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAyH7C;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,WAAW,EAA4B,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACpF,mBAAmB,EAAE,UAAU;IAC/B,yBAAyB,EAAE,OAAO;IAClC,cAAc,EAAE;QACd,gBAAgB,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;QACnC,gBAAgB,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;QACnC,eAAe,EAAE,EAAE;QACnB,YAAY,EAAE,CAAC;KAChB;IACD,wBAAwB,EAAE;QACxB,kBAAkB,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE;QACtD,qBAAqB,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE;KAC1D;IACD,gBAAgB,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;IAC9C,cAAc,EAAE,GAAG;IACnB,cAAc,EAAE,KAAK;IACrB,mBAAmB,EAAE,KAAK;IAC1B,eAAe,EAAE,KAAK;IACtB,2BAA2B,EAAE,KAAK;IAClC,oBAAoB,EAAE,KAAK;IAC3B,mBAAmB,EAAE,KAAK;IAC1B,kBAAkB,EAAE,KAAK;IACzB,iBAAiB,EAAE,KAAK;IACxB,kBAAkB,EAAE,CAAC,MAAuB,EAAE,EAAE;QAC9C,GAAG,CAAC,GAAG,EAAE;;YAAC,OAAA,CAAC;gBACT,mBAAmB,EAAE,MAAA,MAAM,CAAC,mBAAmB,mCAAI,UAAU;gBAC7D,yBAAyB,EAAE,MAAA,MAAM,CAAC,yBAAyB,mCAAI,OAAO;gBACtE,cAAc,EAAE,MAAA,MAAM,CAAC,cAAc,mCAAI;oBACvC,gBAAgB,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;oBACnC,gBAAgB,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;oBACnC,eAAe,EAAE,EAAE;oBACnB,YAAY,EAAE,CAAC;iBAChB;gBACD,wBAAwB,EAAE,MAAA,MAAM,CAAC,wBAAwB,mCAAI;oBAC3D,kBAAkB,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE;oBAC/C,qBAAqB,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE;iBACnD;gBACD,gBAAgB,EAAE,MAAA,MAAM,CAAC,gBAAgB,mCAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;gBACzE,cAAc,EAAE,MAAA,MAAM,CAAC,cAAc,mCAAI,GAAG;gBAC5C,cAAc,EAAE,MAAA,MAAM,CAAC,cAAc,mCAAI,KAAK;gBAC9C,mBAAmB,EAAE,MAAA,MAAM,CAAC,mBAAmB,mCAAI,KAAK;gBACxD,eAAe,EAAE,MAAA,MAAM,CAAC,eAAe,mCAAI,KAAK;gBAChD,2BAA2B,EAAE,MAAA,MAAM,CAAC,2BAA2B,mCAAI,KAAK;gBACxE,oBAAoB,EAAE,MAAA,MAAM,CAAC,oBAAoB,mCAAI,KAAK;gBAC1D,mBAAmB,EAAE,MAAA,MAAM,CAAC,mBAAmB,mCAAI,KAAK;gBACxD,kBAAkB,EAAE,MAAA,MAAM,CAAC,kBAAkB,mCAAI,KAAK;gBACtD,iBAAiB,EAAE,MAAA,MAAM,CAAC,iBAAiB,mCAAI,KAAK;aACrD,CAAC,CAAA;SAAA,CAAC,CAAC;IACN,CAAC;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,uBAAuB,GAAG,eAAe,CAAC,oBAAoB,CAAC,CAAC"}

package/lib/stores/selector.d.ts

@@ -0,0 +1,10 @@
+import type { StoreApi } from 'zustand';
+type WithSelectors<S> = S extends {
+    getState: () => infer T;
+} ? S & {
+    use: {
+        [K in keyof T]: () => T[K];
+    };
+} : never;
+export declare const createSelectors: <S extends StoreApi<object>>(_store: S) => WithSelectors<S>;
+export {};

package/lib/stores/selector.js

@@ -0,0 +1,11 @@
+import { useStore } from 'zustand';
+export const createSelectors = (_store) => {
+    const store = _store;
+    store.use = {};
+    for (const k of Object.keys(store.getState())) {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        store.use[k] = () => useStore(_store, (s) => s[k]);
+    }
+    return store;
+};
+//# sourceMappingURL=selector.js.map

package/lib/stores/selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selector.js","sourceRoot":"","sources":["../../src/stores/selector.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAMnC,MAAM,CAAC,MAAM,eAAe,GAAG,CAA6B,MAAS,EAAE,EAAE;IACvE,MAAM,KAAK,GAAG,MAAsC,CAAC;IACrD,KAAK,CAAC,GAAG,GAAG,EAAE,CAAC;IACf,KAAK,MAAM,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,EAAE;QAC7C,sDAAsD;QACrD,KAAK,CAAC,GAAW,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAmB,CAAC,CAAC,CAAC;KAC/E;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}

package/lib/stores/smartConfigStore.d.ts

@@ -0,0 +1,62 @@
+import type { Encounter, Patient, Practitioner } from 'fhir/r4';
+import type Client from 'fhirclient/lib/Client';
+/**
+ * SmartConfigStore 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 client - The FHIRClient object (https://github.com/smart-on-fhir/client-js)
+ * @property patient - The patient resource in context
+ * @property user - The user resource in context
+ * @property encounter - The encounter resource in context
+ * @property setClient - Set the FHIRClient object when launching via SMART App Launch
+ * @property setPatient - Set the patient resource in context
+ * @property setUser - Set the user resource in context
+ * @property setEncounter - Set the encounter resource in context
+ *
+ * @author Sean Fong
+ */
+export interface SmartConfigStoreType {
+    client: Client | null;
+    patient: Patient | null;
+    user: Practitioner | null;
+    encounter: Encounter | null;
+    setClient: (client: Client) => void;
+    setPatient: (patient: Patient) => void;
+    setUser: (user: Practitioner) => void;
+    setEncounter: (encounter: Encounter) => void;
+}
+/**
+ * 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 declare const smartConfigStore: import("zustand/vanilla").StoreApi<SmartConfigStoreType>;
+/**
+ * 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 declare const useSmartConfigStore: import("zustand/vanilla").StoreApi<SmartConfigStoreType> & {
+    use: {
+        client: () => Client | null;
+        patient: () => Patient | null;
+        user: () => Practitioner | null;
+        encounter: () => Encounter | null;
+        setClient: () => (client: Client) => void;
+        setPatient: () => (patient: Patient) => void;
+        setUser: () => (user: Practitioner) => void;
+        setEncounter: () => (encounter: Encounter) => void;
+    };
+};