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

package/lib/components/FormComponents/DateTimeItems/CustomDateTimeItem/CustomDateTimeItem.js

@@ -0,0 +1,120 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * 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 { useState } from 'react';
+import useReadOnly from '../../../../hooks/useReadOnly';
+import { FullWidthFormComponentBox } from '../../../Box.styles';
+import ItemFieldGrid from '../../ItemParts/ItemFieldGrid';
+import { createEmptyQrItem } from '../../../../utils/qrItem';
+import useDateValidation from '../../../../hooks/useDateValidation';
+import { useQuestionnaireStore } from '../../../../stores';
+import { parseFhirDateToDisplayDate } from '../utils';
+import { parseInputDateToFhirDate, validateDateInput } from '../utils/parseDate';
+import Stack from '@mui/material/Stack';
+import dayjs from 'dayjs';
+import { parseDateTimeToDisplayTime, parseInputDateTimeToFhirDateTime, validateTimeInput } from '../utils/parseTime';
+import useTimeValidation from '../../../../hooks/useTimeValidation';
+import useDateNonEmptyValidation from '../../../../hooks/useDateTimeNonEmpty';
+import DateTimeField from './DateTimeField';
+import ItemLabel from '../../ItemParts/ItemLabel';
+function CustomDateTimeItem(props) {
+    var _a;
+    const { qItem, qrItem, isRepeated, isTabled, renderingExtensions, parentIsReadOnly, onQrItemChange } = props;
+    const onFocusLinkId = useQuestionnaireStore.use.onFocusLinkId();
+    const readOnly = useReadOnly(qItem, parentIsReadOnly);
+    const { displayPrompt, entryFormat } = renderingExtensions;
+    // Init input value
+    const answerKey = (_a = qrItem === null || qrItem === void 0 ? void 0 : qrItem.answer) === null || _a === void 0 ? void 0 : _a[0].id;
+    const qrDateTime = qrItem !== null && qrItem !== void 0 ? qrItem : createEmptyQrItem(qItem, answerKey);
+    let valueDate = '';
+    let dateTimeDayJs = null;
+    if (qrDateTime.answer) {
+        let tempDateTime = '';
+        if (qrDateTime.answer[0].valueDate) {
+            tempDateTime = qrDateTime.answer[0].valueDate;
+        }
+        else if (qrDateTime.answer[0].valueDateTime) {
+            tempDateTime = qrDateTime.answer[0].valueDateTime;
+        }
+        // split date and time at "T", 2015-02-07T13:28:17-05:00
+        if (tempDateTime.includes('T')) {
+            valueDate = tempDateTime.split('T')[0];
+            dateTimeDayJs = dayjs(tempDateTime);
+        }
+        else {
+            valueDate = tempDateTime;
+        }
+    }
+    const { displayDate, dateParseFail } = parseFhirDateToDisplayDate(valueDate);
+    const { displayTime, displayPeriod, timeParseFail } = parseDateTimeToDisplayTime(dateTimeDayJs);
+    const [dateInput, setDateInput] = useState(displayDate);
+    const [timeInput, setTimeInput] = useState(displayTime);
+    const [periodInput, setPeriodInput] = useState(displayPeriod);
+    const [dateFocused, setDateFocused] = useState(false);
+    // Perform validation checks
+    let dateFeedback = useDateValidation(dateInput, dateParseFail);
+    const { timeFeedback, is24HourNotation } = useTimeValidation(timeInput, periodInput, timeParseFail);
+    dateFeedback = useDateNonEmptyValidation(dateInput, timeInput, dateFeedback, timeFeedback);
+    function handleSelectDate(selectedDate) {
+        setDateInput(selectedDate);
+        updateQRDateTime(selectedDate, timeInput, periodInput, is24HourNotation);
+    }
+    function handleDateInputChange(newDateInput) {
+        setDateInput(newDateInput);
+        if (newDateInput === '') {
+            onQrItemChange(createEmptyQrItem(qItem, answerKey));
+            return;
+        }
+        if (!validateDateInput(newDateInput)) {
+            return;
+        }
+        updateQRDateTime(newDateInput, timeInput, periodInput, is24HourNotation);
+    }
+    function handleTimeInputChange(newTimeInput, newPeriodInput) {
+        setTimeInput(newTimeInput);
+        setPeriodInput(newPeriodInput);
+        if (newTimeInput === '') {
+            updateQRDateTime(dateInput, '', '', false);
+            return;
+        }
+        const { timeIsValid, is24HourNotation } = validateTimeInput(newTimeInput, newPeriodInput);
+        if (!validateDateInput(dateInput) || !timeIsValid) {
+            return;
+        }
+        updateQRDateTime(dateInput, newTimeInput, newPeriodInput, is24HourNotation);
+    }
+    function updateQRDateTime(dateInput, timeInput, periodInput, is24HourNotation) {
+        let fhirDateTime = '';
+        if (timeInput) {
+            fhirDateTime = parseInputDateTimeToFhirDateTime(parseInputDateToFhirDate(dateInput), timeInput, periodInput, is24HourNotation);
+        }
+        else {
+            fhirDateTime = parseInputDateToFhirDate(dateInput);
+        }
+        if (fhirDateTime === 'Invalid Date') {
+            return;
+        }
+        onQrItemChange(Object.assign(Object.assign({}, createEmptyQrItem(qItem, answerKey)), { answer: [{ id: answerKey, valueDateTime: fhirDateTime }] }));
+    }
+    // FIXME entryFormat and displayPrompt, put them beneath the entire component instead of at the date field
+    if (isRepeated) {
+        return (_jsx(Stack, { children: _jsx(DateTimeField, { linkId: qItem.linkId, itemType: qItem.type, displayDate: displayDate, dateInput: dateInput, timeInput: timeInput, periodInput: periodInput, is24HourNotation: is24HourNotation, dateFeedback: dateFeedback !== null && dateFeedback !== void 0 ? dateFeedback : '', timeFeedback: timeFeedback !== null && timeFeedback !== void 0 ? timeFeedback : '', dateFocused: dateFocused, displayPrompt: displayPrompt, entryFormat: entryFormat, readOnly: readOnly, isTabled: isTabled, onDateInputChange: handleDateInputChange, onSelectDate: handleSelectDate, setDateFocused: setDateFocused, onTimeInputChange: handleTimeInputChange }) }));
+    }
+    return (_jsx(FullWidthFormComponentBox, Object.assign({ "data-test": "q-item-datetime-box", "data-linkid": qItem.linkId, onClick: () => onFocusLinkId(qItem.linkId) }, { children: _jsx(ItemFieldGrid, { qItem: qItem, readOnly: readOnly, labelChildren: _jsx(ItemLabel, { qItem: qItem, readOnly: readOnly }), fieldChildren: _jsx(DateTimeField, { linkId: qItem.linkId, itemType: qItem.type, displayDate: displayDate, dateInput: dateInput, timeInput: timeInput, periodInput: periodInput, is24HourNotation: is24HourNotation, dateFeedback: dateFeedback !== null && dateFeedback !== void 0 ? dateFeedback : '', timeFeedback: timeFeedback !== null && timeFeedback !== void 0 ? timeFeedback : '', dateFocused: dateFocused, displayPrompt: displayPrompt, entryFormat: entryFormat, readOnly: readOnly, isTabled: isTabled, onDateInputChange: handleDateInputChange, onSelectDate: handleSelectDate, setDateFocused: setDateFocused, onTimeInputChange: handleTimeInputChange }), dateFeedback: dateFeedback !== null && dateFeedback !== void 0 ? dateFeedback : undefined, timeFeedback: timeFeedback !== null && timeFeedback !== void 0 ? timeFeedback : undefined }) })));
+}
+export default CustomDateTimeItem;
+//# sourceMappingURL=CustomDateTimeItem.js.map

