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

package/lib/components/FormComponents/SingleItem/SingleItem.js

@@ -0,0 +1,59 @@
+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, useMemo } from 'react';
+import { useQuestionnaireStore } from '../../../stores';
+import useHidden from '../../../hooks/useHidden';
+import useReadOnly from '../../../hooks/useReadOnly';
+import { shouldRenderNestedItems } from '../../../utils/itemControl';
+import SingleItemView from './SingleItemView';
+/**
+ * Main component to render a repeating, non-group Questionnaire item.
+ * Store and manages the state of multiple instances of SingleItem in a repeating item.
+ *
+ * @author Sean Fong
+ */
+function SingleItem(props) {
+    const { qItem, qrItem, isRepeated = false, isTabled = false, groupCardElevation, showMinimalView = false, parentIsReadOnly, feedbackFromParent, parentIsRepeatGroup, parentRepeatGroupIndex, onQrItemChange, parentStyles } = props;
+    const updateEnableWhenItem = useQuestionnaireStore.use.updateEnableWhenItem();
+    const handleQrItemChange = useCallback((newQrItem) => {
+        updateEnableWhenItem(qItem.linkId, newQrItem.answer, parentIsRepeatGroup ? (parentRepeatGroupIndex !== null && parentRepeatGroupIndex !== void 0 ? parentRepeatGroupIndex : null) : null);
+        if (qrItem && qrItem.item && qrItem.item.length > 0) {
+            onQrItemChange(Object.assign(Object.assign({}, newQrItem), { item: qrItem.item }));
+        }
+        else {
+            onQrItemChange(newQrItem);
+        }
+    }, [
+        qrItem,
+        updateEnableWhenItem,
+        qItem.linkId,
+        parentIsRepeatGroup,
+        parentRepeatGroupIndex,
+        onQrItemChange
+    ]);
+    const handleQrItemChangeWithNestedItems = useCallback((newQrItem) => {
+        const updatedQrItem = qrItem ? Object.assign(Object.assign({}, qrItem), { item: newQrItem.item }) : newQrItem;
+        onQrItemChange(updatedQrItem);
+    }, [qrItem, onQrItemChange]);
+    const itemHasNestedItems = useMemo(() => !!qItem.item && qItem.item.length > 0 && shouldRenderNestedItems(qItem), [qItem]);
+    const readOnly = useReadOnly(qItem, parentIsReadOnly, parentRepeatGroupIndex);
+    const itemIsHidden = useHidden(qItem, parentRepeatGroupIndex);
+    return (_jsx(SingleItemView, { qItem: qItem, qrItem: qrItem, itemIsHidden: itemIsHidden, itemHasNestedItems: itemHasNestedItems, isRepeated: isRepeated, isTabled: isTabled, groupCardElevation: groupCardElevation, showMinimalView: showMinimalView, parentIsReadOnly: readOnly, feedbackFromParent: feedbackFromParent, onQrItemChange: handleQrItemChange, onQrItemChangeWithNestedItems: handleQrItemChangeWithNestedItems, parentStyles: parentStyles }));
+}
+export default SingleItem;
+//# sourceMappingURL=SingleItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SingleItem.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/SingleItem/SingleItem.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAc,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAWpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,SAAS,MAAM,0BAA0B,CAAC;AACjD,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAgB9C;;;;;GAKG;AACH,SAAS,UAAU,CAAC,KAAsB;IACxC,MAAM,EACJ,KAAK,EACL,MAAM,EACN,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,kBAAkB,EAClB,eAAe,GAAG,KAAK,EACvB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,sBAAsB,EACtB,cAAc,EACd,YAAY,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,oBAAoB,GAAG,qBAAqB,CAAC,GAAG,CAAC,oBAAoB,EAAE,CAAC;IAE9E,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,SAAoC,EAAE,EAAE;QACvC,oBAAoB,CAClB,KAAK,CAAC,MAAM,EACZ,SAAS,CAAC,MAAM,EAChB,mBAAmB,CAAC,CAAC,CAAC,CAAC,sBAAsB,aAAtB,sBAAsB,cAAtB,sBAAsB,GAAI,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAC9D,CAAC;QAEF,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;YACnD,cAAc,iCAAM,SAAS,KAAE,IAAI,EAAE,MAAM,CAAC,IAAI,IAAG,CAAC;SACrD;aAAM;YACL,cAAc,CAAC,SAAS,CAAC,CAAC;SAC3B;IACH,CAAC,EACD;QACE,MAAM;QACN,oBAAoB;QACpB,KAAK,CAAC,MAAM;QACZ,mBAAmB;QACnB,sBAAsB;QACtB,cAAc;KACf,CACF,CAAC;IAEF,MAAM,iCAAiC,GAAG,WAAW,CACnD,CAAC,SAAoC,EAAE,EAAE;QACvC,MAAM,aAAa,GAAG,MAAM,CAAC,CAAC,iCAAM,MAAM,KAAE,IAAI,EAAE,SAAS,CAAC,IAAI,IAAG,CAAC,CAAC,SAAS,CAAC;QAC/E,cAAc,CAAC,aAAa,CAAC,CAAC;IAChC,CAAC,EACD,CAAC,MAAM,EAAE,cAAc,CAAC,CACzB,CAAC;IAEF,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,uBAAuB,CAAC,KAAK,CAAC,EAC7E,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,CAAC,CAAC;IAC9E,MAAM,YAAY,GAAG,SAAS,CAAC,KAAK,EAAE,sBAAsB,CAAC,CAAC;IAE9D,OAAO,CACL,KAAC,cAAc,IACb,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,QAAQ,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EAAE,kBAAkB,EAClC,6BAA6B,EAAE,iCAAiC,EAChE,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;AACJ,CAAC;AAED,eAAe,UAAU,CAAC"}

