@aehrc/smart-forms-renderer 0.44.3 → 0.45.0

package/lib/src/components/FormComponents/SingleItem/SingleItemView.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 from 'react';
+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';
+function SingleItemView(props) {
+    const { qItem, qrItem, itemIsHidden, itemHasNestedItems, isRepeated, isTabled, groupCardElevation, showMinimalView, parentIsReadOnly, onQrItemChange, onQrItemChangeWithNestedItems } = props;
+    const readOnly = useReadOnly(qItem, parentIsReadOnly);
+    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 (React.createElement(NestedSingleItemAccordionWrapper, { isRepeated: isRepeated },
+            React.createElement(NestedSingleItemAccordion, { disableGutters: true, defaultExpanded: isDefaultOpen, elevation: groupCardElevation, slotProps: {
+                    transition: { unmountOnExit: true, timeout: 250 }
+                } },
+                React.createElement(NestedSingleItemAccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, null) },
+                    React.createElement(Box, { width: "100%" },
+                        React.createElement(StopPropagationWrapper, null,
+                            React.createElement(SingleItemSwitcher, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, isTabled: isTabled, showMinimalView: showMinimalView, parentIsReadOnly: readOnly, onQrItemChange: onQrItemChange })))),
+                React.createElement(AccordionDetails, { sx: { pt: 0 } },
+                    React.createElement(Box, { mr: 3 },
+                        React.createElement(SingleNestedItems, { qItem: qItem, qrItem: qrItem, groupCardElevation: groupCardElevation, parentIsReadOnly: readOnly, onQrItemChange: onQrItemChangeWithNestedItems }))))));
+    }
+    // Item has nested items but is not collapsible
+    if (itemHasNestedItems) {
+        return (React.createElement(QGroupContainerBox, { cardElevation: groupCardElevation, isRepeated: isRepeated, "data-test": "q-item-group-box" },
+            React.createElement(GroupCard, { elevation: groupCardElevation, isRepeated: isRepeated },
+                React.createElement(SingleItemSwitcher, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, isTabled: isTabled, showMinimalView: showMinimalView, parentIsReadOnly: readOnly, onQrItemChange: onQrItemChange }),
+                React.createElement(SingleNestedItems, { qItem: qItem, qrItem: qrItem, groupCardElevation: groupCardElevation, parentIsReadOnly: readOnly, onQrItemChange: onQrItemChangeWithNestedItems }))));
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(SingleItemSwitcher, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, isTabled: isTabled, showMinimalView: showMinimalView, parentIsReadOnly: readOnly, onQrItemChange: onQrItemChange })));
+}
+export default SingleItemView;
+//# sourceMappingURL=SingleItemView.js.map

package/lib/src/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/src/components/FormComponents/SingleItem/SingleNestedItems.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+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): React.JSX.Element;
+export default SingleNestedItems;

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