package/lib/components/FormComponents/DateTimeItems/CustomDateTimeItem/CustomDateTimeItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomDateTimeItem.js","sourceRoot":"","sources":["../../../../../src/components/FormComponents/DateTimeItems/CustomDateTimeItem/CustomDateTimeItem.tsx"],"names":[],"mappings":"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"}

package/lib/components/FormComponents/DateTimeItems/CustomDateTimeItem/CustomTimeField.d.ts

@@ -0,0 +1,16 @@
+import type { PropsWithIsTabledRequiredAttribute } from '../../../../interfaces/renderProps.interface';
+interface CustomTimeFieldProps extends PropsWithIsTabledRequiredAttribute {
+    linkId: string;
+    itemType: string;
+    timeInput: string;
+    periodInput: string;
+    is24HourNotation: boolean;
+    feedback: string;
+    displayPrompt: string;
+    readOnly: boolean;
+    isPartOfDateTime: boolean;
+    onTimeInputChange: (newInput: string) => void;
+    onPeriodChange: (newPeriod: string) => void;
+}
+declare function CustomTimeField(props: CustomTimeFieldProps): import("react/jsx-runtime").JSX.Element;
+export default CustomTimeField;

package/lib/components/FormComponents/DateTimeItems/CustomDateTimeItem/CustomTimeField.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import Tooltip from '@mui/material/Tooltip';
+import Box from '@mui/material/Box';
+import Select from '@mui/material/Select';
+import MenuItem from '@mui/material/MenuItem';
+import MuiTextField from '../../TextItem/MuiTextField';
+import { grey } from '@mui/material/colors';
+import Typography from '@mui/material/Typography';
+import { useRendererStylingStore } from '../../../../stores';
+function CustomTimeField(props) {
+    const { linkId, itemType, timeInput, periodInput, is24HourNotation, feedback, displayPrompt, readOnly, isPartOfDateTime, isTabled, onTimeInputChange, onPeriodChange } = props;
+    const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
+    const textFieldWidth = useRendererStylingStore.use.textFieldWidth();
+    // If this reusable time field is part of a DateTime component, do not assign an id to the wrapping <Box/>
+    // If this reusable time field is from a Time component, the wrapping <Box/> should have an id
+    const itemId = isPartOfDateTime ? undefined : itemType + '-' + linkId;
+    const timeId = itemType + '-' + linkId + '-time';
+    const periodId = itemType + '-' + linkId + '-period';
+    return (_jsx(Tooltip, Object.assign({ title: isTabled ? feedback : '' }, { children: _jsxs(_Fragment, { children: [_jsxs(Box, Object.assign({ id: itemId, display: "flex", alignItems: "center", columnGap: 1, sx: { maxWidth: !isTabled ? textFieldWidth : 3000, minWidth: 160 } }, { children: [_jsx(MuiTextField, { id: timeId, value: timeInput, error: !!feedback, fullWidth: true, sx: { flex: 1 }, onChange: (e) => onTimeInputChange(e.target.value), label: displayPrompt, placeholder: "--:--", disabled: readOnly && readOnlyVisualStyle === 'disabled', size: "small", slotProps: {
+                                input: {
+                                    readOnly: readOnly && readOnlyVisualStyle === 'readonly'
+                                }
+                            } }), _jsxs(Select, Object.assign({ id: periodId, value: is24HourNotation ? '' : periodInput, error: !!feedback, disabled: (readOnly && readOnlyVisualStyle === 'disabled') || is24HourNotation, readOnly: (readOnly && readOnlyVisualStyle === 'readonly') || is24HourNotation, displayEmpty: true, size: "small", sx: { flex: 1 }, onChange: (e) => onPeriodChange(e.target.value) }, { children: [_jsx(MenuItem, Object.assign({ value: "" }, { children: _jsx("span", Object.assign({ style: { color: grey['500'] } }, { children: is24HourNotation ? '-' : 'AM/PM' })) })), _jsx(MenuItem, Object.assign({ value: "AM" }, { children: "AM" })), _jsx(MenuItem, Object.assign({ value: "PM" }, { children: "PM" }))] }))] })), _jsx(Typography, Object.assign({ variant: "caption", color: "error", sx: { ml: 1.75, mt: -0.5 } }, { children: isTabled ? '' : feedback }))] }) })));
+}
+export default CustomTimeField;
+//# sourceMappingURL=CustomTimeField.js.map