package/lib/components/FormComponents/SingleItem/SingleItemSwitcher.d.ts

@@ -0,0 +1,8 @@
+import type { QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
+import type { PropsWithFeedbackFromParentAttribute, PropsWithIsRepeatedAttribute, PropsWithIsTabledRequiredAttribute, PropsWithParentIsReadOnlyAttribute, PropsWithParentStylesAttribute, PropsWithQrItemChangeHandler, PropsWithRenderingExtensionsAttribute, PropsWithShowMinimalViewAttribute } from '../../../interfaces/renderProps.interface';
+interface SingleItemSwitcherProps extends PropsWithQrItemChangeHandler, PropsWithIsRepeatedAttribute, PropsWithIsTabledRequiredAttribute, PropsWithRenderingExtensionsAttribute, PropsWithShowMinimalViewAttribute, PropsWithParentIsReadOnlyAttribute, PropsWithFeedbackFromParentAttribute, PropsWithParentStylesAttribute {
+    qItem: QuestionnaireItem;
+    qrItem: QuestionnaireResponseItem | null;
+}
+declare function SingleItemSwitcher(props: SingleItemSwitcherProps): import("react/jsx-runtime").JSX.Element;
+export default SingleItemSwitcher;

package/lib/components/FormComponents/SingleItem/SingleItemSwitcher.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ChoiceItemSwitcher from '../ChoiceItems/ChoiceItemSwitcher';
+import OpenChoiceItemSwitcher from '../OpenChoiceItems/OpenChoiceItemSwitcher';
+import Typography from '@mui/material/Typography';
+import StringItem from '../StringItem/StringItem';
+import BooleanItem from '../BooleanItem/BooleanItem';
+import TimeItem from '../TimeItem/TimeItem';
+import TextItem from '../TextItem/TextItem';
+import DisplayItem from '../DisplayItem/DisplayItem';
+import DecimalItem from '../DecimalItem/DecimalItem';
+import UrlItem from '../UrlItem/UrlItem';
+import CustomDateItem from '../DateTimeItems/CustomDateItem/CustomDateItem';
+import { isSpecificItemControl } from '../../../utils';
+import SliderItem from '../SliderItem/SliderItem';
+import IntegerItem from '../IntegerItem/IntegerItem';
+import AttachmentItem from '../AttachmentItem/AttachmentItem';
+import CustomDateTimeItem from '../DateTimeItems/CustomDateTimeItem/CustomDateTimeItem';
+import QuantityItem from '../QuantityItem/QuantityItem';
+import { useQuestionnaireStore } from '../../../stores';
+function SingleItemSwitcher(props) {
+    const { qItem, qrItem, isRepeated, isTabled, renderingExtensions, showMinimalView, parentIsReadOnly, feedbackFromParent, onQrItemChange, parentStyles } = props;
+    const qItemOverrideComponents = useQuestionnaireStore.use.qItemOverrideComponents();
+    const QItemOverrideComponent = qItemOverrideComponents[qItem.linkId];
+    // If a qItem override component is defined for this item, render it
+    // Don't get too strict with the "typeof" checks for now
+    if (QItemOverrideComponent && typeof QItemOverrideComponent === 'function') {
+        return (_jsx(QItemOverrideComponent, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, isTabled: isTabled, renderingExtensions: renderingExtensions, parentIsReadOnly: parentIsReadOnly, feedbackFromParent: feedbackFromParent, onQrItemChange: onQrItemChange, onQrRepeatGroupChange: () => { } }));
+    }
+    // Otherwise, render the default form component based on the item type
+    switch (qItem.type) {
+        case 'display':
+            return (_jsx(DisplayItem, { qItem: qItem, qrItem: qrItem, renderingExtensions: renderingExtensions, parentIsReadOnly: parentIsReadOnly, parentStyles: parentStyles }));
+        case 'boolean':
+            return (_jsx(BooleanItem, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, isTabled: isTabled, renderingExtensions: renderingExtensions, parentIsReadOnly: parentIsReadOnly, feedbackFromParent: feedbackFromParent, onQrItemChange: onQrItemChange, parentStyles: parentStyles }));
+        case 'decimal':
+            return (_jsx(DecimalItem, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, isTabled: isTabled, renderingExtensions: renderingExtensions, parentIsReadOnly: parentIsReadOnly, feedbackFromParent: feedbackFromParent, onQrItemChange: onQrItemChange, parentStyles: parentStyles }));
+        case 'integer':
+            if (isSpecificItemControl(qItem, 'slider')) {
+                return (_jsx(SliderItem, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, isTabled: isTabled, renderingExtensions: renderingExtensions, parentIsReadOnly: parentIsReadOnly, feedbackFromParent: feedbackFromParent, onQrItemChange: onQrItemChange, parentStyles: parentStyles }));
+            }
+            return (_jsx(IntegerItem, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, isTabled: isTabled, renderingExtensions: renderingExtensions, parentIsReadOnly: parentIsReadOnly, feedbackFromParent: feedbackFromParent, onQrItemChange: onQrItemChange, parentStyles: parentStyles }));
+        case 'date':
+            return (_jsx(CustomDateItem, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, isTabled: isTabled, renderingExtensions: renderingExtensions, parentIsReadOnly: parentIsReadOnly, feedbackFromParent: feedbackFromParent, onQrItemChange: onQrItemChange, parentStyles: parentStyles }));
+        case 'dateTime':
+            return (_jsx(CustomDateTimeItem, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, isTabled: isTabled, renderingExtensions: renderingExtensions, parentIsReadOnly: parentIsReadOnly, feedbackFromParent: feedbackFromParent, onQrItemChange: onQrItemChange, parentStyles: parentStyles }));
+        case 'time':
+            return (_jsx(TimeItem, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, isTabled: isTabled, renderingExtensions: renderingExtensions, parentIsReadOnly: parentIsReadOnly, feedbackFromParent: feedbackFromParent, onQrItemChange: onQrItemChange, parentStyles: parentStyles }));
+        case 'string':
+            return (_jsx(StringItem, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, isTabled: isTabled, renderingExtensions: renderingExtensions, parentIsReadOnly: parentIsReadOnly, feedbackFromParent: feedbackFromParent, onQrItemChange: onQrItemChange, parentStyles: parentStyles }));
+        case 'text':
+            return (_jsx(TextItem, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, isTabled: isTabled, renderingExtensions: renderingExtensions, parentIsReadOnly: parentIsReadOnly, feedbackFromParent: feedbackFromParent, onQrItemChange: onQrItemChange, parentStyles: parentStyles }));
+        case 'url':
+            return (_jsx(UrlItem, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, isTabled: isTabled, renderingExtensions: renderingExtensions, parentIsReadOnly: parentIsReadOnly, feedbackFromParent: feedbackFromParent, onQrItemChange: onQrItemChange, parentStyles: parentStyles }));
+        case 'choice':
+            return (_jsx(ChoiceItemSwitcher, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, isTabled: isTabled, renderingExtensions: renderingExtensions, showMinimalView: showMinimalView, parentIsReadOnly: parentIsReadOnly, feedbackFromParent: feedbackFromParent, onQrItemChange: onQrItemChange, parentStyles: parentStyles }));
+        case 'open-choice':
+            return (_jsx(OpenChoiceItemSwitcher, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, isTabled: isTabled, renderingExtensions: renderingExtensions, showMinimalView: showMinimalView, parentIsReadOnly: parentIsReadOnly, feedbackFromParent: feedbackFromParent, onQrItemChange: onQrItemChange, parentStyles: parentStyles }));
+        case 'attachment':
+            return (_jsx(AttachmentItem, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, isTabled: isTabled, renderingExtensions: renderingExtensions, parentIsReadOnly: parentIsReadOnly, feedbackFromParent: feedbackFromParent, onQrItemChange: onQrItemChange, parentStyles: parentStyles }));
+        case 'reference':
+            // FIXME reference item uses the same component as string item currently
+            return (_jsx(StringItem, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, isTabled: isTabled, renderingExtensions: renderingExtensions, parentIsReadOnly: parentIsReadOnly, feedbackFromParent: feedbackFromParent, onQrItemChange: onQrItemChange, parentStyles: parentStyles }));
+        case 'quantity':
+            return (_jsx(QuantityItem, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, isTabled: isTabled, renderingExtensions: renderingExtensions, parentIsReadOnly: parentIsReadOnly, feedbackFromParent: feedbackFromParent, onQrItemChange: onQrItemChange, parentStyles: parentStyles }));
+        default:
+            return (_jsxs(Typography, { children: ["Item type ", _jsx("b", { children: qItem.type }), " not supported yet, or something has went wrong. If your questionnnaire is not a FHIR R4 resource, there might be issues rendering it."] }));
+    }
+}
+export default SingleItemSwitcher;
+//# sourceMappingURL=SingleItemSwitcher.js.map

