@aehrc/smart-forms-renderer 0.2.0 → 0.4.0

package/package.json

@@ -1,29 +1,18 @@
 {
   "name": "@aehrc/smart-forms-renderer",
-  "version": "0.2.0",
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "files": [
-    "dist"
-  ],
-  "types": "dist/index.d.ts",
+  "version": "0.4.0",
+  "main": "lib/index.js",
   "scripts": {
-    "build": "rollup -c",
-    "build:watch": "rollup -c -w",
+    "compile": "tsc",
+    "build:watch": "tsc --watch",
+    "prepare": "npm run compile",
     "test": "jest",
     "test:watch": "jest --watch",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
-  "peerDependencies": {
-    "@emotion/react": ">=11.11.0",
-    "@emotion/styled": ">=11.10.0",
+  "dependencies": {
     "@iconify/react": ">=4.1.0",
-    "@mui/icons-material": ">=5.14.0",
-    "@mui/lab": ">=5.0.0-alpha.137",
-    "@mui/material": ">=5.14.0",
-    "@mui/x-date-pickers": ">=6.10.0",
-    "@tanstack/react-query": ">=4.29.0",
     "dayjs": ">=1.10.0",
     "fhirclient": ">=2.5.0",
     "fhirpath": ">=3.6.0",
@@ -31,17 +20,23 @@
     "lodash.clonedeep": ">=4.0.0",
     "lodash.debounce": ">=4.0.8",
     "nanoid": ">=4.0.0",
-    "react-markdown": ">=8.0.0",
+    "@types/fhir": "^0.0.37",
     "zustand": ">=4.4.0",
-    "react": ">=17.0.0",
-    "react-dom": ">=17.0.0"
+    "react-markdown": ">=8.0.0"
+  },
+  "peerDependencies": {
+    "@emotion/react": ">=11.11.0",
+    "@emotion/styled": ">=11.10.0",
+    "@mui/icons-material": ">=5.14.0",
+    "@mui/lab": ">=5.0.0-alpha.137",
+    "@mui/material": ">=5.14.0",
+    "@mui/x-date-pickers": ">=6.10.0",
+    "@tanstack/react-query": ">=4.29.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
   },
   "devDependencies": {
-    "@types/fhir": "^0.0.37",
     "@babel/core": "^7.15.0",
-    "@rollup/plugin-commonjs": "^17.1.0",
-    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^11.2.1",
     "@storybook/addon-essentials": "^7.4.0",
     "@storybook/addon-interactions": "^7.4.0",
     "@storybook/addon-links": "^7.4.0",
@@ -61,9 +56,6 @@
     "jest-environment-jsdom": "^29.6.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "rollup": "^2.56.3",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-typescript2": "^0.29.0",
     "storybook": "^7.4.0",
     "ts-jest": "^29.1.1",
     "tslib": "^2.6.2",

package/src/api/populate.js

@@ -0,0 +1,63 @@
+/*
+ * 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.
+ */
+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 { isOutputParameters, populate } from 'sdc-populate';
+import { fetchResourceCallback } from '../utils/populateCallback';
+const IS_IN_APP_POPULATE = true;
+export const HEADERS = {
+    'Content-Type': 'application/json;charset=utf-8',
+    Accept: 'application/json;charset=utf-8'
+};
+export function requestPopulate(fhirClient, inputParameters) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const requestConfig = {
+            clientEndpoint: fhirClient.state.serverUrl,
+            authToken: fhirClient.state.tokenResponse.access_token
+        };
+        if (IS_IN_APP_POPULATE) {
+            return yield populate(inputParameters, fetchResourceCallback, requestConfig);
+        }
+        const outputParameters = yield fhirClient.request({
+            url: 'Questionnaire/$populate',
+            method: 'POST',
+            body: JSON.stringify(inputParameters),
+            headers: Object.assign(Object.assign({}, HEADERS), { 'Content-Type': 'application/json', Authorization: `Bearer ${requestConfig.authToken}` })
+        });
+        if (isOutputParameters(outputParameters)) {
+            return outputParameters;
+        }
+        return {
+            resourceType: 'OperationOutcome',
+            issue: [
+                {
+                    severity: 'error',
+                    code: 'invalid',
+                    details: { text: 'Output parameters does not match the specification.' }
+                }
+            ]
+        };
+    });
+}
+//# sourceMappingURL=populate.js.map

package/src/api/populate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"populate.js","sourceRoot":"","sources":["populate.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;;;;;;;;;;AAGH,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAIlE,MAAM,kBAAkB,GAAG,IAAI,CAAC;AAEhC,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,cAAc,EAAE,gCAAgC;IAChD,MAAM,EAAE,gCAAgC;CACzC,CAAC;AAEF,MAAM,UAAgB,eAAe,CACnC,UAAkB,EAClB,eAAgC;;QAEhC,MAAM,aAAa,GAAkB;YACnC,cAAc,EAAE,UAAU,CAAC,KAAK,CAAC,SAAS;YAC1C,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,aAAc,CAAC,YAAa;SACzD,CAAC;QAEF,IAAI,kBAAkB,EAAE;YACtB,OAAO,MAAM,QAAQ,CAAC,eAAe,EAAE,qBAAqB,EAAE,aAAa,CAAC,CAAC;SAC9E;QAED,MAAM,gBAAgB,GAAG,MAAM,UAAU,CAAC,OAAO,CAAC;YAChD,GAAG,EAAE,yBAAyB;YAC9B,MAAM,EAAE,MAAM;YACd,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC;YACrC,OAAO,kCACF,OAAO,KACV,cAAc,EAAE,kBAAkB,EAClC,aAAa,EAAE,UAAU,aAAa,CAAC,SAAS,EAAE,GACnD;SACF,CAAC,CAAC;QAEH,IAAI,kBAAkB,CAAC,gBAAgB,CAAC,EAAE;YACxC,OAAO,gBAAgB,CAAC;SACzB;QAED,OAAO;YACL,YAAY,EAAE,kBAAkB;YAChC,KAAK,EAAE;gBACL;oBACE,QAAQ,EAAE,OAAO;oBACjB,IAAI,EAAE,SAAS;oBACf,OAAO,EAAE,EAAE,IAAI,EAAE,qDAAqD,EAAE;iBACzE;aACF;SACF,CAAC;IACJ,CAAC;CAAA"}

package/src/api/populate.ts

@@ -0,0 +1,70 @@
+/*
+ * 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 type { InputParameters, OutputParameters } from 'sdc-populate';
+import { isOutputParameters, populate } from 'sdc-populate';
+import type { RequestConfig } from '../utils/populateCallback';
+import { fetchResourceCallback } from '../utils/populateCallback';
+import type Client from 'fhirclient/lib/Client';
+import type { OperationOutcome } from 'fhir/r4';
+
+const IS_IN_APP_POPULATE = true;
+
+export const HEADERS = {
+  'Content-Type': 'application/json;charset=utf-8',
+  Accept: 'application/json;charset=utf-8'
+};
+
+export async function requestPopulate(
+  fhirClient: Client,
+  inputParameters: InputParameters
+): Promise<OutputParameters | OperationOutcome> {
+  const requestConfig: RequestConfig = {
+    clientEndpoint: fhirClient.state.serverUrl,
+    authToken: fhirClient.state.tokenResponse!.access_token!
+  };
+
+  if (IS_IN_APP_POPULATE) {
+    return await populate(inputParameters, fetchResourceCallback, requestConfig);
+  }
+
+  const outputParameters = await fhirClient.request({
+    url: 'Questionnaire/$populate',
+    method: 'POST',
+    body: JSON.stringify(inputParameters),
+    headers: {
+      ...HEADERS,
+      'Content-Type': 'application/json',
+      Authorization: `Bearer ${requestConfig.authToken}`
+    }
+  });
+
+  if (isOutputParameters(outputParameters)) {
+    return outputParameters;
+  }
+
+  return {
+    resourceType: 'OperationOutcome',
+    issue: [
+      {
+        severity: 'error',
+        code: 'invalid',
+        details: { text: 'Output parameters does not match the specification.' }
+      }
+    ]
+  };
+}

package/src/components/Alert.styles.js

@@ -0,0 +1,40 @@
+/*
+ * 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, styled } from '@mui/material/styles';
+import { Box, ListItemIcon } from '@mui/material';
+export const StyledAlert = styled(Box, {
+    shouldForwardProp: (prop) => prop !== 'color'
+})(({ theme, color }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    padding: theme.spacing(1.25),
+    borderRadius: Number(theme.shape.borderRadius) * 1.5,
+    backgroundColor: alpha(color === 'error' ? theme.palette.error.light : theme.palette.info.light, 0.12),
+    [theme.breakpoints.up('sm')]: {
+        padding: theme.spacing(1.5)
+    },
+    [theme.breakpoints.up('md')]: {
+        padding: theme.spacing(2)
+    }
+}));
+export const StyledNavItemIcon = styled(ListItemIcon)({
+    color: 'inherit',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center'
+});
+//# sourceMappingURL=Alert.styles.js.map

package/src/components/Alert.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.styles.js","sourceRoot":"","sources":["Alert.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,EAAE;IACrC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,OAAO;CAC9C,CAAC,CAA8B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACrD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,GAAG;IACpD,eAAe,EAAE,KAAK,CACpB,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EACxE,IAAI,CACL;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;KAC5B;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC1B;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;IACpD,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAC"}

package/src/components/Alert.styles.ts

@@ -0,0 +1,45 @@
+/*
+ * 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, styled } from '@mui/material/styles';
+import { Box, ListItemIcon } from '@mui/material';
+
+export const StyledAlert = styled(Box, {
+  shouldForwardProp: (prop) => prop !== 'color'
+})<{ color: 'info' | 'error' }>(({ theme, color }) => ({
+  display: 'flex',
+  alignItems: 'center',
+  padding: theme.spacing(1.25),
+  borderRadius: Number(theme.shape.borderRadius) * 1.5,
+  backgroundColor: alpha(
+    color === 'error' ? theme.palette.error.light : theme.palette.info.light,
+    0.12
+  ),
+  [theme.breakpoints.up('sm')]: {
+    padding: theme.spacing(1.5)
+  },
+  [theme.breakpoints.up('md')]: {
+    padding: theme.spacing(2)
+  }
+}));
+
+export const StyledNavItemIcon = styled(ListItemIcon)({
+  color: 'inherit',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center'
+});

package/src/components/BackToTopButton/BackToTopButton.js

@@ -0,0 +1,32 @@
+/*
+ * 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 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)));
+}
+export default BackToTopButton;
+//# sourceMappingURL=BackToTopButton.js.map

package/src/components/BackToTopButton/BackToTopButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackToTopButton.js","sourceRoot":"","sources":["BackToTopButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAM5D,SAAS,eAAe,CAAC,KAAY;IACnC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,MAAM,OAAO,GAAG,gBAAgB,CAAC;QAC/B,iBAAiB,EAAE,IAAI;QACvB,SAAS,EAAE,GAAG;KACf,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,EAAE,EAAE,OAAO;QACf,oBAAC,GAAG,IAAC,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IACxE,QAAQ,CACL,CACD,CACR,CAAC;AACJ,CAAC;AAED,eAAe,eAAe,CAAC"}

package/src/components/BackToTopButton/BackToTopButton.tsx

@@ -0,0 +1,47 @@
+/*
+ * 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 type { ReactElement } from 'react';
+import React from 'react';
+import { Box, Fade, useScrollTrigger } from '@mui/material';
+
+interface Props {
+  children: ReactElement;
+}
+
+function BackToTopButton(props: Props) {
+  const { children } = props;
+
+  const trigger = useScrollTrigger({
+    disableHysteresis: true,
+    threshold: 100
+  });
+
+  const handleClick = () => {
+    window.scrollTo({ top: 0, behavior: 'smooth' });
+  };
+
+  return (
+    <Fade in={trigger}>
+      <Box onClick={handleClick} sx={{ position: 'fixed', bottom: 12, right: 12 }}>
+        {children}
+      </Box>
+    </Fade>
+  );
+}
+
+export default BackToTopButton;

package/src/components/Box.styles.js

@@ -0,0 +1,30 @@
+/*
+ * 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 { Box, styled } from '@mui/material';
+export const QGroupContainerBox = styled(Box, {
+    shouldForwardProp: (prop) => prop !== 'cardElevation' && prop !== 'isRepeated'
+})(({ cardElevation, isRepeated }) => ({
+    marginTop: cardElevation === 1 || isRepeated ? 0 : 18,
+    marginBottom: cardElevation === 1 || isRepeated ? 0 : 18
+}));
+export const FullWidthFormComponentBox = styled(Box)(() => ({
+    marginBottom: 14
+}));
+export const FormTitleWrapper = styled(Box)(() => ({
+    marginTop: 12
+}));
+//# sourceMappingURL=Box.styles.js.map

package/src/components/Box.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.styles.js","sourceRoot":"","sources":["Box.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,EAAE;IAC5C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,eAAe,IAAI,IAAI,KAAK,YAAY;CAC/E,CAAC,CAAiD,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;IACrF,SAAS,EAAE,aAAa,KAAK,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;IACrD,YAAY,EAAE,aAAa,KAAK,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;CACzD,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC1D,YAAY,EAAE,EAAE;CACjB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACjD,SAAS,EAAE,EAAE;CACd,CAAC,CAAC,CAAC"}

package/src/components/Box.styles.ts

@@ -0,0 +1,33 @@
+/*
+ * 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 { Box, styled } from '@mui/material';
+
+export const QGroupContainerBox = styled(Box, {
+  shouldForwardProp: (prop) => prop !== 'cardElevation' && prop !== 'isRepeated'
+})<{ cardElevation: number; isRepeated: boolean }>(({ cardElevation, isRepeated }) => ({
+  marginTop: cardElevation === 1 || isRepeated ? 0 : 18,
+  marginBottom: cardElevation === 1 || isRepeated ? 0 : 18
+}));
+
+export const FullWidthFormComponentBox = styled(Box)(() => ({
+  marginBottom: 14
+}));
+
+export const FormTitleWrapper = styled(Box)(() => ({
+  marginTop: 12
+}));

package/src/components/FormComponents/BooleanItem/BooleanField.js

@@ -0,0 +1,24 @@
+/*
+ * 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 React, { memo } from 'react';
+import { Checkbox, FormControlLabel } from '@mui/material';
+const BooleanField = memo(function BooleanField(props) {
+    const { checked, readOnly, onCheckedChange } = props;
+    return (React.createElement(FormControlLabel, { disabled: readOnly, control: React.createElement(Checkbox, { size: "small", checked: checked, onChange: (event) => onCheckedChange(event.target.checked) }), label: "" }));
+});
+export default BooleanField;
+//# sourceMappingURL=BooleanField.js.map

package/src/components/FormComponents/BooleanItem/BooleanField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanField.js","sourceRoot":"","sources":["BooleanField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAO3D,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,YAAY,CAAC,KAAwB;IACtE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAErD,OAAO,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,OAAO,EACL,oBAAC,QAAQ,IACP,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAC1D,EAEJ,KAAK,EAAC,EAAE,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/src/components/FormComponents/BooleanItem/BooleanField.tsx

@@ -0,0 +1,44 @@
+/*
+ * 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 React, { memo } from 'react';
+import { Checkbox, FormControlLabel } from '@mui/material';
+
+interface BooleanFieldProps {
+  checked: boolean;
+  readOnly: boolean;
+  onCheckedChange: (newChecked: boolean) => void;
+}
+const BooleanField = memo(function BooleanField(props: BooleanFieldProps) {
+  const { checked, readOnly, onCheckedChange } = props;
+
+  return (
+    <FormControlLabel
+      disabled={readOnly}
+      control={
+        <Checkbox
+          size="small"
+          checked={checked}
+          onChange={(event) => onCheckedChange(event.target.checked)}
+        />
+      }
+      label=""
+    />
+  );
+});
+
+export default BooleanField;

package/src/components/FormComponents/BooleanItem/BooleanItem.js

@@ -0,0 +1,49 @@
+/*
+ * 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 React from 'react';
+import useRenderingExtensions from '../../../hooks/useRenderingExtensions';
+import { createEmptyQrItem } from '../../../utils/qrItem';
+import { FullWidthFormComponentBox } from '../../Box.styles';
+import ItemFieldGrid from '../ItemParts/ItemFieldGrid';
+import BooleanField from './BooleanField';
+import { Box } from '@mui/material';
+function BooleanItem(props) {
+    const { qItem, qrItem, isRepeated, isTabled, onQrItemChange } = props;
+    // Get additional rendering extensions
+    const { displayInstructions, readOnly } = useRenderingExtensions(qItem);
+    // Init input value
+    let checked = false;
+    if ((qrItem === null || qrItem === void 0 ? void 0 : qrItem.answer) && qrItem.answer[0].valueBoolean) {
+        checked = qrItem.answer[0].valueBoolean;
+    }
+    // Event handlers
+    function handleCheckedChange(newChecked) {
+        onQrItemChange(Object.assign(Object.assign({}, createEmptyQrItem(qItem)), { answer: [{ valueBoolean: newChecked }] }));
+    }
+    if (isTabled) {
+        return (React.createElement(Box, { display: "flex", justifyContent: "center" },
+            React.createElement(BooleanField, { checked: checked, readOnly: readOnly, onCheckedChange: handleCheckedChange })));
+    }
+    if (isRepeated) {
+        return (React.createElement(BooleanField, { checked: checked, readOnly: readOnly, onCheckedChange: handleCheckedChange }));
+    }
+    return (React.createElement(FullWidthFormComponentBox, { "data-test": "q-item-boolean-box" },
+        React.createElement(ItemFieldGrid, { qItem: qItem, displayInstructions: displayInstructions },
+            React.createElement(BooleanField, { checked: checked, readOnly: readOnly, onCheckedChange: handleCheckedChange }))));
+}
+export default BooleanItem;
+//# sourceMappingURL=BooleanItem.js.map

package/src/components/FormComponents/BooleanItem/BooleanItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanItem.js","sourceRoot":"","sources":["BooleanItem.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,sBAAsB,MAAM,uCAAuC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAUpC,SAAS,WAAW,CAAC,KAAuB;IAC1C,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEtE,sCAAsC;IACtC,MAAM,EAAE,mBAAmB,EAAE,QAAQ,EAAE,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAExE,mBAAmB;IACnB,IAAI,OAAO,GAAG,KAAK,CAAC;IACpB,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE;QACnD,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;KACzC;IAED,iBAAiB;IACjB,SAAS,mBAAmB,CAAC,UAAmB;QAC9C,cAAc,iCACT,iBAAiB,CAAC,KAAK,CAAC,KAC3B,MAAM,EAAE,CAAC,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC,IACtC,CAAC;IACL,CAAC;IAED,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ;YACzC,oBAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,mBAAmB,GAAI,CACxF,CACP,CAAC;KACH;IAED,IAAI,UAAU,EAAE;QACd,OAAO,CACL,oBAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,mBAAmB,GAAI,CAC7F,CAAC;KACH;IACD,OAAO,CACL,oBAAC,yBAAyB,iBAAW,oBAAoB;QACvD,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,mBAAmB,EAAE,mBAAmB;YACnE,oBAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,mBAAmB,GAAI,CAC9E,CACU,CAC7B,CAAC;AACJ,CAAC;AAED,eAAe,WAAW,CAAC"}