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

package/lib/components/FormComponents/Tables/GroupTableView.js.map

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

package/lib/components/FormComponents/Tables/RemoveRowButton.d.ts

@@ -0,0 +1,9 @@
+import type { QuestionnaireResponseItem } from 'fhir/r4';
+interface RemoveRowButtonProps {
+    nullableQrItem: QuestionnaireResponseItem | null;
+    numOfRows: number;
+    readOnly: boolean;
+    onRemoveItem: () => void;
+}
+declare function RemoveRowButton(props: RemoveRowButtonProps): import("react/jsx-runtime").JSX.Element;
+export default RemoveRowButton;

package/lib/components/FormComponents/Tables/RemoveRowButton.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DeleteButtonTableCell } from './Table.styles';
+import IconButton from '@mui/material/IconButton';
+import Tooltip from '@mui/material/Tooltip';
+import RemoveCircleOutlineIcon from '@mui/icons-material/RemoveCircleOutline';
+function RemoveRowButton(props) {
+    const { nullableQrItem, numOfRows, readOnly, onRemoveItem } = props;
+    const isDisabled = nullableQrItem === null || numOfRows === 1 || readOnly;
+    return (_jsx(DeleteButtonTableCell, { children: _jsx(Tooltip, Object.assign({ title: "Remove item" }, { children: _jsx("span", { children: _jsx(IconButton, Object.assign({ size: "small", color: "error", disabled: isDisabled, onClick: onRemoveItem }, { children: _jsx(RemoveCircleOutlineIcon, { fontSize: "small" }) })) }) })) }));
+}
+export default RemoveRowButton;
+//# sourceMappingURL=RemoveRowButton.js.map

package/lib/components/FormComponents/Tables/RemoveRowButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoveRowButton.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/Tables/RemoveRowButton.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAE5C,OAAO,uBAAuB,MAAM,yCAAyC,CAAC;AAU9E,SAAS,eAAe,CAAC,KAA2B;IAClD,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAEpE,MAAM,UAAU,GAAG,cAAc,KAAK,IAAI,IAAI,SAAS,KAAK,CAAC,IAAI,QAAQ,CAAC;IAC1E,OAAO,CACL,KAAC,qBAAqB,cACpB,KAAC,OAAO,kBAAC,KAAK,EAAC,aAAa,gBAC1B,yBACE,KAAC,UAAU,kBAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,gBAChF,KAAC,uBAAuB,IAAC,QAAQ,EAAC,OAAO,GAAG,IACjC,GACR,IACC,GACY,CACzB,CAAC;AACJ,CAAC;AAED,eAAe,eAAe,CAAC"}

package/lib/components/FormComponents/Tables/SelectRowButton.d.ts

@@ -0,0 +1,7 @@
+interface SelectRowButtonProps {
+    isSelected: boolean;
+    readOnly: boolean;
+    onSelectItem: () => void;
+}
+declare function SelectRowButton(props: SelectRowButtonProps): import("react/jsx-runtime").JSX.Element;
+export default SelectRowButton;

package/lib/components/FormComponents/Tables/SelectRowButton.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import TableCell from '@mui/material/TableCell';
+import { StandardCheckbox } from '../../Checkbox.styles';
+import { useRendererStylingStore } from '../../../stores';
+function SelectRowButton(props) {
+    const { isSelected, readOnly, onSelectItem } = props;
+    const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
+    return (_jsx(TableCell, Object.assign({ padding: "none" }, { children: _jsx(StandardCheckbox, { color: "primary", size: "small", checked: isSelected, disabled: readOnly && readOnlyVisualStyle === 'disabled', readOnly: readOnly && readOnlyVisualStyle === 'readonly', onChange: onSelectItem }) })));
+}
+export default SelectRowButton;
+//# sourceMappingURL=SelectRowButton.js.map