package/lib/components/FormComponents/SingleItem/SingleItemSwitcher.js.map

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

package/lib/components/FormComponents/SingleItem/SingleItemView.d.ts

@@ -0,0 +1,13 @@
+import type { QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
+import type { PropsWithFeedbackFromParentAttribute, PropsWithIsRepeatedAttribute, PropsWithIsTabledRequiredAttribute, PropsWithParentIsReadOnlyAttribute, PropsWithQrItemChangeHandler, PropsWithShowMinimalViewAttribute } from '../../../interfaces/renderProps.interface';
+interface SingleItemViewProps extends PropsWithQrItemChangeHandler, PropsWithIsRepeatedAttribute, PropsWithIsTabledRequiredAttribute, PropsWithShowMinimalViewAttribute, PropsWithParentIsReadOnlyAttribute, PropsWithFeedbackFromParentAttribute {
+    qItem: QuestionnaireItem;
+    qrItem: QuestionnaireResponseItem | null;
+    itemIsHidden: boolean;
+    itemHasNestedItems: boolean;
+    groupCardElevation: number;
+    onQrItemChangeWithNestedItems: (qrItem: QuestionnaireResponseItem) => void;
+    parentStyles?: Record<string, string>;
+}
+declare function SingleItemView(props: SingleItemViewProps): import("react/jsx-runtime").JSX.Element | null;
+export default SingleItemView;

package/lib/components/FormComponents/SingleItem/SingleItemView.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import SingleItemSwitcher from './SingleItemSwitcher';
+import SingleNestedItems from './SingleNestedItems';
+import { GroupCard } from '../GroupItem/GroupItem.styles';
+import { QGroupContainerBox } from '../../Box.styles';
+import { getGroupCollapsible } from '../../../utils/qItem';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import AccordionDetails from '@mui/material/AccordionDetails';
+import StopPropagationWrapper from './StopPropagationWrapper';
+import { NestedSingleItemAccordion, NestedSingleItemAccordionSummary, NestedSingleItemAccordionWrapper } from './NestedSingleItemAccordion.styles';
+import useReadOnly from '../../../hooks/useReadOnly';
+import Box from '@mui/material/Box';
+import useRenderingExtensions from '../../../hooks/useRenderingExtensions';
+function SingleItemView(props) {
+    const { qItem, qrItem, itemIsHidden, itemHasNestedItems, isRepeated, isTabled, groupCardElevation, showMinimalView, parentIsReadOnly, feedbackFromParent, onQrItemChange, onQrItemChangeWithNestedItems, parentStyles } = props;
+    const readOnly = useReadOnly(qItem, parentIsReadOnly);
+    const renderingExtensions = useRenderingExtensions(qItem);
+    const groupCollapsibleValue = getGroupCollapsible(qItem);
+    // Item hidden, do not render
+    if (itemIsHidden) {
+        return null;
+    }
+    // Item has nested items and is collapsible
+    if (itemHasNestedItems && groupCollapsibleValue) {
+        const isDefaultOpen = groupCollapsibleValue === 'default-open';
+        return (_jsx(NestedSingleItemAccordionWrapper, Object.assign({ isRepeated: isRepeated }, { children: _jsxs(NestedSingleItemAccordion, Object.assign({ disableGutters: true, defaultExpanded: isDefaultOpen, elevation: groupCardElevation, slotProps: {
+                    transition: { unmountOnExit: true, timeout: 250 }
+                } }, { children: [_jsx(NestedSingleItemAccordionSummary, Object.assign({ expandIcon: _jsx(ExpandMoreIcon, {}) }, { children: _jsx(Box, Object.assign({ width: "100%" }, { children: _jsx(StopPropagationWrapper, { children: _jsx(SingleItemSwitcher, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, isTabled: isTabled, renderingExtensions: renderingExtensions, showMinimalView: showMinimalView, parentIsReadOnly: readOnly, feedbackFromParent: feedbackFromParent, onQrItemChange: onQrItemChange, parentStyles: parentStyles }) }) })) })), _jsx(AccordionDetails, Object.assign({ sx: { pt: 0 } }, { children: _jsx(Box, Object.assign({ mr: 3 }, { children: _jsx(SingleNestedItems, { qItem: qItem, qrItem: qrItem, groupCardElevation: groupCardElevation, parentIsReadOnly: readOnly, onQrItemChange: onQrItemChangeWithNestedItems }) })) }))] })) })));
+    }
+    // Item has nested items but is not collapsible
+    if (itemHasNestedItems) {
+        return (_jsx(QGroupContainerBox, Object.assign({ cardElevation: groupCardElevation, isRepeated: isRepeated, "data-test": "q-item-group-box" }, { children: _jsxs(GroupCard, Object.assign({ elevation: groupCardElevation, isRepeated: isRepeated }, { children: [_jsx(SingleItemSwitcher, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, isTabled: isTabled, renderingExtensions: renderingExtensions, showMinimalView: showMinimalView, parentIsReadOnly: readOnly, feedbackFromParent: feedbackFromParent, onQrItemChange: onQrItemChange, parentStyles: parentStyles }), _jsx(SingleNestedItems, { qItem: qItem, qrItem: qrItem, groupCardElevation: groupCardElevation, parentIsReadOnly: readOnly, onQrItemChange: onQrItemChangeWithNestedItems })] })) })));
+    }
+    return (_jsx(SingleItemSwitcher, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, isTabled: isTabled, renderingExtensions: renderingExtensions, showMinimalView: showMinimalView, parentIsReadOnly: readOnly, feedbackFromParent: feedbackFromParent, onQrItemChange: onQrItemChange, parentStyles: parentStyles }));
+}
+export default SingleItemView;
+//# sourceMappingURL=SingleItemView.js.map