package/lib/components/FormComponents/DateTimeItems/CustomDateTimeItem/CustomTimeField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomTimeField.js","sourceRoot":"","sources":["../../../../../src/components/FormComponents/DateTimeItems/CustomDateTimeItem/CustomTimeField.tsx"],"names":[],"mappings":"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"}

package/lib/components/FormComponents/DateTimeItems/CustomDateTimeItem/DateTimeField.d.ts

@@ -0,0 +1,23 @@
+import type { Dispatch, SetStateAction } from 'react';
+import type { PropsWithIsTabledRequiredAttribute } from '../../../../interfaces/renderProps.interface';
+interface DateTimeFieldProps extends PropsWithIsTabledRequiredAttribute {
+    linkId: string;
+    itemType: string;
+    displayDate: string;
+    dateInput: string;
+    timeInput: string;
+    periodInput: string;
+    is24HourNotation: boolean;
+    dateFeedback: string;
+    timeFeedback: string;
+    dateFocused: boolean;
+    displayPrompt: string;
+    entryFormat: string;
+    readOnly: boolean;
+    onDateInputChange: (newDateInput: string) => void;
+    onSelectDate: (selectedDate: string) => void;
+    setDateFocused: Dispatch<SetStateAction<boolean>>;
+    onTimeInputChange: (newTimeInput: string, newPeriodInput: string) => void;
+}
+declare function DateTimeField(props: DateTimeFieldProps): import("react/jsx-runtime").JSX.Element;
+export default DateTimeField;