@@ -0,0 +1,55 @@
+/*
+ * 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, { 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 React.createElement(React.Fragment, null, "Unable to load group, something has gone terribly wrong.");
+    }
+    const qrItemsByIndex = getQrItemsIndex(qItems, qrItems, qItemsIndexMap);
+    return (React.createElement(Box, { display: "flex" },
+        React.createElement(Box, { ml: 1.5 }),
+        React.createElement(Box, { flexGrow: 1 }, qItems.map((qItem, i) => {
+            const qrItemOrItems = qrItemsByIndex[i];
+            if (qItem.type === 'display') {
+                return null;
+            }
+            return (React.createElement(GroupItemSwitcher, { key: qItem.linkId, qItem: qItem, qrItemOrItems: qrItemOrItems, groupCardElevation: groupCardElevation, parentIsReadOnly: parentIsReadOnly, onQrItemChange: handleQrItemChange, onQrRepeatGroupChange: handleQrRepeatGroupChange }));
+        })),
+        React.createElement(Box, { mr: 2.25 })));
+}
+export default SingleNestedItems;
+//# sourceMappingURL=SingleNestedItems.js.map

package/lib/src/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,OAAO,KAAK,EAAE,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,CAAC;QACxB,OAAO,qGAA6D,CAAC;IACvE,CAAC;IAED,MAAM,cAAc,GAAG,eAAe,CAAC,MAAM,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC;IAExE,OAAO,CACL,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM;QACjB,oBAAC,GAAG,IAAC,EAAE,EAAE,GAAG,GAAI;QAChB,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,IACb,MAAM,CAAC,GAAG,CAAC,CAAC,KAAwB,EAAE,CAAC,EAAE,EAAE;YAC1C,MAAM,aAAa,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;YAExC,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;gBAC7B,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO,CACL,oBAAC,iBAAiB,IAChB,GAAG,EAAE,KAAK,CAAC,MAAM,EACjB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,kBAAkB,EAClC,qBAAqB,EAAE,yBAAyB,GAChD,CACH,CAAC;QACJ,CAAC,CAAC,CACE;QACN,oBAAC,GAAG,IAAC,EAAE,EAAE,IAAI,GAAQ,CACjB,CACP,CAAC;AACJ,CAAC;AAED,eAAe,iBAAiB,CAAC"}

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

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

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

@@ -0,0 +1,25 @@
+/*
+ * 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';
+function StopPropagationWrapper(props) {
+    const { children } = props;
+    return (React.createElement("div", { onClick: (event) => {
+            event.stopPropagation();
+        } }, children));
+}
+export default StopPropagationWrapper;
+//# sourceMappingURL=StopPropagationWrapper.js.map

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

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

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

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

package/lib/src/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/src/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/src/components/FormComponents/SliderItem/Slider.styles.d.ts

@@ -0,0 +1,6 @@
+/// <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;
+}, {}, {}>;

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

@@ -0,0 +1,33 @@
+/*
+ * 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';
+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: 18
+}));
+//# sourceMappingURL=Slider.styles.js.map

package/lib/src/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;AAEpC,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"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SliderDisplayValueProps {
+    value: number;
+    hasLabels: boolean;
+    isInteracted: boolean;
+}
+declare function SliderDisplayValue(props: SliderDisplayValueProps): React.JSX.Element;
+export default SliderDisplayValue;

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

@@ -0,0 +1,28 @@
+/*
+ * Copyright 2024 Commonwealth Scientific and Industrial Research
+ * Organisation (CSIRO) ABN 41 687 119 230.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+import { SliderDisplayBox } from './Slider.styles';
+import Typography from '@mui/material/Typography';
+import { pxToRem } from '../../../theme/typography';
+function SliderDisplayValue(props) {
+    const { value, hasLabels, isInteracted } = props;
+    const valueToDisplay = isInteracted ? value : '-';
+    return (React.createElement(SliderDisplayBox, { hasLabels: hasLabels },
+        React.createElement(Typography, { textAlign: "center", color: "text.disabled", fontSize: pxToRem(9.5) }, valueToDisplay)));
+}
+export default SliderDisplayValue;
+//# sourceMappingURL=SliderDisplayValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SliderDisplayValue.js","sourceRoot":"","sources":["../../../../../src/components/FormComponents/SliderItem/SliderDisplayValue.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAQpD,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,oBAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS;QACpC,oBAAC,UAAU,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,IACxE,cAAc,CACJ,CACI,CACpB,CAAC;AACJ,CAAC;AAED,eAAe,kBAAkB,CAAC"}

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

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

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

@@ -0,0 +1,42 @@
+/*
+ * 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 Slider from '@mui/material/Slider';
+import { getSliderMarks } from '../../../utils/slider';
+import Stack from '@mui/material/Stack';
+import SliderLabels from './SliderLabels';
+import SliderDisplayValue from './SliderDisplayValue';
+import { TEXT_FIELD_WIDTH } from '../Textfield.styles';
+function SliderField(props) {
+    const { linkId, value, minValue, maxValue, stepValue, minLabel, maxLabel, isInteracted, readOnly, isTabled, onValueChange } = props;
+    const sliderMarks = getSliderMarks(minValue, maxValue, minLabel, maxLabel, stepValue);
+    const sliderSx = {
+        maxWidth: !isTabled ? TEXT_FIELD_WIDTH : 3000,
+        minWidth: 160
+    };
+    const hasLabels = !!(minLabel || maxLabel);
+    return (React.createElement(Stack, { sx: Object.assign({}, sliderSx) },
+        React.createElement(SliderDisplayValue, { value: value, hasLabels: hasLabels, isInteracted: isInteracted }),
+        hasLabels ? React.createElement(SliderLabels, { minLabel: minLabel, maxLabel: maxLabel }) : null,
+        React.createElement(Slider, { id: linkId, value: value, min: minValue, max: maxValue, step: stepValue, marks: sliderMarks, sx: Object.assign({}, sliderSx), onChange: (_, newValue) => {
+                if (typeof newValue === 'number') {
+                    onValueChange(newValue);
+                }
+            }, disabled: readOnly, valueLabelDisplay: "auto", "data-test": "q-item-slider-field" })));
+}
+export default SliderField;
+//# sourceMappingURL=SliderField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SliderField.js","sourceRoot":"","sources":["../../../../../src/components/FormComponents/SliderItem/SliderField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,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,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAevD,SAAS,WAAW,CAAC,KAAuB;IAC1C,MAAM,EACJ,MAAM,EACN,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,aAAa,EACd,GAAG,KAAK,CAAC;IAEV,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,gBAAgB,CAAC,CAAC,CAAC,IAAI;QAC7C,QAAQ,EAAE,GAAG;KACd,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC;IAE3C,OAAO,CACL,oBAAC,KAAK,IAAC,EAAE,oBAAO,QAAQ;QACtB,oBAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,GAAI;QACrF,SAAS,CAAC,CAAC,CAAC,oBAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,IAAI;QAC5E,oBAAC,MAAM,IACL,EAAE,EAAE,MAAM,EACV,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;gBACxB,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;oBACjC,aAAa,CAAC,QAAQ,CAAC,CAAC;gBAC1B,CAAC;YACH,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAC,MAAM,eACd,qBAAqB,GAC/B,CACI,CACT,CAAC;AACJ,CAAC;AAED,eAAe,WAAW,CAAC"}

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

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

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

@@ -0,0 +1,58 @@
+/*
+ * 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 { 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';
+function SliderItem(props) {
+    var _a;
+    const { qItem, qrItem, isRepeated, isTabled, parentIsReadOnly, onQrItemChange } = props;
+    const onFocusLinkId = useQuestionnaireStore.use.onFocusLinkId();
+    const readOnly = useReadOnly(qItem, parentIsReadOnly);
+    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);
+        }
+    }
+    // Event handlers
+    function handleValueChange(newValue) {
+        onQrItemChange(Object.assign(Object.assign({}, createEmptyQrItem(qItem, answerKey)), { answer: [{ id: answerKey, valueInteger: newValue }] }));
+    }
+    if (isRepeated) {
+        return (React.createElement(Box, { px: 4 },
+            React.createElement(SliderField, { linkId: qItem.linkId, value: valueInteger, minValue: minValue, maxValue: maxValue, stepValue: stepValue, minLabel: minLabel, maxLabel: maxLabel, isInteracted: isInteracted, readOnly: readOnly, isTabled: isTabled, onValueChange: handleValueChange })));
+    }
+    return (React.createElement(FullWidthFormComponentBox, { "data-test": "q-item-slider-box", "data-linkid": qItem.linkId, onClick: () => onFocusLinkId(qItem.linkId) },
+        React.createElement(ItemFieldGrid, { qItem: qItem, readOnly: readOnly },
+            React.createElement(Box, { px: 4 },
+                React.createElement(SliderField, { linkId: qItem.linkId, value: valueInteger, minValue: minValue, maxValue: maxValue, stepValue: stepValue, minLabel: minLabel, maxLabel: maxLabel, isInteracted: isInteracted, readOnly: readOnly, isTabled: isTabled, onValueChange: handleValueChange })))));
+}
+export default SliderItem;
+//# sourceMappingURL=SliderItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SliderItem.js","sourceRoot":"","sources":["../../../../../src/components/FormComponents/SliderItem/SliderItem.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,mBAAmB,MAAM,oCAAoC,CAAC;AACrE,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAWxD,SAAS,UAAU,CAAC,KAAsB;;IACxC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAExF,MAAM,aAAa,GAAG,qBAAqB,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAEhE,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;IACtD,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAEzF,MAAM,YAAY,GAAG,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,CAAC;IAEtC,mBAAmB;IACnB,MAAM,SAAS,GAAG,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,0CAAG,CAAC,EAAE,EAAE,CAAC;IACzC,IAAI,YAAY,GAAG,CAAC,CAAC;IACrB,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAE,CAAC;QACnB,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC;YACnC,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QAC/C,CAAC;QACD,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC;YACnC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;QAC3D,CAAC;IACH,CAAC;IAED,iBAAiB;IACjB,SAAS,iBAAiB,CAAC,QAAgB;QACzC,cAAc,iCACT,iBAAiB,CAAC,KAAK,EAAE,SAAS,CAAC,KACtC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,IACnD,CAAC;IACL,CAAC;IAED,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,CACL,oBAAC,GAAG,IAAC,EAAE,EAAE,CAAC;YACR,oBAAC,WAAW,IACV,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,iBAAiB,GAChC,CACE,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,oBAAC,yBAAyB,iBACd,mBAAmB,iBAChB,KAAK,CAAC,MAAM,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC;QAC1C,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ;YAC7C,oBAAC,GAAG,IAAC,EAAE,EAAE,CAAC;gBACR,oBAAC,WAAW,IACV,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,iBAAiB,GAChC,CACE,CACQ,CACU,CAC7B,CAAC;AACJ,CAAC;AAED,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+interface SliderLabelsProps {
+    minLabel: string;
+    maxLabel: string;
+}
+declare function SliderLabels(props: SliderLabelsProps): React.JSX.Element | null;
+export default SliderLabels;

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

@@ -0,0 +1,32 @@
+/*
+ * 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 Typography from '@mui/material/Typography';
+import { pxToRem } from '../../../theme/typography';
+import Box from '@mui/material/Box';
+function SliderLabels(props) {
+    const { minLabel, maxLabel } = props;
+    if (!minLabel && !maxLabel) {
+        return null;
+    }
+    return (React.createElement(Box, { display: "flex", justifyContent: "space-between", pb: 0.5 }, [minLabel, maxLabel].map((label, index) => (React.createElement(Typography, { key: index, textAlign: "center", fontSize: pxToRem(10), sx: {
+            transform: `translateX(${index === 0 ? '-50%' : '50%'})`,
+            wordWrap: 'break-word'
+        } }, label)))));
+}
+export default SliderLabels;
+//# sourceMappingURL=SliderLabels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SliderLabels.js","sourceRoot":"","sources":["../../../../../src/components/FormComponents/SliderItem/SliderLabels.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,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,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,eAAe,EAAC,EAAE,EAAE,GAAG,IACvD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,oBAAC,UAAU,IACT,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,QAAQ,EAClB,QAAQ,EAAE,OAAO,CAAC,EAAE,CAAC,EACrB,EAAE,EAAE;YACF,SAAS,EAAE,cAAc,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG;YACxD,QAAQ,EAAE,YAAY;SACvB,IACA,KAAK,CACK,CACd,CAAC,CACE,CACP,CAAC;AACJ,CAAC;AAED,eAAe,YAAY,CAAC"}

package/lib/src/components/FormComponents/StringItem/StringField.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { PropsWithIsTabledAttribute } from '../../../interfaces/renderProps.interface';
+interface StringFieldProps extends PropsWithIsTabledAttribute {
+    linkId: string;
+    input: string;
+    feedback: string;
+    displayPrompt: string;
+    displayUnit: string;
+    entryFormat: string;
+    readOnly: boolean;
+    calcExpUpdated: boolean;
+    onInputChange: (value: string) => void;
+}
+declare function StringField(props: StringFieldProps): React.JSX.Element;
+export default StringField;

package/lib/src/components/FormComponents/StringItem/StringField.js

@@ -0,0 +1,30 @@
+/*
+ * 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 InputAdornment from '@mui/material/InputAdornment';
+import { StandardTextField } from '../Textfield.styles';
+import FadingCheckIcon from '../ItemParts/FadingCheckIcon';
+function StringField(props) {
+    const { linkId, input, feedback, displayPrompt, displayUnit, entryFormat, readOnly, isTabled, calcExpUpdated, onInputChange } = props;
+    return (React.createElement(StandardTextField, { fullWidth: true, isTabled: isTabled, id: linkId, value: input, error: !!feedback, onChange: (event) => onInputChange(event.target.value), label: displayPrompt, placeholder: entryFormat, disabled: readOnly, size: "small", InputProps: {
+            endAdornment: (React.createElement(InputAdornment, { position: "end" },
+                React.createElement(FadingCheckIcon, { fadeIn: calcExpUpdated, disabled: readOnly }),
+                displayUnit))
+        }, helperText: feedback, "data-test": "q-item-string-field" }));
+}
+export default StringField;
+//# sourceMappingURL=StringField.js.map

package/lib/src/components/FormComponents/StringItem/StringField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StringField.js","sourceRoot":"","sources":["../../../../../src/components/FormComponents/StringItem/StringField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAc3D,SAAS,WAAW,CAAC,KAAuB;IAC1C,MAAM,EACJ,MAAM,EACN,KAAK,EACL,QAAQ,EACR,aAAa,EACb,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,aAAa,EACd,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,iBAAiB,IAChB,SAAS,QACT,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,MAAM,EACV,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,EAClB,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE;YACV,YAAY,EAAE,CACZ,oBAAC,cAAc,IAAC,QAAQ,EAAC,KAAK;gBAC5B,oBAAC,eAAe,IAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,GAAI;gBAC9D,WAAW,CACG,CAClB;SACF,EACD,UAAU,EAAE,QAAQ,eACV,qBAAqB,GAC/B,CACH,CAAC;AACJ,CAAC;AAED,eAAe,WAAW,CAAC"}

package/lib/src/components/FormComponents/StringItem/StringItem.d.ts

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