package/lib/components/FormComponents/SingleItem/SingleItemView.js.map

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

package/lib/components/FormComponents/SingleItem/SingleNestedItems.d.ts

@@ -0,0 +1,9 @@
+import type { QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
+import type { PropsWithParentIsReadOnlyAttribute, PropsWithQrItemChangeHandler } from '../../../interfaces/renderProps.interface';
+interface SingleNestedItemsProps extends PropsWithQrItemChangeHandler, PropsWithParentIsReadOnlyAttribute {
+    qItem: QuestionnaireItem;
+    qrItem: QuestionnaireResponseItem | null;
+    groupCardElevation: number;
+}
+declare function SingleNestedItems(props: SingleNestedItemsProps): import("react/jsx-runtime").JSX.Element;
+export default SingleNestedItems;

package/lib/components/FormComponents/SingleItem/SingleNestedItems.js

@@ -0,0 +1,54 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } 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 { useMemo } from 'react';
+import { getQrItemsIndex, mapQItemsIndex } from '../../../utils/mapItem';
+import GroupItemSwitcher from '../GroupItem/GroupItemSwitcher';
+import { createEmptyQrGroup, updateQrItemsInGroup } from '../../../utils/qrItem';
+import Box from '@mui/material/Box';
+function SingleNestedItems(props) {
+    const { qItem, qrItem, groupCardElevation, parentIsReadOnly, onQrItemChange } = props;
+    const qItemsIndexMap = useMemo(() => mapQItemsIndex(qItem), [qItem]);
+    const qItems = qItem.item;
+    const qrGroup = qrItem && qrItem.item ? qrItem : createEmptyQrGroup(qItem);
+    const qrItems = qrGroup.item;
+    // Event Handlers
+    function handleQrItemChange(newQrItem) {
+        const updatedQrGroup = Object.assign({}, qrGroup);
+        updateQrItemsInGroup(newQrItem, null, updatedQrGroup, qItemsIndexMap);
+        onQrItemChange(updatedQrGroup);
+    }
+    function handleQrRepeatGroupChange(qrRepeatGroup) {
+        const updatedQrGroup = Object.assign({}, qrGroup);
+        updateQrItemsInGroup(null, qrRepeatGroup, updatedQrGroup, qItemsIndexMap);
+        onQrItemChange(updatedQrGroup);
+    }
+    if (!qItems || !qrItems) {
+        return _jsx(_Fragment, { children: "Unable to load group, something has gone terribly wrong." });
+    }
+    const qrItemsByIndex = getQrItemsIndex(qItems, qrItems, qItemsIndexMap);
+    // TODO - Add support for horizontal "row" layout
+    return (_jsxs(Box, Object.assign({ display: "flex" }, { children: [_jsx(Box, { ml: 1.5 }), _jsx(Box, Object.assign({ flexGrow: 1 }, { children: qItems.map((qItem, i) => {
+                    const qrItemOrItems = qrItemsByIndex[i];
+                    if (qItem.type === 'display') {
+                        return null;
+                    }
+                    return (_jsx(GroupItemSwitcher, { qItem: qItem, qrItemOrItems: qrItemOrItems, groupCardElevation: groupCardElevation + 1, parentIsReadOnly: parentIsReadOnly, onQrItemChange: handleQrItemChange, onQrRepeatGroupChange: handleQrRepeatGroupChange }, qItem.linkId));
+                }) })), _jsx(Box, { mr: 2.25 })] })));
+}
+export default SingleNestedItems;
+//# sourceMappingURL=SingleNestedItems.js.map

