@aehrc/smart-forms-renderer 0.4.0 → 0.5.0

package/{src/components/BackToTopButton/BackToTopButton.js → lib/theme/overrides/Overrides.js}

@@ -14,19 +14,18 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import React from 'react';
-import { Box, Fade, useScrollTrigger } from '@mui/material';
-function BackToTopButton(props) {
-    const { children } = props;
-    const trigger = useScrollTrigger({
-        disableHysteresis: true,
-        threshold: 100
-    });
-    const handleClick = () => {
-        window.scrollTo({ top: 0, behavior: 'smooth' });
-    };
-    return (React.createElement(Fade, { in: trigger },
-        React.createElement(Box, { onClick: handleClick, sx: { position: 'fixed', bottom: 12, right: 12 } }, children)));
+import Card from './Card';
+import Paper from './Paper';
+import Input from './Input';
+import Table from './Table';
+import Button from './Button';
+import Backdrop from './Backdrop';
+import Typography from './Typography';
+import Autocomplete from './Autocomplete';
+import Accordion from './Accordion';
+import SpeedDial from './SpeedDial';
+function ComponentsOverrides(theme) {
+    return Object.assign(Accordion(theme), Card(theme), Table(theme), Input(theme), Paper(), Button(theme), Backdrop(theme), Typography(theme), Autocomplete(theme), SpeedDial(theme));
 }
-export default BackToTopButton;
-//# sourceMappingURL=BackToTopButton.js.map
+export default ComponentsOverrides;
+//# sourceMappingURL=Overrides.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Overrides.js","sourceRoot":"","sources":["../../../src/theme/overrides/Overrides.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,SAAS,MAAM,aAAa,CAAC;AAGpC,SAAS,mBAAmB,CAAC,KAAY;IACvC,OAAO,MAAM,CAAC,MAAM,CAClB,SAAS,CAAC,KAAK,CAAC,EAChB,IAAI,CAAC,KAAK,CAAC,EACX,KAAK,CAAC,KAAK,CAAC,EACZ,KAAK,CAAC,KAAK,CAAC,EACZ,KAAK,EAAE,EACP,MAAM,CAAC,KAAK,CAAC,EACb,QAAQ,CAAC,KAAK,CAAC,EACf,UAAU,CAAC,KAAK,CAAC,EACjB,YAAY,CAAC,KAAK,CAAC,EACnB,SAAS,CAAC,KAAK,CAAC,CACjB,CAAC;AACJ,CAAC;AAED,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,12 @@
+export default function Paper(): {
+    MuiPaper: {
+        defaultProps: {
+            elevation: number;
+        };
+        styleOverrides: {
+            root: {
+                backgroundImage: string;
+            };
+        };
+    };
+};

package/{src/hooks/useQueryClient.js → lib/theme/overrides/Paper.js}

@@ -14,16 +14,18 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { QueryClient } from '@tanstack/react-query';
-function useQueryClient() {
-    return new QueryClient({
-        defaultOptions: {
-            queries: {
-                refetchOnWindowFocus: false,
-                keepPreviousData: true
+export default function Paper() {
+    return {
+        MuiPaper: {
+            defaultProps: {
+                elevation: 0
+            },
+            styleOverrides: {
+                root: {
+                    backgroundImage: 'none'
+                }
             }
         }
-    });
+    };
 }
-export default useQueryClient;
-//# sourceMappingURL=useQueryClient.js.map
+//# sourceMappingURL=Paper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Paper.js","sourceRoot":"","sources":["../../../src/theme/overrides/Paper.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,CAAC,OAAO,UAAU,KAAK;IAC3B,OAAO;QACL,QAAQ,EAAE;YACR,YAAY,EAAE;gBACZ,SAAS,EAAE,CAAC;aACb;YACD,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,eAAe,EAAE,MAAM;iBACxB;aACF;SACF;KACF,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,16 @@
+import type { Theme } from '@mui/material';
+export default function SpeedDial(theme: Theme): {
+    MuiSpeedDialAction: {
+        styleOverrides: {
+            staticTooltipLabel: {
+                backgroundColor: string;
+                color: string;
+                fontSize: import("csstype").Property.FontSize<string | number> | undefined;
+                fontWeight: import("csstype").Property.FontWeight | undefined;
+                boxShadow: string;
+                maxWidth: number;
+                whiteSpace: string;
+            };
+        };
+    };
+};

package/{src/hooks/useInitialiseRepeatAnswers.js → lib/theme/overrides/SpeedDial.js}

@@ -14,23 +14,21 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { nanoid } from 'nanoid';
-function useInitialiseRepeatAnswers(qrItem) {
-    let initialRepeatAnswers = [
-        {
-            nanoId: nanoid(),
-            answer: null
+export default function SpeedDial(theme) {
+    return {
+        MuiSpeedDialAction: {
+            styleOverrides: {
+                staticTooltipLabel: {
+                    backgroundColor: theme.palette.grey[600],
+                    color: theme.palette.common.white,
+                    fontSize: theme.typography.subtitle2.fontSize,
+                    fontWeight: theme.typography.subtitle2.fontWeight,
+                    boxShadow: theme.customShadows.z8,
+                    maxWidth: 200,
+                    whiteSpace: 'nowrap'
+                }
+            }
         }
-    ];
-    if (qrItem === null || qrItem === void 0 ? void 0 : qrItem.answer) {
-        initialRepeatAnswers = qrItem.answer.map((answer) => {
-            return {
-                nanoId: nanoid(),
-                answer
-            };
-        });
-    }
-    return initialRepeatAnswers;
+    };
 }
-export default useInitialiseRepeatAnswers;
-//# sourceMappingURL=useInitialiseRepeatAnswers.js.map
+//# sourceMappingURL=SpeedDial.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpeedDial.js","sourceRoot":"","sources":["../../../src/theme/overrides/SpeedDial.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAY;IAC5C,OAAO;QACL,kBAAkB,EAAE;YAClB,cAAc,EAAE;gBACd,kBAAkB,EAAE;oBAClB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;oBACxC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;oBACjC,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ;oBAC7C,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,UAAU;oBACjD,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,EAAE;oBACjC,QAAQ,EAAE,GAAG;oBACb,UAAU,EAAE,QAAQ;iBACrB;aACF;SACF;KACF,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,11 @@
+import type { Theme } from '@mui/material/styles';
+export default function Table(theme: Theme): {
+    MuiTableCell: {
+        styleOverrides: {
+            head: {
+                color: string;
+                backgroundColor: string;
+            };
+        };
+    };
+};

package/{src/components/FormRenderer/index.js → lib/theme/overrides/Table.js}

@@ -14,5 +14,16 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export { default as SmartFormsRenderer } from './SmartFormsRenderer';
-//# sourceMappingURL=index.js.map
+export default function Table(theme) {
+    return {
+        MuiTableCell: {
+            styleOverrides: {
+                head: {
+                    color: theme.palette.text.secondary,
+                    backgroundColor: theme.palette.customBackground.neutral
+                }
+            }
+        }
+    };
+}
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/theme/overrides/Table.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAY;IACxC,OAAO;QACL,YAAY,EAAE;YACZ,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;oBACnC,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,OAAO;iBACxD;aACF;SACF;KACF,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,13 @@
+import type { Theme } from '@mui/material';
+export default function Typography(theme: Theme): {
+    MuiTypography: {
+        styleOverrides: {
+            paragraph: {
+                marginBottom: string;
+            };
+            gutterBottom: {
+                marginBottom: string;
+            };
+        };
+    };
+};

package/lib/theme/overrides/Typography.js

@@ -0,0 +1,31 @@
+/*
+ * Copyright 2023 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 Typography(theme) {
+    return {
+        MuiTypography: {
+            styleOverrides: {
+                paragraph: {
+                    marginBottom: theme.spacing(2)
+                },
+                gutterBottom: {
+                    marginBottom: theme.spacing(1)
+                }
+            }
+        }
+    };
+}
+//# sourceMappingURL=Typography.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../src/theme/overrides/Typography.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAY;IAC7C,OAAO;QACL,aAAa,EAAE;YACb,cAAc,EAAE;gBACd,SAAS,EAAE;oBACT,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC/B;gBACD,YAAY,EAAE;oBACZ,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC/B;aACF;SACF;KACF,CAAC;AACJ,CAAC"}

package/lib/theme/palette.d.ts

@@ -0,0 +1,28 @@
+import type { PaletteOptions } from '@mui/material/styles';
+import type { PaletteColor, PaletteColorOptions } from '@mui/material';
+declare module '@mui/material/styles' {
+    interface Palette {
+        accent1: PaletteColor;
+        accent2: PaletteColor;
+        pale: {
+            primary: string;
+            secondary: string;
+        };
+        customBackground: {
+            neutral: string;
+        };
+    }
+    interface PaletteOptions {
+        accent1?: PaletteColorOptions;
+        accent2?: PaletteColorOptions;
+        pale?: {
+            primary: string;
+            secondary: string;
+        };
+        customBackground?: {
+            neutral: string;
+        };
+    }
+}
+declare const palette: PaletteOptions;
+export default palette;

package/lib/theme/palette.js

@@ -0,0 +1,67 @@
+/*
+ * Copyright 2023 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';
+import { grey } from '@mui/material/colors';
+const SECONDARY = {
+    light: '#7ac298',
+    main: '#229954',
+    dark: '#145c32',
+    contrastText: '#fff'
+};
+const palette = {
+    common: { black: '#000', white: '#fff' },
+    secondary: SECONDARY,
+    accent1: {
+        main: '#d2e0f6',
+        light: '#e9f0fa',
+        dark: '#bcd1f1'
+    },
+    accent2: {
+        main: '#d5f5e3',
+        light: '#eafaf1',
+        dark: '#abebc6'
+    },
+    pale: {
+        primary: '#D6EBFC',
+        secondary: '#D3EBDD'
+    },
+    divider: alpha(grey['500'], 0.24),
+    text: {
+        primary: grey['800'],
+        secondary: grey['600'],
+        disabled: grey['500']
+    },
+    background: {
+        paper: '#fff',
+        default: grey['50']
+    },
+    customBackground: {
+        neutral: '#F4F6F8'
+    },
+    action: {
+        active: grey['600'],
+        hover: alpha(grey['500'], 0.08),
+        selected: alpha(grey['500'], 0.16),
+        disabled: alpha(grey['500'], 0.8),
+        disabledBackground: alpha(grey['500'], 0.24),
+        focus: alpha(grey['500'], 0.24),
+        hoverOpacity: 0.08,
+        disabledOpacity: 0.48
+    }
+};
+export default palette;
+//# sourceMappingURL=palette.js.map

package/lib/theme/palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.js","sourceRoot":"","sources":["../../src/theme/palette.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AA8B5C,MAAM,SAAS,GAAG;IAChB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,YAAY,EAAE,MAAM;CACrB,CAAC;AAEF,MAAM,OAAO,GAAmB;IAC9B,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IACxC,SAAS,EAAE,SAAS;IACpB,OAAO,EAAE;QACP,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;KAChB;IACD,OAAO,EAAE;QACP,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;KAChB;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;KACrB;IACD,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;IACjC,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC;QACpB,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC;QACtB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC;KACtB;IACD,UAAU,EAAE;QACV,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC;KACpB;IACD,gBAAgB,EAAE;QAChB,OAAO,EAAE,SAAS;KACnB;IACD,MAAM,EAAE;QACN,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC;QACnB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;QAC/B,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;QAClC,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC;QACjC,kBAAkB,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;QAC5C,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;QAC/B,YAAY,EAAE,IAAI;QAClB,eAAe,EAAE,IAAI;KACtB;CACF,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/theme/shadows.d.ts

@@ -0,0 +1,2 @@
+declare const _default: string[];
+export default _default;

package/lib/theme/shadows.js

@@ -0,0 +1,52 @@
+/*
+ * Copyright 2023 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';
+import { grey } from '@mui/material/colors';
+function shadows() {
+    const transparent1 = alpha(grey['500'], 0.2);
+    const transparent2 = alpha(grey['500'], 0.14);
+    const transparent3 = alpha(grey['500'], 0.12);
+    return [
+        'none',
+        `0px 2px 1px -1px ${transparent1},0px 1px 1px 0px ${transparent2},0px 1px 3px 0px ${transparent3}`,
+        `0px 3px 1px -2px ${transparent1},0px 2px 2px 0px ${transparent2},0px 1px 5px 0px ${transparent3}`,
+        `0px 3px 3px -2px ${transparent1},0px 3px 4px 0px ${transparent2},0px 1px 8px 0px ${transparent3}`,
+        `0px 2px 4px -1px ${transparent1},0px 4px 5px 0px ${transparent2},0px 1px 10px 0px ${transparent3}`,
+        `0px 3px 5px -1px ${transparent1},0px 5px 8px 0px ${transparent2},0px 1px 14px 0px ${transparent3}`,
+        `0px 3px 5px -1px ${transparent1},0px 6px 10px 0px ${transparent2},0px 1px 18px 0px ${transparent3}`,
+        `0px 4px 5px -2px ${transparent1},0px 7px 10px 1px ${transparent2},0px 2px 16px 1px ${transparent3}`,
+        `0px 5px 5px -3px ${transparent1},0px 8px 10px 1px ${transparent2},0px 3px 14px 2px ${transparent3}`,
+        `0px 5px 6px -3px ${transparent1},0px 9px 12px 1px ${transparent2},0px 3px 16px 2px ${transparent3}`,
+        `0px 6px 6px -3px ${transparent1},0px 10px 14px 1px ${transparent2},0px 4px 18px 3px ${transparent3}`,
+        `0px 6px 7px -4px ${transparent1},0px 11px 15px 1px ${transparent2},0px 4px 20px 3px ${transparent3}`,
+        `0px 7px 8px -4px ${transparent1},0px 12px 17px 2px ${transparent2},0px 5px 22px 4px ${transparent3}`,
+        `0px 7px 8px -4px ${transparent1},0px 13px 19px 2px ${transparent2},0px 5px 24px 4px ${transparent3}`,
+        `0px 7px 9px -4px ${transparent1},0px 14px 21px 2px ${transparent2},0px 5px 26px 4px ${transparent3}`,
+        `0px 8px 9px -5px ${transparent1},0px 15px 22px 2px ${transparent2},0px 6px 28px 5px ${transparent3}`,
+        `0px 8px 10px -5px ${transparent1},0px 16px 24px 2px ${transparent2},0px 6px 30px 5px ${transparent3}`,
+        `0px 8px 11px -5px ${transparent1},0px 17px 26px 2px ${transparent2},0px 6px 32px 5px ${transparent3}`,
+        `0px 9px 11px -5px ${transparent1},0px 18px 28px 2px ${transparent2},0px 7px 34px 6px ${transparent3}`,
+        `0px 9px 12px -6px ${transparent1},0px 19px 29px 2px ${transparent2},0px 7px 36px 6px ${transparent3}`,
+        `0px 10px 13px -6px ${transparent1},0px 20px 31px 3px ${transparent2},0px 8px 38px 7px ${transparent3}`,
+        `0px 10px 13px -6px ${transparent1},0px 21px 33px 3px ${transparent2},0px 8px 40px 7px ${transparent3}`,
+        `0px 10px 14px -6px ${transparent1},0px 22px 35px 3px ${transparent2},0px 8px 42px 7px ${transparent3}`,
+        `0px 11px 14px -7px ${transparent1},0px 23px 36px 3px ${transparent2},0px 9px 44px 8px ${transparent3}`,
+        `0px 11px 15px -7px ${transparent1},0px 24px 38px 3px ${transparent2},0px 9px 46px 8px ${transparent3}`
+    ];
+}
+export default shadows();
+//# sourceMappingURL=shadows.js.map

package/lib/theme/shadows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.js","sourceRoot":"","sources":["../../src/theme/shadows.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,SAAS,OAAO;IACd,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC;IAC7C,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IAC9C,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IAC9C,OAAO;QACL,MAAM;QACN,oBAAoB,YAAY,oBAAoB,YAAY,oBAAoB,YAAY,EAAE;QAClG,oBAAoB,YAAY,oBAAoB,YAAY,oBAAoB,YAAY,EAAE;QAClG,oBAAoB,YAAY,oBAAoB,YAAY,oBAAoB,YAAY,EAAE;QAClG,oBAAoB,YAAY,oBAAoB,YAAY,qBAAqB,YAAY,EAAE;QACnG,oBAAoB,YAAY,oBAAoB,YAAY,qBAAqB,YAAY,EAAE;QACnG,oBAAoB,YAAY,qBAAqB,YAAY,qBAAqB,YAAY,EAAE;QACpG,oBAAoB,YAAY,qBAAqB,YAAY,qBAAqB,YAAY,EAAE;QACpG,oBAAoB,YAAY,qBAAqB,YAAY,qBAAqB,YAAY,EAAE;QACpG,oBAAoB,YAAY,qBAAqB,YAAY,qBAAqB,YAAY,EAAE;QACpG,oBAAoB,YAAY,sBAAsB,YAAY,qBAAqB,YAAY,EAAE;QACrG,oBAAoB,YAAY,sBAAsB,YAAY,qBAAqB,YAAY,EAAE;QACrG,oBAAoB,YAAY,sBAAsB,YAAY,qBAAqB,YAAY,EAAE;QACrG,oBAAoB,YAAY,sBAAsB,YAAY,qBAAqB,YAAY,EAAE;QACrG,oBAAoB,YAAY,sBAAsB,YAAY,qBAAqB,YAAY,EAAE;QACrG,oBAAoB,YAAY,sBAAsB,YAAY,qBAAqB,YAAY,EAAE;QACrG,qBAAqB,YAAY,sBAAsB,YAAY,qBAAqB,YAAY,EAAE;QACtG,qBAAqB,YAAY,sBAAsB,YAAY,qBAAqB,YAAY,EAAE;QACtG,qBAAqB,YAAY,sBAAsB,YAAY,qBAAqB,YAAY,EAAE;QACtG,qBAAqB,YAAY,sBAAsB,YAAY,qBAAqB,YAAY,EAAE;QACtG,sBAAsB,YAAY,sBAAsB,YAAY,qBAAqB,YAAY,EAAE;QACvG,sBAAsB,YAAY,sBAAsB,YAAY,qBAAqB,YAAY,EAAE;QACvG,sBAAsB,YAAY,sBAAsB,YAAY,qBAAqB,YAAY,EAAE;QACvG,sBAAsB,YAAY,sBAAsB,YAAY,qBAAqB,YAAY,EAAE;QACvG,sBAAsB,YAAY,sBAAsB,YAAY,qBAAqB,YAAY,EAAE;KACxG,CAAC;AACJ,CAAC;AAED,eAAe,OAAO,EAAE,CAAC"}

package/lib/theme/typography.d.ts

@@ -0,0 +1,139 @@
+export declare function pxToRem(value: number): string;
+export declare function responsiveFontSizes(props: {
+    sm: number;
+    md: number;
+    lg: number;
+}): {
+    '@media (min-width:600px)': {
+        fontSize: string;
+    };
+    '@media (min-width:900px)': {
+        fontSize: string;
+    };
+    '@media (min-width:1200px)': {
+        fontSize: string;
+    };
+};
+declare const typography: {
+    fontFamily: string;
+    fontWeightRegular: number;
+    fontWeightMedium: number;
+    fontWeightBold: number;
+    h1: {
+        '@media (min-width:600px)': {
+            fontSize: string;
+        };
+        '@media (min-width:900px)': {
+            fontSize: string;
+        };
+        '@media (min-width:1200px)': {
+            fontSize: string;
+        };
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+    };
+    h2: {
+        '@media (min-width:600px)': {
+            fontSize: string;
+        };
+        '@media (min-width:900px)': {
+            fontSize: string;
+        };
+        '@media (min-width:1200px)': {
+            fontSize: string;
+        };
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+    };
+    h3: {
+        '@media (min-width:600px)': {
+            fontSize: string;
+        };
+        '@media (min-width:900px)': {
+            fontSize: string;
+        };
+        '@media (min-width:1200px)': {
+            fontSize: string;
+        };
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+    };
+    h4: {
+        '@media (min-width:600px)': {
+            fontSize: string;
+        };
+        '@media (min-width:900px)': {
+            fontSize: string;
+        };
+        '@media (min-width:1200px)': {
+            fontSize: string;
+        };
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+    };
+    h5: {
+        '@media (min-width:600px)': {
+            fontSize: string;
+        };
+        '@media (min-width:900px)': {
+            fontSize: string;
+        };
+        '@media (min-width:1200px)': {
+            fontSize: string;
+        };
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+    };
+    h6: {
+        '@media (min-width:600px)': {
+            fontSize: string;
+        };
+        '@media (min-width:900px)': {
+            fontSize: string;
+        };
+        '@media (min-width:1200px)': {
+            fontSize: string;
+        };
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+    };
+    subtitle1: {
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+    };
+    subtitle2: {
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+    };
+    body1: {
+        lineHeight: number;
+        fontSize: string;
+    };
+    body2: {
+        lineHeight: number;
+        fontSize: string;
+    };
+    caption: {
+        lineHeight: number;
+        fontSize: string;
+    };
+    overline: {
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+    };
+    button: {
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+    };
+};
+export default typography;

package/lib/theme/typography.js

@@ -0,0 +1,80 @@
+/*
+ * Copyright 2023 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 function pxToRem(value) {
+    return `${value / 16}rem`;
+}
+export function responsiveFontSizes(props) {
+    const { sm, md, lg } = props;
+    return {
+        '@media (min-width:600px)': {
+            fontSize: pxToRem(sm)
+        },
+        '@media (min-width:900px)': {
+            fontSize: pxToRem(md)
+        },
+        '@media (min-width:1200px)': {
+            fontSize: pxToRem(lg)
+        }
+    };
+}
+// ----------------------------------------------------------------------
+const typography = {
+    fontFamily: ['Inter', 'sans-serif', 'Roboto', 'Arial', '"Helvetica Neue"', 'Helvetica'].join(','),
+    fontWeightRegular: 400,
+    fontWeightMedium: 600,
+    fontWeightBold: 700,
+    h1: Object.assign({ fontWeight: 800, lineHeight: 80 / 64, fontSize: pxToRem(36) }, responsiveFontSizes({ sm: 40, md: 48, lg: 54 })),
+    h2: Object.assign({ fontWeight: 800, lineHeight: 64 / 48, fontSize: pxToRem(28) }, responsiveFontSizes({ sm: 32, md: 34, lg: 36 })),
+    h3: Object.assign({ fontWeight: 700, lineHeight: 1.5, fontSize: pxToRem(20) }, responsiveFontSizes({ sm: 22, md: 26, lg: 28 })),
+    h4: Object.assign({ fontWeight: 700, lineHeight: 1.5, fontSize: pxToRem(16) }, responsiveFontSizes({ sm: 18, md: 20, lg: 20 })),
+    h5: Object.assign({ fontWeight: 700, lineHeight: 1.5, fontSize: pxToRem(14) }, responsiveFontSizes({ sm: 15, md: 16, lg: 16 })),
+    h6: Object.assign({ fontWeight: 700, lineHeight: 28 / 18, fontSize: pxToRem(13) }, responsiveFontSizes({ sm: 14, md: 14, lg: 14 })),
+    subtitle1: {
+        fontWeight: 600,
+        lineHeight: 1.5,
+        fontSize: pxToRem(13)
+    },
+    subtitle2: {
+        fontWeight: 600,
+        lineHeight: 22 / 14,
+        fontSize: pxToRem(11)
+    },
+    body1: {
+        lineHeight: 1.5,
+        fontSize: pxToRem(12)
+    },
+    body2: {
+        lineHeight: 22 / 14,
+        fontSize: pxToRem(11)
+    },
+    caption: {
+        lineHeight: 1.5,
+        fontSize: pxToRem(10)
+    },
+    overline: {
+        fontWeight: 700,
+        lineHeight: 1.5,
+        fontSize: pxToRem(10)
+    },
+    button: {
+        fontWeight: 700,
+        lineHeight: 24 / 14,
+        fontSize: pxToRem(12)
+    }
+};
+export default typography;
+//# sourceMappingURL=typography.js.map

package/lib/theme/typography.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aehrc/smart-forms-renderer",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "main": "lib/index.js",
   "scripts": {
     "compile": "tsc",

package/src/components/FormRenderer/SmartFormsRenderer.tsx

@@ -22,6 +22,7 @@ import { Box, CircularProgress, Typography } from '@mui/material';
 import { QueryClientProvider } from '@tanstack/react-query';
 import useQueryClient from '../../hooks/useQueryClient';
 import BaseRenderer from './BaseRenderer';
+import ThemeProvider from '../../theme/Theme';
 
 interface SmartFormsRendererProps {
   questionnaire: Questionnaire;
@@ -50,9 +51,11 @@ function SmartFormsRenderer(props: SmartFormsRendererProps) {
   }
 
   return (
-    <QueryClientProvider client={queryClient}>
-      <BaseRenderer />
-    </QueryClientProvider>
+    <ThemeProvider>
+      <QueryClientProvider client={queryClient}>
+        <BaseRenderer />
+      </QueryClientProvider>
+    </ThemeProvider>
   );
 }