package/lib/components/FormComponents/Tables/SelectRowButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectRowButton.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/Tables/SelectRowButton.tsx"],"names":[],"mappings":";AAkBA,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAQ1D,SAAS,eAAe,CAAC,KAA2B;IAClD,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;IAE9E,OAAO,CACL,KAAC,SAAS,kBAAC,OAAO,EAAC,MAAM,gBACvB,KAAC,gBAAgB,IACf,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU,EACxD,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU,EACxD,QAAQ,EAAE,YAAY,GACtB,IACQ,CACb,CAAC;AACJ,CAAC;AAED,eAAe,eAAe,CAAC"}

package/lib/components/FormComponents/Tables/Table.styles.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const HeaderTableCell: import("@emotion/styled").StyledComponent<import("@mui/material/TableCell").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const StandardTableCell: import("@emotion/styled").StyledComponent<import("@mui/material/TableCell").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    numOfColumns: number;
+}, {}, {}>;
+export declare const DeleteButtonTableCell: import("@emotion/styled").StyledComponent<import("@mui/material/TableCell").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const GridTextTableCell: import("@emotion/styled").StyledComponent<import("@mui/material/TableCell").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const GridAnswerTableCell: import("@emotion/styled").StyledComponent<import("@mui/material/TableCell").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    numOfColumns: number;
+}, {}, {}>;
+export declare const StyledGroupTableRow: import("@emotion/styled").StyledComponent<import("@mui/material/TableRow").TableRowOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "style" | "className" | "children" | "sx" | "classes" | "selected" | "hover"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    itemIsDragged: boolean;
+    itemIsSelected: boolean;
+    hoverDisabled: boolean;
+}, {}, {}>;

package/lib/components/FormComponents/Tables/Table.styles.js