package/lib/components/FormComponents/SingleItem/SingleNestedItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleNestedItems.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/SingleItem/SingleNestedItems.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAMjF,OAAO,GAAG,MAAM,mBAAmB,CAAC;AAUpC,SAAS,iBAAiB,CAAC,KAA6B;IACtD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEtF,MAAM,cAAc,GAA2B,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAE7F,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC;IAC1B,MAAM,OAAO,GAAG,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC3E,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IAE7B,iBAAiB;IACjB,SAAS,kBAAkB,CAAC,SAAoC;QAC9D,MAAM,cAAc,qBAAmC,OAAO,CAAE,CAAC;QACjE,oBAAoB,CAAC,SAAS,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,CAAC,CAAC;QACtE,cAAc,CAAC,cAAc,CAAC,CAAC;IACjC,CAAC;IAED,SAAS,yBAAyB,CAAC,aAA4B;QAC7D,MAAM,cAAc,qBAAmC,OAAO,CAAE,CAAC;QACjE,oBAAoB,CAAC,IAAI,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,CAAC,CAAC;QAC1E,cAAc,CAAC,cAAc,CAAC,CAAC;IACjC,CAAC;IAED,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE;QACvB,OAAO,yFAA6D,CAAC;KACtE;IAED,MAAM,cAAc,GAAG,eAAe,CAAC,MAAM,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC;IAExE,iDAAiD;IACjD,OAAO,CACL,MAAC,GAAG,kBAAC,OAAO,EAAC,MAAM,iBACjB,KAAC,GAAG,IAAC,EAAE,EAAE,GAAG,GAAI,EAChB,KAAC,GAAG,kBAAC,QAAQ,EAAE,CAAC,gBACb,MAAM,CAAC,GAAG,CAAC,CAAC,KAAwB,EAAE,CAAC,EAAE,EAAE;oBAC1C,MAAM,aAAa,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;oBAExC,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE;wBAC5B,OAAO,IAAI,CAAC;qBACb;oBAED,OAAO,CACL,KAAC,iBAAiB,IAEhB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,GAAG,CAAC,EAC1C,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,kBAAkB,EAClC,qBAAqB,EAAE,yBAAyB,IAN3C,KAAK,CAAC,MAAM,CAOjB,CACH,CAAC;gBACJ,CAAC,CAAC,IACE,EACN,KAAC,GAAG,IAAC,EAAE,EAAE,IAAI,GAAQ,KACjB,CACP,CAAC;AACJ,CAAC;AAED,eAAe,iBAAiB,CAAC"}

package/lib/components/FormComponents/SingleItem/StopPropagationWrapper.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+interface StopPropagationWrapperProps {
+    children: ReactNode;
+}
+declare function StopPropagationWrapper(props: StopPropagationWrapperProps): import("react/jsx-runtime").JSX.Element;
+export default StopPropagationWrapper;

package/lib/components/FormComponents/SingleItem/StopPropagationWrapper.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+function StopPropagationWrapper(props) {
+    const { children } = props;
+    return (_jsx("div", Object.assign({ onClick: (event) => {
+            event.stopPropagation();
+        } }, { children: children })));
+}
+export default StopPropagationWrapper;
+//# sourceMappingURL=StopPropagationWrapper.js.map

