@aehrc/smart-forms-renderer 0.12.1 → 0.13.0

package/src/utils/validateQuestionnaire.ts

@@ -0,0 +1,273 @@
+/*
+ * 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 { QuestionnaireResponse, QuestionnaireResponseItemAnswer } from 'fhir/r4';
+import { Questionnaire, QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
+import { getQrItemsIndex, mapQItemsIndex } from './mapItem';
+import { EnableWhenExpression, EnableWhenItems } from '../interfaces/enableWhen.interface';
+import { isHidden } from './qItem';
+import { getRegexValidation } from './itemControl';
+import { structuredDataCapture } from 'fhir-sdc-helpers';
+import { RegexValidation } from '../interfaces/regex.interface';
+
+export type InvalidType = 'regex' | 'minLength' | 'maxLength' | 'required';
+
+interface ValidateQuestionnaireParams {
+  questionnaire: Questionnaire;
+  questionnaireResponse: QuestionnaireResponse;
+  invalidItems: Record<string, InvalidType>;
+  enableWhenIsActivated: boolean;
+  enableWhenItems: EnableWhenItems;
+  enableWhenExpressions: Record<string, EnableWhenExpression>;
+}
+
+/**
+ * Recursively go through the questionnaireResponse and check for un-filled required qItems
+ * At the moment item.required for group items are not checked
+ * FIXME will eventually be renamed to validate questionnaire
+ *
+ * @author Sean Fong
+ */
+export function validateQuestionnaire(
+  params: ValidateQuestionnaireParams
+): Record<string, InvalidType> {
+  const {
+    questionnaire,
+    questionnaireResponse,
+    invalidItems,
+    enableWhenIsActivated,
+    enableWhenItems,
+    enableWhenExpressions
+  } = params;
+
+  if (
+    !questionnaire.item ||
+    questionnaire.item.length === 0 ||
+    !questionnaireResponse.item ||
+    questionnaireResponse.item.length === 0
+  ) {
+    return invalidItems;
+  }
+
+  const qItemsIndexMap = mapQItemsIndex(questionnaire);
+  const topLevelQRItemsByIndex = getQrItemsIndex(
+    questionnaire.item,
+    questionnaireResponse.item,
+    qItemsIndexMap
+  );
+
+  for (const [index, topLevelQItem] of questionnaire.item.entries()) {
+    let topLevelQRItem = topLevelQRItemsByIndex[index] ?? {
+      linkId: topLevelQItem.linkId,
+      text: topLevelQItem.text
+    };
+
+    if (Array.isArray(topLevelQRItem)) {
+      topLevelQRItem = {
+        linkId: topLevelQItem.linkId,
+        text: topLevelQItem.text,
+        item: topLevelQRItem
+      };
+    }
+
+    validateItemRecursive({
+      qItem: topLevelQItem,
+      qrItem: topLevelQRItem,
+      invalidItems: invalidItems,
+      enableWhenIsActivated,
+      enableWhenItems,
+      enableWhenExpressions
+    });
+  }
+
+  return invalidItems;
+}
+
+interface ValidateItemRecursiveParams {
+  qItem: QuestionnaireItem;
+  qrItem: QuestionnaireResponseItem;
+  invalidItems: Record<string, InvalidType>;
+  enableWhenIsActivated: boolean;
+  enableWhenItems: EnableWhenItems;
+  enableWhenExpressions: Record<string, EnableWhenExpression>;
+}
+
+function validateItemRecursive(params: ValidateItemRecursiveParams) {
+  const {
+    qItem,
+    qrItem,
+    invalidItems,
+    enableWhenIsActivated,
+    enableWhenItems,
+    enableWhenExpressions
+  } = params;
+
+  if (
+    isHidden({
+      questionnaireItem: qItem,
+      enableWhenIsActivated,
+      enableWhenItems,
+      enableWhenExpressions
+    })
+  ) {
+    return;
+  }
+
+  // FIXME repeat groups not working
+  if (qItem.type === 'group' && qItem.repeats) {
+    return validateRepeatGroup(qItem, qrItem, invalidItems);
+  }
+
+  const childQItems = qItem.item;
+  if (childQItems && childQItems.length > 0) {
+    const childQrItems = qrItem?.item ?? [];
+
+    const indexMap = mapQItemsIndex(qItem);
+    const qrItemsByIndex = getQrItemsIndex(childQItems, childQrItems, indexMap);
+
+    if (qItem.type === 'group' && qItem.required) {
+      if (!qrItem || qrItemsByIndex.length === 0) {
+        invalidItems[qItem.linkId] = 'required';
+      }
+    }
+
+    for (const [index, childQItem] of childQItems.entries()) {
+      let childQRItem = qrItemsByIndex[index] ?? {
+        linkId: childQItem.linkId,
+        text: childQItem.text
+      };
+
+      if (Array.isArray(childQRItem)) {
+        childQRItem = {
+          linkId: childQItem.linkId,
+          text: childQItem.text,
+          item: childQRItem
+        };
+      }
+
+      validateItemRecursive({
+        qItem: childQItem,
+        qrItem: childQRItem,
+        invalidItems: invalidItems,
+        enableWhenIsActivated,
+        enableWhenItems,
+        enableWhenExpressions
+      });
+    }
+  }
+
+  validateSingleItem(qItem, qrItem, invalidItems);
+}
+
+function validateSingleItem(
+  qItem: QuestionnaireItem,
+  qrItem: QuestionnaireResponseItem,
+  invalidItems: Record<string, InvalidType>
+) {
+  // Validate item.required
+  if (qItem.type !== 'display') {
+    if (qItem.required && !qrItem.answer) {
+      invalidItems[qItem.linkId] = 'required';
+      return invalidItems;
+    }
+  }
+
+  // Validate regex, maxLength and minLength
+  if (qrItem.answer) {
+    for (const answer of qrItem.answer) {
+      if (answer.valueString || answer.valueInteger || answer.valueDecimal || answer.valueUri) {
+        const invalidInputType = getInputInvalidType(
+          getInputInString(answer),
+          getRegexValidation(qItem),
+          structuredDataCapture.getMinLength(qItem) ?? null,
+          qItem.maxLength ?? null
+        );
+
+        if (!invalidInputType) {
+          continue;
+        }
+
+        // Assign invalid type and break - stop checking other answers if is a repeat item
+        switch (invalidInputType) {
+          case 'regex':
+            invalidItems[qItem.linkId] = 'regex';
+            break;
+          case 'minLength':
+            invalidItems[qItem.linkId] = 'minLength';
+            break;
+          case 'maxLength':
+            invalidItems[qItem.linkId] = 'maxLength';
+            break;
+        }
+        break;
+      }
+    }
+
+    // Reached the end of the loop and no invalid input type found
+    // If a required item is filled, remove the required invalid type
+    if (qItem.required && invalidItems[qItem.linkId] && invalidItems[qItem.linkId] === 'required') {
+      delete invalidItems[qItem.linkId];
+    }
+  }
+
+  return invalidItems;
+}
+
+function validateRepeatGroup(
+  qItem: QuestionnaireItem,
+  qrItems: QuestionnaireResponseItem,
+  invalidLinkIds: Record<string, InvalidType>
+) {
+  return;
+}
+
+function getInputInString(answer: QuestionnaireResponseItemAnswer) {
+  if (answer.valueString) {
+    return answer.valueString;
+  } else if (answer.valueInteger) {
+    return answer.valueInteger.toString();
+  } else if (answer.valueDecimal) {
+    return answer.valueDecimal.toString();
+  } else if (answer.valueUri) {
+    return answer.valueUri;
+  }
+
+  return '';
+}
+
+export function getInputInvalidType(
+  input: string,
+  regexValidation: RegexValidation | null,
+  minLength: number | null,
+  maxLength: number | null
+): InvalidType | null {
+  if (input) {
+    if (regexValidation && !regexValidation.expression.test(input)) {
+      return 'regex';
+    }
+
+    if (minLength && input.length < minLength) {
+      return 'minLength';
+    }
+
+    if (maxLength && input.length > maxLength) {
+      return 'maxLength';
+    }
+  }
+
+  return null;
+}

