@aehrc/smart-forms-renderer 0.44.2 → 0.44.4

package/lib/src/components/FormComponents/DateTimeItems/CustomDateItem/DatePicker.js

@@ -0,0 +1,54 @@
+/*
+ * 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, { useState } from 'react';
+import dayjs from 'dayjs';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import MuiDatePicker from './MuiDatePicker';
+import DatePickerButton from './DatePickerButton';
+function DatePicker(props) {
+    const { valueString, readOnly, anchorEl, onSelectDate, onFocus } = props;
+    const [open, setOpen] = useState(false);
+    const valueDayJs = valueString ? dayjs(valueString, 'DD/MM/YYYY') : null;
+    return (React.createElement(LocalizationProvider, { dateAdapter: AdapterDayjs },
+        React.createElement(MuiDatePicker, { value: valueDayJs !== null && valueDayJs !== void 0 ? valueDayJs : null, disabled: readOnly, slots: { field: DatePickerButton }, slotProps: {
+                field: {
+                    onOpen: () => {
+                        setOpen(!open);
+                        onFocus(true);
+                    },
+                    readOnly: readOnly
+                },
+                textField: {
+                    size: 'small'
+                },
+                popper: {
+                    anchorEl: () => anchorEl
+                }
+            }, open: open, onClose: () => {
+                setOpen(false);
+                onFocus(false);
+            }, onChange: (newValue) => {
+                if (!newValue) {
+                    return;
+                }
+                onSelectDate(newValue);
+                onFocus(false);
+            } })));
+}
+export default DatePicker;
+//# sourceMappingURL=DatePicker.js.map

package/lib/src/components/FormComponents/DateTimeItems/CustomDateItem/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../../src/components/FormComponents/DateTimeItems/CustomDateItem/DatePicker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAUlD,SAAS,UAAU,CAAC,KAAsB;IACxC,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEzE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEzE,OAAO,CACL,oBAAC,oBAAoB,IAAC,WAAW,EAAE,YAAY;QAC7C,oBAAC,aAAa,IACZ,KAAK,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,IAAI,EACzB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAClC,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,MAAM,EAAE,GAAG,EAAE;wBACX,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;wBACf,OAAO,CAAC,IAAI,CAAC,CAAC;oBAChB,CAAC;oBACD,QAAQ,EAAE,QAAQ;iBACZ;gBACR,SAAS,EAAE;oBACT,IAAI,EAAE,OAAO;iBACd;gBACD,MAAM,EAAE;oBACN,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAuB;iBACxC;aACF,EACD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE;gBACZ,OAAO,CAAC,KAAK,CAAC,CAAC;gBACf,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC,EACD,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;gBACrB,IAAI,CAAC,QAAQ,EAAE,CAAC;oBACd,OAAO;gBACT,CAAC;gBAED,YAAY,CAAC,QAAQ,CAAC,CAAC;gBACvB,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC,GACD,CACmB,CACxB,CAAC;AACJ,CAAC;AAED,eAAe,UAAU,CAAC"}

package/lib/src/components/FormComponents/DateTimeItems/CustomDateItem/DatePickerButton.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { BaseSingleInputFieldProps, DateValidationError, FieldSection } from '@mui/x-date-pickers/models';
+import type { Dayjs } from 'dayjs';
+interface DatePickerButtonProps extends BaseSingleInputFieldProps<Dayjs | null, Dayjs, FieldSection, DateValidationError> {
+    onOpen?: () => void;
+    readOnly?: boolean;
+}
+declare function DatePickerButton(props: DatePickerButtonProps): React.JSX.Element;
+export default DatePickerButton;

package/lib/src/components/FormComponents/DateTimeItems/CustomDateItem/DatePickerButton.js

@@ -0,0 +1,29 @@
+/*
+ * 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 IconButton from '@mui/material/IconButton';
+import EventIcon from '@mui/icons-material/Event';
+function DatePickerButton(props) {
+    const { onOpen, readOnly } = props;
+    return (React.createElement(IconButton, { sx: { height: 30, width: 30 }, disabled: readOnly, onClick: (e) => {
+            e.stopPropagation();
+            onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+        } },
+        React.createElement(EventIcon, { fontSize: "small" })));
+}
+export default DatePickerButton;
+//# sourceMappingURL=DatePickerButton.js.map

package/lib/src/components/FormComponents/DateTimeItems/CustomDateItem/DatePickerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerButton.js","sourceRoot":"","sources":["../../../../../../src/components/FormComponents/DateTimeItems/CustomDateItem/DatePickerButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAQlD,SAAS,gBAAgB,CAAC,KAA4B;IACpD,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEnC,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAC7B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;QACb,CAAC;QACD,oBAAC,SAAS,IAAC,QAAQ,EAAC,OAAO,GAAG,CACnB,CACd,CAAC;AACJ,CAAC;AAED,eAAe,gBAAgB,CAAC"}

package/lib/src/components/FormComponents/DateTimeItems/CustomDateItem/MuiDatePicker.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const MuiDatePicker: (<TDate>(props: import("@mui/x-date-pickers/DatePicker").DatePickerProps<TDate> & import("react").RefAttributes<HTMLDivElement>) => import("react").JSX.Element) & {
+    propTypes?: any;
+};
+export default MuiDatePicker;

package/lib/src/components/FormComponents/DateTimeItems/CustomDateItem/MuiDatePicker.js

@@ -0,0 +1,20 @@
+/*
+ * 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 { DatePicker } from '@mui/x-date-pickers/DatePicker';
+const MuiDatePicker = DatePicker;
+export default MuiDatePicker;
+//# sourceMappingURL=MuiDatePicker.js.map

package/lib/src/components/FormComponents/DateTimeItems/CustomDateItem/MuiDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiDatePicker.js","sourceRoot":"","sources":["../../../../../../src/components/FormComponents/DateTimeItems/CustomDateItem/MuiDatePicker.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE5D,MAAM,aAAa,GAAG,UAAU,CAAC;AAEjC,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { PropsWithIsRepeatedAttribute, PropsWithIsTabledAttribute, PropsWithParentIsReadOnlyAttribute, PropsWithQrItemChangeHandler } from '../../../../interfaces/renderProps.interface';
+import type { QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
+interface CustomDateTimeItemProps extends PropsWithQrItemChangeHandler, PropsWithIsRepeatedAttribute, PropsWithIsTabledAttribute, PropsWithParentIsReadOnlyAttribute {
+    qItem: QuestionnaireItem;
+    qrItem: QuestionnaireResponseItem | null;
+}
+declare function CustomDateTimeItem(props: CustomDateTimeItemProps): React.JSX.Element;
+export default CustomDateTimeItem;

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

@@ -0,0 +1,122 @@
+/*
+ * 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, { useState } from 'react';
+import useReadOnly from '../../../../hooks/useReadOnly';
+import useRenderingExtensions from '../../../../hooks/useRenderingExtensions';
+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';
+function CustomDateTimeItem(props) {
+    var _a;
+    const { qItem, qrItem, isRepeated, isTabled, parentIsReadOnly, onQrItemChange } = props;
+    const onFocusLinkId = useQuestionnaireStore.use.onFocusLinkId();
+    const readOnly = useReadOnly(qItem, parentIsReadOnly);
+    const { displayPrompt, entryFormat } = useRenderingExtensions(qItem);
+    // 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 (React.createElement(Stack, null,
+            React.createElement(DateTimeField, { linkId: qItem.linkId, 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 (React.createElement(FullWidthFormComponentBox, { "data-test": "q-item-datetime-box", "data-linkid": qItem.linkId, onClick: () => onFocusLinkId(qItem.linkId) },
+        React.createElement(ItemFieldGrid, { qItem: qItem, readOnly: readOnly },
+            React.createElement(DateTimeField, { linkId: qItem.linkId, 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 }))));
+}
+export default CustomDateTimeItem;
+//# sourceMappingURL=CustomDateTimeItem.js.map

package/lib/src/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/src/components/FormComponents/DateTimeItems/CustomDateTimeItem/CustomTimeField.d.ts

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

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

@@ -0,0 +1,40 @@
+/*
+ * 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 { TEXT_FIELD_WIDTH } from '../../Textfield.styles';
+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';
+function CustomTimeField(props) {
+    const { linkId, timeInput, periodInput, is24HourNotation, feedback, displayPrompt, readOnly, isTabled, onTimeInputChange, onPeriodChange } = props;
+    return (React.createElement(Tooltip, { title: isTabled ? feedback : '' },
+        React.createElement(React.Fragment, null,
+            React.createElement(Box, { display: "flex", alignItems: "center", columnGap: 1, sx: { maxWidth: !isTabled ? TEXT_FIELD_WIDTH : 3000, minWidth: 160 } },
+                React.createElement(MuiTextField, { id: linkId + '-time', value: timeInput, error: !!feedback, fullWidth: true, sx: { flex: 1 }, onChange: (e) => onTimeInputChange(e.target.value), label: displayPrompt, placeholder: "--:--", disabled: readOnly, size: "small" }),
+                React.createElement(Select, { id: linkId + '-period', value: is24HourNotation ? '' : periodInput, error: !!feedback, disabled: readOnly || is24HourNotation, displayEmpty: true, size: "small", sx: { flex: 1 }, onChange: (e) => onPeriodChange(e.target.value) },
+                    React.createElement(MenuItem, { value: "" },
+                        React.createElement("span", { style: { color: grey['500'] } }, is24HourNotation ? '-' : 'AM/PM')),
+                    React.createElement(MenuItem, { value: "AM" }, "AM"),
+                    React.createElement(MenuItem, { value: "PM" }, "PM"))),
+            React.createElement(Typography, { variant: "caption", color: "error", sx: { ml: 1.75, mt: -0.5 } }, isTabled ? '' : feedback))));
+}
+export default CustomTimeField;
+//# sourceMappingURL=CustomTimeField.js.map

package/lib/src/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":"AAAA;;;;;;;;;;;;;;;GAeG;AAoBH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAclD,SAAS,eAAe,CAAC,KAA2B;IAClD,MAAM,EACJ,MAAM,EACN,SAAS,EACT,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,cAAc,EACf,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,OAAO,IAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;QACtC;YACE,oBAAC,GAAG,IACF,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,CAAC,EACZ,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE;gBACpE,oBAAC,YAAY,IACX,EAAE,EAAE,MAAM,GAAG,OAAO,EACpB,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,CAAC,CAAC,QAAQ,EACjB,SAAS,QACT,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EACf,QAAQ,EAAE,CAAC,CAAgC,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACjF,KAAK,EAAE,aAAa,EACpB,WAAW,EAAC,OAAO,EACnB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,GACZ;gBACF,oBAAC,MAAM,IACL,EAAE,EAAE,MAAM,GAAG,SAAS,EACtB,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAC1C,KAAK,EAAE,CAAC,CAAC,QAAQ,EACjB,QAAQ,EAAE,QAAQ,IAAI,gBAAgB,EACtC,YAAY,QACZ,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;oBAC/C,oBAAC,QAAQ,IAAC,KAAK,EAAC,EAAE;wBAChB,8BAAM,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,IAAG,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAQ,CACrE;oBACX,oBAAC,QAAQ,IAAC,KAAK,EAAC,IAAI,SAAc;oBAClC,oBAAC,QAAQ,IAAC,KAAK,EAAC,IAAI,SAAc,CAC3B,CACL;YACN,oBAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,IACnE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CACd,CACZ,CACK,CACX,CAAC;AACJ,CAAC;AAED,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,23 @@
+import type { Dispatch, SetStateAction } from 'react';
+import React from 'react';
+import type { PropsWithIsTabledAttribute } from '../../../../interfaces/renderProps.interface';
+interface DateTimeFieldProps extends PropsWithIsTabledAttribute {
+    linkId: 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): React.JSX.Element;
+export default DateTimeField;

package/lib/src/components/FormComponents/DateTimeItems/CustomDateTimeItem/DateTimeField.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.
+ */
+import React from 'react';
+import CustomDateField from '../CustomDateItem/CustomDateField';
+import CustomTimeField from './CustomTimeField';
+import Stack from '@mui/material/Stack';
+function DateTimeField(props) {
+    const { linkId, displayDate, dateInput, timeInput, periodInput, is24HourNotation, dateFeedback, timeFeedback, dateFocused, displayPrompt, entryFormat, readOnly, isTabled, onDateInputChange, onSelectDate, setDateFocused, onTimeInputChange } = props;
+    return (React.createElement(Stack, { rowGap: 1 },
+        React.createElement(CustomDateField, { linkId: linkId, valueDate: displayDate, input: dateInput, feedback: dateFeedback !== null && dateFeedback !== void 0 ? dateFeedback : '', isFocused: dateFocused, displayPrompt: displayPrompt, entryFormat: entryFormat, readOnly: readOnly, isTabled: isTabled, setFocused: setDateFocused, onInputChange: onDateInputChange, onSelectDate: onSelectDate }),
+        React.createElement(CustomTimeField, { linkId: linkId, timeInput: timeInput, periodInput: periodInput, is24HourNotation: is24HourNotation, feedback: timeFeedback !== null && timeFeedback !== void 0 ? timeFeedback : '', displayPrompt: displayPrompt, readOnly: readOnly, isTabled: isTabled, onTimeInputChange: (newTimeInput) => onTimeInputChange(newTimeInput, periodInput), onPeriodChange: (newPeriodInput) => onTimeInputChange(timeInput, newPeriodInput) })));
+}
+export default DateTimeField;
+//# sourceMappingURL=DateTimeField.js.map

package/lib/src/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":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAChE,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,MAAM,qBAAqB,CAAC;AAqBxC,SAAS,aAAa,CAAC,KAAyB;IAC9C,MAAM,EACJ,MAAM,EACN,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,oBAAC,KAAK,IAAC,MAAM,EAAE,CAAC;QACd,oBAAC,eAAe,IACd,MAAM,EAAE,MAAM,EACd,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,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,cAAc,EAC1B,aAAa,EAAE,iBAAiB,EAChC,YAAY,EAAE,YAAY,GAC1B;QACF,oBAAC,eAAe,IACd,MAAM,EAAE,MAAM,EACd,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,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,CACI,CACT,CAAC;AACJ,CAAC;AAED,eAAe,aAAa,CAAC"}

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

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

package/lib/src/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/src/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/src/components/FormComponents/DateTimeItems/utils/index.d.ts

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

package/lib/src/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/src/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/src/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/src/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/src/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/src/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;