package/lib/components/FormComponents/SingleItem/StopPropagationWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StopPropagationWrapper.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/SingleItem/StopPropagationWrapper.tsx"],"names":[],"mappings":";AAwBA,SAAS,sBAAsB,CAAC,KAAkC;IAChE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,OAAO,CACL,4BACE,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,KAAK,CAAC,eAAe,EAAE,CAAC;QAC1B,CAAC,gBACA,QAAQ,IACL,CACP,CAAC;AACJ,CAAC;AAED,eAAe,sBAAsB,CAAC"}

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

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

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

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

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

package/lib/components/FormComponents/SliderItem/Slider.styles.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const SliderDisplayBox: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    hasLabels: boolean;
+}, {}, {}>;
+export declare const StandardSlider: import("@emotion/styled").StyledComponent<import("@mui/material").SliderOwnProps<number | number[]> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "name" | "value" | "disabled" | "style" | "track" | "defaultValue" | "className" | "tabIndex" | "color" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "onChange" | "scale" | "sx" | "classes" | "step" | "max" | "min" | "orientation" | "size" | "components" | "componentsProps" | "slots" | "slotProps" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "shiftStep" | "valueLabelDisplay" | "valueLabelFormat"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    readOnly: boolean;
+}, {}, {}>;

package/lib/components/FormComponents/SliderItem/Slider.styles.js