package/lib/components/FormComponents/DateTimeItems/CustomDateTimeItem/DateTimeField.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import CustomDateField from '../CustomDateItem/CustomDateField';
+import CustomTimeField from './CustomTimeField';
+import Stack from '@mui/material/Stack';
+function DateTimeField(props) {
+    const { linkId, itemType, displayDate, dateInput, timeInput, periodInput, is24HourNotation, dateFeedback, timeFeedback, dateFocused, displayPrompt, entryFormat, readOnly, isTabled, onDateInputChange, onSelectDate, setDateFocused, onTimeInputChange } = props;
+    return (_jsxs(Stack, Object.assign({ id: itemType + '-' + linkId, rowGap: 1 }, { children: [_jsx(CustomDateField, { linkId: linkId, itemType: itemType, valueDate: displayDate, input: dateInput, feedback: dateFeedback !== null && dateFeedback !== void 0 ? dateFeedback : '', isFocused: dateFocused, displayPrompt: displayPrompt, entryFormat: entryFormat, readOnly: readOnly, isPartOfDateTime: true, isTabled: isTabled, setFocused: setDateFocused, onInputChange: onDateInputChange, onSelectDate: onSelectDate }), _jsx(CustomTimeField, { linkId: linkId, itemType: itemType, timeInput: timeInput, periodInput: periodInput, is24HourNotation: is24HourNotation, feedback: timeFeedback !== null && timeFeedback !== void 0 ? timeFeedback : '', displayPrompt: displayPrompt, readOnly: readOnly, isPartOfDateTime: true, isTabled: isTabled, onTimeInputChange: (newTimeInput) => onTimeInputChange(newTimeInput, periodInput), onPeriodChange: (newPeriodInput) => onTimeInputChange(timeInput, newPeriodInput) })] })));
+}
+export default DateTimeField;
+//# sourceMappingURL=DateTimeField.js.map

