@aehrc/smart-forms-renderer 0.44.2 → 0.44.4

package/lib/src/components/FormComponents/ItemParts/FadingCheckIcon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface FadingCheckIconProps {
+    fadeIn: boolean;
+    disabled: boolean;
+}
+declare function FadingCheckIcon(props: FadingCheckIconProps): React.JSX.Element;
+export default FadingCheckIcon;

package/lib/src/components/FormComponents/ItemParts/FadingCheckIcon.js

@@ -0,0 +1,26 @@
+/*
+ * 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 Fade from '@mui/material/Fade';
+import SyncIcon from '@mui/icons-material/Sync';
+function FadingCheckIcon(props) {
+    const { fadeIn, disabled } = props;
+    return (React.createElement(Fade, { in: fadeIn, timeout: { enter: 100, exit: 300 } },
+        React.createElement(SyncIcon, { color: "success", fontSize: "small", sx: Object.assign({}, (disabled ? { color: 'text.disabled' } : null)) })));
+}
+export default FadingCheckIcon;
+//# sourceMappingURL=FadingCheckIcon.js.map

package/lib/src/components/FormComponents/ItemParts/FadingCheckIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FadingCheckIcon.js","sourceRoot":"","sources":["../../../../../src/components/FormComponents/ItemParts/FadingCheckIcon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAOhD,SAAS,eAAe,CAAC,KAA2B;IAClD,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEnC,OAAO,CACL,oBAAC,IAAI,IAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE;QAClD,oBAAC,QAAQ,IACP,KAAK,EAAC,SAAS,EACf,QAAQ,EAAC,OAAO,EAChB,EAAE,oBAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IACvD,CACG,CACR,CAAC;AACJ,CAAC;AAED,eAAe,eAAe,CAAC"}

package/lib/src/components/FormComponents/ItemParts/FlyoverItem.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface FlyoverItemProps {
+    displayFlyover: string | JSX.Element | JSX.Element[];
+    readOnly: boolean;
+}
+declare function FlyoverItem(props: FlyoverItemProps): React.JSX.Element;
+export default FlyoverItem;

package/lib/src/components/FormComponents/ItemParts/FlyoverItem.js

@@ -0,0 +1,45 @@
+/*
+ * 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 Tooltip from '@mui/material/Tooltip';
+import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
+import { useQuestionnaireStore } from '../../../stores';
+function FlyoverItem(props) {
+    const { displayFlyover, readOnly } = props;
+    const sdcUiOverrideComponents = useQuestionnaireStore.use.sdcUiOverrideComponents();
+    const FlyoverOverrideComponent = sdcUiOverrideComponents['flyover'];
+    // If a flyover override component is defined for this item, render it
+    if (FlyoverOverrideComponent && typeof FlyoverOverrideComponent === 'function') {
+        return React.createElement(FlyoverOverrideComponent, { displayText: displayFlyover, readOnly: readOnly });
+    }
+    return (React.createElement(Tooltip, { title: displayFlyover, placement: "top", slotProps: {
+            popper: {
+                modifiers: [
+                    {
+                        name: 'offset',
+                        options: {
+                            offset: [0, -8]
+                        }
+                    }
+                ]
+            }
+        } },
+        React.createElement("span", null,
+            React.createElement(InfoOutlinedIcon, { sx: { color: 'text.secondary' }, fontSize: "small" }))));
+}
+export default FlyoverItem;
+//# sourceMappingURL=FlyoverItem.js.map

package/lib/src/components/FormComponents/ItemParts/FlyoverItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlyoverItem.js","sourceRoot":"","sources":["../../../../../src/components/FormComponents/ItemParts/FlyoverItem.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,gBAAgB,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAOxD,SAAS,WAAW,CAAC,KAAuB;IAC1C,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3C,MAAM,uBAAuB,GAAG,qBAAqB,CAAC,GAAG,CAAC,uBAAuB,EAAE,CAAC;IACpF,MAAM,wBAAwB,GAAG,uBAAuB,CAAC,SAAS,CAAC,CAAC;IAEpE,sEAAsE;IACtE,IAAI,wBAAwB,IAAI,OAAO,wBAAwB,KAAK,UAAU,EAAE,CAAC;QAC/E,OAAO,oBAAC,wBAAwB,IAAC,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;IACvF,CAAC;IAED,OAAO,CACL,oBAAC,OAAO,IACN,KAAK,EAAE,cAAc,EACrB,SAAS,EAAC,KAAK,EACf,SAAS,EAAE;YACT,MAAM,EAAE;gBACN,SAAS,EAAE;oBACT;wBACE,IAAI,EAAE,QAAQ;wBACd,OAAO,EAAE;4BACP,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;yBAChB;qBACF;iBACF;aACF;SACF;QACD;YACE,oBAAC,gBAAgB,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,QAAQ,EAAC,OAAO,GAAG,CACjE,CACC,CACX,CAAC;AACJ,CAAC;AAED,eAAe,WAAW,CAAC"}

package/lib/src/components/FormComponents/ItemParts/ItemFieldGrid.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { QuestionnaireItem } from 'fhir/r4';
+interface ItemFieldGridProps {
+    children: ReactNode;
+    qItem: QuestionnaireItem;
+    readOnly: boolean;
+}
+declare function ItemFieldGrid(props: ItemFieldGridProps): React.JSX.Element;
+export default ItemFieldGrid;

package/lib/src/components/FormComponents/ItemParts/ItemFieldGrid.js

@@ -0,0 +1,37 @@
+/*
+ * 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 Grid from '@mui/material/Grid';
+import DisplayInstructions from '../DisplayItem/DisplayInstructions';
+import LabelWrapper from './ItemLabelWrapper';
+import useRenderingExtensions from '../../../hooks/useRenderingExtensions';
+import Box from '@mui/material/Box';
+function ItemFieldGrid(props) {
+    const { children, qItem, readOnly } = props;
+    const { displayInstructions } = useRenderingExtensions(qItem);
+    return (React.createElement(Grid, { container: true, columnSpacing: 4 },
+        React.createElement(Grid, { item: true, md: 4, xs: 12 },
+            React.createElement(LabelWrapper, { qItem: qItem, readOnly: readOnly })),
+        React.createElement(Box, { sx: {
+                my: { xs: 1.5, md: 0 } // Adds padding for `xs` breakpoint and removes it for `md` and up
+            } }),
+        React.createElement(Grid, { item: true, md: 8, xs: 12 },
+            children,
+            React.createElement(DisplayInstructions, { displayInstructions: displayInstructions, readOnly: readOnly }))));
+}
+export default ItemFieldGrid;
+//# sourceMappingURL=ItemFieldGrid.js.map

package/lib/src/components/FormComponents/ItemParts/ItemFieldGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemFieldGrid.js","sourceRoot":"","sources":["../../../../../src/components/FormComponents/ItemParts/ItemFieldGrid.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAEtC,OAAO,mBAAmB,MAAM,oCAAoC,CAAC;AACrE,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,sBAAsB,MAAM,uCAAuC,CAAC;AAC3E,OAAO,GAAG,MAAM,mBAAmB,CAAC;AAQpC,SAAS,aAAa,CAAC,KAAyB;IAC9C,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE5C,MAAM,EAAE,mBAAmB,EAAE,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAE9D,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,QAAC,aAAa,EAAE,CAAC;QAC9B,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;YACtB,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC7C;QACP,oBAAC,GAAG,IACF,EAAE,EAAE;gBACF,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,kEAAkE;aAC1F,GACD;QACF,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;YACrB,QAAQ;YACT,oBAAC,mBAAmB,IAAC,mBAAmB,EAAE,mBAAmB,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAChF,CACF,CACR,CAAC;AACJ,CAAC;AAED,eAAe,aAAa,CAAC"}

package/lib/src/components/FormComponents/ItemParts/ItemLabelText.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { QuestionnaireItem } from 'fhir/r4';
+interface ItemLabelTextProps {
+    qItem: QuestionnaireItem;
+    readOnly?: boolean;
+}
+declare const ItemLabelText: React.NamedExoticComponent<ItemLabelTextProps>;
+export default ItemLabelText;

package/lib/src/components/FormComponents/ItemParts/ItemLabelText.js

@@ -0,0 +1,63 @@
+/*
+ * 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, { memo } from 'react';
+import { getMarkdownString, getXHtmlString } from '../../../utils/itemControl';
+import { default as htmlParse } from 'html-react-parser';
+import Box from '@mui/material/Box';
+import ReactMarkdown from 'react-markdown';
+import Typography from '@mui/material/Typography';
+import useDisplayCqfAndCalculatedExpression from '../../../hooks/useDisplayCqfAndCalculatedExpression';
+import { structuredDataCapture } from 'fhir-sdc-helpers';
+import { default as styleParse } from 'style-to-js';
+const ItemLabelText = memo(function ItemLabelText(props) {
+    var _a, _b;
+    const { qItem, readOnly } = props;
+    let labelText = (_a = qItem.text) !== null && _a !== void 0 ? _a : '';
+    // Use calculatedExpressionString if available
+    const calculatedExpressionString = (_b = useDisplayCqfAndCalculatedExpression(qItem)) !== null && _b !== void 0 ? _b : '';
+    if (calculatedExpressionString) {
+        labelText = calculatedExpressionString;
+    }
+    // parse xHTML if found
+    const xHtmlString = getXHtmlString(qItem);
+    if (xHtmlString) {
+        return React.createElement(Box, null, htmlParse(xHtmlString));
+    }
+    // parse markdown if found
+    const markdownString = getMarkdownString(qItem);
+    if (markdownString) {
+        return (React.createElement(Box, null,
+            React.createElement(ReactMarkdown, null, markdownString)));
+    }
+    // labelText is empty, return null
+    if (!labelText) {
+        return null;
+    }
+    // parse styles if found
+    const stylesString = structuredDataCapture.getStyle(qItem._text);
+    if (stylesString) {
+        const styles = styleParse(stylesString);
+        return React.createElement("div", { style: styles }, labelText);
+    }
+    if (qItem.type === 'group') {
+        return React.createElement(React.Fragment, null, labelText);
+    }
+    // parse regular text
+    return (React.createElement(Typography, { color: readOnly ? 'text.disabled' : 'text.primary', sx: { mt: 0.25 } }, labelText));
+});
+export default ItemLabelText;
+//# sourceMappingURL=ItemLabelText.js.map

package/lib/src/components/FormComponents/ItemParts/ItemLabelText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemLabelText.js","sourceRoot":"","sources":["../../../../../src/components/FormComponents/ItemParts/ItemLabelText.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAC3C,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,oCAAoC,MAAM,qDAAqD,CAAC;AACvG,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,aAAa,CAAC;AAOpD,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,aAAa,CAAC,KAAyB;;IACzE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAElC,IAAI,SAAS,GAAG,MAAA,KAAK,CAAC,IAAI,mCAAI,EAAE,CAAC;IAEjC,8CAA8C;IAC9C,MAAM,0BAA0B,GAAG,MAAA,oCAAoC,CAAC,KAAK,CAAC,mCAAI,EAAE,CAAC;IACrF,IAAI,0BAA0B,EAAE,CAAC;QAC/B,SAAS,GAAG,0BAA0B,CAAC;IACzC,CAAC;IAED,uBAAuB;IACvB,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAC1C,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,oBAAC,GAAG,QAAE,SAAS,CAAC,WAAW,CAAC,CAAO,CAAC;IAC7C,CAAC;IAED,0BAA0B;IAC1B,MAAM,cAAc,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAChD,IAAI,cAAc,EAAE,CAAC;QACnB,OAAO,CACL,oBAAC,GAAG;YACF,oBAAC,aAAa,QAAE,cAAc,CAAiB,CAC3C,CACP,CAAC;IACJ,CAAC;IAED,kCAAkC;IAClC,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,IAAI,CAAC;IACd,CAAC;IAED,wBAAwB;IACxB,MAAM,YAAY,GAAG,qBAAqB,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjE,IAAI,YAAY,EAAE,CAAC;QACjB,MAAM,MAAM,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;QACxC,OAAO,6BAAK,KAAK,EAAE,MAAM,IAAG,SAAS,CAAO,CAAC;IAC/C,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAC3B,OAAO,0CAAG,SAAS,CAAI,CAAC;IAC1B,CAAC;IAED,qBAAqB;IACrB,OAAO,CACL,oBAAC,UAAU,IAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAC7E,SAAS,CACC,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,aAAa,CAAC"}

package/lib/src/components/FormComponents/ItemParts/ItemLabelWrapper.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { QuestionnaireItem } from 'fhir/r4';
+interface LabelWrapperProps {
+    qItem: QuestionnaireItem;
+    readOnly: boolean;
+}
+declare function ItemLabelWrapper(props: LabelWrapperProps): React.JSX.Element;
+export default ItemLabelWrapper;

package/lib/src/components/FormComponents/ItemParts/ItemLabelWrapper.js

@@ -0,0 +1,53 @@
+/*
+ * 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 Box from '@mui/material/Box';
+import ContextDisplayItem from './ContextDisplayItem';
+import { getContextDisplays } from '../../../utils/tabs';
+import ItemLabelText from './ItemLabelText';
+import Tooltip from '@mui/material/Tooltip';
+import Typography from '@mui/material/Typography';
+import useRenderingExtensions from '../../../hooks/useRenderingExtensions';
+import Iconify from '../../Iconify/Iconify';
+function ItemLabelWrapper(props) {
+    const { qItem, readOnly } = props;
+    const { required, displayFlyover } = useRenderingExtensions(qItem);
+    const contextDisplayItems = getContextDisplays(qItem);
+    return (React.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "space-between" },
+        React.createElement(Tooltip, { title: displayFlyover, placement: "top", slotProps: {
+                popper: {
+                    modifiers: [
+                        {
+                            name: 'offset',
+                            options: {
+                                offset: [0, -8]
+                            }
+                        }
+                    ]
+                }
+            } },
+            React.createElement("span", null,
+                React.createElement(Box, { display: "flex", columnGap: 0.4, justifyContent: "space-between", alignItems: "center" },
+                    required ? (React.createElement(Typography, { color: "red", sx: { ml: -1.15 } }, "*")) : null,
+                    React.createElement(ItemLabelText, { qItem: qItem, readOnly: readOnly }),
+                    displayFlyover !== '' ? (React.createElement(Iconify, { icon: "mdi:information-outline", sx: { height: 16, width: 16, mt: 0.25, ml: 0.25, color: 'text.secondary' } })) : null))),
+        React.createElement(Box, { display: "flex", columnGap: 0.5 }, contextDisplayItems.map((item) => {
+            return React.createElement(ContextDisplayItem, { key: item.linkId, displayItem: item });
+        }))));
+}
+export default ItemLabelWrapper;
+//# sourceMappingURL=ItemLabelWrapper.js.map

package/lib/src/components/FormComponents/ItemParts/ItemLabelWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemLabelWrapper.js","sourceRoot":"","sources":["../../../../../src/components/FormComponents/ItemParts/ItemLabelWrapper.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAEtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,sBAAsB,MAAM,uCAAuC,CAAC;AAC3E,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAO5C,SAAS,gBAAgB,CAAC,KAAwB;IAChD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAElC,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC;IACnE,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAEtD,OAAO,CACL,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,eAAe;QACpE,oBAAC,OAAO,IACN,KAAK,EAAE,cAAc,EACrB,SAAS,EAAC,KAAK,EACf,SAAS,EAAE;gBACT,MAAM,EAAE;oBACN,SAAS,EAAE;wBACT;4BACE,IAAI,EAAE,QAAQ;4BACd,OAAO,EAAE;gCACP,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;6BAChB;yBACF;qBACF;iBACF;aACF;YACD;gBACE,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,SAAS,EAAE,GAAG,EAAE,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ;oBACnF,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,UAAU,IAAC,KAAK,EAAC,KAAK,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IAAI,EAAE,QAE5B,CACd,CAAC,CAAC,CAAC,IAAI;oBACR,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI;oBAClD,cAAc,KAAK,EAAE,CAAC,CAAC,CAAC,CACvB,oBAAC,OAAO,IACN,IAAI,EAAC,yBAAyB,EAC9B,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAgB,EAAE,GAC1E,CACH,CAAC,CAAC,CAAC,IAAI,CACJ,CACD,CACC;QAEV,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,SAAS,EAAE,GAAG,IAC/B,mBAAmB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAChC,OAAO,oBAAC,kBAAkB,IAAC,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,GAAI,CAAC;QACrE,CAAC,CAAC,CACE,CACF,CACP,CAAC;AACJ,CAAC;AAED,eAAe,gBAAgB,CAAC"}

package/lib/src/components/FormComponents/ItemParts/RadioButtonWithOpenLabel.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface RadioButtonWithOpenLabelProps {
+    value: string | null;
+    label: string;
+    readOnly: boolean;
+    isSelected: boolean;
+    onInputChange: (input: string) => unknown;
+}
+declare function RadioButtonWithOpenLabel(props: RadioButtonWithOpenLabelProps): React.JSX.Element;
+export default RadioButtonWithOpenLabel;

package/lib/src/components/FormComponents/ItemParts/RadioButtonWithOpenLabel.js

@@ -0,0 +1,31 @@
+/*
+ * 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 Box from '@mui/material/Box';
+import { StandardTextField } from '../Textfield.styles';
+import ChoiceRadioSingle from '../ChoiceItems/ChoiceRadioSingle';
+function RadioButtonWithOpenLabel(props) {
+    const { value, label, readOnly, isSelected, onInputChange } = props;
+    function handleInputChange(event) {
+        onInputChange(event.target.value);
+    }
+    return (React.createElement(Box, { "data-test": "q-item-radio-open-label-box" },
+        React.createElement(ChoiceRadioSingle, { value: value !== null && value !== void 0 ? value : '', label: label + ':', readOnly: readOnly }),
+        React.createElement(StandardTextField, { disabled: !isSelected, value: value, onChange: handleInputChange, fullWidth: true, isTabled: false, size: "small", "data-test": "q-item-radio-open-label-field" })));
+}
+export default RadioButtonWithOpenLabel;
+//# sourceMappingURL=RadioButtonWithOpenLabel.js.map

package/lib/src/components/FormComponents/ItemParts/RadioButtonWithOpenLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonWithOpenLabel.js","sourceRoot":"","sources":["../../../../../src/components/FormComponents/ItemParts/RadioButtonWithOpenLabel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AAUjE,SAAS,wBAAwB,CAAC,KAAoC;IACpE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACpE,SAAS,iBAAiB,CAAC,KAAoC;QAC7D,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC;IAED,OAAO,CACL,oBAAC,GAAG,iBAAW,6BAA6B;QAC1C,oBAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG,EAAE,QAAQ,EAAE,QAAQ,GAAI;QACjF,oBAAC,iBAAiB,IAChB,QAAQ,EAAE,CAAC,UAAU,EACrB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,QACT,QAAQ,EAAE,KAAK,EACf,IAAI,EAAC,OAAO,eACF,+BAA+B,GACzC,CACE,CACP,CAAC;AACJ,CAAC;AAED,eAAe,wBAAwB,CAAC"}

package/lib/src/components/FormComponents/ItemParts/RadioOptionList.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { QuestionnaireItemAnswerOption } from 'fhir/r4';
+interface RadioOptionListProps {
+    options: QuestionnaireItemAnswerOption[];
+    readOnly: boolean;
+}
+declare function RadioOptionList(props: RadioOptionListProps): React.JSX.Element;
+export default RadioOptionList;

package/lib/src/components/FormComponents/ItemParts/RadioOptionList.js

@@ -0,0 +1,36 @@
+/*
+ * 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 ChoiceRadioSingle from '../ChoiceItems/ChoiceRadioSingle';
+function RadioOptionList(props) {
+    const { options, readOnly } = props;
+    return (React.createElement(React.Fragment, null, options.map((option) => {
+        var _a, _b, _c;
+        if (option['valueCoding']) {
+            return (React.createElement(ChoiceRadioSingle, { key: (_a = option.valueCoding.code) !== null && _a !== void 0 ? _a : '', value: (_b = option.valueCoding.code) !== null && _b !== void 0 ? _b : '', label: (_c = option.valueCoding.display) !== null && _c !== void 0 ? _c : `${option.valueCoding.code}`, readOnly: readOnly }));
+        }
+        if (option['valueString']) {
+            return (React.createElement(ChoiceRadioSingle, { key: option.valueString, value: option.valueString, label: option.valueString, readOnly: readOnly }));
+        }
+        if (option['valueInteger']) {
+            return (React.createElement(ChoiceRadioSingle, { key: option.valueInteger, value: option.valueInteger.toString(), label: option.valueInteger.toString(), readOnly: readOnly }));
+        }
+        return null;
+    })));
+}
+export default RadioOptionList;
+//# sourceMappingURL=RadioOptionList.js.map

package/lib/src/components/FormComponents/ItemParts/RadioOptionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioOptionList.js","sourceRoot":"","sources":["../../../../../src/components/FormComponents/ItemParts/RadioOptionList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AAQjE,SAAS,eAAe,CAAC,KAA2B;IAClD,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEpC,OAAO,CACL,0CACG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;;QACtB,IAAI,MAAM,CAAC,aAAa,CAAC,EAAE,CAAC;YAC1B,OAAO,CACL,oBAAC,iBAAiB,IAChB,GAAG,EAAE,MAAA,MAAM,CAAC,WAAW,CAAC,IAAI,mCAAI,EAAE,EAClC,KAAK,EAAE,MAAA,MAAM,CAAC,WAAW,CAAC,IAAI,mCAAI,EAAE,EACpC,KAAK,EAAE,MAAA,MAAM,CAAC,WAAW,CAAC,OAAO,mCAAI,GAAG,MAAM,CAAC,WAAW,CAAC,IAAI,EAAE,EACjE,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;QACJ,CAAC;QAED,IAAI,MAAM,CAAC,aAAa,CAAC,EAAE,CAAC;YAC1B,OAAO,CACL,oBAAC,iBAAiB,IAChB,GAAG,EAAE,MAAM,CAAC,WAAW,EACvB,KAAK,EAAE,MAAM,CAAC,WAAW,EACzB,KAAK,EAAE,MAAM,CAAC,WAAW,EACzB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;QACJ,CAAC;QAED,IAAI,MAAM,CAAC,cAAc,CAAC,EAAE,CAAC;YAC3B,OAAO,CACL,oBAAC,iBAAiB,IAChB,GAAG,EAAE,MAAM,CAAC,YAAY,EACxB,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC,QAAQ,EAAE,EACrC,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC,QAAQ,EAAE,EACrC,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;QACJ,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CACD,CACJ,CAAC;AACJ,CAAC;AAED,eAAe,eAAe,CAAC"}

package/lib/src/components/FormComponents/ItemParts/RequiredAsterisk.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { TypographyProps } from '@mui/material/Typography';
+interface RequiredAsteriskProps extends TypographyProps {
+    readOnly?: boolean;
+}
+declare function RequiredAsterisk(props: RequiredAsteriskProps): React.JSX.Element;
+export default RequiredAsterisk;

package/lib/src/components/FormComponents/ItemParts/RequiredAsterisk.js

@@ -0,0 +1,35 @@
+/*
+ * 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.
+ */
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import Typography from '@mui/material/Typography';
+function RequiredAsterisk(props) {
+    const { readOnly, children = '*' } = props, rest = __rest(props, ["readOnly", "children"]);
+    return (React.createElement(Typography, Object.assign({ color: readOnly ? 'rgba(255, 0, 0, 0.5)' : 'red' }, rest), children));
+}
+export default RequiredAsterisk;
+//# sourceMappingURL=RequiredAsterisk.js.map