package/lib/components/BackToTopButton/BackToTopButton.d.ts

@@ -1,7 +0,0 @@
-import type { ReactElement } from 'react';
-import React from 'react';
-interface Props {
-    children: ReactElement;
-}
-declare function BackToTopButton(props: Props): React.JSX.Element;
-export default BackToTopButton;

package/lib/components/BackToTopButton/BackToTopButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackToTopButton.js","sourceRoot":"","sources":["../../../src/components/BackToTopButton/BackToTopButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAM9D,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/lib/components/FormComponents/CustomDateItem/CustomDateField2.d.ts

@@ -1,18 +0,0 @@
-import type { Dispatch, SetStateAction } from 'react';
-import React from 'react';
-import { PropsWithIsTabledAttribute } from '../../../interfaces/renderProps.interface';
-interface CustomDateField2Props extends PropsWithIsTabledAttribute {
-    linkId: string;
-    valueDate: string;
-    input: string;
-    feedback: string;
-    isFocused: boolean;
-    displayPrompt: string;
-    entryFormat: string;
-    readOnly: boolean;
-    setFocused: Dispatch<SetStateAction<boolean>>;
-    onInputChange: (newInput: string) => void;
-    onSelectDate: (newDateValue: string) => void;
-}
-declare function CustomDateField2(props: CustomDateField2Props): React.JSX.Element;
-export default CustomDateField2;

