@aehrc/smart-forms-renderer 1.2.11 → 1.2.13

package/lib/stories/testUtils.js

@@ -0,0 +1,249 @@
+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 { evaluate } from 'fhirpath';
+import { questionnaireResponseStore } from '../stores';
+import { fireEvent, screen, waitFor } from '@testing-library/react';
+import { userEvent } from '@testing-library/user-event';
+export function getAnswers(linkId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const qr = questionnaireResponseStore.getState().updatableResponse;
+        const result = yield evaluate(qr, `QuestionnaireResponse.item.where(linkId='${linkId}').answer`);
+        return result;
+    });
+}
+export function getGroupAnswers(groupLinkid, answerLinkid) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const qr = questionnaireResponseStore.getState().updatableResponse;
+        const result = yield evaluate(qr, groupLinkid
+            ? `QuestionnaireResponse.item.where(linkId='${groupLinkid}').item.where(linkId='${answerLinkid}').answer`
+            : `QuestionnaireResponse.item.where(linkId='${answerLinkid}').answer`);
+        return result;
+    });
+}
+export function questionnaireFactory(items) {
+    return {
+        resourceType: 'Questionnaire',
+        status: 'active',
+        item: items
+    };
+}
+export function qrFactory(items) {
+    return {
+        resourceType: 'QuestionnaireResponse',
+        status: 'completed',
+        item: items
+    };
+}
+export function itemControlExtFactory(code) {
+    return {
+        url: 'http://hl7.org/fhir/StructureDefinition/questionnaire-itemControl',
+        valueCodeableConcept: {
+            coding: [
+                {
+                    system: 'http://hl7.org/fhir/questionnaire-item-control',
+                    code: code
+                }
+            ]
+        }
+    };
+}
+export function openLabelExtFactory(text) {
+    return {
+        url: 'http://hl7.org/fhir/uv/sdc/StructureDefinition/sdc-questionnaire-openLabel',
+        valueString: text
+    };
+}
+export function inputText(canvasElement, linkId, text) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        const questionElement = yield findByLinkIdOrLabel(canvasElement, linkId);
+        const input = (_a = questionElement === null || questionElement === void 0 ? void 0 : questionElement.querySelector('input')) !== null && _a !== void 0 ? _a : questionElement === null || questionElement === void 0 ? void 0 : questionElement.querySelector('textarea');
+        if (!input) {
+            throw new Error(`Input or textarea was not found inside ${`[data-linkid=${linkId}] block`}`);
+        }
+        fireEvent.change(input, { target: { value: text } });
+        // Here we await for debounced store update
+        yield new Promise((resolve) => setTimeout(resolve, 500));
+    });
+}
+export function checkCheckBox(canvasElement, linkId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        const questionElement = yield findByLinkIdOrLabel(canvasElement, linkId);
+        const input = (_a = questionElement === null || questionElement === void 0 ? void 0 : questionElement.querySelector('input')) !== null && _a !== void 0 ? _a : questionElement === null || questionElement === void 0 ? void 0 : questionElement.querySelector('textarea');
+        if (!input) {
+            throw new Error(`Input or textarea was not found inside ${`[data-linkid=${linkId}] block`}`);
+        }
+        fireEvent.click(input);
+        // Here we await for debounced store update
+        yield new Promise((resolve) => setTimeout(resolve, 500));
+    });
+}
+export function inputFile(canvasElement, linkId, files, url, filename) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const questionElement = yield findByLinkIdOrLabel(canvasElement, linkId);
+        const input = questionElement === null || questionElement === void 0 ? void 0 : questionElement.querySelector('input');
+        const textareaUrl = questionElement === null || questionElement === void 0 ? void 0 : questionElement.querySelector(`textarea[data-test="q-item-attachment-url"]`);
+        const textareaName = questionElement === null || questionElement === void 0 ? void 0 : questionElement.querySelector(`textarea[data-test="q-item-attachment-file-name"]`);
+        if (!input) {
+            throw new Error(`File input was not found inside [data-linkid=${linkId}] block`);
+        }
+        if (!textareaUrl) {
+            throw new Error(`File input was not found inside [data-linkid="URL"] block`);
+        }
+        if (!textareaName) {
+            throw new Error(`File input was not found inside [data-linkid="File name (optional)"] block`);
+        }
+        const fileList = Array.isArray(files) ? files : [files];
+        yield userEvent.upload(input, fileList);
+        fireEvent.change(textareaUrl, { target: { value: url } });
+        fireEvent.change(textareaName, { target: { value: filename } });
+        // Here we await for debounced store update
+        yield new Promise((resolve) => setTimeout(resolve, 500));
+    });
+}
+export function inputDate(canvasElement, linkId, text) {
+    return __awaiter(this, void 0, void 0, function* () {
+        return yield inputText(canvasElement, linkId, text);
+    });
+}
+export function inputTime(canvasElement, linkId, text) {
+    return __awaiter(this, void 0, void 0, function* () {
+        return yield inputText(canvasElement, linkId, text);
+    });
+}
+export function inputReference(canvasElement, linkId, text) {
+    return __awaiter(this, void 0, void 0, function* () {
+        return yield inputText(canvasElement, linkId, text);
+    });
+}
+export function inputDecimal(canvasElement, linkId, text) {
+    return __awaiter(this, void 0, void 0, function* () {
+        return yield inputText(canvasElement, linkId, text);
+    });
+}
+export function inputUrl(canvasElement, linkId, text) {
+    return __awaiter(this, void 0, void 0, function* () {
+        return yield inputText(canvasElement, linkId, text);
+    });
+}
+export function inputInteger(canvasElement, linkId, text) {
+    return __awaiter(this, void 0, void 0, function* () {
+        return yield inputText(canvasElement, linkId, text);
+    });
+}
+export function inputDateTime(canvasElement, linkId, date, time, amPm) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const questionElement = yield findByLinkIdOrLabel(canvasElement, linkId);
+        const inputDate = questionElement === null || questionElement === void 0 ? void 0 : questionElement.querySelector('div[data-test="date"] input');
+        const inputTime = questionElement === null || questionElement === void 0 ? void 0 : questionElement.querySelector('div[data-test="time"] input');
+        const inputAmPm = questionElement === null || questionElement === void 0 ? void 0 : questionElement.querySelector('div[data-test="ampm"] input');
+        if (!inputTime) {
+            throw new Error(`Input or textarea was not found inside ${`[data-linkid=${linkId}] block`}`);
+        }
+        if (!inputDate) {
+            throw new Error(`Input or textarea was not found inside ${`[data-linkid=${linkId}] block`}`);
+        }
+        if (!inputAmPm) {
+            throw new Error(`Input or textarea was not found inside ${`[data-linkid=${linkId}] block`}`);
+        }
+        fireEvent.change(inputDate, { target: { value: date } });
+        fireEvent.change(inputTime, { target: { value: time } });
+        fireEvent.change(inputAmPm, { target: { value: amPm } });
+        // Here we await for debounced store update
+        yield new Promise((resolve) => setTimeout(resolve, 500));
+    });
+}
+export function checkRadioOption(canvasElement, linkId, text) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const questionElement = yield findByLinkIdOrLabel(canvasElement, linkId);
+        const radio = questionElement === null || questionElement === void 0 ? void 0 : questionElement.querySelector(`span[data-test="radio-single-${text}"] input`);
+        if (!radio) {
+            throw new Error(`Input or textarea was not found inside ${`[data-linkid=${linkId}] block`}`);
+        }
+        fireEvent.click(radio);
+        // Here we await for debounced store update
+        yield new Promise((resolve) => setTimeout(resolve, 500));
+    });
+}
+export function getInputText(canvasElement, linkId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        const questionElement = yield findByLinkIdOrLabel(canvasElement, linkId);
+        const input = (_a = questionElement === null || questionElement === void 0 ? void 0 : questionElement.querySelector('input')) !== null && _a !== void 0 ? _a : questionElement === null || questionElement === void 0 ? void 0 : questionElement.querySelector('textarea');
+        if (!input) {
+            throw new Error(`Input or textarea was not found inside ${`[data-linkid=${linkId}] block`}`);
+        }
+        return input.value;
+    });
+}
+export function chooseSelectOption(canvasElement, linkId, optionLabel) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const questionElement = yield findByLinkIdOrLabel(canvasElement, linkId);
+        const input = questionElement.querySelector('input, textarea');
+        if (!input) {
+            throw new Error(`There is no input inside ${linkId}`);
+        }
+        fireEvent.focus(input);
+        fireEvent.keyDown(input, { key: 'ArrowDown', code: 'ArrowDown' });
+        const option = yield screen.findByText(optionLabel);
+        fireEvent.click(option);
+    });
+}
+export function chooseQuantityOption(canvasElement, linkId, quantity, quantityComparator) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const questionElement = yield findByLinkIdOrLabel(canvasElement, linkId);
+        const inputComaparator = questionElement.querySelector('div[data-test="q-item-quantity-comparator"] input');
+        const inputWeight = questionElement.querySelector('div[data-test="q-item-quantity-field"] input');
+        if (!inputComaparator) {
+            throw new Error(`There is no input inside ${linkId}`);
+        }
+        if (!inputWeight) {
+            throw new Error(`There is no input inside ${linkId}`);
+        }
+        fireEvent.focus(inputComaparator);
+        fireEvent.keyDown(inputComaparator, { key: 'ArrowDown', code: 'ArrowDown' });
+        if (quantityComparator) {
+            const option = yield screen.findByText(quantityComparator);
+            fireEvent.click(option);
+            fireEvent.change(inputComaparator, { target: { value: quantityComparator } });
+        }
+        fireEvent.change(inputWeight, { target: { value: quantity } });
+        // Here we await for debounced store update
+        yield new Promise((resolve) => setTimeout(resolve, 500));
+    });
+}
+export function findByLinkIdOrLabel(canvasElement, linkId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const selectorByLinkId = `[data-linkid="${linkId}"]`;
+        const selectorByLabel = `[data-label="${linkId}"]`;
+        return yield waitFor(() => {
+            var _a;
+            const el = (_a = canvasElement.querySelector(selectorByLinkId)) !== null && _a !== void 0 ? _a : canvasElement.querySelector(selectorByLabel);
+            if (!el) {
+                throw new Error(`Element with selectors "${selectorByLinkId}" or "${selectorByLabel}" not found`);
+            }
+            return el;
+        });
+    });
+}
+export function inputOpenChoiceOtherText(canvasElement, linkId, text) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const questionElement = yield findByLinkIdOrLabel(canvasElement, linkId);
+        const textarea = questionElement === null || questionElement === void 0 ? void 0 : questionElement.querySelector('div[data-test="q-item-radio-open-label-box"] textarea');
+        if (!textarea) {
+            throw new Error(`Input or textarea was not found inside ${`[data-test=${linkId}] block`}`);
+        }
+        fireEvent.change(textarea, { target: { value: text } });
+        // Here we await for debounced store update
+        yield new Promise((resolve) => setTimeout(resolve, 500));
+    });
+}
+//# sourceMappingURL=testUtils.js.map