package/lib/src/components/FormComponents/ItemParts/RequiredAsterisk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequiredAsterisk.js","sourceRoot":"","sources":["../../../../../src/components/FormComponents/ItemParts/RequiredAsterisk.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;;;;;;;;;;;;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAMlD,SAAS,gBAAgB,CAAC,KAA4B;IACpD,MAAM,EAAE,QAAQ,EAAE,QAAQ,GAAG,GAAG,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA7C,wBAAqC,CAAQ,CAAC;IAEpD,OAAO,CACL,oBAAC,UAAU,kBAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,KAAK,IAAM,IAAI,GACnE,QAAQ,CACE,CACd,CAAC;AACJ,CAAC;AAED,eAAe,gBAAgB,CAAC"}

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

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

package/lib/src/components/FormComponents/ItemParts/index.js

@@ -0,0 +1,19 @@
+/*
+ * 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 ItemFieldGrid } from './ItemFieldGrid';
+export { default as ItemLabelWrapper } from './ItemLabelWrapper';
+//# sourceMappingURL=index.js.map

package/lib/src/components/FormComponents/ItemParts/index.js.map

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

package/lib/src/components/FormComponents/Lists.styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const PrimarySelectableList: import("@emotion/styled").StyledComponent<import("@mui/material/List").ListOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
+    ref?: ((instance: HTMLUListElement | null) => void) | import("react").RefObject<HTMLUListElement> | null | undefined;
+}, "style" | "children" | "className" | "sx" | "classes" | "dense" | "disablePadding" | "subheader"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/lib/src/components/FormComponents/Lists.styles.js

@@ -0,0 +1,38 @@
+/*
+ * 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 List from '@mui/material/List';
+import { alpha, styled } from '@mui/material/styles';
+export const PrimarySelectableList = styled(List)(({ theme }) => ({
+    '&& .Mui-selected': {
+        color: theme.palette.primary.dark,
+        backgroundColor: alpha(theme.palette.primary.main, 0.2),
+        borderRadius: 30,
+        '& .MuiTypography-root': {
+            fontWeight: 'bold'
+        }
+    },
+    '& .MuiListItemButton-root': {
+        color: '#444746',
+        borderRadius: 30
+    },
+    '& .MuiListItemButton-root:hover': {
+        color: theme.palette.primary.dark,
+        backgroundColor: alpha(theme.palette.primary.main, 0.09),
+        borderRadius: 30
+    }
+}));
+//# sourceMappingURL=Lists.styles.js.map

package/lib/src/components/FormComponents/Lists.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lists.styles.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/Lists.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,kBAAkB,EAAE;QAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;QACjC,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;QACvD,YAAY,EAAE,EAAE;QAChB,uBAAuB,EAAE;YACvB,UAAU,EAAE,MAAM;SACnB;KACF;IACD,2BAA2B,EAAE;QAC3B,KAAK,EAAE,SAAS;QAChB,YAAY,EAAE,EAAE;KACjB;IACD,iCAAiC,EAAE;QACjC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;QACjC,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;QACxD,YAAY,EAAE,EAAE;KACjB;CACF,CAAC,CAAC,CAAC"}

package/lib/src/components/FormComponents/OpenChoiceItems/OpenChoiceAutocompleteField.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { Coding, QuestionnaireItem } from 'fhir/r4';
+import type { PropsWithIsTabledAttribute, PropsWithParentIsReadOnlyAttribute } from '../../../interfaces/renderProps.interface';
+import type { AlertColor } from '@mui/material/Alert';
+interface OpenChoiceAutocompleteFieldProps extends PropsWithIsTabledAttribute, PropsWithParentIsReadOnlyAttribute {
+    qItem: QuestionnaireItem;
+    options: Coding[];
+    valueAutocomplete: string | Coding;
+    input: string;
+    loading: boolean;
+    feedback: {
+        message: string;
+        color: AlertColor;
+    } | null;
+    readOnly: boolean;
+    onInputChange: (newInput: string) => void;
+    onValueChange: (newValue: Coding | string | null) => void;
+    onUnfocus: () => void;
+}
+declare function OpenChoiceAutocompleteField(props: OpenChoiceAutocompleteFieldProps): React.JSX.Element;
+export default OpenChoiceAutocompleteField;

package/lib/src/components/FormComponents/OpenChoiceItems/OpenChoiceAutocompleteField.js

@@ -0,0 +1,50 @@
+/*
+ * 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 Box from '@mui/material/Box';
+import Autocomplete from '@mui/material/Autocomplete';
+import { StandardTextField, TEXT_FIELD_WIDTH } from '../Textfield.styles';
+import SearchIcon from '@mui/icons-material/Search';
+import CircularProgress from '@mui/material/CircularProgress';
+import Fade from '@mui/material/Fade';
+import Tooltip from '@mui/material/Tooltip';
+import InfoIcon from '@mui/icons-material/Info';
+import WarningAmberIcon from '@mui/icons-material/WarningAmber';
+import DoneIcon from '@mui/icons-material/Done';
+import ErrorIcon from '@mui/icons-material/Error';
+import useRenderingExtensions from '../../../hooks/useRenderingExtensions';
+function OpenChoiceAutocompleteField(props) {
+    const { qItem, options, valueAutocomplete, input, loading, feedback, readOnly, isTabled, onInputChange, onValueChange, onUnfocus } = props;
+    const { displayUnit, displayPrompt, entryFormat } = useRenderingExtensions(qItem);
+    return (React.createElement(Box, { display: "flex" },
+        React.createElement(Autocomplete, { id: qItem.linkId, value: valueAutocomplete, options: options, getOptionLabel: (option) => { var _a; return typeof option === 'string' ? option : (_a = option.display) !== null && _a !== void 0 ? _a : `${option.code}`; }, disabled: readOnly, loading: loading, loadingText: 'Fetching results...', clearOnEscape: true, freeSolo: true, sx: { maxWidth: !isTabled ? TEXT_FIELD_WIDTH : 3000, minWidth: 220, flexGrow: 1 }, onChange: (_, newValue) => onValueChange(newValue), filterOptions: (x) => x, renderInput: (params) => (React.createElement(StandardTextField, Object.assign({}, params, { value: input, onBlur: onUnfocus, onChange: (e) => onInputChange(e.target.value), isTabled: isTabled, label: displayPrompt, size: "small", placeholder: entryFormat, InputProps: Object.assign(Object.assign({}, params.InputProps), { startAdornment: (React.createElement(React.Fragment, null,
+                        !valueAutocomplete || valueAutocomplete === '' ? (React.createElement(SearchIcon, { fontSize: "small", sx: { ml: 0.5 } })) : null,
+                        params.InputProps.startAdornment)), 
+                    // Warning indicator should not show up in open-choice autocomplete
+                    endAdornment: (React.createElement(React.Fragment, null,
+                        loading ? (React.createElement(CircularProgress, { color: "inherit", size: 16 })) : feedback && feedback.color !== 'warning' ? (React.createElement(Fade, { in: !!feedback, timeout: 300 },
+                            React.createElement(Tooltip, { title: feedback.message, arrow: true, sx: { ml: 1 } }, {
+                                info: React.createElement(InfoIcon, { fontSize: "small", color: "info" }),
+                                warning: React.createElement(WarningAmberIcon, { fontSize: "small", color: "warning" }),
+                                success: React.createElement(DoneIcon, { fontSize: "small", color: "success" }),
+                                error: React.createElement(ErrorIcon, { fontSize: "small", color: "error" })
+                            }[feedback.color]))) : null,
+                        params.InputProps.endAdornment,
+                        displayUnit)) }), "data-test": "q-item-open-choice-autocomplete-field" }))) })));
+}
+export default OpenChoiceAutocompleteField;
+//# sourceMappingURL=OpenChoiceAutocompleteField.js.map

package/lib/src/components/FormComponents/OpenChoiceItems/OpenChoiceAutocompleteField.js.map

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