package/lib/components/FormComponents/CustomDateItem/CustomDateField2.js

@@ -1,31 +0,0 @@
-/*
- * 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, { useRef } from 'react';
-import { StandardTextField } from '../Textfield.styles';
-import DatePicker from './customDateTimePicker/DatePicker';
-function CustomDateField2(props) {
-    const { linkId, valueDate, input, feedback, isFocused, displayPrompt, entryFormat, readOnly, isTabled, setFocused, onInputChange, onSelectDate } = props;
-    const anchorRef = useRef(null);
-    return (React.createElement(StandardTextField, { id: linkId, ref: anchorRef, fullWidth: true, isTabled: isTabled, value: input, error: !!feedback, onChange: (e) => onInputChange(e.target.value), label: displayPrompt, placeholder: entryFormat !== '' ? entryFormat : 'DD/MM/YYYY', disabled: readOnly, size: "small", focused: isFocused, onFocus: () => setFocused(true), onBlur: () => setFocused(false), InputProps: {
-            endAdornment: (React.createElement(React.Fragment, null,
-                React.createElement(DatePicker, { valueString: valueDate, anchorEl: anchorRef.current, onSelectDate: (valueDayjs) => {
-                        onSelectDate(valueDayjs.format('DD/MM/YYYY'));
-                    }, onFocus: (focus) => setFocused(focus) })))
-        }, helperText: feedback }));
-}
-export default CustomDateField2;
-//# sourceMappingURL=CustomDateField2.js.map

package/lib/components/FormComponents/CustomDateItem/CustomDateField2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomDateField2.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/CustomDateItem/CustomDateField2.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAgB3D,SAAS,gBAAgB,CAAC,KAA4B;IACpD,MAAM,EACJ,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,EACR,SAAS,EACT,aAAa,EACb,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,aAAa,EACb,YAAY,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAA8B,MAAM,CAAC,IAAI,CAAC,CAAC;IAE1D,OAAO,CACL,oBAAC,iBAAiB,IAChB,EAAE,EAAE,MAAM,EACV,GAAG,EAAE,SAAS,EACd,SAAS,QACT,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,CAAC,CAAC,QAAQ,EACjB,QAAQ,EAAE,CAAC,CAAgC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7E,KAAK,EAAE,aAAa,EACpB,WAAW,EAAE,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,EAC5D,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAC/B,UAAU,EAAE;YACV,YAAY,EAAE,CACZ;gBACE,oBAAC,UAAU,IACT,WAAW,EAAE,SAAS,EACtB,QAAQ,EAAE,SAAS,CAAC,OAAO,EAC3B,YAAY,EAAE,CAAC,UAAiB,EAAE,EAAE;wBAClC,YAAY,CAAC,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;oBAChD,CAAC,EACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GACrC,CACD,CACJ;SACF,EACD,UAAU,EAAE,QAAQ,GACpB,CACH,CAAC;AACJ,CAAC;AAED,eAAe,gBAAgB,CAAC"}

package/lib/components/FormComponents/CustomDateItem/CustomDateTimeField.d.ts

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

package/lib/components/FormComponents/CustomDateItem/CustomDateTimeField.js

@@ -1,75 +0,0 @@
-/*
- * 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, { useState } from 'react';
-import useReadOnly from '../../../hooks/useReadOnly';
-import useRenderingExtensions from '../../../hooks/useRenderingExtensions';
-import { FullWidthFormComponentBox } from '../../Box.styles';
-import ItemFieldGrid from '../ItemParts/ItemFieldGrid';
-import useParseDates from './customDateTimePicker/hooks/useParseDates';
-import CustomDateField from './customDateTimePicker/CustomDateField';
-import { parseDisplayDateToFhirDate, parseFhirDateToDisplayDate, replaceMonthNameWithNumber } from './customDateTimePicker/utils/parseDates';
-import { createEmptyQrItem } from '../../../utils/qrItem';
-function CustomDateTimePickerText(props) {
-    const { qItem, qrItem, isRepeated, isTabled, parentIsReadOnly, onQrItemChange } = props;
-    const readOnly = useReadOnly(qItem, parentIsReadOnly);
-    const { displayPrompt, displayInstructions, entryFormat } = useRenderingExtensions(qItem);
-    const qrDate = qrItem !== null && qrItem !== void 0 ? qrItem : createEmptyQrItem(qItem);
-    // Init input value
-    let valueDate = '';
-    if (qrDate.answer) {
-        if (qrDate.answer[0].valueDate) {
-            valueDate = qrDate.answer[0].valueDate;
-        }
-        else if (qrDate.answer[0].valueDateTime) {
-            valueDate = qrDate.answer[0].valueDateTime;
-        }
-    }
-    valueDate = parseFhirDateToDisplayDate(valueDate);
-    const selectedDateToDisplay = valueDate.length === 0 ? 'N/A' : valueDate;
-    const [input, setInput] = useState(valueDate);
-    const [focused, setFocused] = useState(false);
-    let options = [];
-    const { dateOptions, seperator } = useParseDates(input);
-    if (dateOptions) {
-        options = dateOptions;
-    }
-    function handleValueChange(newDateString) {
-        onQrItemChange(Object.assign(Object.assign({}, createEmptyQrItem(qItem)), { answer: [{ valueDate: parseDisplayDateToFhirDate(newDateString, seperator) }] }));
-    }
-    function handleUnfocus() {
-        // set answer to current input when text field is unfocused
-        if (!valueDate && input !== '') {
-            const replacedInput = replaceMonthNameWithNumber(input);
-            const matchedOption = options.find((option) => replacedInput === option);
-            if (matchedOption) {
-                const newDateString = matchedOption.split(seperator).join('/');
-                onQrItemChange(Object.assign(Object.assign({}, createEmptyQrItem(qItem)), { answer: [{ valueDate: parseDisplayDateToFhirDate(newDateString, seperator) }] }));
-            }
-        }
-        setFocused(false);
-    }
-    if (isRepeated) {
-        return (React.createElement(CustomDateField, { valueDate: valueDate, input: input, isFocused: focused, displayPrompt: displayPrompt, entryFormat: entryFormat, readOnly: readOnly, isTabled: isTabled, setFocused: setFocused, onInputChange: (newInput) => setInput(newInput), onValueChange: handleValueChange, onUnfocus: handleUnfocus }));
-    }
-    return (React.createElement(FullWidthFormComponentBox, { "data-test": "q-item-date-box" },
-        React.createElement(ItemFieldGrid, { qItem: qItem, displayInstructions: displayInstructions.length > 0 ? (displayInstructions) : (React.createElement(React.Fragment, null,
-                "Selected date: ",
-                React.createElement("b", null, selectedDateToDisplay))), readOnly: readOnly },
-            React.createElement(CustomDateField, { valueDate: valueDate, input: input, isFocused: focused, displayPrompt: displayPrompt, entryFormat: entryFormat, readOnly: readOnly, isTabled: isTabled, setFocused: setFocused, onInputChange: (newInput) => setInput(newInput), onValueChange: handleValueChange, onUnfocus: handleUnfocus }))));
-}
-export default CustomDateTimePickerText;
-//# sourceMappingURL=CustomDateTimeField.js.map

package/lib/components/FormComponents/CustomDateItem/CustomDateTimeField.js.map

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

package/lib/components/FormComponents/CustomDateItem/CustomDateTimePickerText2.d.ts

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

package/lib/components/FormComponents/CustomDateItem/CustomDateTimePickerText2.js

@@ -1,75 +0,0 @@
-/*
- * 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, { useState } from 'react';
-import useReadOnly from '../../../hooks/useReadOnly';
-import useRenderingExtensions from '../../../hooks/useRenderingExtensions';
-import { FullWidthFormComponentBox } from '../../Box.styles';
-import ItemFieldGrid from '../ItemParts/ItemFieldGrid';
-import useParseDates from './customDateTimePicker/hooks/useParseDates';
-import CustomDateField from './customDateTimePicker/CustomDateField';
-import { parseDisplayDateToFhirDate, parseFhirDateToDisplayDate, replaceMonthNameWithNumber } from './customDateTimePicker/utils/parseDates';
-import { createEmptyQrItem } from '../../../utils/qrItem';
-function CustomDateTimePickerText(props) {
-    const { qItem, qrItem, isRepeated, isTabled, parentIsReadOnly, onQrItemChange } = props;
-    const readOnly = useReadOnly(qItem, parentIsReadOnly);
-    const { displayPrompt, displayInstructions, entryFormat } = useRenderingExtensions(qItem);
-    const qrDate = qrItem !== null && qrItem !== void 0 ? qrItem : createEmptyQrItem(qItem);
-    // Init input value
-    let valueDate = '';
-    if (qrDate.answer) {
-        if (qrDate.answer[0].valueDate) {
-            valueDate = qrDate.answer[0].valueDate;
-        }
-        else if (qrDate.answer[0].valueDateTime) {
-            valueDate = qrDate.answer[0].valueDateTime;
-        }
-    }
-    valueDate = parseFhirDateToDisplayDate(valueDate);
-    const selectedDateToDisplay = valueDate.length === 0 ? 'N/A' : valueDate;
-    const [input, setInput] = useState(valueDate);
-    const [focused, setFocused] = useState(false);
-    let options = [];
-    const { dateOptions, seperator } = useParseDates(input);
-    if (dateOptions) {
-        options = dateOptions;
-    }
-    function handleValueChange(newDateString) {
-        onQrItemChange(Object.assign(Object.assign({}, createEmptyQrItem(qItem)), { answer: [{ valueDate: parseDisplayDateToFhirDate(newDateString, seperator) }] }));
-    }
-    function handleUnfocus() {
-        // set answer to current input when text field is unfocused
-        if (!valueDate && input !== '') {
-            const replacedInput = replaceMonthNameWithNumber(input);
-            const matchedOption = options.find((option) => replacedInput === option);
-            if (matchedOption) {
-                const newDateString = matchedOption.split(seperator).join('/');
-                onQrItemChange(Object.assign(Object.assign({}, createEmptyQrItem(qItem)), { answer: [{ valueDate: parseDisplayDateToFhirDate(newDateString, seperator) }] }));
-            }
-        }
-        setFocused(false);
-    }
-    if (isRepeated) {
-        return (React.createElement(CustomDateField, { valueDate: valueDate, input: input, isFocused: focused, displayPrompt: displayPrompt, entryFormat: entryFormat, readOnly: readOnly, isTabled: isTabled, setFocused: setFocused, onInputChange: (newInput) => setInput(newInput), onValueChange: handleValueChange, onUnfocus: handleUnfocus }));
-    }
-    return (React.createElement(FullWidthFormComponentBox, { "data-test": "q-item-date-box" },
-        React.createElement(ItemFieldGrid, { qItem: qItem, displayInstructions: displayInstructions.length > 0 ? (displayInstructions) : (React.createElement(React.Fragment, null,
-                "Selected date: ",
-                React.createElement("b", null, selectedDateToDisplay))), readOnly: readOnly },
-            React.createElement(CustomDateField, { valueDate: valueDate, input: input, isFocused: focused, displayPrompt: displayPrompt, entryFormat: entryFormat, readOnly: readOnly, isTabled: isTabled, setFocused: setFocused, onInputChange: (newInput) => setInput(newInput), onValueChange: handleValueChange, onUnfocus: handleUnfocus }))));
-}
-export default CustomDateTimePickerText;
-//# sourceMappingURL=CustomDateTimePickerText2.js.map

package/lib/components/FormComponents/CustomDateItem/CustomDateTimePickerText2.js.map

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

package/lib/components/FormComponents/CustomDateItem/customDateTimePicker/hooks/useParseDates.d.ts

@@ -1,5 +0,0 @@
-declare function useParseDates(input: string): {
-    dateOptions: string[];
-    seperator: string;
-};
-export default useParseDates;

package/lib/components/FormComponents/CustomDateItem/customDateTimePicker/hooks/useParseDates.js

@@ -1,27 +0,0 @@
-/*
- * 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 { parseInputToDateOptions } from '../utils/parseDates';
-function useParseDates(input) {
-    // No options displayed when input is empty or search term is less than 2 characters
-    if (input.length === 0 || (input.length < 2 && input.length > 0)) {
-        return { dateOptions: [], seperator: '' };
-    }
-    const { dateOptions, seperator } = parseInputToDateOptions(input);
-    return { dateOptions, seperator };
-}
-export default useParseDates;
-//# sourceMappingURL=useParseDates.js.map

package/lib/components/FormComponents/CustomDateItem/customDateTimePicker/hooks/useParseDates.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useParseDates.js","sourceRoot":"","sources":["../../../../../../src/components/FormComponents/CustomDateItem/customDateTimePicker/hooks/useParseDates.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAE9D,SAAS,aAAa,CAAC,KAAa;IAIlC,oFAAoF;IACpF,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE;QAChE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;KAC3C;IAED,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAC;IAElE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC;AACpC,CAAC;AAED,eAAe,aAAa,CAAC"}

package/lib/components/FormComponents/CustomDateItem/customDateTimePickerText.d.ts

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

package/lib/components/FormComponents/CustomDateItem/customDateTimePickerText.js

@@ -1,71 +0,0 @@
-/*
- * 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, { useState } from 'react';
-import useReadOnly from '../../../hooks/useReadOnly';
-import useRenderingExtensions from '../../../hooks/useRenderingExtensions';
-import { FullWidthFormComponentBox } from '../../Box.styles';
-import ItemFieldGrid from '../ItemParts/ItemFieldGrid';
-import { parseFhirDateToDisplayDate, parseInputDateToFhirDate, validateInput } from './customDateTimePicker/utils/parseDates';
-import { createEmptyQrItem } from '../../../utils/qrItem';
-import useDateValidation from '../../../hooks/useDateValidation';
-import CustomDateField2 from './CustomDateField2';
-function CustomDateTimePickerText(props) {
-    const { qItem, qrItem, isRepeated, isTabled, parentIsReadOnly, onQrItemChange } = props;
-    const readOnly = useReadOnly(qItem, parentIsReadOnly);
-    const { displayPrompt, displayInstructions, entryFormat } = useRenderingExtensions(qItem);
-    const qrDate = qrItem !== null && qrItem !== void 0 ? qrItem : createEmptyQrItem(qItem);
-    // Init input value
-    let valueDate = '';
-    if (qrDate.answer) {
-        if (qrDate.answer[0].valueDate) {
-            valueDate = qrDate.answer[0].valueDate;
-        }
-        else if (qrDate.answer[0].valueDateTime) {
-            valueDate = qrDate.answer[0].valueDateTime;
-        }
-    }
-    const { displayDate, parseFail } = parseFhirDateToDisplayDate(valueDate);
-    const [input, setInput] = useState(displayDate);
-    const [focused, setFocused] = useState(false);
-    // Perform validation checks
-    const errorFeedback = useDateValidation(input, parseFail);
-    function handleSelectDate(selectedDate) {
-        setInput(selectedDate);
-        onQrItemChange(Object.assign(Object.assign({}, createEmptyQrItem(qItem)), { answer: [{ valueDate: parseInputDateToFhirDate(selectedDate) }] }));
-    }
-    function handleInputChange(newInput) {
-        setInput(newInput);
-        if (newInput === '') {
-            onQrItemChange(createEmptyQrItem(qItem));
-        }
-        if (!validateInput(newInput)) {
-            return;
-        }
-        onQrItemChange(Object.assign(Object.assign({}, createEmptyQrItem(qItem)), { answer: [{ valueDate: parseInputDateToFhirDate(newInput) }] }));
-    }
-    if (isRepeated) {
-        return (React.createElement(CustomDateField2, { linkId: qItem.linkId, valueDate: displayDate, input: input, feedback: errorFeedback !== null && errorFeedback !== void 0 ? errorFeedback : '', isFocused: focused, displayPrompt: displayPrompt, entryFormat: entryFormat, readOnly: readOnly, isTabled: isTabled, setFocused: setFocused, onInputChange: handleInputChange, onSelectDate: handleSelectDate }));
-    }
-    return (React.createElement(FullWidthFormComponentBox, { "data-test": "q-item-date-box" },
-        React.createElement(ItemFieldGrid, { qItem: qItem, displayInstructions: displayInstructions, readOnly: readOnly },
-            React.createElement(CustomDateField2, { linkId: qItem.linkId, valueDate: displayDate, input: input, feedback: errorFeedback !== null && errorFeedback !== void 0 ? errorFeedback : '', isFocused: focused, displayPrompt: displayPrompt, entryFormat: entryFormat, readOnly: readOnly, isTabled: isTabled, setFocused: setFocused, onInputChange: handleInputChange, onSelectDate: handleSelectDate }),
-            React.createElement(React.Fragment, null,
-                "Verify date: ",
-                displayDate))));
-}
-export default CustomDateTimePickerText;
-//# sourceMappingURL=CustomDateTimePickerText.js.map