package/lib/stories/testUtils.js.map

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

package/lib/theme/Theme.d.ts

@@ -0,0 +1,44 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { ThemeOptions } from '@mui/material/styles';
+declare module '@mui/material/styles' {
+    interface Theme {
+        customShadows: {
+            z1: string;
+            z4: string;
+            z8: string;
+            z12: string;
+            z16: string;
+            z20: string;
+            z24: string;
+            card: string;
+            dialog: string;
+            dropdown: string;
+        };
+    }
+    interface ThemeOptions {
+        customShadows: {
+            z1: string;
+            z4: string;
+            z8: string;
+            z12: string;
+            z16: string;
+            z20: string;
+            z24: string;
+            card: string;
+            dialog: string;
+            dropdown: string;
+        };
+    }
+}
+export declare const themeOptions: ThemeOptions;
+/**
+ * Default theme used by the renderer using Material UI. You can customise your own theme by defining a new ThemeProvider.
+ * @see {@link https://mui.com/material-ui/customization/theming/}
+ *
+ * @author Sean Fong
+ */
+export declare function RendererThemeProvider({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+export default RendererThemeProvider;

package/lib/theme/Theme.js

@@ -0,0 +1,45 @@
+import React from 'react';
+import { alpha, createTheme, StyledEngineProvider, ThemeProvider as MUIThemeProvider } from '@mui/material/styles';
+import CssBaseline from '@mui/material/CssBaseline';
+import palette from './palette';
+import typography from './typography';
+import CustomGlobalStyles from './customGlobalStyles';
+import componentsOverride from './overrides/Overrides';
+import { grey } from '@mui/material/colors';
+// ----------------------------------------------------------------------
+const transparent = alpha(grey[500], 0.16);
+export const themeOptions = {
+    palette,
+    shape: { borderRadius: 6 },
+    typography,
+    customShadows: {
+        z1: `0 1px 2px 0 ${transparent}`,
+        z4: `0 4px 8px 0 ${transparent}`,
+        z8: `0 8px 16px 0 ${transparent}`,
+        z12: `0 12px 24px -4px ${transparent}`,
+        z16: `0 16px 32px -4px ${transparent}`,
+        z20: `0 20px 40px -4px ${transparent}`,
+        z24: `0 24px 48px 0 ${transparent}`,
+        //
+        card: `0 0 2px 0 ${alpha(grey[500], 0.2)}, 0 12px 24px -4px ${alpha(grey[500], 0.12)}`,
+        dialog: `-40px 40px 80px -8px ${alpha(grey[500], 0.24)}`,
+        dropdown: `0 0 2px 0 ${alpha(grey[500], 0.24)}, -20px 20px 40px -4px ${alpha(grey[500], 0.24)}`
+    }
+};
+/**
+ * Default theme used by the renderer using Material UI. You can customise your own theme by defining a new ThemeProvider.
+ * @see {@link https://mui.com/material-ui/customization/theming/}
+ *
+ * @author Sean Fong
+ */
+export function RendererThemeProvider({ children }) {
+    const theme = createTheme(themeOptions);
+    theme.components = componentsOverride(theme);
+    return (React.createElement(StyledEngineProvider, { injectFirst: true },
+        React.createElement(MUIThemeProvider, { theme: theme },
+            React.createElement(CssBaseline, null),
+            React.createElement(CustomGlobalStyles, null),
+            children)));
+}
+export default RendererThemeProvider;
+//# sourceMappingURL=Theme.js.map

package/lib/theme/Theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/theme/Theme.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,KAAK,EACL,WAAW,EACX,oBAAoB,EACpB,aAAa,IAAI,gBAAgB,EAClC,MAAM,sBAAsB,CAAC;AAC9B,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAsC5C,yEAAyE;AAEzE,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,YAAY,GAAiB;IACxC,OAAO;IACP,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE;IAC1B,UAAU;IACV,aAAa,EAAE;QACb,EAAE,EAAE,eAAe,WAAW,EAAE;QAChC,EAAE,EAAE,eAAe,WAAW,EAAE;QAChC,EAAE,EAAE,gBAAgB,WAAW,EAAE;QACjC,GAAG,EAAE,oBAAoB,WAAW,EAAE;QACtC,GAAG,EAAE,oBAAoB,WAAW,EAAE;QACtC,GAAG,EAAE,oBAAoB,WAAW,EAAE;QACtC,GAAG,EAAE,iBAAiB,WAAW,EAAE;QACnC,EAAE;QACF,IAAI,EAAE,aAAa,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,sBAAsB,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE;QACtF,MAAM,EAAE,wBAAwB,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE;QACxD,QAAQ,EAAE,aAAa,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,0BAA0B,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE;KAChG;CACF,CAAC;AAEF;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CAAC,EAAE,QAAQ,EAA2B;IACzE,MAAM,KAAK,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;IACxC,KAAK,CAAC,UAAU,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAE7C,OAAO,CACL,oBAAC,oBAAoB,IAAC,WAAW;QAC/B,oBAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK;YAC5B,oBAAC,WAAW,OAAG;YACf,oBAAC,kBAAkB,OAAG;YACrB,QAAQ,CACQ,CACE,CACxB,CAAC;AACJ,CAAC;AAED,eAAe,qBAAqB,CAAC"}

package/lib/theme/customGlobalStyles.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function CustomGlobalStyles(): React.JSX.Element;

package/lib/theme/customGlobalStyles.js

@@ -0,0 +1,61 @@
+/*
+ * 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 React from 'react';
+import GlobalStyles from '@mui/material/GlobalStyles';
+export default function CustomGlobalStyles() {
+    return (React.createElement(GlobalStyles, { styles: {
+            '*': {
+                boxSizing: 'border-box'
+            },
+            html: {
+                margin: 0,
+                padding: 0,
+                width: '100%',
+                height: '100%',
+                WebkitOverflowScrolling: 'touch'
+            },
+            body: {
+                margin: 0,
+                padding: 0,
+                width: '100%',
+                height: '100%'
+            },
+            '#root': {
+                width: '100%',
+                height: '100%',
+                textAlign: 'left'
+            },
+            input: {
+                '&[type=number]': {
+                    MozAppearance: 'textfield',
+                    '&::-webkit-outer-spin-button': {
+                        margin: 0,
+                        WebkitAppearance: 'none'
+                    },
+                    '&::-webkit-inner-spin-button': {
+                        margin: 0,
+                        WebkitAppearance: 'none'
+                    }
+                }
+            },
+            img: {
+                display: 'block',
+                maxWidth: '100%'
+            }
+        } }));
+}
+//# sourceMappingURL=customGlobalStyles.js.map

package/lib/theme/customGlobalStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customGlobalStyles.js","sourceRoot":"","sources":["../../src/theme/customGlobalStyles.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,4BAA4B,CAAC;AAEtD,MAAM,CAAC,OAAO,UAAU,kBAAkB;IACxC,OAAO,CACL,oBAAC,YAAY,IACX,MAAM,EAAE;YACN,GAAG,EAAE;gBACH,SAAS,EAAE,YAAY;aACxB;YACD,IAAI,EAAE;gBACJ,MAAM,EAAE,CAAC;gBACT,OAAO,EAAE,CAAC;gBACV,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,uBAAuB,EAAE,OAAO;aACjC;YACD,IAAI,EAAE;gBACJ,MAAM,EAAE,CAAC;gBACT,OAAO,EAAE,CAAC;gBACV,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;aACf;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,SAAS,EAAE,MAAM;aAClB;YACD,KAAK,EAAE;gBACL,gBAAgB,EAAE;oBAChB,aAAa,EAAE,WAAW;oBAC1B,8BAA8B,EAAE;wBAC9B,MAAM,EAAE,CAAC;wBACT,gBAAgB,EAAE,MAAM;qBACzB;oBACD,8BAA8B,EAAE;wBAC9B,MAAM,EAAE,CAAC;wBACT,gBAAgB,EAAE,MAAM;qBACzB;iBACF;aACF;YACD,GAAG,EAAE;gBACH,OAAO,EAAE,OAAO;gBAChB,QAAQ,EAAE,MAAM;aACjB;SACF,GACD,CACH,CAAC;AACJ,CAAC"}

package/lib/theme/overrides/Accordion.d.ts

@@ -0,0 +1,14 @@
+import type { Theme } from '@mui/material/styles';
+export default function Accordion(theme: Theme): {
+    MuiAccordion: {
+        styleOverrides: {
+            root: {
+                boxShadow: string;
+                borderRadius: number;
+                '&:before': {
+                    display: string;
+                };
+            };
+        };
+    };
+};

package/lib/theme/overrides/Accordion.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.
+ */
+export default function Accordion(theme) {
+    return {
+        MuiAccordion: {
+            styleOverrides: {
+                root: {
+                    boxShadow: theme.customShadows.card,
+                    borderRadius: Number(theme.shape.borderRadius) * 2,
+                    '&:before': {
+                        display: 'none'
+                    }
+                }
+            }
+        }
+    };
+}
+//# sourceMappingURL=Accordion.js.map

package/lib/theme/overrides/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/theme/overrides/Accordion.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAY;IAC5C,OAAO;QACL,YAAY,EAAE;YACZ,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI;oBACnC,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC;oBAClD,UAAU,EAAE;wBACV,OAAO,EAAE,MAAM;qBAChB;iBACF;aACF;SACF;KACF,CAAC;AACJ,CAAC"}

package/lib/theme/overrides/Autocomplete.d.ts

@@ -0,0 +1,10 @@
+import type { Theme } from '@mui/material/styles';
+export default function Autocomplete(theme: Theme): {
+    MuiAutocomplete: {
+        styleOverrides: {
+            paper: {
+                boxShadow: string;
+            };
+        };
+    };
+};

package/lib/theme/overrides/Autocomplete.js

@@ -0,0 +1,28 @@
+/*
+ * 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.
+ */
+export default function Autocomplete(theme) {
+    return {
+        MuiAutocomplete: {
+            styleOverrides: {
+                paper: {
+                    boxShadow: theme.customShadows.z20
+                }
+            }
+        }
+    };
+}
+//# sourceMappingURL=Autocomplete.js.map

package/lib/theme/overrides/Autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../src/theme/overrides/Autocomplete.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAY;IAC/C,OAAO;QACL,eAAe,EAAE;YACf,cAAc,EAAE;gBACd,KAAK,EAAE;oBACL,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG;iBACnC;aACF;SACF;KACF,CAAC;AACJ,CAAC"}

package/lib/theme/overrides/Button.d.ts

@@ -0,0 +1,33 @@
+import type { Theme } from '@mui/material/styles';
+export default function Button(theme: Theme): {
+    MuiButton: {
+        styleOverrides: {
+            root: {
+                '&:hover': {
+                    boxShadow: string;
+                };
+            };
+            sizeLarge: {
+                height: number;
+            };
+            containedInherit: {
+                color: string;
+                boxShadow: string;
+                '&:hover': {
+                    backgroundColor: string;
+                };
+            };
+            outlinedInherit: {
+                border: string;
+                '&:hover': {
+                    backgroundColor: string;
+                };
+            };
+            textInherit: {
+                '&:hover': {
+                    backgroundColor: string;
+                };
+            };
+        };
+    };
+};

package/lib/theme/overrides/Button.js

@@ -0,0 +1,52 @@
+/*
+ * 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 { alpha } from '@mui/material/styles';
+export default function Button(theme) {
+    return {
+        MuiButton: {
+            styleOverrides: {
+                root: {
+                    '&:hover': {
+                        boxShadow: 'none'
+                    }
+                },
+                sizeLarge: {
+                    height: 48
+                },
+                containedInherit: {
+                    color: theme.palette.grey[800],
+                    boxShadow: theme.customShadows.z8,
+                    '&:hover': {
+                        backgroundColor: theme.palette.grey[400]
+                    }
+                },
+                outlinedInherit: {
+                    border: `1px solid ${alpha(theme.palette.grey[500], 0.32)}`,
+                    '&:hover': {
+                        backgroundColor: theme.palette.action.hover
+                    }
+                },
+                textInherit: {
+                    '&:hover': {
+                        backgroundColor: theme.palette.action.hover
+                    }
+                }
+            }
+        }
+    };
+}
+//# sourceMappingURL=Button.js.map

package/lib/theme/overrides/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/theme/overrides/Button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAY;IACzC,OAAO;QACL,SAAS,EAAE;YACT,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,SAAS,EAAE;wBACT,SAAS,EAAE,MAAM;qBAClB;iBACF;gBACD,SAAS,EAAE;oBACT,MAAM,EAAE,EAAE;iBACX;gBACD,gBAAgB,EAAE;oBAChB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;oBAC9B,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,EAAE;oBACjC,SAAS,EAAE;wBACT,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;qBACzC;iBACF;gBACD,eAAe,EAAE;oBACf,MAAM,EAAE,aAAa,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE;oBAC3D,SAAS,EAAE;wBACT,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;qBAC5C;iBACF;gBACD,WAAW,EAAE;oBACX,SAAS,EAAE;wBACT,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;qBAC5C;iBACF;aACF;SACF;KACF,CAAC;AACJ,CAAC"}

package/lib/theme/overrides/Card.d.ts

@@ -0,0 +1,35 @@
+import type { Theme } from '@mui/material/styles';
+export default function Card(theme: Theme): {
+    MuiCard: {
+        styleOverrides: {
+            root: {
+                boxShadow: string;
+                borderRadius: number;
+                position: string;
+                zIndex: number;
+            };
+        };
+    };
+    MuiCardHeader: {
+        defaultProps: {
+            titleTypographyProps: {
+                variant: string;
+            };
+            subheaderTypographyProps: {
+                variant: string;
+            };
+        };
+        styleOverrides: {
+            root: {
+                padding: string;
+            };
+        };
+    };
+    MuiCardContent: {
+        styleOverrides: {
+            root: {
+                padding: string;
+            };
+        };
+    };
+};