@aehrc/smart-forms-renderer 1.0.0-alpha.60 → 1.0.0-alpha.62
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/FormComponents/AttachmentItem/AttachmentField.js +6 -1
- package/lib/components/FormComponents/AttachmentItem/AttachmentField.js.map +1 -1
- package/lib/components/FormComponents/AttachmentItem/AttachmentUrlField.js +4 -2
- package/lib/components/FormComponents/AttachmentItem/AttachmentUrlField.js.map +1 -1
- package/lib/components/FormComponents/BooleanItem/BooleanField.js +1 -2
- package/lib/components/FormComponents/BooleanItem/BooleanField.js.map +1 -1
- package/lib/components/FormComponents/DecimalItem/DecimalField.js +4 -1
- package/lib/components/FormComponents/DecimalItem/DecimalField.js.map +1 -1
- package/lib/components/FormComponents/GridGroup/GridGroup.js +2 -2
- package/lib/components/FormComponents/GridGroup/GridGroup.js.map +1 -1
- package/lib/components/FormComponents/GridGroup/GridRow.js +2 -1
- package/lib/components/FormComponents/GridGroup/GridRow.js.map +1 -1
- package/lib/components/FormComponents/GridGroup/GridTable.js +2 -1
- package/lib/components/FormComponents/GridGroup/GridTable.js.map +1 -1
- package/lib/components/FormComponents/IntegerItem/IntegerField.js +4 -1
- package/lib/components/FormComponents/IntegerItem/IntegerField.js.map +1 -1
- package/lib/components/FormComponents/ItemParts/CheckboxFormGroup.js +1 -2
- package/lib/components/FormComponents/ItemParts/CheckboxFormGroup.js.map +1 -1
- package/lib/components/FormComponents/ItemParts/ClearButtonAdornment.d.ts +6 -0
- package/lib/components/FormComponents/ItemParts/ClearButtonAdornment.js +23 -0
- package/lib/components/FormComponents/ItemParts/ClearButtonAdornment.js.map +1 -0
- package/lib/components/FormComponents/ItemParts/ClearInputButton.d.ts +1 -1
- package/lib/components/FormComponents/ItemParts/ClearInputButton.js +11 -7
- package/lib/components/FormComponents/ItemParts/ClearInputButton.js.map +1 -1
- package/lib/components/FormComponents/ItemParts/DisplayUnitText.js +1 -1
- package/lib/components/FormComponents/ItemParts/DisplayUnitText.js.map +1 -1
- package/lib/components/FormComponents/ItemParts/OpenLabelField.js +6 -1
- package/lib/components/FormComponents/ItemParts/OpenLabelField.js.map +1 -1
- package/lib/components/FormComponents/ItemParts/RadioFormGroup.js +1 -2
- package/lib/components/FormComponents/ItemParts/RadioFormGroup.js.map +1 -1
- package/lib/components/FormComponents/QuantityItem/QuantityField.js +4 -1
- package/lib/components/FormComponents/QuantityItem/QuantityField.js.map +1 -1
- package/lib/components/FormComponents/StringItem/StringField.js +4 -1
- package/lib/components/FormComponents/StringItem/StringField.js.map +1 -1
- package/lib/components/FormComponents/Tables/GroupTable.js +3 -3
- package/lib/components/FormComponents/Tables/GroupTable.js.map +1 -1
- package/lib/components/FormComponents/Tables/GroupTableBody.d.ts +3 -2
- package/lib/components/FormComponents/Tables/GroupTableBody.js +2 -2
- package/lib/components/FormComponents/Tables/GroupTableBody.js.map +1 -1
- package/lib/components/FormComponents/Tables/GroupTableRow.d.ts +3 -3
- package/lib/components/FormComponents/Tables/GroupTableRow.js +4 -4
- package/lib/components/FormComponents/Tables/GroupTableRow.js.map +1 -1
- package/lib/components/FormComponents/Tables/GroupTableRowCells.js +2 -1
- package/lib/components/FormComponents/Tables/GroupTableRowCells.js.map +1 -1
- package/lib/components/FormComponents/Tables/GroupTableView.d.ts +2 -2
- package/lib/components/FormComponents/Tables/GroupTableView.js +6 -16
- package/lib/components/FormComponents/Tables/GroupTableView.js.map +1 -1
- package/lib/components/FormComponents/Textfield.styles.js +13 -0
- package/lib/components/FormComponents/Textfield.styles.js.map +1 -1
- package/lib/components/FormComponents/UrlItem/UrlField.js +5 -2
- package/lib/components/FormComponents/UrlItem/UrlField.js.map +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib/theme/RendererThemeProvider.js +4 -4
- package/lib/theme/RendererThemeProvider.js.map +1 -1
- package/lib/theme/index.d.ts +10 -1
- package/lib/theme/index.js +14 -1
- package/lib/theme/index.js.map +1 -1
- package/lib/theme/overrides/Input.js +12 -0
- package/lib/theme/overrides/Input.js.map +1 -1
- package/lib/theme/overrides/Overrides.d.ts +1 -2
- package/lib/theme/overrides/Overrides.js +1 -2
- package/lib/theme/overrides/Overrides.js.map +1 -1
- package/lib/theme/overrides/accordionOverride.d.ts +14 -0
- package/lib/theme/overrides/accordionOverride.js +34 -0
- package/lib/theme/overrides/accordionOverride.js.map +1 -0
- package/lib/theme/overrides/autocompleteOverride.d.ts +10 -0
- package/lib/theme/overrides/autocompleteOverride.js +28 -0
- package/lib/theme/overrides/autocompleteOverride.js.map +1 -0
- package/lib/theme/overrides/buttonOverride.d.ts +33 -0
- package/lib/theme/overrides/buttonOverride.js +52 -0
- package/lib/theme/overrides/buttonOverride.js.map +1 -0
- package/lib/theme/overrides/cardOverride.d.ts +35 -0
- package/lib/theme/overrides/cardOverride.js +51 -0
- package/lib/theme/overrides/cardOverride.js.map +1 -0
- package/lib/theme/overrides/inputOverride.d.ts +78 -0
- package/lib/theme/overrides/inputOverride.js +95 -0
- package/lib/theme/overrides/inputOverride.js.map +1 -0
- package/lib/theme/overrides/paperOverride.d.ts +12 -0
- package/lib/theme/overrides/paperOverride.js +31 -0
- package/lib/theme/overrides/paperOverride.js.map +1 -0
- package/lib/theme/overrides/rendererThemeComponentOverride.d.ts +2 -0
- package/{src/theme/overrides/Overrides.ts → lib/theme/overrides/rendererThemeComponentOverride.js} +3 -16
- package/lib/theme/overrides/rendererThemeComponentOverride.js.map +1 -0
- package/lib/theme/overrides/rendererThemeComponentOverrides.d.ts +2 -0
- package/lib/theme/overrides/rendererThemeComponentOverrides.js +28 -0
- package/lib/theme/overrides/rendererThemeComponentOverrides.js.map +1 -0
- package/lib/theme/overrides/rendererThemeComponentsOverride.d.ts +2 -0
- package/lib/theme/overrides/rendererThemeComponentsOverride.js +28 -0
- package/lib/theme/overrides/rendererThemeComponentsOverride.js.map +1 -0
- package/lib/theme/overrides/rendererThemeComponentsOverrides.d.ts +2 -0
- package/lib/theme/overrides/rendererThemeComponentsOverrides.js +28 -0
- package/lib/theme/overrides/rendererThemeComponentsOverrides.js.map +1 -0
- package/lib/theme/overrides/speedDialOverride.d.ts +16 -0
- package/lib/theme/overrides/speedDialOverride.js +34 -0
- package/lib/theme/overrides/speedDialOverride.js.map +1 -0
- package/lib/theme/overrides/tableOverride.d.ts +19 -0
- package/lib/theme/overrides/tableOverride.js +39 -0
- package/lib/theme/overrides/tableOverride.js.map +1 -0
- package/lib/theme/rendererThemeOptions.d.ts +2 -0
- package/lib/theme/rendererThemeOptions.js +85 -0
- package/lib/theme/rendererThemeOptions.js.map +1 -0
- package/lib/theme/themeOptions.js +24 -24
- package/lib/theme/themeOptions.js.map +1 -1
- package/package.json +4 -4
- package/src/components/FormComponents/AttachmentItem/AttachmentField.tsx +13 -1
- package/src/components/FormComponents/AttachmentItem/AttachmentUrlField.tsx +14 -10
- package/src/components/FormComponents/BooleanItem/BooleanField.tsx +5 -8
- package/src/components/FormComponents/DecimalItem/DecimalField.tsx +7 -0
- package/src/components/FormComponents/GridGroup/GridGroup.tsx +2 -2
- package/src/components/FormComponents/GridGroup/GridRow.tsx +16 -11
- package/src/components/FormComponents/GridGroup/GridTable.tsx +4 -1
- package/src/components/FormComponents/IntegerItem/IntegerField.tsx +7 -0
- package/src/components/FormComponents/ItemParts/CheckboxFormGroup.tsx +1 -4
- package/src/components/FormComponents/ItemParts/ClearButtonAdornment.tsx +41 -0
- package/src/components/FormComponents/ItemParts/ClearInputButton.tsx +17 -15
- package/src/components/FormComponents/ItemParts/DisplayUnitText.tsx +4 -1
- package/src/components/FormComponents/ItemParts/OpenLabelField.tsx +13 -1
- package/src/components/FormComponents/ItemParts/RadioFormGroup.tsx +1 -4
- package/src/components/FormComponents/QuantityItem/QuantityField.tsx +7 -0
- package/src/components/FormComponents/StringItem/StringField.tsx +7 -0
- package/src/components/FormComponents/Tables/GroupTable.tsx +1 -3
- package/src/components/FormComponents/Tables/GroupTableBody.tsx +5 -10
- package/src/components/FormComponents/Tables/GroupTableRow.tsx +31 -71
- package/src/components/FormComponents/Tables/GroupTableRowCells.tsx +17 -12
- package/src/components/FormComponents/Tables/GroupTableView.tsx +27 -122
- package/src/components/FormComponents/Textfield.styles.ts +13 -0
- package/src/components/FormComponents/UrlItem/UrlField.tsx +7 -0
- package/src/index.ts +13 -1
- package/src/theme/RendererThemeProvider.tsx +4 -4
- package/src/theme/index.ts +17 -1
- package/src/theme/overrides/{Accordion.ts → accordionOverride.ts} +2 -2
- package/src/theme/overrides/{Autocomplete.ts → autocompleteOverride.ts} +1 -1
- package/src/theme/overrides/{Button.ts → buttonOverride.ts} +1 -1
- package/src/theme/overrides/{Card.ts → cardOverride.ts} +2 -2
- package/src/theme/overrides/{Input.ts → inputOverride.ts} +4 -1
- package/src/theme/overrides/{Paper.ts → paperOverride.ts} +1 -1
- package/src/theme/overrides/rendererThemeComponentOverrides.ts +39 -0
- package/src/theme/overrides/{SpeedDial.ts → speedDialOverride.ts} +1 -1
- package/src/theme/overrides/{Table.ts → tableOverride.ts} +1 -1
- package/src/theme/{themeOptions.ts → rendererThemeOptions.ts} +2 -2
|
@@ -7,6 +7,8 @@ import Stack from '@mui/material/Stack';
|
|
|
7
7
|
import AttachmentUrlField from './AttachmentUrlField';
|
|
8
8
|
import { useRendererStylingStore } from '../../../stores';
|
|
9
9
|
import { StyledRequiredTypography } from '../Item.styles';
|
|
10
|
+
import InputAdornment from '@mui/material/InputAdornment';
|
|
11
|
+
import { ClearButtonAdornment } from '../ItemParts/ClearButtonAdornment';
|
|
10
12
|
function AttachmentField(props) {
|
|
11
13
|
const { linkId, itemType, attachmentValues, feedback, readOnly, isTabled, onUploadFile, onUrlChange, onFileNameChange } = props;
|
|
12
14
|
const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
|
|
@@ -16,7 +18,10 @@ function AttachmentField(props) {
|
|
|
16
18
|
// TODO: Consider accessible items for attachment fields too if #1096 is fixed.
|
|
17
19
|
return (_jsxs(_Fragment, { children: [_jsxs(Stack, { rowGap: 1, id: itemType + '-' + linkId, children: [_jsx(Typography, { component: "div", color: readOnly ? readOnlyTextColor : 'text.primary', children: "An attachment must either have a file or a URL, or both." }), _jsx(Box, { children: _jsx(AttachmentFileCollector, { uploadedFile: uploadedFile, readOnly: readOnly, isTabled: isTabled, onUploadFile: onUploadFile }) }), _jsx(AttachmentUrlField, { linkId: linkId, url: url, readOnly: readOnly, isTabled: isTabled, onUrlChange: onUrlChange }), _jsxs(Box, { children: [_jsx(Typography, { component: "div", variant: "body2", color: readOnly ? readOnlyTextColor : 'text.primary', children: "File name (optional)" }), _jsx(StandardTextField, { fullWidth: true, textFieldWidth: textFieldWidth, isTabled: isTabled, id: linkId, value: fileName, onChange: (event) => onFileNameChange(event.target.value), disabled: readOnly && readOnlyVisualStyle === 'disabled', size: "small", "data-test": "q-item-attachment-field", slotProps: {
|
|
18
20
|
input: {
|
|
19
|
-
readOnly: readOnly && readOnlyVisualStyle === 'readonly'
|
|
21
|
+
readOnly: readOnly && readOnlyVisualStyle === 'readonly',
|
|
22
|
+
endAdornment: (_jsx(InputAdornment, { position: "end", children: _jsx(ClearButtonAdornment, { readOnly: readOnly, onClear: () => {
|
|
23
|
+
onFileNameChange('');
|
|
24
|
+
} }) }))
|
|
20
25
|
}
|
|
21
26
|
} })] }), uploadedFile && url ? (_jsx(Typography, { component: "div", color: readOnly ? readOnlyTextColor : 'text.primary', children: "Ensure that the attached file and URL has the same content." })) : null] }), feedback ? _jsx(StyledRequiredTypography, { children: feedback }) : null] }));
|
|
22
27
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AttachmentField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/AttachmentItem/AttachmentField.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAChE,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,KAAK,MAAM,qBAAqB,CAAC;AAExC,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"AttachmentField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/AttachmentItem/AttachmentField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,10 +5,10 @@ import Box from '@mui/material/Box';
|
|
|
5
5
|
import Stack from '@mui/material/Stack';
|
|
6
6
|
import useAttachmentUrlValidation from '../../../hooks/useAttachmentUrlValidation';
|
|
7
7
|
import InputAdornment from '@mui/material/InputAdornment';
|
|
8
|
-
import Tooltip from '@mui/material/Tooltip';
|
|
9
8
|
import CheckIcon from '@mui/icons-material/Check';
|
|
10
9
|
import DangerousIcon from '@mui/icons-material/Dangerous';
|
|
11
10
|
import { useRendererStylingStore } from '../../../stores';
|
|
11
|
+
import { ClearButtonAdornment } from '../ItemParts/ClearButtonAdornment';
|
|
12
12
|
function AttachmentUrlField(props) {
|
|
13
13
|
const { linkId, url, readOnly, isTabled, onUrlChange } = props;
|
|
14
14
|
const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
|
|
@@ -17,7 +17,9 @@ function AttachmentUrlField(props) {
|
|
|
17
17
|
return (_jsxs(Box, { children: [_jsx(Typography, { component: "div", variant: "body2", color: readOnly ? 'text.secondary' : 'text.primary', children: "URL" }), _jsx(Stack, { direction: "row", alignItems: "center", children: _jsx(StandardTextField, { fullWidth: true, textFieldWidth: textFieldWidth, isTabled: isTabled, id: linkId, value: url, onChange: (event) => onUrlChange(event.target.value), disabled: readOnly && readOnlyVisualStyle === 'disabled', size: "small", "data-test": "q-item-attachment-field", slotProps: {
|
|
18
18
|
input: {
|
|
19
19
|
readOnly: readOnly && readOnlyVisualStyle === 'readonly',
|
|
20
|
-
endAdornment: (
|
|
20
|
+
endAdornment: (_jsxs(InputAdornment, { position: "end", children: [url != '' ? (_jsx(Box, { sx: { pt: 0.75 }, title: urlIsValid ? 'URL is valid!' : 'Invalid URL', children: urlIsValid ? (_jsx(CheckIcon, { color: "success", fontSize: "small" })) : (_jsx(DangerousIcon, { color: "error", fontSize: "small" })) })) : null, _jsx(ClearButtonAdornment, { readOnly: readOnly, onClear: () => {
|
|
21
|
+
onUrlChange('');
|
|
22
|
+
} })] }))
|
|
21
23
|
}
|
|
22
24
|
} }) })] }));
|
|
23
25
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AttachmentUrlField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/AttachmentItem/AttachmentUrlField.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,0BAA0B,MAAM,2CAA2C,CAAC;AACnF,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,
|
|
1
|
+
{"version":3,"file":"AttachmentUrlField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/AttachmentItem/AttachmentUrlField.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,0BAA0B,MAAM,2CAA2C,CAAC;AACnF,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AASzE,SAAS,kBAAkB,CAAC,KAA8B;IACxD,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAE/D,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;IAC9E,MAAM,cAAc,GAAG,uBAAuB,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC;IAEpE,MAAM,UAAU,GAAG,0BAA0B,CAAC,GAAG,CAAC,CAAC;IAEnD,OAAO,CACL,MAAC,GAAG,eACF,KAAC,UAAU,IACT,SAAS,EAAC,KAAK,EACf,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc,oBAExC,EACb,KAAC,KAAK,IAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,YACxC,KAAC,iBAAiB,IAChB,SAAS,QACT,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACpD,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU,EACxD,IAAI,EAAC,OAAO,eACF,yBAAyB,EACnC,SAAS,EAAE;wBACT,KAAK,EAAE;4BACL,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU;4BACxD,YAAY,EAAE,CACZ,MAAC,cAAc,IAAC,QAAQ,EAAC,KAAK,aAC3B,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,CACX,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,YACvE,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,SAAS,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,GAAG,CAC/C,CAAC,CAAC,CAAC,CACF,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,GAAG,CACjD,GACG,CACP,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,oBAAoB,IACnB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;4CACZ,WAAW,CAAC,EAAE,CAAC,CAAC;wCAClB,CAAC,GACD,IACa,CAClB;yBACF;qBACF,GACD,GACI,IACJ,CACP,CAAC;AACJ,CAAC;AAED,eAAe,kBAAkB,CAAC"}
|
|
@@ -34,7 +34,6 @@ const BooleanField = memo(function BooleanField(props) {
|
|
|
34
34
|
const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
|
|
35
35
|
const inputsFlexGrow = useRendererStylingStore.use.inputsFlexGrow();
|
|
36
36
|
const reverseBooleanYesNo = useRendererStylingStore.use.reverseBooleanYesNo();
|
|
37
|
-
const hideClearButton = useRendererStylingStore.use.hideClearButton();
|
|
38
37
|
const booleanAsCheckbox = isSpecificItemControl(qItem, 'check-box');
|
|
39
38
|
// defaults to horizontal, only set to vertical if explicitly set
|
|
40
39
|
const orientation = (_a = getChoiceOrientation(qItem)) !== null && _a !== void 0 ? _a : ChoiceItemOrientation.Horizontal;
|
|
@@ -61,7 +60,7 @@ const BooleanField = memo(function BooleanField(props) {
|
|
|
61
60
|
return;
|
|
62
61
|
}
|
|
63
62
|
onCheckedChange(e.target.value);
|
|
64
|
-
}, value: selection, children: reverseBooleanYesNo ? (_jsxs(_Fragment, { children: [_jsx(ChoiceRadioSingle, { value: "false", label: "No", readOnly: readOnly, fullWidth: inputsFlexGrow }), _jsx(ChoiceRadioSingle, { value: "true", label: "Yes", readOnly: readOnly, fullWidth: inputsFlexGrow })] })) : (_jsxs(_Fragment, { children: [_jsx(ChoiceRadioSingle, { value: "true", label: "Yes", readOnly: readOnly, fullWidth: inputsFlexGrow }), _jsx(ChoiceRadioSingle, { value: "false", label: "No", readOnly: readOnly, fullWidth: inputsFlexGrow })] })) }), _jsx(Box, { flexGrow: 1 }), _jsx(FadingCheckIcon, { fadeIn: calcExpUpdated, disabled: readOnly })] })),
|
|
63
|
+
}, value: selection, children: reverseBooleanYesNo ? (_jsxs(_Fragment, { children: [_jsx(ChoiceRadioSingle, { value: "false", label: "No", readOnly: readOnly, fullWidth: inputsFlexGrow }), _jsx(ChoiceRadioSingle, { value: "true", label: "Yes", readOnly: readOnly, fullWidth: inputsFlexGrow })] })) : (_jsxs(_Fragment, { children: [_jsx(ChoiceRadioSingle, { value: "true", label: "Yes", readOnly: readOnly, fullWidth: inputsFlexGrow }), _jsx(ChoiceRadioSingle, { value: "false", label: "No", readOnly: readOnly, fullWidth: inputsFlexGrow })] })) }), _jsx(Box, { flexGrow: 1 }), _jsx(FadingCheckIcon, { fadeIn: calcExpUpdated, disabled: readOnly })] })), _jsx(ClearInputButton, { buttonShown: valueBoolean !== undefined, readOnly: readOnly, onClear: onClear })] }), feedback ? _jsx(StyledRequiredTypography, { children: feedback }) : null] }));
|
|
65
64
|
});
|
|
66
65
|
export default BooleanField;
|
|
67
66
|
//# sourceMappingURL=BooleanField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BooleanField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/BooleanItem/BooleanField.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAc,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAExE,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAYzD,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,YAAY,CAAC,KAAwB;;IACtE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAE,OAAO,EAAE,GACzF,KAAK,CAAC;IAER,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;IAC9E,MAAM,cAAc,GAAG,uBAAuB,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC;IACpE,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"BooleanField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/BooleanItem/BooleanField.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAc,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAExE,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAYzD,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,YAAY,CAAC,KAAwB;;IACtE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAE,OAAO,EAAE,GACzF,KAAK,CAAC;IAER,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;IAC9E,MAAM,cAAc,GAAG,uBAAuB,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC;IACpE,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;IAE9E,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IAEpE,iEAAiE;IACjE,MAAM,WAAW,GAAG,MAAA,oBAAoB,CAAC,KAAK,CAAC,mCAAI,qBAAqB,CAAC,UAAU,CAAC;IAEpF,MAAM,SAAS,GAAG,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;IAE9E,MAAM,gBAAgB,GAAG,cAAc,CAAC,GAAG,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,OAAO,CAAC,CAAC;IAElE,OAAO,CACL,8BACE,MAAC,GAAG,IACF,OAAO,EAAC,MAAM,EACd,EAAE,EAAE;oBACF,cAAc,EAAE,eAAe;oBAC/B,UAAU,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE;oBACzC,aAAa,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE;iBAC3C,aACA,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,gBAAgB,IACf,EAAE,EAAE,KAAK,CAAC,IAAI,GAAG,GAAG,GAAG,KAAK,CAAC,MAAM,EACnC,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU,mBACzC,QAAQ,IAAI,mBAAmB,KAAK,UAAU,EAC7D,OAAO,EACL,KAAC,gBAAgB,IACf,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,SAAS,KAAK,MAAM,EAC7B,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU,mBACzC,QAAQ,IAAI,mBAAmB,KAAK,UAAU,EAC7D,IAAI,EAAC,UAAU,kBACD,gBAAgB,EAC9B,QAAQ,EAAE,GAAG,EAAE;gCACb,kDAAkD;gCAClD,IAAI,QAAQ,EAAE,CAAC;oCACb,OAAO;gCACT,CAAC;gCAED,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;oCACzB,eAAe,CAAC,OAAO,CAAC,CAAC;gCAC3B,CAAC;gCAED,IAAI,SAAS,KAAK,OAAO,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;oCAChD,eAAe,CAAC,MAAM,CAAC,CAAC;gCAC1B,CAAC;4BACH,CAAC,GACD,EAEJ,KAAK,EAAC,EAAE,GACR,CACH,CAAC,CAAC,CAAC,CACF,MAAC,GAAG,IACF,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,aAC/D,KAAC,gBAAgB,IACf,EAAE,EAAE,KAAK,CAAC,IAAI,GAAG,GAAG,GAAG,KAAK,CAAC,MAAM,qBAClB,QAAQ,GAAG,KAAK,CAAC,MAAM,EACxC,GAAG,EAAE,WAAW,KAAK,qBAAqB,CAAC,UAAU,EACrD,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,mBAChD,QAAQ,IAAI,mBAAmB,KAAK,UAAU,EAC7D,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oCACd,kDAAkD;oCAClD,IAAI,QAAQ,EAAE,CAAC;wCACb,OAAO;oCACT,CAAC;oCAED,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gCAClC,CAAC,EACD,KAAK,EAAE,SAAS,YACf,mBAAmB,CAAC,CAAC,CAAC,CACrB,8BACE,KAAC,iBAAiB,IAChB,KAAK,EAAC,OAAO,EACb,KAAK,EAAC,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,cAAc,GACzB,EACF,KAAC,iBAAiB,IAChB,KAAK,EAAC,MAAM,EACZ,KAAK,EAAC,KAAK,EACX,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,cAAc,GACzB,IACD,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,iBAAiB,IAChB,KAAK,EAAC,MAAM,EACZ,KAAK,EAAC,KAAK,EACX,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,cAAc,GACzB,EACF,KAAC,iBAAiB,IAChB,KAAK,EAAC,OAAO,EACb,KAAK,EAAC,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,cAAc,GACzB,IACD,CACJ,GACgB,EAEnB,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,GAAI,EAEpB,KAAC,eAAe,IAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,GAAI,IAC3D,CACP,EAED,KAAC,gBAAgB,IACf,WAAW,EAAE,YAAY,KAAK,SAAS,EACvC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB,IACE,EAEL,QAAQ,CAAC,CAAC,CAAC,KAAC,wBAAwB,cAAE,QAAQ,GAA4B,CAAC,CAAC,CAAC,IAAI,IACjF,CACJ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,YAAY,CAAC"}
|
|
@@ -4,6 +4,7 @@ import FadingCheckIcon from '../ItemParts/FadingCheckIcon';
|
|
|
4
4
|
import { StandardTextField } from '../Textfield.styles';
|
|
5
5
|
import { useRendererStylingStore } from '../../../stores';
|
|
6
6
|
import DisplayUnitText from '../ItemParts/DisplayUnitText';
|
|
7
|
+
import { ClearButtonAdornment } from '../ItemParts/ClearButtonAdornment';
|
|
7
8
|
function DecimalField(props) {
|
|
8
9
|
const { linkId, itemType, input, feedback, displayPrompt, displayUnit, entryFormat, readOnly, calcExpUpdated, isTabled, onInputChange, onBlur } = props;
|
|
9
10
|
const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
|
|
@@ -12,7 +13,9 @@ function DecimalField(props) {
|
|
|
12
13
|
htmlInput: { inputMode: 'numeric', pattern: '[0-9]*' },
|
|
13
14
|
input: {
|
|
14
15
|
readOnly: readOnly && readOnlyVisualStyle === 'readonly',
|
|
15
|
-
endAdornment: (_jsxs(InputAdornment, { position: "end", children: [_jsx(FadingCheckIcon, { fadeIn: calcExpUpdated, disabled: readOnly }), _jsx(
|
|
16
|
+
endAdornment: (_jsxs(InputAdornment, { position: "end", children: [_jsx(FadingCheckIcon, { fadeIn: calcExpUpdated, disabled: readOnly }), _jsx(ClearButtonAdornment, { readOnly: readOnly, onClear: () => {
|
|
17
|
+
onInputChange('');
|
|
18
|
+
} }), _jsx(DisplayUnitText, { readOnly: readOnly, children: displayUnit })] }))
|
|
16
19
|
}
|
|
17
20
|
}, helperText: feedback, "data-test": "q-item-decimal-field" }));
|
|
18
21
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DecimalField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/DecimalItem/DecimalField.tsx"],"names":[],"mappings":";AAkBA,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,eAAe,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"DecimalField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/DecimalItem/DecimalField.tsx"],"names":[],"mappings":";AAkBA,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAgBzE,SAAS,YAAY,CAAC,KAAwB;IAC5C,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,WAAW,EACX,WAAW,EACX,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,aAAa,EACb,MAAM,EACP,GAAG,KAAK,CAAC;IAEV,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;IAC9E,MAAM,cAAc,GAAG,uBAAuB,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC;IAEpE,OAAO,CACL,KAAC,iBAAiB,IAChB,EAAE,EAAE,QAAQ,GAAG,GAAG,GAAG,MAAM,EAC3B,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,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU,EACxD,KAAK,EAAE,aAAa,EACpB,WAAW,EAAE,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,EACrD,cAAc,EAAE,cAAc,EAC9B,SAAS,QACT,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE;YACT,SAAS,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE;YACtD,KAAK,EAAE;gBACL,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU;gBACxD,YAAY,EAAE,CACZ,MAAC,cAAc,IAAC,QAAQ,EAAC,KAAK,aAC5B,KAAC,eAAe,IAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,GAAI,EAC/D,KAAC,oBAAoB,IACnB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;gCACZ,aAAa,CAAC,EAAE,CAAC,CAAC;4BACpB,CAAC,GACD,EACF,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,YAAG,WAAW,GAAmB,IACrD,CAClB;aACF;SACF,EACD,UAAU,EAAE,QAAQ,eACV,sBAAsB,GAChC,CACH,CAAC;AACJ,CAAC;AAED,eAAe,YAAY,CAAC"}
|
|
@@ -60,9 +60,9 @@ function GridGroup(props) {
|
|
|
60
60
|
onQrItemChange(updatedQrGroup, targetItemPath);
|
|
61
61
|
}
|
|
62
62
|
if (showMinimalView) {
|
|
63
|
-
return (_jsx(QGroupContainerBox, { cardElevation: groupCardElevation, isRepeated: false, py: 1, style: parentStyles || undefined, children: _jsx(TableContainer, { component: Paper, elevation: groupCardElevation, children: _jsx(GridTable, { qItems: qRowItems, qrItems: qrRowItems, qItemsIndexMap: qItemsIndexMap, columnLabels: columnLabels, itemPath: itemPath, showMinimalView: showMinimalView, parentIsReadOnly:
|
|
63
|
+
return (_jsx(QGroupContainerBox, { cardElevation: groupCardElevation, isRepeated: false, py: 1, style: parentStyles || undefined, children: _jsx(TableContainer, { component: Paper, elevation: groupCardElevation, children: _jsx(GridTable, { qItems: qRowItems, qrItems: qrRowItems, qItemsIndexMap: qItemsIndexMap, columnLabels: columnLabels, itemPath: itemPath, showMinimalView: showMinimalView, parentIsReadOnly: readOnly, onQrItemChange: handleRowChange }) }) }));
|
|
64
64
|
}
|
|
65
|
-
return (_jsxs(QGroupContainerBox, { cardElevation: groupCardElevation, isRepeated: false, py: 3, "data-linkid": qItem.linkId, onClick: () => onFocusLinkId(qItem.linkId), style: parentStyles || undefined, children: [qItem.text ? (_jsxs(_Fragment, { children: [_jsx(GroupHeading, { qItem: qItem, readOnly: readOnly, groupCardElevation: groupCardElevation }), _jsx(Divider, { sx: { my: 1, opacity: 0.6 } })] })) : null, _jsx(TableContainer, { component: Paper, elevation: groupCardElevation, children: _jsx(GridTable, { qItems: qRowItems, qrItems: qrRowItems, qItemsIndexMap: qItemsIndexMap, columnLabels: columnLabels, itemPath: itemPath, parentIsReadOnly:
|
|
65
|
+
return (_jsxs(QGroupContainerBox, { cardElevation: groupCardElevation, isRepeated: false, py: 3, "data-linkid": qItem.linkId, onClick: () => onFocusLinkId(qItem.linkId), style: parentStyles || undefined, children: [qItem.text ? (_jsxs(_Fragment, { children: [_jsx(GroupHeading, { qItem: qItem, readOnly: readOnly, groupCardElevation: groupCardElevation }), _jsx(Divider, { sx: { my: 1, opacity: 0.6 } })] })) : null, _jsx(TableContainer, { component: Paper, elevation: groupCardElevation, children: _jsx(GridTable, { qItems: qRowItems, qrItems: qrRowItems, qItemsIndexMap: qItemsIndexMap, columnLabels: columnLabels, itemPath: itemPath, parentIsReadOnly: readOnly, onQrItemChange: handleRowChange }) })] }));
|
|
66
66
|
}
|
|
67
67
|
export default GridGroup;
|
|
68
68
|
//# sourceMappingURL=GridGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GridGroup.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/GridGroup/GridGroup.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"GridGroup.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/GridGroup/GridGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,6 +21,7 @@ import { GridAnswerTableCell, GridTextTableCell } from '../Tables/Table.styles';
|
|
|
21
21
|
import SingleItem from '../SingleItem/SingleItem';
|
|
22
22
|
import { getQrItemsIndex, mapQItemsIndex } from '../../../utils/mapItem';
|
|
23
23
|
import Typography from '@mui/material/Typography';
|
|
24
|
+
import Box from '@mui/material/Box';
|
|
24
25
|
import useHidden from '../../../hooks/useHidden';
|
|
25
26
|
import { extendItemPath } from '../../../utils/itemPath';
|
|
26
27
|
function GridRow(props) {
|
|
@@ -55,7 +56,7 @@ function GridRow(props) {
|
|
|
55
56
|
if (Array.isArray(cellQrItem)) {
|
|
56
57
|
return null;
|
|
57
58
|
}
|
|
58
|
-
return (_jsx(GridAnswerTableCell, { numOfColumns: numOfColumns, children: _jsx(SingleItem, { qItem: cellQItem, qrItem: cellQrItem !== null && cellQrItem !== void 0 ? cellQrItem : null, itemPath: extendItemPath(itemPath, cellQItem.linkId), isRepeated: true, isTabled: true, groupCardElevation: 1, showMinimalView: true, parentIsReadOnly: parentIsReadOnly, onQrItemChange: handleQrRowItemChange }) }, colIndex));
|
|
59
|
+
return (_jsx(GridAnswerTableCell, { numOfColumns: numOfColumns, children: _jsx(Box, { display: "flex", alignItems: "center", justifyContent: "center", children: _jsx(Box, { flexGrow: 1, children: _jsx(SingleItem, { qItem: cellQItem, qrItem: cellQrItem !== null && cellQrItem !== void 0 ? cellQrItem : null, itemPath: extendItemPath(itemPath, cellQItem.linkId), isRepeated: true, isTabled: true, groupCardElevation: 1, showMinimalView: true, parentIsReadOnly: parentIsReadOnly, onQrItemChange: handleQrRowItemChange }) }) }) }, colIndex));
|
|
59
60
|
})] }));
|
|
60
61
|
}
|
|
61
62
|
export default GridRow;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GridRow.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/GridGroup/GridRow.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"GridRow.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/GridGroup/GridRow.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,11 +8,12 @@ import { HeaderTableCell } from '../Tables/Table.styles';
|
|
|
8
8
|
import GridRow from './GridRow';
|
|
9
9
|
import { getQrItemsIndex } from '../../../utils/mapItem';
|
|
10
10
|
import { extendItemPath } from '../../../utils/itemPath';
|
|
11
|
+
import { Box } from '@mui/material';
|
|
11
12
|
function GridTable(props) {
|
|
12
13
|
const { qItems, qrItems, qItemsIndexMap, columnLabels, itemPath, showMinimalView, parentIsReadOnly, onQrItemChange } = props;
|
|
13
14
|
const qrItemsByIndex = getQrItemsIndex(qItems, qrItems, qItemsIndexMap);
|
|
14
15
|
const minimalViewHeaderCellSx = showMinimalView ? { py: 2 } : null;
|
|
15
|
-
return (_jsxs(Table, { size: showMinimalView ? 'small' : 'medium', children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(HeaderTableCell, {}), columnLabels.map((label) => (_jsx(HeaderTableCell, { size: "medium", sx: Object.assign({}, minimalViewHeaderCellSx), children: label }, label))), _jsx(TableCell, {})] }) }), _jsx(TableBody, { children: qItems.map((qItem, index) => {
|
|
16
|
+
return (_jsxs(Table, { size: showMinimalView ? 'small' : 'medium', children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(HeaderTableCell, {}), columnLabels.map((label) => (_jsx(HeaderTableCell, { size: "medium", sx: Object.assign({}, minimalViewHeaderCellSx), children: _jsx(Box, { display: "flex", alignItems: "center", justifyContent: "center", children: label }) }, label))), _jsx(TableCell, {})] }) }), _jsx(TableBody, { children: qItems.map((qItem, index) => {
|
|
16
17
|
const qrItem = qrItemsByIndex[index];
|
|
17
18
|
if (Array.isArray(qrItem)) {
|
|
18
19
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GridTable.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/GridGroup/GridTable.tsx"],"names":[],"mappings":";AAkBA,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAOzD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"GridTable.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/GridGroup/GridTable.tsx"],"names":[],"mappings":";AAkBA,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAOzD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAapC,SAAS,SAAS,CAAC,KAAqB;IACtC,MAAM,EACJ,MAAM,EACN,OAAO,EACP,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,gBAAgB,EAChB,cAAc,EACf,GAAG,KAAK,CAAC;IAEV,MAAM,cAAc,GAAG,eAAe,CAAC,MAAM,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC;IAExE,MAAM,uBAAuB,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAEnE,OAAO,CACL,MAAC,KAAK,IAAC,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,aAC/C,KAAC,SAAS,cACR,MAAC,QAAQ,eACP,KAAC,eAAe,KAAG,EAClB,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3B,KAAC,eAAe,IAAa,IAAI,EAAC,QAAQ,EAAC,EAAE,oBAAO,uBAAuB,aACzE,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,YAC5D,KAAK,GACF,IAHc,KAAK,CAIT,CACnB,CAAC,EACF,KAAC,SAAS,KAAG,IACJ,GACD,EACZ,KAAC,SAAS,cACP,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;oBAC3B,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;oBAErC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;wBAC1B,OAAO,IAAI,CAAC;oBACd,CAAC;oBAED,uDAAuD;oBACvD,IAAI,eAAe,IAAI,CAAC,MAAM,EAAE,CAAC;wBAC/B,OAAO,IAAI,CAAC;oBACd,CAAC;oBAED,OAAO,CACL,KAAC,QAAQ,cACP,KAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,IAAI,EACtB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,EAChD,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,GAC9B,IARW,KAAK,CAAC,MAAM,CAShB,CACZ,CAAC;gBACJ,CAAC,CAAC,GACQ,IACN,CACT,CAAC;AACJ,CAAC;AAED,eAAe,SAAS,CAAC"}
|
|
@@ -4,6 +4,7 @@ import { StandardTextField } from '../Textfield.styles';
|
|
|
4
4
|
import FadingCheckIcon from '../ItemParts/FadingCheckIcon';
|
|
5
5
|
import { useRendererStylingStore } from '../../../stores';
|
|
6
6
|
import DisplayUnitText from '../ItemParts/DisplayUnitText';
|
|
7
|
+
import { ClearButtonAdornment } from '../ItemParts/ClearButtonAdornment';
|
|
7
8
|
function IntegerField(props) {
|
|
8
9
|
const { linkId, itemType, input, feedback, displayPrompt, displayUnit, entryFormat, readOnly, calcExpUpdated, isTabled, onInputChange, onBlur } = props;
|
|
9
10
|
const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
|
|
@@ -12,7 +13,9 @@ function IntegerField(props) {
|
|
|
12
13
|
htmlInput: { inputMode: 'numeric', pattern: '[0-9]*' },
|
|
13
14
|
input: {
|
|
14
15
|
readOnly: readOnly && readOnlyVisualStyle === 'readonly',
|
|
15
|
-
endAdornment: (_jsxs(InputAdornment, { position: 'end', children: [_jsx(FadingCheckIcon, { fadeIn: calcExpUpdated, disabled: readOnly }), _jsx(
|
|
16
|
+
endAdornment: (_jsxs(InputAdornment, { position: 'end', children: [_jsx(FadingCheckIcon, { fadeIn: calcExpUpdated, disabled: readOnly }), _jsx(ClearButtonAdornment, { readOnly: readOnly, onClear: () => {
|
|
17
|
+
onInputChange('');
|
|
18
|
+
} }), _jsx(DisplayUnitText, { readOnly: readOnly, children: displayUnit })] }))
|
|
16
19
|
}
|
|
17
20
|
}, "data-test": "q-item-integer-field" }));
|
|
18
21
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IntegerField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/IntegerItem/IntegerField.tsx"],"names":[],"mappings":";AAkBA,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,eAAe,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"IntegerField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/IntegerItem/IntegerField.tsx"],"names":[],"mappings":";AAkBA,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAgBzE,SAAS,YAAY,CAAC,KAAwB;IAC5C,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,WAAW,EACX,WAAW,EACX,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,aAAa,EACb,MAAM,EACP,GAAG,KAAK,CAAC;IAEV,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;IAC9E,MAAM,cAAc,GAAG,uBAAuB,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC;IAEpE,OAAO,CACL,KAAC,iBAAiB,IAChB,EAAE,EAAE,QAAQ,GAAG,GAAG,GAAG,MAAM,EAC3B,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,CAAC,CAAC,QAAQ,EACjB,UAAU,EAAE,QAAQ,EACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACtD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU,EACxD,KAAK,EAAE,aAAa,EACpB,WAAW,EAAE,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,EACnD,SAAS,QACT,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE;YACT,SAAS,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE;YACtD,KAAK,EAAE;gBACL,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU;gBACxD,YAAY,EAAE,CACZ,MAAC,cAAc,IAAC,QAAQ,EAAE,KAAK,aAC7B,KAAC,eAAe,IAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,GAAI,EAC/D,KAAC,oBAAoB,IACnB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;gCACZ,aAAa,CAAC,EAAE,CAAC,CAAC;4BACpB,CAAC,GACD,EACF,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,YAAG,WAAW,GAAmB,IACrD,CAClB;aACF;SACF,eACS,sBAAsB,GAChC,CACH,CAAC;AACJ,CAAC;AAED,eAAe,YAAY,CAAC"}
|
|
@@ -12,14 +12,13 @@ function CheckboxFormGroup(props) {
|
|
|
12
12
|
const { qItem, options, answers, feedback, readOnly, expressionUpdated, answerOptionsToggleExpressionsMap, onCheckedChange, onClear, children } = props;
|
|
13
13
|
const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
|
|
14
14
|
const inputsFlexGrow = useRendererStylingStore.use.inputsFlexGrow();
|
|
15
|
-
const hideClearButton = useRendererStylingStore.use.hideClearButton();
|
|
16
15
|
const orientation = (_a = getChoiceOrientation(qItem)) !== null && _a !== void 0 ? _a : ChoiceItemOrientation.Vertical;
|
|
17
16
|
const answersEmpty = answers.length === 0;
|
|
18
17
|
return (_jsxs(_Fragment, { children: [_jsxs(Box, { display: "flex", sx: {
|
|
19
18
|
justifyContent: 'space-between',
|
|
20
19
|
alignItems: { xs: 'start', sm: 'center' },
|
|
21
20
|
flexDirection: { xs: 'column', sm: 'row' }
|
|
22
|
-
}, children: [_jsxs(Box, { display: "flex", alignItems: "center", sx: inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {}, children: [_jsxs(StyledFormGroup, { id: qItem.type + '-' + qItem.linkId, "aria-labelledby": 'label-' + qItem.linkId, row: orientation === ChoiceItemOrientation.Horizontal, sx: inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {}, "aria-readonly": readOnly && readOnlyVisualStyle === 'readonly', children: [_jsx(CheckboxOptionList, { options: options, answers: answers, readOnly: readOnly, fullWidth: inputsFlexGrow, answerOptionsToggleExpressionsMap: answerOptionsToggleExpressionsMap, onCheckedChange: onCheckedChange }), children] }), _jsx(Box, { flexGrow: 1 }), _jsx(FadingCheckIcon, { fadeIn: expressionUpdated, disabled: readOnly })] }),
|
|
21
|
+
}, children: [_jsxs(Box, { display: "flex", alignItems: "center", sx: inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {}, children: [_jsxs(StyledFormGroup, { id: qItem.type + '-' + qItem.linkId, "aria-labelledby": 'label-' + qItem.linkId, row: orientation === ChoiceItemOrientation.Horizontal, sx: inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {}, "aria-readonly": readOnly && readOnlyVisualStyle === 'readonly', children: [_jsx(CheckboxOptionList, { options: options, answers: answers, readOnly: readOnly, fullWidth: inputsFlexGrow, answerOptionsToggleExpressionsMap: answerOptionsToggleExpressionsMap, onCheckedChange: onCheckedChange }), children] }), _jsx(Box, { flexGrow: 1 }), _jsx(FadingCheckIcon, { fadeIn: expressionUpdated, disabled: readOnly })] }), _jsx(ClearInputButton, { buttonShown: !answersEmpty, readOnly: readOnly, onClear: onClear })] }), feedback ? _jsx(StyledRequiredTypography, { children: feedback }) : null] }));
|
|
23
22
|
}
|
|
24
23
|
export default CheckboxFormGroup;
|
|
25
24
|
//# sourceMappingURL=CheckboxFormGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxFormGroup.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/ItemParts/CheckboxFormGroup.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAMlD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,kBAAkB,MAAM,mCAAmC,CAAC;AAenE,SAAS,iBAAiB,CAAC,KAAmC;;IAC5D,MAAM,EACJ,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,iCAAiC,EACjC,eAAe,EACf,OAAO,EACP,QAAQ,EACT,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;
|
|
1
|
+
{"version":3,"file":"CheckboxFormGroup.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/ItemParts/CheckboxFormGroup.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAMlD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,kBAAkB,MAAM,mCAAmC,CAAC;AAenE,SAAS,iBAAiB,CAAC,KAAmC;;IAC5D,MAAM,EACJ,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,iCAAiC,EACjC,eAAe,EACf,OAAO,EACP,QAAQ,EACT,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,MAAA,oBAAoB,CAAC,KAAK,CAAC,mCAAI,qBAAqB,CAAC,QAAQ,CAAC;IAElF,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC;IAE1C,OAAO,CACL,8BACE,MAAC,GAAG,IACF,OAAO,EAAC,MAAM,EACd,EAAE,EAAE;oBACF,cAAc,EAAE,eAAe;oBAC/B,UAAU,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE;oBACzC,aAAa,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE;iBAC3C,aACD,MAAC,GAAG,IACF,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,aAC/D,MAAC,eAAe,IACd,EAAE,EAAE,KAAK,CAAC,IAAI,GAAG,GAAG,GAAG,KAAK,CAAC,MAAM,qBAClB,QAAQ,GAAG,KAAK,CAAC,MAAM,EACxC,GAAG,EAAE,WAAW,KAAK,qBAAqB,CAAC,UAAU,EACrD,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,mBAChD,QAAQ,IAAI,mBAAmB,KAAK,UAAU,aAC7D,KAAC,kBAAkB,IACjB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,cAAc,EACzB,iCAAiC,EAAE,iCAAiC,EACpE,eAAe,EAAE,eAAe,GAChC,EACD,QAAQ,IACO,EAElB,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,GAAI,EAEpB,KAAC,eAAe,IAAC,MAAM,EAAE,iBAAiB,EAAE,QAAQ,EAAE,QAAQ,GAAI,IAC9D,EAEN,KAAC,gBAAgB,IAAC,WAAW,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAI,IAClF,EAEL,QAAQ,CAAC,CAAC,CAAC,KAAC,wBAAwB,cAAE,QAAQ,GAA4B,CAAC,CAAC,CAAC,IAAI,IACjF,CACJ,CAAC;AACJ,CAAC;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { IconButton } from '@mui/material';
|
|
3
|
+
import ClearIcon from '@mui/icons-material/Clear';
|
|
4
|
+
export function ClearButtonAdornment(props) {
|
|
5
|
+
const { readOnly, onClear } = props;
|
|
6
|
+
if (readOnly) {
|
|
7
|
+
return null;
|
|
8
|
+
}
|
|
9
|
+
return (_jsx("span", { title: "Clear", children: _jsx(IconButton, { size: "small", tabIndex: -1, onClick: (e) => {
|
|
10
|
+
var _a;
|
|
11
|
+
onClear();
|
|
12
|
+
// Manually re-focus the input field
|
|
13
|
+
const input = (_a = e.currentTarget.closest('.MuiOutlinedInput-root')) === null || _a === void 0 ? void 0 : _a.querySelector('input');
|
|
14
|
+
if (input) {
|
|
15
|
+
input.focus();
|
|
16
|
+
}
|
|
17
|
+
}, onMouseDown: (e) => {
|
|
18
|
+
e.preventDefault(); // Prevent the button from stealing focus
|
|
19
|
+
}, className: "StandardTextField-clearIndicator", sx: {
|
|
20
|
+
p: 0.5
|
|
21
|
+
}, children: _jsx(ClearIcon, { fontSize: "small" }) }) }));
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=ClearButtonAdornment.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ClearButtonAdornment.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/ItemParts/ClearButtonAdornment.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAOlD,MAAM,UAAU,oBAAoB,CAAC,KAAgC;IACnE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEpC,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,eAAM,KAAK,EAAC,OAAO,YACjB,KAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;;gBACb,OAAO,EAAE,CAAC;gBAEV,oCAAoC;gBACpC,MAAM,KAAK,GAAG,MAAA,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,wBAAwB,CAAC,0CAAE,aAAa,CAAC,OAAO,CAAC,CAAC;gBACxF,IAAI,KAAK,EAAE,CAAC;oBACV,KAAK,CAAC,KAAK,EAAE,CAAC;gBAChB,CAAC;YACH,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;gBACjB,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,yCAAyC;YAC/D,CAAC,EACD,SAAS,EAAC,kCAAkC,EAC5C,EAAE,EAAE;gBACF,CAAC,EAAE,GAAG;aACP,YACD,KAAC,SAAS,IAAC,QAAQ,EAAC,OAAO,GAAG,GACnB,GACR,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -3,5 +3,5 @@ interface ClearInputButtonProps {
|
|
|
3
3
|
readOnly: boolean;
|
|
4
4
|
onClear: () => void;
|
|
5
5
|
}
|
|
6
|
-
declare function ClearInputButton(props: ClearInputButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function ClearInputButton(props: ClearInputButtonProps): import("react/jsx-runtime").JSX.Element | null;
|
|
7
7
|
export default ClearInputButton;
|
|
@@ -1,16 +1,20 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import Tooltip from '@mui/material/Tooltip';
|
|
3
3
|
import Button from '@mui/material/Button';
|
|
4
4
|
import { grey } from '@mui/material/colors';
|
|
5
5
|
import Fade from '@mui/material/Fade';
|
|
6
|
+
import { useRendererStylingStore } from '../../../stores';
|
|
6
7
|
function ClearInputButton(props) {
|
|
7
8
|
const { buttonShown, readOnly, onClear } = props;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
const hideClearButton = useRendererStylingStore.use.hideClearButton();
|
|
10
|
+
// If "hideClearButton" config is true OR if item.readOnly is true, do not render button
|
|
11
|
+
if (hideClearButton || readOnly) {
|
|
12
|
+
return null;
|
|
13
|
+
}
|
|
14
|
+
return (_jsx(Fade, { in: buttonShown, timeout: 100, children: _jsx(Tooltip, { title: "Set question as unanswered", children: _jsx(Button, { sx: {
|
|
15
|
+
color: grey['500'],
|
|
16
|
+
'&:hover': { backgroundColor: grey['200'] }
|
|
17
|
+
}, onClick: onClear, children: "Clear" }) }) }));
|
|
14
18
|
}
|
|
15
19
|
export default ClearInputButton;
|
|
16
20
|
//# sourceMappingURL=ClearInputButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClearInputButton.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/ItemParts/ClearInputButton.tsx"],"names":[],"mappings":";AAkBA,OAAO,
|
|
1
|
+
{"version":3,"file":"ClearInputButton.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/ItemParts/ClearInputButton.tsx"],"names":[],"mappings":";AAkBA,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAQ1D,SAAS,gBAAgB,CAAC,KAA4B;IACpD,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEjD,MAAM,eAAe,GAAG,uBAAuB,CAAC,GAAG,CAAC,eAAe,EAAE,CAAC;IAEtE,wFAAwF;IACxF,IAAI,eAAe,IAAI,QAAQ,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,IAAI,IAAC,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,YACjC,KAAC,OAAO,IAAC,KAAK,EAAC,4BAA4B,YACzC,KAAC,MAAM,IACL,EAAE,EAAE;oBACF,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC;oBAClB,SAAS,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE;iBAC5C,EACD,OAAO,EAAE,OAAO,sBAET,GACD,GACL,CACR,CAAC;AACJ,CAAC;AAED,eAAe,gBAAgB,CAAC"}
|
|
@@ -5,7 +5,7 @@ function DisplayUnitText(props) {
|
|
|
5
5
|
const { readOnly, children } = props;
|
|
6
6
|
const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
|
|
7
7
|
const readOnlyTextColor = readOnlyVisualStyle === 'disabled' ? 'text.disabled' : 'text.secondary';
|
|
8
|
-
return (_jsx(Typography, { component: "span", color: readOnly ? readOnlyTextColor : 'text.secondary', children: children }));
|
|
8
|
+
return (_jsx(Typography, { component: "span", color: readOnly ? readOnlyTextColor : 'text.secondary', sx: { px: 0.5 }, children: children }));
|
|
9
9
|
}
|
|
10
10
|
export default DisplayUnitText;
|
|
11
11
|
//# sourceMappingURL=DisplayUnitText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DisplayUnitText.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/ItemParts/DisplayUnitText.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAO1D,SAAS,eAAe,CAAC,KAA2B;IAClD,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAErC,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;IAE9E,MAAM,iBAAiB,GAAG,mBAAmB,KAAK,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAElG,OAAO,CACL,KAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"DisplayUnitText.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/ItemParts/DisplayUnitText.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAO1D,SAAS,eAAe,CAAC,KAA2B;IAClD,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAErC,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;IAE9E,MAAM,iBAAiB,GAAG,mBAAmB,KAAK,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAElG,OAAO,CACL,KAAC,UAAU,IACT,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,EACtD,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,YACd,QAAQ,GACE,CACd,CAAC;AACJ,CAAC;AAED,eAAe,eAAe,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { StandardTextField } from '../Textfield.styles';
|
|
3
3
|
import { useRendererStylingStore } from '../../../stores';
|
|
4
|
+
import InputAdornment from '@mui/material/InputAdornment';
|
|
5
|
+
import { ClearButtonAdornment } from './ClearButtonAdornment';
|
|
4
6
|
function OpenLabelField(props) {
|
|
5
7
|
const { value, readOnly, openLabelOptionSelected, onInputChange } = props;
|
|
6
8
|
const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
|
|
@@ -11,7 +13,10 @@ function OpenLabelField(props) {
|
|
|
11
13
|
}
|
|
12
14
|
return (_jsx(StandardTextField, { disabled: fieldReadOnly && readOnlyVisualStyle === 'disabled', value: value, onChange: handleInputChange, fullWidth: true, textFieldWidth: textFieldWidth, isTabled: false, size: "small", slotProps: {
|
|
13
15
|
input: {
|
|
14
|
-
readOnly: fieldReadOnly && readOnlyVisualStyle === 'readonly'
|
|
16
|
+
readOnly: fieldReadOnly && readOnlyVisualStyle === 'readonly',
|
|
17
|
+
endAdornment: (_jsx(InputAdornment, { position: "end", children: _jsx(ClearButtonAdornment, { readOnly: fieldReadOnly, onClear: () => {
|
|
18
|
+
onInputChange('');
|
|
19
|
+
} }) }))
|
|
15
20
|
}
|
|
16
21
|
} }));
|
|
17
22
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OpenLabelField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/ItemParts/OpenLabelField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"OpenLabelField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/ItemParts/OpenLabelField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAS9D,SAAS,cAAc,CAAC,KAA0B;IAChD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,uBAAuB,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAE1E,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;IAC9E,MAAM,cAAc,GAAG,uBAAuB,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC;IAEpE,MAAM,aAAa,GAAG,CAAC,uBAAuB,IAAI,QAAQ,CAAC;IAE3D,SAAS,iBAAiB,CAAC,KAAoC;QAC7D,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC;IAED,OAAO,CACL,KAAC,iBAAiB,IAChB,QAAQ,EAAE,aAAa,IAAI,mBAAmB,KAAK,UAAU,EAC7D,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,QACT,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,KAAK,EACf,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,QAAQ,EAAE,aAAa,IAAI,mBAAmB,KAAK,UAAU;gBAC7D,YAAY,EAAE,CACZ,KAAC,cAAc,IAAC,QAAQ,EAAC,KAAK,YAC5B,KAAC,oBAAoB,IACnB,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,GAAG,EAAE;4BACZ,aAAa,CAAC,EAAE,CAAC,CAAC;wBACpB,CAAC,GACD,GACa,CAClB;aACF;SACF,GACD,CACH,CAAC;AACJ,CAAC;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -12,7 +12,6 @@ function RadioFormGroup(props) {
|
|
|
12
12
|
const { qItem, options, valueRadio, feedback, readOnly, expressionUpdated, answerOptionsToggleExpressionsMap, onCheckedChange, onClear, children } = props;
|
|
13
13
|
const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
|
|
14
14
|
const inputsFlexGrow = useRendererStylingStore.use.inputsFlexGrow();
|
|
15
|
-
const hideClearButton = useRendererStylingStore.use.hideClearButton();
|
|
16
15
|
const orientation = (_a = getChoiceOrientation(qItem)) !== null && _a !== void 0 ? _a : ChoiceItemOrientation.Vertical;
|
|
17
16
|
return (_jsxs(_Fragment, { children: [_jsxs(Box, { display: "flex", sx: {
|
|
18
17
|
justifyContent: 'space-between',
|
|
@@ -24,7 +23,7 @@ function RadioFormGroup(props) {
|
|
|
24
23
|
return;
|
|
25
24
|
}
|
|
26
25
|
onCheckedChange(e.target.value);
|
|
27
|
-
}, value: valueRadio, "data-test": "q-item-radio-group", children: [_jsx(RadioOptionList, { options: options, readOnly: readOnly, fullWidth: inputsFlexGrow, answerOptionsToggleExpressionsMap: answerOptionsToggleExpressionsMap }), children] }), _jsx(Box, { flexGrow: 1 }), _jsx(FadingCheckIcon, { fadeIn: expressionUpdated, disabled: readOnly })] }),
|
|
26
|
+
}, value: valueRadio, "data-test": "q-item-radio-group", children: [_jsx(RadioOptionList, { options: options, readOnly: readOnly, fullWidth: inputsFlexGrow, answerOptionsToggleExpressionsMap: answerOptionsToggleExpressionsMap }), children] }), _jsx(Box, { flexGrow: 1 }), _jsx(FadingCheckIcon, { fadeIn: expressionUpdated, disabled: readOnly })] }), _jsx(ClearInputButton, { buttonShown: !!valueRadio, readOnly: readOnly, onClear: onClear })] }), feedback ? _jsx(StyledRequiredTypography, { children: feedback }) : null] }));
|
|
28
27
|
}
|
|
29
28
|
export default RadioFormGroup;
|
|
30
29
|
//# sourceMappingURL=RadioFormGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioFormGroup.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/ItemParts/RadioFormGroup.tsx"],"names":[],"mappings":";AAEA,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAe7D,SAAS,cAAc,CAAC,KAA4B;;IAClD,MAAM,EACJ,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,iCAAiC,EACjC,eAAe,EACf,OAAO,EACP,QAAQ,EACT,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;
|
|
1
|
+
{"version":3,"file":"RadioFormGroup.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/ItemParts/RadioFormGroup.tsx"],"names":[],"mappings":";AAEA,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAe7D,SAAS,cAAc,CAAC,KAA4B;;IAClD,MAAM,EACJ,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,iCAAiC,EACjC,eAAe,EACf,OAAO,EACP,QAAQ,EACT,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,MAAA,oBAAoB,CAAC,KAAK,CAAC,mCAAI,qBAAqB,CAAC,QAAQ,CAAC;IAElF,OAAO,CACL,8BACE,MAAC,GAAG,IACF,OAAO,EAAC,MAAM,EACd,EAAE,EAAE;oBACF,cAAc,EAAE,eAAe;oBAC/B,UAAU,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE;oBACzC,aAAa,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE;iBAC3C,aACD,MAAC,GAAG,IACF,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,aAC/D,MAAC,gBAAgB,IACf,EAAE,EAAE,KAAK,CAAC,IAAI,GAAG,GAAG,GAAG,KAAK,CAAC,MAAM,qBAClB,QAAQ,GAAG,KAAK,CAAC,MAAM,EACxC,GAAG,EAAE,WAAW,KAAK,qBAAqB,CAAC,UAAU,EACrD,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,mBAChD,QAAQ,IAAI,mBAAmB,KAAK,UAAU,EAC7D,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oCACd,kDAAkD;oCAClD,IAAI,QAAQ,EAAE,CAAC;wCACb,OAAO;oCACT,CAAC;oCAED,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gCAClC,CAAC,EACD,KAAK,EAAE,UAAU,eACP,oBAAoB,aAC9B,KAAC,eAAe,IACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,cAAc,EACzB,iCAAiC,EAAE,iCAAiC,GACpE,EACD,QAAQ,IACQ,EAEnB,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,GAAI,EAEpB,KAAC,eAAe,IAAC,MAAM,EAAE,iBAAiB,EAAE,QAAQ,EAAE,QAAQ,GAAI,IAC9D,EAEN,KAAC,gBAAgB,IAAC,WAAW,EAAE,CAAC,CAAC,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAI,IACjF,EAEL,QAAQ,CAAC,CAAC,CAAC,KAAC,wBAAwB,cAAE,QAAQ,GAA4B,CAAC,CAAC,CAAC,IAAI,IACjF,CACJ,CAAC;AACJ,CAAC;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -4,6 +4,7 @@ import FadingCheckIcon from '../ItemParts/FadingCheckIcon';
|
|
|
4
4
|
import { StandardTextField } from '../Textfield.styles';
|
|
5
5
|
import { useRendererStylingStore } from '../../../stores';
|
|
6
6
|
import DisplayUnitText from '../ItemParts/DisplayUnitText';
|
|
7
|
+
import { ClearButtonAdornment } from '../ItemParts/ClearButtonAdornment';
|
|
7
8
|
function QuantityField(props) {
|
|
8
9
|
const { linkId, itemType, input, feedback, displayPrompt, displayUnit, entryFormat, readOnly, calcExpUpdated, isTabled, onInputChange, onBlur } = props;
|
|
9
10
|
const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
|
|
@@ -12,7 +13,9 @@ function QuantityField(props) {
|
|
|
12
13
|
htmlInput: { inputMode: 'numeric', pattern: '[0-9]*' },
|
|
13
14
|
input: {
|
|
14
15
|
readOnly: readOnly && readOnlyVisualStyle === 'readonly',
|
|
15
|
-
endAdornment: (_jsxs(InputAdornment, { position: 'end', children: [_jsx(FadingCheckIcon, { fadeIn: calcExpUpdated, disabled: readOnly }), _jsx(
|
|
16
|
+
endAdornment: (_jsxs(InputAdornment, { position: 'end', children: [_jsx(FadingCheckIcon, { fadeIn: calcExpUpdated, disabled: readOnly }), _jsx(ClearButtonAdornment, { readOnly: readOnly, onClear: () => {
|
|
17
|
+
onInputChange('');
|
|
18
|
+
} }), _jsx(DisplayUnitText, { readOnly: readOnly, children: displayUnit })] }))
|
|
16
19
|
}
|
|
17
20
|
}, helperText: feedback, "data-test": "q-item-quantity-field" }));
|
|
18
21
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuantityField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/QuantityItem/QuantityField.tsx"],"names":[],"mappings":";AACA,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,eAAe,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"QuantityField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/QuantityItem/QuantityField.tsx"],"names":[],"mappings":";AACA,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAgBzE,SAAS,aAAa,CAAC,KAAyB;IAC9C,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,WAAW,EACX,WAAW,EACX,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,aAAa,EACb,MAAM,EACP,GAAG,KAAK,CAAC;IAEV,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;IAC9E,MAAM,cAAc,GAAG,uBAAuB,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC;IAEpE,OAAO,CACL,KAAC,iBAAiB,IAChB,EAAE,EAAE,QAAQ,GAAG,GAAG,GAAG,MAAM,GAAG,QAAQ,EACtC,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,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU,EACxD,KAAK,EAAE,aAAa,EACpB,WAAW,EAAE,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,EACrD,SAAS,QACT,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE;YACT,SAAS,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE;YACtD,KAAK,EAAE;gBACL,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU;gBACxD,YAAY,EAAE,CACZ,MAAC,cAAc,IAAC,QAAQ,EAAE,KAAK,aAC7B,KAAC,eAAe,IAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,GAAI,EAC/D,KAAC,oBAAoB,IACnB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;gCACZ,aAAa,CAAC,EAAE,CAAC,CAAC;4BACpB,CAAC,GACD,EACF,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,YAAG,WAAW,GAAmB,IACrD,CAClB;aACF;SACF,EACD,UAAU,EAAE,QAAQ,eACV,uBAAuB,GACjC,CACH,CAAC;AACJ,CAAC;AAED,eAAe,aAAa,CAAC"}
|
|
@@ -4,6 +4,7 @@ import { StandardTextField } from '../Textfield.styles';
|
|
|
4
4
|
import FadingCheckIcon from '../ItemParts/FadingCheckIcon';
|
|
5
5
|
import { useRendererStylingStore } from '../../../stores';
|
|
6
6
|
import DisplayUnitText from '../ItemParts/DisplayUnitText';
|
|
7
|
+
import { ClearButtonAdornment } from '../ItemParts/ClearButtonAdornment';
|
|
7
8
|
function StringField(props) {
|
|
8
9
|
const { linkId, itemType, input, feedback, displayPrompt, displayUnit, entryFormat, readOnly, isTabled, calcExpUpdated, onInputChange, onBlur } = props;
|
|
9
10
|
const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
|
|
@@ -11,7 +12,9 @@ function StringField(props) {
|
|
|
11
12
|
return (_jsx(StandardTextField, { id: itemType + '-' + linkId, fullWidth: true, textFieldWidth: textFieldWidth, isTabled: isTabled, value: input, error: !!feedback, onBlur: onBlur, onChange: (event) => onInputChange(event.target.value), label: displayPrompt, placeholder: entryFormat, disabled: readOnly && readOnlyVisualStyle === 'disabled', size: "small", slotProps: {
|
|
12
13
|
input: {
|
|
13
14
|
readOnly: readOnly && readOnlyVisualStyle === 'readonly',
|
|
14
|
-
endAdornment: (_jsxs(InputAdornment, { position: "end", children: [_jsx(FadingCheckIcon, { fadeIn: calcExpUpdated, disabled: readOnly }), _jsx(
|
|
15
|
+
endAdornment: (_jsxs(InputAdornment, { position: "end", children: [_jsx(FadingCheckIcon, { fadeIn: calcExpUpdated, disabled: readOnly }), _jsx(ClearButtonAdornment, { readOnly: readOnly, onClear: () => {
|
|
16
|
+
onInputChange('');
|
|
17
|
+
} }), _jsx(DisplayUnitText, { readOnly: readOnly, children: displayUnit })] }))
|
|
15
18
|
}
|
|
16
19
|
}, helperText: feedback, "data-test": "q-item-string-field" }));
|
|
17
20
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StringField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/StringItem/StringField.tsx"],"names":[],"mappings":";AAmBA,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,eAAe,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"StringField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/StringItem/StringField.tsx"],"names":[],"mappings":";AAmBA,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAgBzE,SAAS,WAAW,CAAC,KAAuB;IAC1C,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,aAAa,EACb,MAAM,EACP,GAAG,KAAK,CAAC;IAEV,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;IAC9E,MAAM,cAAc,GAAG,uBAAuB,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC;IAEpE,OAAO,CACL,KAAC,iBAAiB,IAChB,EAAE,EAAE,QAAQ,GAAG,GAAG,GAAG,MAAM,EAC3B,SAAS,QACT,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,CAAC,CAAC,QAAQ,EACjB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACtD,KAAK,EAAE,aAAa,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU,EACxD,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU;gBACxD,YAAY,EAAE,CACZ,MAAC,cAAc,IAAC,QAAQ,EAAC,KAAK,aAC5B,KAAC,eAAe,IAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,GAAI,EAC/D,KAAC,oBAAoB,IACnB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;gCACZ,aAAa,CAAC,EAAE,CAAC,CAAC;4BACpB,CAAC,GACD,EACF,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,YAAG,WAAW,GAAmB,IACrD,CAClB;aACF;SACF,EACD,UAAU,EAAE,QAAQ,eACV,qBAAqB,GAC/B,CACH,CAAC;AACJ,CAAC;AAED,eAAe,WAAW,CAAC"}
|
|
@@ -42,7 +42,7 @@ import { useQuestionnaireStore, useRendererStylingStore } from '../../../stores'
|
|
|
42
42
|
* @author Sean Fong
|
|
43
43
|
*/
|
|
44
44
|
function GroupTable(props) {
|
|
45
|
-
const { qItem, qrItems, itemPath, groupCardElevation, isRepeated,
|
|
45
|
+
const { qItem, qrItems, itemPath, groupCardElevation, isRepeated, parentIsReadOnly, parentStyles, onQrRepeatGroupChange } = props;
|
|
46
46
|
const enableWhenIsActivated = useQuestionnaireStore.use.enableWhenIsActivated();
|
|
47
47
|
const enableWhenItems = useQuestionnaireStore.use.enableWhenItems();
|
|
48
48
|
const enableWhenExpressions = useQuestionnaireStore.use.enableWhenExpressions();
|
|
@@ -55,7 +55,7 @@ function GroupTable(props) {
|
|
|
55
55
|
const visibleItemLabels = useMemo(() => {
|
|
56
56
|
var _a;
|
|
57
57
|
return (_a = qItems === null || qItems === void 0 ? void 0 : qItems.filter((item) => !isItemHidden(item, enableWhenIsActivated, enableWhenItems, enableWhenExpressions, enableWhenAsReadOnly)).map((item) => { var _a; return (_a = item.text) !== null && _a !== void 0 ? _a : ''; })) !== null && _a !== void 0 ? _a : [];
|
|
58
|
-
}, [qItems]);
|
|
58
|
+
}, [enableWhenAsReadOnly, enableWhenExpressions, enableWhenIsActivated, enableWhenItems, qItems]);
|
|
59
59
|
const qItemsIndexMap = useMemo(() => mapQItemsIndex(qItem), [qItem]);
|
|
60
60
|
// Check if there are columns within the group table
|
|
61
61
|
if (!qItems || qItems.length === 0) {
|
|
@@ -141,7 +141,7 @@ function GroupTable(props) {
|
|
|
141
141
|
});
|
|
142
142
|
});
|
|
143
143
|
}
|
|
144
|
-
return (_jsx(GroupTableView, { qItem: qItem, qItemsIndexMap: qItemsIndexMap, itemPath: itemPath, groupCardElevation: groupCardElevation, isRepeated: isRepeated, readOnly: readOnly, tableRows: tableRows, selectedIds: selectedIds, visibleItemLabels: visibleItemLabels,
|
|
144
|
+
return (_jsx(GroupTableView, { qItem: qItem, qItemsIndexMap: qItemsIndexMap, itemPath: itemPath, groupCardElevation: groupCardElevation, isRepeated: isRepeated, readOnly: readOnly, tableRows: tableRows, selectedIds: selectedIds, visibleItemLabels: visibleItemLabels, parentIsReadOnly: parentIsReadOnly, parentStyles: parentStyles, onAddRow: handleAddRow, onRowChange: handleRowChange, onRemoveRow: handleRemoveRow, onSelectRow: handleSelectRow, onSelectAll: handleSelectAll, onReorderRows: handleReorderRows }));
|
|
145
145
|
}
|
|
146
146
|
export default GroupTable;
|
|
147
147
|
//# sourceMappingURL=GroupTable.js.map
|