package/lib/components/FormComponents/DateTimeItems/CustomDateTimeItem/DateTimeField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeField.js","sourceRoot":"","sources":["../../../../../src/components/FormComponents/DateTimeItems/CustomDateTimeItem/DateTimeField.tsx"],"names":[],"mappings":";AAoBA,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAChE,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,MAAM,qBAAqB,CAAC;AAsBxC,SAAS,aAAa,CAAC,KAAyB;IAC9C,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,WAAW,EACX,SAAS,EACT,SAAS,EACT,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,iBAAiB,EAClB,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,MAAC,KAAK,kBAAC,EAAE,EAAE,QAAQ,GAAG,GAAG,GAAG,MAAM,EAAE,MAAM,EAAE,CAAC,iBAC3C,KAAC,eAAe,IACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAC5B,SAAS,EAAE,WAAW,EACtB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,IAAI,EACtB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,cAAc,EAC1B,aAAa,EAAE,iBAAiB,EAChC,YAAY,EAAE,YAAY,GAC1B,EACF,KAAC,eAAe,IACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAC5B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,IAAI,EACtB,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAAC,YAAY,EAAE,WAAW,CAAC,EACjF,cAAc,EAAE,CAAC,cAAc,EAAE,EAAE,CAAC,iBAAiB,CAAC,SAAS,EAAE,cAAc,CAAC,GAChF,KACI,CACT,CAAC;AACJ,CAAC;AAED,eAAe,aAAa,CAAC"}

package/lib/components/FormComponents/DateTimeItems/index.d.ts

@@ -0,0 +1 @@
+export { parseFhirDateToDisplayDate } from './utils';

package/lib/components/FormComponents/DateTimeItems/index.js

@@ -0,0 +1,18 @@
+/*
+ * 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 { parseFhirDateToDisplayDate } from './utils';
+//# sourceMappingURL=index.js.map

package/lib/components/FormComponents/DateTimeItems/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/DateTimeItems/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC"}

package/lib/components/FormComponents/DateTimeItems/utils/index.d.ts

@@ -0,0 +1 @@
+export { parseFhirDateToDisplayDate } from './parseDate';

package/lib/components/FormComponents/DateTimeItems/utils/index.js

@@ -0,0 +1,18 @@
+/*
+ * 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 { parseFhirDateToDisplayDate } from './parseDate';
+//# sourceMappingURL=index.js.map

package/lib/components/FormComponents/DateTimeItems/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormComponents/DateTimeItems/utils/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC"}

package/lib/components/FormComponents/DateTimeItems/utils/parseDate.d.ts

@@ -0,0 +1,14 @@
+export declare function validateDateInput(input: string): boolean;
+export declare function validateTwoMatches(monthInput: string, yearInput: string): boolean;
+export declare function validateThreeMatches(dayInput: string, monthInput: string, yearInput: string): boolean;
+export declare function getNumOfSeparators(valueDate: string, seperator: string): number;
+/**
+ * Parse a FHIR date string to a date to be consumed and displayed by the DateItem component.
+ *
+ * @author Sean Fong
+ */
+export declare function parseFhirDateToDisplayDate(fhirDate: string): {
+    displayDate: string;
+    dateParseFail?: boolean;
+};
+export declare function parseInputDateToFhirDate(displayDate: string): string;

package/lib/components/FormComponents/DateTimeItems/utils/parseDate.js