@@ -0,0 +1,64 @@
+/*
+ * 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 { styled } from '@mui/material/styles';
+import TableCell from '@mui/material/TableCell';
+import TableRow from '@mui/material/TableRow';
+import { grey } from '@mui/material/colors';
+export const HeaderTableCell = styled(TableCell)(() => ({
+    fontSize: 13,
+    lineHeight: 'normal'
+}));
+export const StandardTableCell = styled(TableCell, {
+    shouldForwardProp: (prop) => prop !== 'numOfColumns'
+})(({ numOfColumns }) => ({
+    width: `${100 / numOfColumns}%`,
+    paddingLeft: 4,
+    paddingRight: 4
+}));
+export const DeleteButtonTableCell = styled(TableCell)(() => ({
+    paddingLeft: 0,
+    paddingRight: 4
+}));
+export const GridTextTableCell = styled(TableCell)(({ theme }) => ({
+    width: '20%',
+    paddingLeft: '18px',
+    paddingRight: '18px',
+    color: theme.palette.text.secondary
+}));
+export const GridAnswerTableCell = styled(TableCell, {
+    shouldForwardProp: (prop) => prop !== 'numOfColumns'
+})(({ numOfColumns }) => ({
+    width: `${80 / numOfColumns}%`,
+    paddingLeft: 5,
+    paddingRight: 5
+}));
+export const StyledGroupTableRow = styled(TableRow, {
+    shouldForwardProp: (prop) => prop !== 'itemIsDragged' && prop !== 'itemIsSelected' && prop !== 'hoverDisabled'
+})(({ theme, itemIsDragged, itemIsSelected, hoverDisabled }) => (Object.assign(Object.assign({ backgroundColor: itemIsSelected ? '#f4f8ff' : '#fff' }, (hoverDisabled
+    ? {}
+    : {
+        '&.MuiTableRow-root:hover': {
+            backgroundColor: itemIsSelected ? '#e9f1ff' : grey['50']
+        }
+    })), (itemIsDragged
+    ? {
+        boxShadow: theme.shadows[8],
+        opacity: 1,
+        backgroundColor: itemIsSelected ? '#edf4ff' : '#fafafa'
+    }
+    : {}))));
+//# sourceMappingURL=Table.styles.js.map

package/lib/components/FormComponents/Tables/Table.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.styles.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/Tables/Table.styles.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACtD,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,SAAS,EAAE;IACjD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,cAAc;CACrD,CAAC,CAA2B,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC;IAClD,KAAK,EAAE,GAAG,GAAG,GAAG,YAAY,GAAG;IAC/B,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;CAChB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC5D,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;CAChB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACjE,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,YAAY,EAAE,MAAM;IACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;CACpC,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,SAAS,EAAE;IACnD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,cAAc;CACrD,CAAC,CAA2B,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC;IAClD,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,GAAG;IAC9B,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;CAChB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,QAAQ,EAAE;IAClD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,IAAI,KAAK,eAAe,IAAI,IAAI,KAAK,gBAAgB,IAAI,IAAI,KAAK,eAAe;CACpF,CAAC,CACA,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,+BAC3D,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,IACjD,CAAC,aAAa;IACf,CAAC,CAAC,EAAE;IACJ,CAAC,CAAC;QACE,0BAA0B,EAAE;YAC1B,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;SACzD;KACF,CAAC,GACH,CAAC,aAAa;IACf,CAAC,CAAC;QACE,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,OAAO,EAAE,CAAC;QACV,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;KACxD;IACH,CAAC,CAAC,EAAE,CAAC,EACP,CACH,CAAC"}

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

@@ -0,0 +1 @@
+export { default as GroupTable } from './GroupTable';

package/lib/components/FormComponents/Tables/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 { default as GroupTable } from './GroupTable';
+//# sourceMappingURL=index.js.map

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

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

package/lib/components/FormComponents/TextItem/MuiTextField.d.ts

@@ -0,0 +1,3 @@
+import TextField from '@mui/material/TextField';
+declare const MuiTextField: typeof TextField;
+export default MuiTextField;

package/lib/components/FormComponents/TextItem/MuiTextField.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 TextField from '@mui/material/TextField';
+const MuiTextField = TextField;
+export default MuiTextField;
+//# sourceMappingURL=MuiTextField.js.map

package/lib/components/FormComponents/TextItem/MuiTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiTextField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/TextItem/MuiTextField.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAEhD,MAAM,YAAY,GAAG,SAAS,CAAC;AAE/B,eAAe,YAAY,CAAC"}

package/lib/components/FormComponents/TextItem/TextField.d.ts

@@ -0,0 +1,14 @@
+interface TextFieldProps {
+    linkId: string;
+    itemType: string;
+    input: string;
+    feedback: string;
+    displayPrompt: string;
+    displayUnit: string;
+    entryFormat: string;
+    readOnly: boolean;
+    calcExpUpdated: boolean;
+    onInputChange: (value: string) => void;
+}
+declare function TextField(props: TextFieldProps): import("react/jsx-runtime").JSX.Element;
+export default TextField;

package/lib/components/FormComponents/TextItem/TextField.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import InputAdornment from '@mui/material/InputAdornment';
+import MuiTextField from './MuiTextField';
+import FadingCheckIcon from '../ItemParts/FadingCheckIcon';
+import DisplayUnitText from '../ItemParts/DisplayUnitText';
+import { useRendererStylingStore } from '../../../stores';
+function TextField(props) {
+    const { linkId, itemType, input, feedback, displayPrompt, displayUnit, entryFormat, readOnly, calcExpUpdated, onInputChange } = props;
+    const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
+    return (_jsx(MuiTextField, { id: itemType + '-' + linkId, value: input, error: !!feedback, onChange: (event) => onInputChange(event.target.value), disabled: readOnly && readOnlyVisualStyle === 'disabled', label: displayPrompt, placeholder: entryFormat, fullWidth: true, multiline: true, size: "small", minRows: 3, slotProps: {
+            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-text-field" }));
+}
+export default TextField;
+//# sourceMappingURL=TextField.js.map

package/lib/components/FormComponents/TextItem/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/TextItem/TextField.tsx"],"names":[],"mappings":";AAkBA,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAe1D,SAAS,SAAS,CAAC,KAAqB;IACtC,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,WAAW,EACX,WAAW,EACX,QAAQ,EACR,cAAc,EACd,aAAa,EACd,GAAG,KAAK,CAAC;IAEV,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;IAE9E,OAAO,CACL,KAAC,YAAY,IACX,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,EACxB,SAAS,QACT,SAAS,QACT,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,CAAC,EACV,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU;gBACxD,YAAY,EAAE,CACZ,MAAC,cAAc,kBAAC,QAAQ,EAAC,KAAK,iBAC5B,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,mBAAmB,GAC7B,CACH,CAAC;AACJ,CAAC;AAED,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,5 @@
+import type { BaseItemProps } from '../../../interfaces/renderProps.interface';
+interface TextItemProps extends BaseItemProps {
+}
+declare function TextItem(props: TextItemProps): import("react/jsx-runtime").JSX.Element;
+export default TextItem;

package/lib/components/FormComponents/TextItem/TextItem.js

@@ -0,0 +1,79 @@
+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 { useCallback, useState } from 'react';
+import useValidationFeedback from '../../../hooks/useValidationFeedback';
+import debounce from 'lodash.debounce';
+import { createEmptyQrItem } from '../../../utils/qrItem';
+import { DEBOUNCE_DURATION } from '../../../utils/debounce';
+import { FullWidthFormComponentBox } from '../../Box.styles';
+import TextField from './TextField';
+import useStringCalculatedExpression from '../../../hooks/useStringCalculatedExpression';
+import ItemFieldGrid from '../ItemParts/ItemFieldGrid';
+import useReadOnly from '../../../hooks/useReadOnly';
+import { useQuestionnaireStore } from '../../../stores';
+import ItemLabel from '../ItemParts/ItemLabel';
+function TextItem(props) {
+    var _a;
+    const { qItem, qrItem, isRepeated, renderingExtensions, parentIsReadOnly, feedbackFromParent, onQrItemChange } = props;
+    const onFocusLinkId = useQuestionnaireStore.use.onFocusLinkId();
+    const { displayUnit, 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;
+    let valueText = '';
+    if ((qrItem === null || qrItem === void 0 ? void 0 : qrItem.answer) && (qrItem === null || qrItem === void 0 ? void 0 : qrItem.answer[0].valueString)) {
+        valueText = qrItem.answer[0].valueString;
+    }
+    const [input, setInput] = useState(valueText);
+    const readOnly = useReadOnly(qItem, parentIsReadOnly);
+    // Perform validation checks
+    const feedback = useValidationFeedback(qItem, feedbackFromParent, input);
+    // Process calculated expressions
+    const { calcExpUpdated } = useStringCalculatedExpression({
+        qItem: qItem,
+        inputValue: input,
+        onChangeByCalcExpressionString: (newValueString) => {
+            setInput(newValueString);
+            onQrItemChange(Object.assign(Object.assign({}, createEmptyQrItem(qItem, answerKey)), { answer: [{ id: answerKey, valueString: newValueString }] }));
+        },
+        onChangeByCalcExpressionNull: () => {
+            setInput('');
+            onQrItemChange(createEmptyQrItem(qItem, answerKey));
+        }
+    });
+    // Event handlers
+    function handleInputChange(newInput) {
+        setInput(newInput);
+        updateQrItemWithDebounce(newInput);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const updateQrItemWithDebounce = useCallback(debounce((input) => {
+        const emptyQrItem = createEmptyQrItem(qItem, answerKey);
+        if (input !== '') {
+            onQrItemChange(Object.assign(Object.assign({}, emptyQrItem), { answer: [{ id: answerKey, valueString: input }] }));
+        }
+        else {
+            onQrItemChange(emptyQrItem);
+        }
+    }, DEBOUNCE_DURATION), [onQrItemChange, qItem]); // Dependencies are tested, debounce is causing eslint to not recognise dependencies
+    if (isRepeated) {
+        return (_jsx(TextField, { linkId: qItem.linkId, itemType: qItem.type, input: input, feedback: feedback, displayPrompt: displayPrompt, displayUnit: displayUnit, entryFormat: entryFormat, readOnly: readOnly, calcExpUpdated: calcExpUpdated, onInputChange: handleInputChange }));
+    }
+    return (_jsx(FullWidthFormComponentBox, Object.assign({ "data-test": "q-item-text-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(TextField, { linkId: qItem.linkId, itemType: qItem.type, input: input, feedback: feedback, displayPrompt: displayPrompt, displayUnit: displayUnit, entryFormat: entryFormat, readOnly: readOnly, calcExpUpdated: calcExpUpdated, onInputChange: handleInputChange }), feedback: feedback }) })));
+}
+export default TextItem;
+//# sourceMappingURL=TextItem.js.map

package/lib/components/FormComponents/TextItem/TextItem.js.map

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

package/lib/components/FormComponents/Textfield.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const StandardTextField: import("@emotion/styled").StyledComponent<{
+    variant?: import("@mui/material/TextField").TextFieldVariants | undefined;
+} & Omit<import("@mui/material/TextField").FilledTextFieldProps | import("@mui/material/TextField").OutlinedTextFieldProps | import("@mui/material/TextField").StandardTextFieldProps, "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    isTabled: boolean;
+    textFieldWidth: number;
+}, {}, {}>;

package/lib/components/FormComponents/Textfield.styles.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 { styled } from '@mui/material/styles';
+import TextField from '@mui/material/TextField';
+// Always use this accompanied by the TextField prop fullWidth
+export const StandardTextField = styled(TextField, {
+    shouldForwardProp: (prop) => prop !== 'isTabled' && prop !== 'textFieldWidth'
+})(({ isTabled, textFieldWidth }) => ({
+    // Set textFieldWidth (defaults to 320 in rendererStylingStore) as the standard width for a field
+    // Set a theoretical infinite maxWidth (3000) if field is within a table to fill the table row
+    maxWidth: !isTabled ? textFieldWidth : 3000,
+    minWidth: 160
+}));
+//# sourceMappingURL=Textfield.styles.js.map

package/lib/components/FormComponents/Textfield.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textfield.styles.js","sourceRoot":"","sources":["../../../src/components/FormComponents/Textfield.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAEhD,8DAA8D;AAC9D,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,SAAS,EAAE;IACjD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,gBAAgB;CAC9E,CAAC,CAAgD,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC;IACnF,iGAAiG;IACjG,8FAA8F;IAC9F,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI;IAC3C,QAAQ,EAAE,GAAG;CACd,CAAC,CAAC,CAAC"}

package/lib/components/FormComponents/TimeItem/TimeField.d.ts

@@ -0,0 +1,13 @@
+import type { PropsWithIsTabledRequiredAttribute } from '../../../interfaces/renderProps.interface';
+import type { Dayjs } from 'dayjs';
+interface TimeFieldProps extends PropsWithIsTabledRequiredAttribute {
+    linkId: string;
+    itemType: string;
+    value: Dayjs | null;
+    displayPrompt: string;
+    entryFormat: string;
+    readOnly: boolean;
+    onTimeChange: (newValue: Dayjs | null) => unknown;
+}
+declare function TimeField(props: TimeFieldProps): import("react/jsx-runtime").JSX.Element;
+export default TimeField;

package/lib/components/FormComponents/TimeItem/TimeField.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LocalizationProvider, TimePicker as MuiTimePicker } from '@mui/x-date-pickers';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import { useRendererStylingStore } from '../../../stores';
+function TimeField(props) {
+    const { linkId, itemType, value, displayPrompt, entryFormat, readOnly, isTabled, onTimeChange } = props;
+    const textFieldWidth = useRendererStylingStore.use.textFieldWidth();
+    return (_jsx(LocalizationProvider, Object.assign({ dateAdapter: AdapterDayjs }, { children: _jsx(MuiTimePicker
+        // TODO no way to add an id attribute to this time input field
+        // TODO ignore this - we will be creating our own custom time field anyway
+        , { 
+            // TODO no way to add an id attribute to this time input field
+            // TODO ignore this - we will be creating our own custom time field anyway
+            name: itemType + '-' + linkId, format: entryFormat !== '' ? entryFormat : 'hh:mm a', value: value, disabled: readOnly, label: displayPrompt, sx: { maxWidth: !isTabled ? textFieldWidth : 3000, minWidth: 160 }, slotProps: {
+                textField: {
+                    fullWidth: true
+                }
+            }, onChange: onTimeChange }) })));
+}
+export default TimeField;
+//# sourceMappingURL=TimeField.js.map

package/lib/components/FormComponents/TimeItem/TimeField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/TimeItem/TimeField.tsx"],"names":[],"mappings":";AAoBA,OAAO,EAAE,oBAAoB,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAY1D,SAAS,SAAS,CAAC,KAAqB;IACtC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,GAC7F,KAAK,CAAC;IAER,MAAM,cAAc,GAAG,uBAAuB,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC;IAEpE,OAAO,CACL,KAAC,oBAAoB,kBAAC,WAAW,EAAE,YAAY,gBAC7C,KAAC,aAAa;QACZ,8DAA8D;QAC9D,0EAA0E;;YAD1E,8DAA8D;YAC9D,0EAA0E;YAC1E,IAAI,EAAE,QAAQ,GAAG,GAAG,GAAG,MAAM,EAC7B,MAAM,EAAE,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACpD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,aAAa,EACpB,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,EAClE,SAAS,EAAE;gBACT,SAAS,EAAE;oBACT,SAAS,EAAE,IAAI;iBAChB;aACF,EACD,QAAQ,EAAE,YAAY,GACtB,IACmB,CACxB,CAAC;AACJ,CAAC;AAED,eAAe,SAAS,CAAC"}

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

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

package/lib/components/FormComponents/TimeItem/TimeItem.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createEmptyQrItem } from '../../../utils/qrItem';
+import { FullWidthFormComponentBox } from '../../Box.styles';
+import TimeField from './TimeField';
+import dayjs from 'dayjs';
+import ItemFieldGrid from '../ItemParts/ItemFieldGrid';
+import useReadOnly from '../../../hooks/useReadOnly';
+import { useQuestionnaireStore } from '../../../stores';
+import ItemLabel from '../ItemParts/ItemLabel';
+function TimeItem(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;
+    let timeString = null;
+    if ((qrItem === null || qrItem === void 0 ? void 0 : qrItem.answer) && (qrItem === null || qrItem === void 0 ? void 0 : qrItem.answer[0].valueTime)) {
+        timeString = qrItem.answer[0].valueTime;
+    }
+    const timeDayJs = timeString ? dayjs(timeString) : null;
+    // Event handlers
+    function handleTimeChange(newValue) {
+        const emptyQrItem = createEmptyQrItem(qItem, answerKey);
+        if (newValue) {
+            onQrItemChange(Object.assign(Object.assign({}, emptyQrItem), { answer: [{ id: answerKey, valueTime: newValue.format() }] }));
+        }
+        else {
+            onQrItemChange(emptyQrItem);
+        }
+    }
+    if (isRepeated) {
+        return (_jsx(TimeField, { linkId: qItem.linkId, itemType: qItem.type, value: timeDayJs, displayPrompt: displayPrompt, entryFormat: entryFormat, readOnly: readOnly, onTimeChange: handleTimeChange, isTabled: isTabled }));
+    }
+    return (_jsx(FullWidthFormComponentBox, Object.assign({ "data-test": "q-item-time-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(TimeField, { linkId: qItem.linkId, itemType: qItem.type, value: timeDayJs, displayPrompt: displayPrompt, entryFormat: entryFormat, readOnly: readOnly, onTimeChange: handleTimeChange, isTabled: isTabled }) }) })));
+}
+export default TimeItem;
+//# sourceMappingURL=TimeItem.js.map

package/lib/components/FormComponents/TimeItem/TimeItem.js.map

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

package/lib/components/FormComponents/UrlItem/UrlField.d.ts

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

package/lib/components/FormComponents/UrlItem/UrlField.js

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

package/lib/components/FormComponents/UrlItem/UrlField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UrlField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/UrlItem/UrlField.tsx"],"names":[],"mappings":";AAmBA,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAc3D,SAAS,QAAQ,CAAC,KAAoB;IACpC,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,WAAW,EACX,WAAW,EACX,QAAQ,EACR,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,SAAS,QACT,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,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,KAAK,EAAE,aAAa,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU,EACxD,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU;gBACxD,YAAY,EAAE,CACZ,KAAC,cAAc,kBAAC,QAAQ,EAAC,KAAK,gBAC5B,KAAC,eAAe,kBAAC,QAAQ,EAAE,QAAQ,gBAAG,WAAW,IAAmB,IACrD,CAClB;aACF;SACF,EACD,UAAU,EAAE,QAAQ,eACV,kBAAkB,GAC5B,CACH,CAAC;AACJ,CAAC;AAED,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,5 @@
+import type { BaseItemProps } from '../../../interfaces/renderProps.interface';
+interface UrlItemProps extends BaseItemProps {
+}
+declare function UrlItem(props: UrlItemProps): import("react/jsx-runtime").JSX.Element;
+export default UrlItem;

package/lib/components/FormComponents/UrlItem/UrlItem.js

@@ -0,0 +1,65 @@
+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 { useCallback, useState } from 'react';
+import useValidationFeedback from '../../../hooks/useValidationFeedback';
+import debounce from 'lodash.debounce';
+import { createEmptyQrItem } from '../../../utils/qrItem';
+import { DEBOUNCE_DURATION } from '../../../utils/debounce';
+import { FullWidthFormComponentBox } from '../../Box.styles';
+import UrlField from './UrlField';
+import ItemFieldGrid from '../ItemParts/ItemFieldGrid';
+import useReadOnly from '../../../hooks/useReadOnly';
+import { useQuestionnaireStore } from '../../../stores';
+import ItemLabel from '../ItemParts/ItemLabel';
+function UrlItem(props) {
+    var _a;
+    const { qItem, qrItem, renderingExtensions, isRepeated, isTabled, parentIsReadOnly, feedbackFromParent, onQrItemChange } = props;
+    const onFocusLinkId = useQuestionnaireStore.use.onFocusLinkId();
+    const { displayUnit, 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;
+    let valueUri = '';
+    if ((qrItem === null || qrItem === void 0 ? void 0 : qrItem.answer) && (qrItem === null || qrItem === void 0 ? void 0 : qrItem.answer[0].valueUri)) {
+        valueUri = qrItem.answer[0].valueUri;
+    }
+    const [input, setInput] = useState(valueUri);
+    const readOnly = useReadOnly(qItem, parentIsReadOnly);
+    // Perform validation checks
+    const feedback = useValidationFeedback(qItem, feedbackFromParent, input);
+    // Event handlers
+    function handleChange(newInput) {
+        setInput(newInput);
+        updateQrItemWithDebounce(newInput);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const updateQrItemWithDebounce = useCallback(debounce((input) => {
+        const emptyQrItem = createEmptyQrItem(qItem, answerKey);
+        if (input !== '') {
+            onQrItemChange(Object.assign(Object.assign({}, emptyQrItem), { answer: [{ id: answerKey, valueUri: input }] }));
+        }
+        else {
+            onQrItemChange(emptyQrItem);
+        }
+    }, DEBOUNCE_DURATION), [onQrItemChange, qItem]); // Dependencies are tested, debounce is causing eslint to not recognise dependencies
+    if (isRepeated) {
+        return (_jsx(UrlField, { linkId: qItem.linkId, itemType: qItem.type, input: input, feedback: feedback, displayPrompt: displayPrompt, displayUnit: displayUnit, entryFormat: entryFormat, readOnly: readOnly, onInputChange: handleChange, isTabled: isTabled }));
+    }
+    return (_jsx(FullWidthFormComponentBox, Object.assign({ "data-test": "q-item-url-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(UrlField, { linkId: qItem.linkId, itemType: qItem.type, input: input, feedback: feedback, displayPrompt: displayPrompt, displayUnit: displayUnit, entryFormat: entryFormat, readOnly: readOnly, onInputChange: handleChange, isTabled: isTabled }), feedback: feedback }) })));
+}
+export default UrlItem;
+//# sourceMappingURL=UrlItem.js.map