@@ -0,0 +1,59 @@
+/*
+ * 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 { alpha, styled } from '@mui/material/styles';
+import { Box } from '@mui/material';
+import Slider from '@mui/material/Slider';
+export const SliderDisplayBox = styled(Box, {
+    shouldForwardProp: (prop) => prop !== 'hasLabels'
+})(({ theme, hasLabels }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    margin: '0 auto',
+    marginBottom: hasLabels ? -20 : 0,
+    padding: theme.spacing(0.5),
+    borderRadius: Number(theme.shape.borderRadius) * 0.5,
+    border: `1px solid ${alpha(theme.palette.text.disabled, 0.5)}`,
+    minWidth: 28,
+    height: 20
+}));
+export const StandardSlider = styled(Slider, {
+    shouldForwardProp: (prop) => prop !== 'readOnly'
+})(({ theme, readOnly }) => (Object.assign({}, (readOnly && {
+    '& .MuiSlider-thumb': {
+        backgroundColor: theme.palette.text.disabled,
+        '&:hover': {
+            boxShadow: `0 0 0 8px ${alpha(theme.palette.text.secondary, 0.16)}` // Custom hover box-shadow with 0.16 opacity
+        },
+        '&.Mui-focusVisible': {
+            boxShadow: `0 0 0 8px ${alpha(theme.palette.text.secondary, 0.16)}` // Focus box-shadow with 0.16 opacity
+        }
+    },
+    '& .MuiSlider-track': {
+        backgroundColor: theme.palette.text.disabled
+    },
+    '& .MuiSlider-rail': {
+        backgroundColor: theme.palette.text.disabled
+    },
+    '& .MuiSlider-mark': {
+        backgroundColor: theme.palette.text.disabled
+    },
+    '& .MuiSlider-markLabel': {
+        color: theme.palette.text.disabled
+    }
+}))));
+//# sourceMappingURL=Slider.styles.js.map

package/lib/components/FormComponents/SliderItem/Slider.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.styles.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/SliderItem/Slider.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAE1C,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,EAAE;IAC1C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,WAAW;CAClD,CAAC,CAAyB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,MAAM,EAAE,QAAQ;IAChB,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACjC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAC3B,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,GAAG;IACpD,MAAM,EAAE,aAAa,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE;IAC9D,QAAQ,EAAE,EAAE;IACZ,MAAM,EAAE,EAAE;CACX,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE;IAC3C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,UAAU;CACjD,CAAC,CAAwB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,mBAC9C,CAAC,QAAQ,IAAI;IACd,oBAAoB,EAAE;QACpB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;QAC5C,SAAS,EAAE;YACT,SAAS,EAAE,aAAa,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,CAAC,4CAA4C;SACjH;QACD,oBAAoB,EAAE;YACpB,SAAS,EAAE,aAAa,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,CAAC,qCAAqC;SAC1G;KACF;IACD,oBAAoB,EAAE;QACpB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;KAC7C;IACD,mBAAmB,EAAE;QACnB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;KAC7C;IACD,mBAAmB,EAAE;QACnB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;KAC7C;IACD,wBAAwB,EAAE;QACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;KACnC;CACF,CAAC,EACF,CAAC,CAAC"}

package/lib/components/FormComponents/SliderItem/SliderDisplayValue.d.ts

@@ -0,0 +1,7 @@
+interface SliderDisplayValueProps {
+    value: number;
+    hasLabels: boolean;
+    isInteracted: boolean;
+}
+declare function SliderDisplayValue(props: SliderDisplayValueProps): import("react/jsx-runtime").JSX.Element;
+export default SliderDisplayValue;

package/lib/components/FormComponents/SliderItem/SliderDisplayValue.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SliderDisplayBox } from './Slider.styles';
+import Typography from '@mui/material/Typography';
+function SliderDisplayValue(props) {
+    const { value, hasLabels, isInteracted } = props;
+    const valueToDisplay = isInteracted ? value : '-';
+    return (_jsx(SliderDisplayBox, Object.assign({ hasLabels: hasLabels }, { children: _jsx(Typography, Object.assign({ textAlign: "center", color: "text.disabled" }, { children: valueToDisplay })) })));
+}
+export default SliderDisplayValue;
+//# sourceMappingURL=SliderDisplayValue.js.map

package/lib/components/FormComponents/SliderItem/SliderDisplayValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderDisplayValue.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/SliderItem/SliderDisplayValue.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAQlD,SAAS,kBAAkB,CAAC,KAA8B;IACxD,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAEjD,MAAM,cAAc,GAAG,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;IAElD,OAAO,CACL,KAAC,gBAAgB,kBAAC,SAAS,EAAE,SAAS,gBACpC,KAAC,UAAU,kBAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,eAAe,gBACjD,cAAc,IACJ,IACI,CACpB,CAAC;AACJ,CAAC;AAED,eAAe,kBAAkB,CAAC"}

package/lib/components/FormComponents/SliderItem/SliderField.d.ts

@@ -0,0 +1,17 @@
+import type { PropsWithIsTabledRequiredAttribute } from '../../../interfaces/renderProps.interface';
+interface SliderFieldProps extends PropsWithIsTabledRequiredAttribute {
+    linkId: string;
+    itemType: string;
+    value: number;
+    minValue: number;
+    minLabel: string;
+    maxValue: number;
+    maxLabel: string;
+    stepValue: number;
+    isInteracted: boolean;
+    feedback: string;
+    readOnly: boolean;
+    onValueChange: (newValue: number) => void;
+}
+declare function SliderField(props: SliderFieldProps): import("react/jsx-runtime").JSX.Element;
+export default SliderField;

package/lib/components/FormComponents/SliderItem/SliderField.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { getSliderMarks } from '../../../utils/slider';
+import Stack from '@mui/material/Stack';
+import SliderLabels from './SliderLabels';
+import SliderDisplayValue from './SliderDisplayValue';
+import { useRendererStylingStore } from '../../../stores';
+import { StyledRequiredTypography } from '../Item.styles';
+import { StandardSlider } from './Slider.styles';
+function SliderField(props) {
+    const { linkId, itemType, value, minValue, maxValue, stepValue, minLabel, maxLabel, isInteracted, feedback, readOnly, isTabled, onValueChange } = props;
+    const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
+    const textFieldWidth = useRendererStylingStore.use.textFieldWidth();
+    const sliderMarks = getSliderMarks(minValue, maxValue, minLabel, maxLabel, stepValue);
+    const sliderSx = {
+        maxWidth: !isTabled ? textFieldWidth : 3000,
+        minWidth: 160
+    };
+    const hasLabels = !!(minLabel || maxLabel);
+    return (_jsxs(_Fragment, { children: [_jsxs(Stack, Object.assign({ sx: Object.assign({}, sliderSx) }, { children: [_jsx(SliderDisplayValue, { value: value, hasLabels: hasLabels, isInteracted: isInteracted }), hasLabels ? _jsx(SliderLabels, { minLabel: minLabel, maxLabel: maxLabel }) : null, _jsx(StandardSlider, { id: itemType + '-' + linkId, value: value, min: minValue, max: maxValue, step: stepValue, marks: sliderMarks, sx: Object.assign({}, sliderSx), onChange: (_, newValue) => {
+                            // If item.readOnly=true, do not allow any changes
+                            if (readOnly) {
+                                return;
+                            }
+                            if (typeof newValue === 'number') {
+                                onValueChange(newValue);
+                            }
+                        }, disabled: readOnly && readOnlyVisualStyle === 'disabled', readOnly: readOnly && readOnlyVisualStyle === 'readonly', "aria-readonly": readOnly && readOnlyVisualStyle === 'readonly', valueLabelDisplay: "auto", "data-test": "q-item-slider-field" })] })), feedback ? _jsx(StyledRequiredTypography, { children: feedback }) : null] }));
+}
+export default SliderField;
+//# sourceMappingURL=SliderField.js.map

package/lib/components/FormComponents/SliderItem/SliderField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/SliderItem/SliderField.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAiBjD,SAAS,WAAW,CAAC,KAAuB;IAC1C,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,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,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;IAEtF,MAAM,QAAQ,GAAG;QACf,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI;QAC3C,QAAQ,EAAE,GAAG;KACd,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC;IAE3C,OAAO,CACL,8BACE,MAAC,KAAK,kBAAC,EAAE,oBAAO,QAAQ,kBACtB,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,GAAI,EACrF,SAAS,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,IAAI,EAC5E,KAAC,cAAc,IACb,EAAE,EAAE,QAAQ,GAAG,GAAG,GAAG,MAAM,EAC3B,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,WAAW,EAClB,EAAE,oBAAO,QAAQ,GACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE;4BACxB,kDAAkD;4BAClD,IAAI,QAAQ,EAAE;gCACZ,OAAO;6BACR;4BAED,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;gCAChC,aAAa,CAAC,QAAQ,CAAC,CAAC;6BACzB;wBACH,CAAC,EACD,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU,EACxD,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU,mBACzC,QAAQ,IAAI,mBAAmB,KAAK,UAAU,EAC7D,iBAAiB,EAAC,MAAM,eACd,qBAAqB,GAC/B,KACI,EAEP,QAAQ,CAAC,CAAC,CAAC,KAAC,wBAAwB,cAAE,QAAQ,GAA4B,CAAC,CAAC,CAAC,IAAI,IACjF,CACJ,CAAC;AACJ,CAAC;AAED,eAAe,WAAW,CAAC"}

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

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

package/lib/components/FormComponents/SliderItem/SliderItem.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createEmptyQrItem } from '../../../utils/qrItem';
+import { FullWidthFormComponentBox } from '../../Box.styles';
+import ItemFieldGrid from '../ItemParts/ItemFieldGrid';
+import useReadOnly from '../../../hooks/useReadOnly';
+import SliderField from './SliderField';
+import useSliderExtensions from '../../../hooks/useSliderExtensions';
+import Box from '@mui/material/Box';
+import { useQuestionnaireStore } from '../../../stores';
+import useValidationFeedback from '../../../hooks/useValidationFeedback';
+import ItemLabel from '../ItemParts/ItemLabel';
+function SliderItem(props) {
+    var _a;
+    const { qItem, qrItem, isRepeated, isTabled, parentIsReadOnly, feedbackFromParent, onQrItemChange } = props;
+    const onFocusLinkId = useQuestionnaireStore.use.onFocusLinkId();
+    const { minValue, maxValue, stepValue, minLabel, maxLabel } = useSliderExtensions(qItem);
+    const isInteracted = !!(qrItem === null || qrItem === void 0 ? void 0 : qrItem.answer);
+    // 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 valueInteger = 0;
+    if (qrItem === null || qrItem === void 0 ? void 0 : qrItem.answer) {
+        if (qrItem === null || qrItem === void 0 ? void 0 : qrItem.answer[0].valueInteger) {
+            valueInteger = qrItem.answer[0].valueInteger;
+        }
+        if (qrItem === null || qrItem === void 0 ? void 0 : qrItem.answer[0].valueDecimal) {
+            valueInteger = Math.round(qrItem.answer[0].valueDecimal);
+        }
+    }
+    const readOnly = useReadOnly(qItem, parentIsReadOnly);
+    // Perform validation checks
+    const feedback = useValidationFeedback(qItem, feedbackFromParent, '');
+    // Event handlers
+    function handleValueChange(newValue) {
+        onQrItemChange(Object.assign(Object.assign({}, createEmptyQrItem(qItem, answerKey)), { answer: [{ id: answerKey, valueInteger: newValue }] }));
+    }
+    if (isRepeated) {
+        return (_jsx(Box, Object.assign({ px: 4 }, { children: _jsx(SliderField, { linkId: qItem.linkId, itemType: qItem.type, value: valueInteger, minValue: minValue, maxValue: maxValue, stepValue: stepValue, minLabel: minLabel, maxLabel: maxLabel, isInteracted: isInteracted, feedback: feedback, readOnly: readOnly, isTabled: isTabled, onValueChange: handleValueChange }) })));
+    }
+    return (_jsx(FullWidthFormComponentBox, Object.assign({ "data-test": "q-item-slider-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(Box, Object.assign({ px: 4 }, { children: _jsx(SliderField, { linkId: qItem.linkId, itemType: qItem.type, value: valueInteger, minValue: minValue, maxValue: maxValue, stepValue: stepValue, minLabel: minLabel, maxLabel: maxLabel, isInteracted: isInteracted, feedback: feedback, readOnly: readOnly, isTabled: isTabled, onValueChange: handleValueChange }) })) }) })));
+}
+export default SliderItem;
+//# sourceMappingURL=SliderItem.js.map

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

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

package/lib/components/FormComponents/SliderItem/SliderLabels.d.ts

@@ -0,0 +1,6 @@
+interface SliderLabelsProps {
+    minLabel: string;
+    maxLabel: string;
+}
+declare function SliderLabels(props: SliderLabelsProps): import("react/jsx-runtime").JSX.Element | null;
+export default SliderLabels;

package/lib/components/FormComponents/SliderItem/SliderLabels.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Typography from '@mui/material/Typography';
+import Box from '@mui/material/Box';
+function SliderLabels(props) {
+    const { minLabel, maxLabel } = props;
+    if (!minLabel && !maxLabel) {
+        return null;
+    }
+    return (_jsx(Box, Object.assign({ display: "flex", justifyContent: "space-between", pb: 0.5 }, { children: [minLabel, maxLabel].map((label, index) => (_jsx(Typography, Object.assign({ fontWeight: 600, fontSize: "0.75rem", color: "text.secondary", textAlign: "center", sx: {
+                transform: `translateX(${index === 0 ? '-50%' : '50%'})`,
+                wordWrap: 'break-word'
+            } }, { children: label }), index))) })));
+}
+export default SliderLabels;
+//# sourceMappingURL=SliderLabels.js.map

package/lib/components/FormComponents/SliderItem/SliderLabels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderLabels.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/SliderItem/SliderLabels.tsx"],"names":[],"mappings":";AAkBA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,GAAG,MAAM,mBAAmB,CAAC;AAOpC,SAAS,YAAY,CAAC,KAAwB;IAC5C,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAErC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,EAAE;QAC1B,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,KAAC,GAAG,kBAAC,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,eAAe,EAAC,EAAE,EAAE,GAAG,gBACvD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,KAAC,UAAU,kBAET,UAAU,EAAE,GAAG,EACf,QAAQ,EAAC,SAAS,EAClB,KAAK,EAAC,gBAAgB,EACtB,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAE;gBACF,SAAS,EAAE,cAAc,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG;gBACxD,QAAQ,EAAE,YAAY;aACvB,gBACA,KAAK,KATD,KAAK,CAUC,CACd,CAAC,IACE,CACP,CAAC;AACJ,CAAC;AAED,eAAe,YAAY,CAAC"}