@@ -0,0 +1,126 @@
+/*
+ * 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 dayjs from 'dayjs';
+const inputMatchRegex = /(\d{4}|\d{3}|\d{2})/g;
+export function validateDateInput(input) {
+    const matches = input.match(inputMatchRegex);
+    if (!matches) {
+        return false;
+    }
+    const separator = input.includes('/') ? '/' : null;
+    if (matches.length === 1) {
+        // separator not supposed to be present if only one match present
+        if (separator) {
+            return false;
+        }
+        return matches[0].length === 4;
+    }
+    // Invalid if separator is not present
+    if (!separator) {
+        return false;
+    }
+    // Invalid if num of slots don't match the number of regex matches
+    const slotsMatched = input.split(separator);
+    if (slotsMatched.length != matches.length) {
+        return false;
+    }
+    // Handle MM/YYYY format
+    if (matches.length === 2) {
+        return validateTwoMatches(matches[0], matches[1]);
+    }
+    // Handle DD/MM/YYYY format
+    if (matches.length === 3) {
+        return validateThreeMatches(matches[0], matches[1], matches[2]);
+    }
+    return false;
+}
+export function validateTwoMatches(monthInput, yearInput) {
+    const monthNum = parseInt(monthInput, 10);
+    if (monthNum < 1 || monthNum > 12) {
+        return false;
+    }
+    return (monthInput.length === 1 || monthInput.length === 2) && yearInput.length === 4;
+}
+export function validateThreeMatches(dayInput, monthInput, yearInput) {
+    const dayNum = parseInt(dayInput, 10);
+    if (dayNum < 1 || dayNum > 31) {
+        return false;
+    }
+    const monthNum = parseInt(monthInput, 10);
+    if (monthNum < 1 || monthNum > 12) {
+        return false;
+    }
+    return ((dayInput.length === 1 || dayInput.length === 2) &&
+        (monthInput.length === 1 || monthInput.length === 2) &&
+        yearInput.length === 4);
+}
+export function getNumOfSeparators(valueDate, seperator) {
+    const regex = new RegExp(seperator, 'g');
+    return [...valueDate.matchAll(regex)].length;
+}
+/**
+ * Parse a FHIR date string to a date to be consumed and displayed by the DateItem component.
+ *
+ * @author Sean Fong
+ */
+export function parseFhirDateToDisplayDate(fhirDate) {
+    if (fhirDate.length === 0) {
+        return { displayDate: '' };
+    }
+    const numOfSeparators = getNumOfSeparators(fhirDate, '-');
+    if (numOfSeparators === 2) {
+        const threeMatchesDate = dayjs(fhirDate, `YYYY-MM-DD`);
+        if (threeMatchesDate.isValid()) {
+            return { displayDate: threeMatchesDate.format('DD/MM/YYYY') };
+        }
+    }
+    if (numOfSeparators === 1) {
+        const twoMatchesDate = dayjs(fhirDate, `YYYY-MM`);
+        if (twoMatchesDate.isValid()) {
+            return { displayDate: twoMatchesDate.format('MM/YYYY') };
+        }
+    }
+    const oneMatchDate = dayjs(fhirDate, `YYYY`);
+    if (oneMatchDate.isValid()) {
+        return { displayDate: oneMatchDate.format('YYYY') };
+    }
+    return { displayDate: fhirDate, dateParseFail: true };
+}
+export function parseInputDateToFhirDate(displayDate) {
+    const numOfSeparators = getNumOfSeparators(displayDate, '/');
+    if (numOfSeparators === 2) {
+        const threeMatchesDate = dayjs(displayDate, `DD/MM/YYYY`);
+        if (threeMatchesDate.isValid()) {
+            return threeMatchesDate.format('YYYY-MM-DD');
+        }
+    }
+    if (numOfSeparators === 1) {
+        const twoMatchesDate = dayjs(displayDate, `MM/YYYY`);
+        if (twoMatchesDate.isValid()) {
+            return twoMatchesDate.format('YYYY-MM');
+        }
+    }
+    if (displayDate.length === 4) {
+        const oneMatchDate = dayjs(displayDate, 'YYYY');
+        if (oneMatchDate.isValid()) {
+            return displayDate;
+        }
+    }
+    // Default to YYYY-MM-DD format if all else fails
+    return dayjs(displayDate).format('YYYY-MM-DD');
+}
+//# sourceMappingURL=parseDate.js.map

package/lib/components/FormComponents/DateTimeItems/utils/parseDate.js.map

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

package/lib/components/FormComponents/DateTimeItems/utils/parseTime.d.ts

@@ -0,0 +1,19 @@
+import type { Dayjs } from 'dayjs';
+export declare function getTimeSegments(timeInput: string): {
+    hourSegment: string | null;
+    minuteSegment: string | null;
+};
+export declare function validateTimeInput(timeInput: string, periodInput: string): {
+    timeIsValid: boolean;
+    is24HourNotation: boolean;
+};
+export declare function validateHourSegment(hourSegment: string): {
+    hourSegmentValid: boolean;
+    is24HourNotation: boolean | null;
+};
+export declare function parseDateTimeToDisplayTime(dateTime: Dayjs | null): {
+    displayTime: string;
+    displayPeriod: string;
+    timeParseFail?: boolean;
+};
+export declare function parseInputDateTimeToFhirDateTime(dateInput: string, newTimeInput: string, periodInput: string, is24HourNotation: boolean): string;

package/lib/components/FormComponents/DateTimeItems/utils/parseTime.js

@@ -0,0 +1,81 @@
+/*
+ * 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 dayjs from 'dayjs';
+const inputMatchRegex = /^\d{2}:\d{2}$/;
+export function getTimeSegments(timeInput) {
+    if (!inputMatchRegex.test(timeInput)) {
+        return { hourSegment: null, minuteSegment: null };
+    }
+    const timeInputSegments = timeInput.split(':');
+    if (timeInputSegments.length !== 2) {
+        return { hourSegment: null, minuteSegment: null };
+    }
+    return { hourSegment: timeInputSegments[0], minuteSegment: timeInputSegments[1] };
+}
+export function validateTimeInput(timeInput, periodInput) {
+    // Test time input is valid
+    const { hourSegment, minuteSegment } = getTimeSegments(timeInput);
+    if (!hourSegment || !minuteSegment) {
+        return { timeIsValid: false, is24HourNotation: false };
+    }
+    const { hourSegmentValid, is24HourNotation } = validateHourSegment(hourSegment);
+    const minuteSegmentValid = validateMinuteSegment(minuteSegment);
+    if (!hourSegmentValid || !minuteSegmentValid) {
+        return { timeIsValid: false, is24HourNotation: false };
+    }
+    // Test period input is valid
+    if (!(periodInput === 'AM' || periodInput === 'PM' || is24HourNotation)) {
+        return { timeIsValid: false, is24HourNotation: false };
+    }
+    return { timeIsValid: true, is24HourNotation: !!is24HourNotation };
+}
+export function validateHourSegment(hourSegment) {
+    const hour = parseInt(hourSegment, 10);
+    const hourSegmentValid = hour >= 0 && hour <= 23;
+    const is24HourNotation = hourSegmentValid ? hour >= 13 && hour <= 23 : null;
+    return { hourSegmentValid, is24HourNotation };
+}
+function validateMinuteSegment(minuteSegment) {
+    const minutes = parseInt(minuteSegment, 10);
+    return minutes >= 0 && minutes <= 59;
+}
+export function parseDateTimeToDisplayTime(dateTime) {
+    if (!dateTime) {
+        return { displayTime: '', displayPeriod: '' };
+    }
+    if (!dateTime.isValid()) {
+        return { displayTime: '', displayPeriod: '', timeParseFail: true };
+    }
+    const displayTime = dateTime.format('HH:mm');
+    const displayPeriod = dateTime.format('A');
+    return { displayTime, displayPeriod };
+}
+function convertTo12HourFormat(timeInput) {
+    const timeSegments = timeInput.split(':');
+    const hour = parseInt(timeSegments[0], 10);
+    if (hour >= 12) {
+        timeSegments[0] = `${hour - 12}`;
+    }
+    return `${timeSegments[0]}:${timeSegments[1]}`;
+}
+export function parseInputDateTimeToFhirDateTime(dateInput, newTimeInput, periodInput, is24HourNotation) {
+    periodInput = is24HourNotation ? 'PM' : periodInput;
+    const new12HourTimeInput = convertTo12HourFormat(newTimeInput);
+    const dateTimeDayJs = dayjs(`${dateInput} ${new12HourTimeInput} ${periodInput}`, `YYYY-MM-DD hh:mm A`);
+    return dayjs(dateTimeDayJs).format('YYYY-MM-DDTHH:mm:ssZ');
+}
+//# sourceMappingURL=parseTime.js.map

package/lib/components/FormComponents/DateTimeItems/utils/parseTime.js.map

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

package/lib/components/FormComponents/DecimalItem/DecimalField.d.ts

@@ -0,0 +1,15 @@
+import type { PropsWithIsTabledRequiredAttribute } from '../../../interfaces/renderProps.interface';
+interface DecimalFieldProps extends PropsWithIsTabledRequiredAttribute {
+    linkId: string;
+    itemType: string;
+    input: string;
+    feedback: string;
+    displayPrompt: string;
+    displayUnit: string;
+    entryFormat: string;
+    readOnly: boolean;
+    calcExpUpdated: boolean;
+    onInputChange: (value: string) => void;
+}
+declare function DecimalField(props: DecimalFieldProps): import("react/jsx-runtime").JSX.Element;
+export default DecimalField;

package/lib/components/FormComponents/DecimalItem/DecimalField.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import InputAdornment from '@mui/material/InputAdornment';
+import FadingCheckIcon from '../ItemParts/FadingCheckIcon';
+import { StandardTextField } from '../Textfield.styles';
+import { useRendererStylingStore } from '../../../stores';
+import DisplayUnitText from '../ItemParts/DisplayUnitText';
+function DecimalField(props) {
+    const { linkId, itemType, input, feedback, displayPrompt, displayUnit, entryFormat, readOnly, calcExpUpdated, isTabled, onInputChange } = props;
+    const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
+    const textFieldWidth = useRendererStylingStore.use.textFieldWidth();
+    return (_jsx(StandardTextField, { id: itemType + '-' + linkId, value: input, error: !!feedback, onChange: (event) => onInputChange(event.target.value), disabled: readOnly && readOnlyVisualStyle === 'disabled', label: displayPrompt, placeholder: entryFormat === '' ? '0.0' : entryFormat, textFieldWidth: textFieldWidth, fullWidth: true, isTabled: isTabled, size: "small", slotProps: {
+            htmlInput: { inputMode: 'numeric', pattern: '[0-9]*' },
+            input: {
+                readOnly: readOnly && readOnlyVisualStyle === 'readonly',
+                endAdornment: (_jsxs(InputAdornment, Object.assign({ position: 'end' }, { children: [_jsx(FadingCheckIcon, { fadeIn: calcExpUpdated, disabled: readOnly }), _jsx(DisplayUnitText, Object.assign({ readOnly: readOnly }, { children: displayUnit }))] })))
+            }
+        }, helperText: feedback, "data-test": "q-item-decimal-field" }));
+}
+export default DecimalField;
+//# sourceMappingURL=DecimalField.js.map

package/lib/components/FormComponents/DecimalItem/DecimalField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DecimalField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/DecimalItem/DecimalField.tsx"],"names":[],"mappings":";AAkBA,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAe3D,SAAS,YAAY,CAAC,KAAwB;IAC5C,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,WAAW,EACX,WAAW,EACX,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,aAAa,EACd,GAAG,KAAK,CAAC;IAEV,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;IAC9E,MAAM,cAAc,GAAG,uBAAuB,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC;IAEpE,OAAO,CACL,KAAC,iBAAiB,IAChB,EAAE,EAAE,QAAQ,GAAG,GAAG,GAAG,MAAM,EAC3B,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,CAAC,CAAC,QAAQ,EACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACtD,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU,EACxD,KAAK,EAAE,aAAa,EACpB,WAAW,EAAE,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,EACrD,cAAc,EAAE,cAAc,EAC9B,SAAS,QACT,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE;YACT,SAAS,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE;YACtD,KAAK,EAAE;gBACL,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU;gBACxD,YAAY,EAAE,CACZ,MAAC,cAAc,kBAAC,QAAQ,EAAE,KAAK,iBAC7B,KAAC,eAAe,IAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,GAAI,EAC/D,KAAC,eAAe,kBAAC,QAAQ,EAAE,QAAQ,gBAAG,WAAW,IAAmB,KACrD,CAClB;aACF;SACF,EACD,UAAU,EAAE,QAAQ,eACV,sBAAsB,GAChC,CACH,CAAC;AACJ,CAAC;AAED,eAAe,YAAY,CAAC"}

package/lib/components/FormComponents/DecimalItem/DecimalItem.d.ts

@@ -0,0 +1,8 @@
+import type { BaseItemProps } from '../../../interfaces/renderProps.interface';
+import type { QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
+interface DecimalItemProps extends BaseItemProps {
+    qItem: QuestionnaireItem;
+    qrItem: QuestionnaireResponseItem | null;
+}
+declare function DecimalItem(props: DecimalItemProps): import("react/jsx-runtime").JSX.Element;
+export default DecimalItem;