@aehrc/smart-forms-renderer 1.0.0-alpha.61 → 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/DecimalItem/DecimalField.js +4 -1
- package/lib/components/FormComponents/DecimalItem/DecimalField.js.map +1 -1
- package/lib/components/FormComponents/GridGroup/GridGroup.js +0 -1
- package/lib/components/FormComponents/GridGroup/GridGroup.js.map +1 -1
- package/lib/components/FormComponents/GridGroup/GridRow.js +1 -1
- package/lib/components/FormComponents/GridGroup/GridRow.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/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/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/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/GroupTableRowCells.js +1 -1
- package/lib/components/FormComponents/Tables/GroupTableRowCells.js.map +1 -1
- package/lib/components/FormComponents/Tables/GroupTableView.js +3 -2
- 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/package.json +1 -1
- package/src/components/FormComponents/AttachmentItem/AttachmentField.tsx +13 -1
- package/src/components/FormComponents/AttachmentItem/AttachmentUrlField.tsx +14 -10
- package/src/components/FormComponents/DecimalItem/DecimalField.tsx +7 -0
- package/src/components/FormComponents/GridGroup/GridGroup.tsx +0 -2
- package/src/components/FormComponents/GridGroup/GridRow.tsx +13 -11
- package/src/components/FormComponents/IntegerItem/IntegerField.tsx +7 -0
- package/src/components/FormComponents/ItemParts/ClearButtonAdornment.tsx +41 -0
- package/src/components/FormComponents/ItemParts/DisplayUnitText.tsx +4 -1
- package/src/components/FormComponents/ItemParts/OpenLabelField.tsx +13 -1
- package/src/components/FormComponents/QuantityItem/QuantityField.tsx +7 -0
- package/src/components/FormComponents/StringItem/StringField.tsx +7 -0
- package/src/components/FormComponents/Tables/GroupTableRowCells.tsx +14 -12
- package/src/components/FormComponents/Tables/GroupTableView.tsx +11 -2
- package/src/components/FormComponents/Textfield.styles.ts +13 -0
- package/src/components/FormComponents/UrlItem/UrlField.tsx +7 -0
|
@@ -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"}
|
|
@@ -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"}
|
|
@@ -64,6 +64,5 @@ function GridGroup(props) {
|
|
|
64
64
|
}
|
|
65
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
|
-
// TODO push 1277 and create PR, update renderer to alpha.61
|
|
68
67
|
export default GridGroup;
|
|
69
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":";AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAQvC,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,SAAS,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,YAAY,MAAM,2BAA2B,CAAC;AAcrD;;;;;GAKG;AACH,SAAS,SAAS,CAAC,KAAqB;IACtC,MAAM,EACJ,KAAK,EACL,MAAM,EACN,QAAQ,EACR,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACf,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,qBAAqB,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAEhE,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC;IAC7B,MAAM,OAAO,GAAG,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC3E,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;IAEhC,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAErE,MAAM,YAAY,GAAa,OAAO,CACpC,GAAG,EAAE,eAAC,OAAA,MAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,CAAC,EAAE,IAAI,0CAAE,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,WAAC,OAAA,MAAA,SAAS,CAAC,IAAI,mCAAI,GAAG,CAAA,EAAA,CAAC,mCAAI,EAAE,CAAA,EAAA,EAC1E,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;IACtD,MAAM,YAAY,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IACtC,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,CAAC,SAAS,IAAI,CAAC,UAAU,EAAE,CAAC;QAC9B,OAAO,yFAA6D,CAAC;IACvE,CAAC;IAED,yCAAyC;IACzC,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,iBAAiB;IACjB,SAAS,eAAe,CAAC,SAAoC,EAAE,cAAyB;QACtF,MAAM,cAAc,qBAAmC,OAAO,CAAE,CAAC;QACjE,oBAAoB,CAAC,SAAS,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,CAAC,CAAC;QACtE,cAAc,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;IACjD,CAAC;IAED,IAAI,eAAe,EAAE,CAAC;QACpB,OAAO,CACL,KAAC,kBAAkB,IACjB,aAAa,EAAE,kBAAkB,EACjC,UAAU,EAAE,KAAK,EACjB,EAAE,EAAE,CAAC,EACL,KAAK,EAAE,YAAY,IAAI,SAAS,YAChC,KAAC,cAAc,IAAC,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,kBAAkB,YAC7D,KAAC,SAAS,IACR,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,UAAU,EACnB,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,QAAQ,EAC1B,cAAc,EAAE,eAAe,GAC/B,GACa,GACE,CACtB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,MAAC,kBAAkB,IACjB,aAAa,EAAE,kBAAkB,EACjC,UAAU,EAAE,KAAK,EACjB,EAAE,EAAE,CAAC,iBACQ,KAAK,CAAC,MAAM,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAC1C,KAAK,EAAE,YAAY,IAAI,SAAS,aAC/B,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,8BACE,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,kBAAkB,EAAE,kBAAkB,GAAI,EAC1F,KAAC,OAAO,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,GAAI,IACvC,CACJ,CAAC,CAAC,CAAC,IAAI,EAER,KAAC,cAAc,IAAC,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,kBAAkB,YAC7D,KAAC,SAAS,IACR,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,UAAU,EACnB,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,QAAQ,EAC1B,cAAc,EAAE,eAAe,GAC/B,GACa,IACE,CACtB,CAAC;AACJ,CAAC;AAED,eAAe,SAAS,CAAC"}
|
|
@@ -56,7 +56,7 @@ function GridRow(props) {
|
|
|
56
56
|
if (Array.isArray(cellQrItem)) {
|
|
57
57
|
return null;
|
|
58
58
|
}
|
|
59
|
-
return (_jsx(GridAnswerTableCell, { numOfColumns: numOfColumns, children: _jsx(Box, { display: "flex", alignItems: "center", justifyContent: "center", 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));
|
|
60
60
|
})] }));
|
|
61
61
|
}
|
|
62
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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"}
|
|
@@ -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"}
|
|
@@ -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"}
|
|
@@ -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"}
|
|
@@ -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"}
|
|
@@ -30,7 +30,7 @@ function GroupTableRowCells(props) {
|
|
|
30
30
|
if (!visibleItemLabels.includes((_a = rowItem.text) !== null && _a !== void 0 ? _a : '')) {
|
|
31
31
|
return null;
|
|
32
32
|
}
|
|
33
|
-
return (_jsx(StandardTableCell, { numOfColumns: visibleItemLabels.length, children: _jsx(Box, { display: "flex", alignItems: "center", justifyContent: "center", children: _jsx(SingleItem, { qItem: rowItem, qrItem: qrItem !== null && qrItem !== void 0 ? qrItem : null, itemPath: extendItemPath(itemPath, rowItem.linkId), isRepeated: true, isTabled: true, groupCardElevation: 1, showMinimalView: true, parentIsReadOnly: parentIsReadOnly, onQrItemChange: handleQrRowItemChange }, rowItem.linkId) }) }, index));
|
|
33
|
+
return (_jsx(StandardTableCell, { numOfColumns: visibleItemLabels.length, children: _jsx(Box, { display: "flex", alignItems: "center", justifyContent: "center", children: _jsx(Box, { flexGrow: 1, children: _jsx(SingleItem, { qItem: rowItem, qrItem: qrItem !== null && qrItem !== void 0 ? qrItem : null, itemPath: extendItemPath(itemPath, rowItem.linkId), isRepeated: true, isTabled: true, groupCardElevation: 1, showMinimalView: true, parentIsReadOnly: parentIsReadOnly, onQrItemChange: handleQrRowItemChange }, rowItem.linkId) }) }) }, index));
|
|
34
34
|
}) }));
|
|
35
35
|
}
|
|
36
36
|
export default GroupTableRowCells;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupTableRowCells.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/Tables/GroupTableRowCells.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAMzD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,GAAG,MAAM,mBAAmB,CAAC;AAYpC,SAAS,kBAAkB,CAAC,KAA8B;IACxD,MAAM,EACJ,KAAK,EACL,MAAM,EACN,cAAc,EACd,iBAAiB,EACjB,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACf,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC;IAC5B,MAAM,GAAG,GAAG,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACvE,MAAM,UAAU,GAAG,GAAG,CAAC,IAAI,CAAC;IAE5B,IAAI,CAAC,QAAQ,IAAI,CAAC,UAAU,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,SAAS,qBAAqB,CAC5B,YAAuC,EACvC,cAAyB;QAEzB,MAAM,KAAK,qBAAmC,GAAG,CAAE,CAAC;QACpD,oBAAoB,CAAC,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC;QAChE,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;IACxC,CAAC;IAED,MAAM,cAAc,GAAG,eAAe,CAAC,QAAQ,EAAE,UAAU,EAAE,cAAc,CAAC,CAAC;IAE7E,OAAO,CACL,4BACG,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;;YAC/B,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;YAErC,4BAA4B;YAC5B,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC1B,OAAO,IAAI,CAAC;YACd,CAAC;YAED,gDAAgD;YAChD,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,MAAA,OAAO,CAAC,IAAI,mCAAI,EAAE,CAAC,EAAE,CAAC;gBACpD,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO,CACL,KAAC,iBAAiB,IAAa,YAAY,EAAE,iBAAiB,CAAC,MAAM,YACnE,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,YAC7D,KAAC,UAAU,IAET,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,IAAI,EACtB,QAAQ,EAAE,cAAc,CAAC,QAAQ,EAAE,OAAO,CAAC,MAAM,CAAC,EAClD,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,IAAI,EACd,kBAAkB,EAAE,CAAC,EACrB,eAAe,EAAE,IAAI,EACrB,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,qBAAqB,IAThC,OAAO,CAAC,MAAM,CAUnB,GACE,
|
|
1
|
+
{"version":3,"file":"GroupTableRowCells.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/Tables/GroupTableRowCells.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAMzD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,GAAG,MAAM,mBAAmB,CAAC;AAYpC,SAAS,kBAAkB,CAAC,KAA8B;IACxD,MAAM,EACJ,KAAK,EACL,MAAM,EACN,cAAc,EACd,iBAAiB,EACjB,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACf,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC;IAC5B,MAAM,GAAG,GAAG,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACvE,MAAM,UAAU,GAAG,GAAG,CAAC,IAAI,CAAC;IAE5B,IAAI,CAAC,QAAQ,IAAI,CAAC,UAAU,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,SAAS,qBAAqB,CAC5B,YAAuC,EACvC,cAAyB;QAEzB,MAAM,KAAK,qBAAmC,GAAG,CAAE,CAAC;QACpD,oBAAoB,CAAC,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC;QAChE,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;IACxC,CAAC;IAED,MAAM,cAAc,GAAG,eAAe,CAAC,QAAQ,EAAE,UAAU,EAAE,cAAc,CAAC,CAAC;IAE7E,OAAO,CACL,4BACG,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;;YAC/B,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;YAErC,4BAA4B;YAC5B,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC1B,OAAO,IAAI,CAAC;YACd,CAAC;YAED,gDAAgD;YAChD,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,MAAA,OAAO,CAAC,IAAI,mCAAI,EAAE,CAAC,EAAE,CAAC;gBACpD,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO,CACL,KAAC,iBAAiB,IAAa,YAAY,EAAE,iBAAiB,CAAC,MAAM,YACnE,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,YAC7D,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,YACd,KAAC,UAAU,IAET,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,IAAI,EACtB,QAAQ,EAAE,cAAc,CAAC,QAAQ,EAAE,OAAO,CAAC,MAAM,CAAC,EAClD,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,IAAI,EACd,kBAAkB,EAAE,CAAC,EACrB,eAAe,EAAE,IAAI,EACrB,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,qBAAqB,IAThC,OAAO,CAAC,MAAM,CAUnB,GACE,GACF,IAhBgB,KAAK,CAiBT,CACrB,CAAC;QACJ,CAAC,CAAC,GACD,CACJ,CAAC;AACJ,CAAC;AAED,eAAe,kBAAkB,CAAC"}
|
|
@@ -18,6 +18,7 @@ import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
|
|
|
18
18
|
import AccordionDetails from '@mui/material/AccordionDetails';
|
|
19
19
|
import GroupHeading from '../GroupItem/GroupHeading';
|
|
20
20
|
import { StandardCheckbox } from '../../Checkbox.styles';
|
|
21
|
+
import { Box } from '@mui/material';
|
|
21
22
|
function GroupTableView(props) {
|
|
22
23
|
const { qItem, qItemsIndexMap, groupCardElevation, isRepeated, readOnly, tableRows, selectedIds, visibleItemLabels, itemPath, parentIsReadOnly, parentStyles, onAddRow, onRowChange, onRemoveRow, onSelectRow, onSelectAll, onReorderRows } = props;
|
|
23
24
|
const onFocusLinkId = useQuestionnaireStore.use.onFocusLinkId();
|
|
@@ -32,10 +33,10 @@ function GroupTableView(props) {
|
|
|
32
33
|
const isDefaultOpen = groupCollapsibleValue === 'default-open';
|
|
33
34
|
return (_jsxs(GroupAccordion, { disableGutters: true, defaultExpanded: isDefaultOpen, elevation: groupCardElevation, slotProps: {
|
|
34
35
|
transition: { unmountOnExit: true, timeout: 250 }
|
|
35
|
-
}, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ExpandMoreIcon, {}), sx: { minHeight: '28px' }, children: _jsx(GroupHeading, { qItem: qItem, readOnly: readOnly, groupCardElevation: groupCardElevation }) }), _jsxs(AccordionDetails, { sx: { pt: 0 }, children: [qItem.text ? _jsx(Divider, { sx: { mb: 1.5, opacity: 0.6 } }) : null, _jsx(TableContainer, { component: Paper, elevation: groupCardElevation, children: _jsxs(Table, { children: [showExtraGTableInteractions ? (_jsx("caption", { children: _jsx(AddRowButton, { repeatGroups: tableRows, readOnly: readOnly, onAddItem: onAddRow }) })) : null, _jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(HeaderTableCell, { padding: "none" }), showExtraGTableInteractions ? (_jsx(HeaderTableCell, { padding: "none", children: _jsx(StandardCheckbox, { color: "primary", size: "small", indeterminate: indeterminateValue, checked: checkedValue, disabled: readOnly && readOnlyVisualStyle === 'disabled', readOnly: readOnly && readOnlyVisualStyle === 'readonly', "aria-readonly": readOnly && readOnlyVisualStyle === 'readonly', role: "checkbox", "aria-checked": ariaCheckedValue, onChange: onSelectAll }) })) : null, visibleItemLabels.map((visibleItemLabel) => (_jsx(HeaderTableCell, { children: visibleItemLabel }, visibleItemLabel))), _jsx(TableCell, { padding: "checkbox" })] }) }), _jsx(GroupTableBody, { tableQItem: qItem, readOnly: readOnly, tableRows: tableRows, selectedIds: selectedIds, qItemsIndexMap: qItemsIndexMap, visibleItemLabels: visibleItemLabels, showExtraGTableInteractions: showExtraGTableInteractions, itemPath: itemPath, parentIsReadOnly: parentIsReadOnly, onRowChange: onRowChange, onRemoveRow: onRemoveRow, onSelectRow: onSelectRow, onReorderRows: onReorderRows })] }) })] })] }));
|
|
36
|
+
}, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ExpandMoreIcon, {}), sx: { minHeight: '28px' }, children: _jsx(GroupHeading, { qItem: qItem, readOnly: readOnly, groupCardElevation: groupCardElevation }) }), _jsxs(AccordionDetails, { sx: { pt: 0 }, children: [qItem.text ? _jsx(Divider, { sx: { mb: 1.5, opacity: 0.6 } }) : null, _jsx(TableContainer, { component: Paper, elevation: groupCardElevation, children: _jsxs(Table, { children: [showExtraGTableInteractions ? (_jsx("caption", { children: _jsx(AddRowButton, { repeatGroups: tableRows, readOnly: readOnly, onAddItem: onAddRow }) })) : null, _jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(HeaderTableCell, { padding: "none" }), showExtraGTableInteractions ? (_jsx(HeaderTableCell, { padding: "none", children: _jsx(StandardCheckbox, { color: "primary", size: "small", indeterminate: indeterminateValue, checked: checkedValue, disabled: readOnly && readOnlyVisualStyle === 'disabled', readOnly: readOnly && readOnlyVisualStyle === 'readonly', "aria-readonly": readOnly && readOnlyVisualStyle === 'readonly', role: "checkbox", "aria-checked": ariaCheckedValue, onChange: onSelectAll }) })) : null, visibleItemLabels.map((visibleItemLabel) => (_jsx(HeaderTableCell, { children: _jsx(Box, { display: "flex", alignItems: "center", justifyContent: "center", children: visibleItemLabel }) }, visibleItemLabel))), _jsx(TableCell, { padding: "checkbox" })] }) }), _jsx(GroupTableBody, { tableQItem: qItem, readOnly: readOnly, tableRows: tableRows, selectedIds: selectedIds, qItemsIndexMap: qItemsIndexMap, visibleItemLabels: visibleItemLabels, showExtraGTableInteractions: showExtraGTableInteractions, itemPath: itemPath, parentIsReadOnly: parentIsReadOnly, onRowChange: onRowChange, onRemoveRow: onRemoveRow, onSelectRow: onSelectRow, onReorderRows: onReorderRows })] }) })] })] }));
|
|
36
37
|
}
|
|
37
38
|
// Regular GTable
|
|
38
|
-
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: _jsxs(Table, { children: [showExtraGTableInteractions ? (_jsx("caption", { children: _jsx(AddRowButton, { repeatGroups: tableRows, readOnly: readOnly, onAddItem: onAddRow }) })) : null, _jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(HeaderTableCell, { padding: "none" }), showExtraGTableInteractions ? (_jsx(HeaderTableCell, { padding: "none", children: _jsx(StandardCheckbox, { color: "primary", size: "small", indeterminate: indeterminateValue, checked: checkedValue, disabled: readOnly && readOnlyVisualStyle === 'disabled', readOnly: readOnly && readOnlyVisualStyle === 'readonly', "aria-readonly": readOnly && readOnlyVisualStyle === 'readonly', role: "checkbox", "aria-checked": ariaCheckedValue, onChange: onSelectAll }) })) : null, visibleItemLabels.map((visibleItemLabel) => (_jsx(HeaderTableCell, { children: visibleItemLabel }, visibleItemLabel))), _jsx(TableCell, { padding: "checkbox" })] }) }), _jsx(GroupTableBody, { tableQItem: qItem, readOnly: readOnly, tableRows: tableRows, selectedIds: selectedIds, qItemsIndexMap: qItemsIndexMap, visibleItemLabels: visibleItemLabels, showExtraGTableInteractions: showExtraGTableInteractions, itemPath: itemPath, parentIsReadOnly: parentIsReadOnly, onRowChange: onRowChange, onRemoveRow: onRemoveRow, onSelectRow: onSelectRow, onReorderRows: onReorderRows })] }) })] }));
|
|
39
|
+
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: _jsxs(Table, { children: [showExtraGTableInteractions ? (_jsx("caption", { children: _jsx(AddRowButton, { repeatGroups: tableRows, readOnly: readOnly, onAddItem: onAddRow }) })) : null, _jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(HeaderTableCell, { padding: "none" }), showExtraGTableInteractions ? (_jsx(HeaderTableCell, { padding: "none", children: _jsx(StandardCheckbox, { color: "primary", size: "small", indeterminate: indeterminateValue, checked: checkedValue, disabled: readOnly && readOnlyVisualStyle === 'disabled', readOnly: readOnly && readOnlyVisualStyle === 'readonly', "aria-readonly": readOnly && readOnlyVisualStyle === 'readonly', role: "checkbox", "aria-checked": ariaCheckedValue, onChange: onSelectAll }) })) : null, visibleItemLabels.map((visibleItemLabel) => (_jsx(HeaderTableCell, { children: _jsx(Box, { display: "flex", alignItems: "center", justifyContent: "center", children: visibleItemLabel }) }, visibleItemLabel))), _jsx(TableCell, { padding: "checkbox" })] }) }), _jsx(GroupTableBody, { tableQItem: qItem, readOnly: readOnly, tableRows: tableRows, selectedIds: selectedIds, qItemsIndexMap: qItemsIndexMap, visibleItemLabels: visibleItemLabels, showExtraGTableInteractions: showExtraGTableInteractions, itemPath: itemPath, parentIsReadOnly: parentIsReadOnly, onRowChange: onRowChange, onRemoveRow: onRemoveRow, onSelectRow: onSelectRow, onReorderRows: onReorderRows })] }) })] }));
|
|
39
40
|
}
|
|
40
41
|
export default GroupTableView;
|
|
41
42
|
//# sourceMappingURL=GroupTableView.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupTableView.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/Tables/GroupTableView.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAQ1C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"GroupTableView.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/Tables/GroupTableView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -30,6 +30,19 @@ export const StandardTextField = styled(TextField, {
|
|
|
30
30
|
'& .MuiInputBase-input': {
|
|
31
31
|
cursor: 'default'
|
|
32
32
|
}
|
|
33
|
+
},
|
|
34
|
+
'& .MuiOutlinedInput-root': {
|
|
35
|
+
paddingRight: 6 // Down from the default 14px
|
|
36
|
+
},
|
|
37
|
+
'& .StandardTextField-clearIndicator': {
|
|
38
|
+
// Hidden by default, visibility driven by "& .MuiOutlinedInput-root:hover .StandardTextField-clearIndicator"
|
|
39
|
+
visibility: 'hidden'
|
|
40
|
+
},
|
|
41
|
+
'& .MuiOutlinedInput-root:hover .StandardTextField-clearIndicator': {
|
|
42
|
+
visibility: 'visible'
|
|
43
|
+
},
|
|
44
|
+
'& .MuiOutlinedInput-root.Mui-focused .StandardTextField-clearIndicator': {
|
|
45
|
+
visibility: 'visible'
|
|
33
46
|
}
|
|
34
47
|
}));
|
|
35
48
|
//# sourceMappingURL=Textfield.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textfield.styles.js","sourceRoot":"","sources":["../../../src/components/FormComponents/Textfield.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAEhD,8DAA8D;AAC9D,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,SAAS,EAAE;IACjD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,gBAAgB;CAC9E,CAAC,CAAgD,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC;IACnF,iGAAiG;IACjG,8FAA8F;IAC9F,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI;IAC3C,QAAQ,EAAE,GAAG;IACb,iEAAiE;IACjE,uCAAuC,EAAE;QACvC,MAAM,EAAE,SAAS;QACjB,uBAAuB,EAAE;YACvB,MAAM,EAAE,SAAS;SAClB;KACF;CACF,CAAC,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Textfield.styles.js","sourceRoot":"","sources":["../../../src/components/FormComponents/Textfield.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAEhD,8DAA8D;AAC9D,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,SAAS,EAAE;IACjD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,gBAAgB;CAC9E,CAAC,CAAgD,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC;IACnF,iGAAiG;IACjG,8FAA8F;IAC9F,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI;IAC3C,QAAQ,EAAE,GAAG;IACb,iEAAiE;IACjE,uCAAuC,EAAE;QACvC,MAAM,EAAE,SAAS;QACjB,uBAAuB,EAAE;YACvB,MAAM,EAAE,SAAS;SAClB;KACF;IACD,0BAA0B,EAAE;QAC1B,YAAY,EAAE,CAAC,CAAC,6BAA6B;KAC9C;IACD,qCAAqC,EAAE;QACrC,6GAA6G;QAC7G,UAAU,EAAE,QAAQ;KACrB;IACD,kEAAkE,EAAE;QAClE,UAAU,EAAE,SAAS;KACtB;IACD,wEAAwE,EAAE;QACxE,UAAU,EAAE,SAAS;KACtB;CACF,CAAC,CAAC,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import InputAdornment from '@mui/material/InputAdornment';
|
|
3
3
|
import { StandardTextField } from '../Textfield.styles';
|
|
4
4
|
import { useRendererStylingStore } from '../../../stores';
|
|
5
5
|
import DisplayUnitText from '../ItemParts/DisplayUnitText';
|
|
6
|
+
import { ClearButtonAdornment } from '../ItemParts/ClearButtonAdornment';
|
|
6
7
|
function UrlField(props) {
|
|
7
8
|
const { linkId, itemType, input, feedback, displayPrompt, displayUnit, entryFormat, readOnly, isTabled, onInputChange, onBlur } = props;
|
|
8
9
|
const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
|
|
@@ -10,7 +11,9 @@ function UrlField(props) {
|
|
|
10
11
|
return (_jsx(StandardTextField, { id: itemType + '-' + linkId, fullWidth: true, textFieldWidth: textFieldWidth, isTabled: isTabled, value: input, error: !!feedback, onChange: (event) => onInputChange(event.target.value), onBlur: onBlur, label: displayPrompt, placeholder: entryFormat, disabled: readOnly && readOnlyVisualStyle === 'disabled', size: "small", slotProps: {
|
|
11
12
|
input: {
|
|
12
13
|
readOnly: readOnly && readOnlyVisualStyle === 'readonly',
|
|
13
|
-
endAdornment: (
|
|
14
|
+
endAdornment: (_jsxs(InputAdornment, { position: "end", children: [_jsx(ClearButtonAdornment, { readOnly: readOnly, onClear: () => {
|
|
15
|
+
onInputChange('');
|
|
16
|
+
} }), _jsx(DisplayUnitText, { readOnly: readOnly, children: displayUnit })] }))
|
|
14
17
|
}
|
|
15
18
|
}, helperText: feedback, "data-test": "q-item-url-field" }));
|
|
16
19
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UrlField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/UrlItem/UrlField.tsx"],"names":[],"mappings":";AAmBA,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,eAAe,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"UrlField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/UrlItem/UrlField.tsx"],"names":[],"mappings":";AAmBA,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAezE,SAAS,QAAQ,CAAC,KAAoB;IACpC,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,aAAa,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,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACtD,MAAM,EAAE,MAAM,EACd,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,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,kBAAkB,GAC5B,CACH,CAAC;AACJ,CAAC;AAED,eAAe,QAAQ,CAAC"}
|
package/package.json
CHANGED
|
@@ -26,6 +26,8 @@ import type { AttachmentValues } from './AttachmentItem';
|
|
|
26
26
|
import AttachmentUrlField from './AttachmentUrlField';
|
|
27
27
|
import { useRendererStylingStore } from '../../../stores';
|
|
28
28
|
import { StyledRequiredTypography } from '../Item.styles';
|
|
29
|
+
import InputAdornment from '@mui/material/InputAdornment';
|
|
30
|
+
import { ClearButtonAdornment } from '../ItemParts/ClearButtonAdornment';
|
|
29
31
|
|
|
30
32
|
interface AttachmentFieldProps extends PropsWithIsTabledRequiredAttribute {
|
|
31
33
|
linkId: string;
|
|
@@ -102,7 +104,17 @@ function AttachmentField(props: AttachmentFieldProps) {
|
|
|
102
104
|
data-test="q-item-attachment-field"
|
|
103
105
|
slotProps={{
|
|
104
106
|
input: {
|
|
105
|
-
readOnly: readOnly && readOnlyVisualStyle === 'readonly'
|
|
107
|
+
readOnly: readOnly && readOnlyVisualStyle === 'readonly',
|
|
108
|
+
endAdornment: (
|
|
109
|
+
<InputAdornment position="end">
|
|
110
|
+
<ClearButtonAdornment
|
|
111
|
+
readOnly={readOnly}
|
|
112
|
+
onClear={() => {
|
|
113
|
+
onFileNameChange('');
|
|
114
|
+
}}
|
|
115
|
+
/>
|
|
116
|
+
</InputAdornment>
|
|
117
|
+
)
|
|
106
118
|
}
|
|
107
119
|
}}
|
|
108
120
|
/>
|
|
@@ -23,10 +23,10 @@ import Box from '@mui/material/Box';
|
|
|
23
23
|
import Stack from '@mui/material/Stack';
|
|
24
24
|
import useAttachmentUrlValidation from '../../../hooks/useAttachmentUrlValidation';
|
|
25
25
|
import InputAdornment from '@mui/material/InputAdornment';
|
|
26
|
-
import Tooltip from '@mui/material/Tooltip';
|
|
27
26
|
import CheckIcon from '@mui/icons-material/Check';
|
|
28
27
|
import DangerousIcon from '@mui/icons-material/Dangerous';
|
|
29
28
|
import { useRendererStylingStore } from '../../../stores';
|
|
29
|
+
import { ClearButtonAdornment } from '../ItemParts/ClearButtonAdornment';
|
|
30
30
|
|
|
31
31
|
interface AttachmentUrlFieldProps extends PropsWithIsTabledRequiredAttribute {
|
|
32
32
|
linkId: string;
|
|
@@ -68,16 +68,20 @@ function AttachmentUrlField(props: AttachmentUrlFieldProps) {
|
|
|
68
68
|
endAdornment: (
|
|
69
69
|
<InputAdornment position="end">
|
|
70
70
|
{url != '' ? (
|
|
71
|
-
<
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
</Box>
|
|
79
|
-
</Tooltip>
|
|
71
|
+
<Box sx={{ pt: 0.75 }} title={urlIsValid ? 'URL is valid!' : 'Invalid URL'}>
|
|
72
|
+
{urlIsValid ? (
|
|
73
|
+
<CheckIcon color="success" fontSize="small" />
|
|
74
|
+
) : (
|
|
75
|
+
<DangerousIcon color="error" fontSize="small" />
|
|
76
|
+
)}
|
|
77
|
+
</Box>
|
|
80
78
|
) : null}
|
|
79
|
+
<ClearButtonAdornment
|
|
80
|
+
readOnly={readOnly}
|
|
81
|
+
onClear={() => {
|
|
82
|
+
onUrlChange('');
|
|
83
|
+
}}
|
|
84
|
+
/>
|
|
81
85
|
</InputAdornment>
|
|
82
86
|
)
|
|
83
87
|
}
|
|
@@ -22,6 +22,7 @@ import { StandardTextField } from '../Textfield.styles';
|
|
|
22
22
|
import type { PropsWithIsTabledRequiredAttribute } from '../../../interfaces/renderProps.interface';
|
|
23
23
|
import { useRendererStylingStore } from '../../../stores';
|
|
24
24
|
import DisplayUnitText from '../ItemParts/DisplayUnitText';
|
|
25
|
+
import { ClearButtonAdornment } from '../ItemParts/ClearButtonAdornment';
|
|
25
26
|
|
|
26
27
|
interface DecimalFieldProps extends PropsWithIsTabledRequiredAttribute {
|
|
27
28
|
linkId: string;
|
|
@@ -77,6 +78,12 @@ function DecimalField(props: DecimalFieldProps) {
|
|
|
77
78
|
endAdornment: (
|
|
78
79
|
<InputAdornment position="end">
|
|
79
80
|
<FadingCheckIcon fadeIn={calcExpUpdated} disabled={readOnly} />
|
|
81
|
+
<ClearButtonAdornment
|
|
82
|
+
readOnly={readOnly}
|
|
83
|
+
onClear={() => {
|
|
84
|
+
onInputChange('');
|
|
85
|
+
}}
|
|
86
|
+
/>
|
|
80
87
|
<DisplayUnitText readOnly={readOnly}>{displayUnit}</DisplayUnitText>
|
|
81
88
|
</InputAdornment>
|
|
82
89
|
)
|
|
@@ -97,17 +97,19 @@ function GridRow(props: GridRowProps) {
|
|
|
97
97
|
return (
|
|
98
98
|
<GridAnswerTableCell key={colIndex} numOfColumns={numOfColumns}>
|
|
99
99
|
<Box display="flex" alignItems="center" justifyContent="center">
|
|
100
|
-
<
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
100
|
+
<Box flexGrow={1}>
|
|
101
|
+
<SingleItem
|
|
102
|
+
qItem={cellQItem}
|
|
103
|
+
qrItem={cellQrItem ?? null}
|
|
104
|
+
itemPath={extendItemPath(itemPath, cellQItem.linkId)}
|
|
105
|
+
isRepeated={true}
|
|
106
|
+
isTabled={true}
|
|
107
|
+
groupCardElevation={1}
|
|
108
|
+
showMinimalView={true}
|
|
109
|
+
parentIsReadOnly={parentIsReadOnly}
|
|
110
|
+
onQrItemChange={handleQrRowItemChange}
|
|
111
|
+
/>
|
|
112
|
+
</Box>
|
|
111
113
|
</Box>
|
|
112
114
|
</GridAnswerTableCell>
|
|
113
115
|
);
|
|
@@ -22,6 +22,7 @@ import type { PropsWithIsTabledRequiredAttribute } from '../../../interfaces/ren
|
|
|
22
22
|
import FadingCheckIcon from '../ItemParts/FadingCheckIcon';
|
|
23
23
|
import { useRendererStylingStore } from '../../../stores';
|
|
24
24
|
import DisplayUnitText from '../ItemParts/DisplayUnitText';
|
|
25
|
+
import { ClearButtonAdornment } from '../ItemParts/ClearButtonAdornment';
|
|
25
26
|
|
|
26
27
|
interface IntegerFieldProps extends PropsWithIsTabledRequiredAttribute {
|
|
27
28
|
linkId: string;
|
|
@@ -78,6 +79,12 @@ function IntegerField(props: IntegerFieldProps) {
|
|
|
78
79
|
endAdornment: (
|
|
79
80
|
<InputAdornment position={'end'}>
|
|
80
81
|
<FadingCheckIcon fadeIn={calcExpUpdated} disabled={readOnly} />
|
|
82
|
+
<ClearButtonAdornment
|
|
83
|
+
readOnly={readOnly}
|
|
84
|
+
onClear={() => {
|
|
85
|
+
onInputChange('');
|
|
86
|
+
}}
|
|
87
|
+
/>
|
|
81
88
|
<DisplayUnitText readOnly={readOnly}>{displayUnit}</DisplayUnitText>
|
|
82
89
|
</InputAdornment>
|
|
83
90
|
)
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { IconButton } from '@mui/material';
|
|
2
|
+
import ClearIcon from '@mui/icons-material/Clear';
|
|
3
|
+
|
|
4
|
+
interface ClearButtonAdornmentProps {
|
|
5
|
+
readOnly: boolean;
|
|
6
|
+
onClear: () => void;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export function ClearButtonAdornment(props: ClearButtonAdornmentProps) {
|
|
10
|
+
const { readOnly, onClear } = props;
|
|
11
|
+
|
|
12
|
+
if (readOnly) {
|
|
13
|
+
return null;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
return (
|
|
17
|
+
<span title="Clear">
|
|
18
|
+
<IconButton
|
|
19
|
+
size="small"
|
|
20
|
+
tabIndex={-1}
|
|
21
|
+
onClick={(e) => {
|
|
22
|
+
onClear();
|
|
23
|
+
|
|
24
|
+
// Manually re-focus the input field
|
|
25
|
+
const input = e.currentTarget.closest('.MuiOutlinedInput-root')?.querySelector('input');
|
|
26
|
+
if (input) {
|
|
27
|
+
input.focus();
|
|
28
|
+
}
|
|
29
|
+
}}
|
|
30
|
+
onMouseDown={(e) => {
|
|
31
|
+
e.preventDefault(); // Prevent the button from stealing focus
|
|
32
|
+
}}
|
|
33
|
+
className="StandardTextField-clearIndicator"
|
|
34
|
+
sx={{
|
|
35
|
+
p: 0.5
|
|
36
|
+
}}>
|
|
37
|
+
<ClearIcon fontSize="small" />
|
|
38
|
+
</IconButton>
|
|
39
|
+
</span>
|
|
40
|
+
);
|
|
41
|
+
}
|
|
@@ -15,7 +15,10 @@ function DisplayUnitText(props: DisplayUnitTextProps) {
|
|
|
15
15
|
const readOnlyTextColor = readOnlyVisualStyle === 'disabled' ? 'text.disabled' : 'text.secondary';
|
|
16
16
|
|
|
17
17
|
return (
|
|
18
|
-
<Typography
|
|
18
|
+
<Typography
|
|
19
|
+
component="span"
|
|
20
|
+
color={readOnly ? readOnlyTextColor : 'text.secondary'}
|
|
21
|
+
sx={{ px: 0.5 }}>
|
|
19
22
|
{children}
|
|
20
23
|
</Typography>
|
|
21
24
|
);
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import React, { type ChangeEvent } from 'react';
|
|
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
|
|
|
5
7
|
interface OpenLabelFieldProps {
|
|
6
8
|
value: string | null;
|
|
@@ -32,7 +34,17 @@ function OpenLabelField(props: OpenLabelFieldProps) {
|
|
|
32
34
|
size="small"
|
|
33
35
|
slotProps={{
|
|
34
36
|
input: {
|
|
35
|
-
readOnly: fieldReadOnly && readOnlyVisualStyle === 'readonly'
|
|
37
|
+
readOnly: fieldReadOnly && readOnlyVisualStyle === 'readonly',
|
|
38
|
+
endAdornment: (
|
|
39
|
+
<InputAdornment position="end">
|
|
40
|
+
<ClearButtonAdornment
|
|
41
|
+
readOnly={fieldReadOnly}
|
|
42
|
+
onClear={() => {
|
|
43
|
+
onInputChange('');
|
|
44
|
+
}}
|
|
45
|
+
/>
|
|
46
|
+
</InputAdornment>
|
|
47
|
+
)
|
|
36
48
|
}
|
|
37
49
|
}}
|
|
38
50
|
/>
|
|
@@ -5,6 +5,7 @@ import { StandardTextField } from '../Textfield.styles';
|
|
|
5
5
|
import type { PropsWithIsTabledRequiredAttribute } from '../../../interfaces/renderProps.interface';
|
|
6
6
|
import { useRendererStylingStore } from '../../../stores';
|
|
7
7
|
import DisplayUnitText from '../ItemParts/DisplayUnitText';
|
|
8
|
+
import { ClearButtonAdornment } from '../ItemParts/ClearButtonAdornment';
|
|
8
9
|
|
|
9
10
|
interface QuantityFieldProps extends PropsWithIsTabledRequiredAttribute {
|
|
10
11
|
linkId: string;
|
|
@@ -60,6 +61,12 @@ function QuantityField(props: QuantityFieldProps) {
|
|
|
60
61
|
endAdornment: (
|
|
61
62
|
<InputAdornment position={'end'}>
|
|
62
63
|
<FadingCheckIcon fadeIn={calcExpUpdated} disabled={readOnly} />
|
|
64
|
+
<ClearButtonAdornment
|
|
65
|
+
readOnly={readOnly}
|
|
66
|
+
onClear={() => {
|
|
67
|
+
onInputChange('');
|
|
68
|
+
}}
|
|
69
|
+
/>
|
|
63
70
|
<DisplayUnitText readOnly={readOnly}>{displayUnit}</DisplayUnitText>
|
|
64
71
|
</InputAdornment>
|
|
65
72
|
)
|
|
@@ -22,6 +22,7 @@ import { StandardTextField } from '../Textfield.styles';
|
|
|
22
22
|
import FadingCheckIcon from '../ItemParts/FadingCheckIcon';
|
|
23
23
|
import { useRendererStylingStore } from '../../../stores';
|
|
24
24
|
import DisplayUnitText from '../ItemParts/DisplayUnitText';
|
|
25
|
+
import { ClearButtonAdornment } from '../ItemParts/ClearButtonAdornment';
|
|
25
26
|
|
|
26
27
|
interface StringFieldProps extends PropsWithIsTabledRequiredAttribute {
|
|
27
28
|
linkId: string;
|
|
@@ -76,6 +77,12 @@ function StringField(props: StringFieldProps) {
|
|
|
76
77
|
endAdornment: (
|
|
77
78
|
<InputAdornment position="end">
|
|
78
79
|
<FadingCheckIcon fadeIn={calcExpUpdated} disabled={readOnly} />
|
|
80
|
+
<ClearButtonAdornment
|
|
81
|
+
readOnly={readOnly}
|
|
82
|
+
onClear={() => {
|
|
83
|
+
onInputChange('');
|
|
84
|
+
}}
|
|
85
|
+
/>
|
|
79
86
|
<DisplayUnitText readOnly={readOnly}>{displayUnit}</DisplayUnitText>
|
|
80
87
|
</InputAdornment>
|
|
81
88
|
)
|
|
@@ -88,18 +88,20 @@ function GroupTableRowCells(props: GroupTableRowCellsProps) {
|
|
|
88
88
|
return (
|
|
89
89
|
<StandardTableCell key={index} numOfColumns={visibleItemLabels.length}>
|
|
90
90
|
<Box display="flex" alignItems="center" justifyContent="center">
|
|
91
|
-
<
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
91
|
+
<Box flexGrow={1}>
|
|
92
|
+
<SingleItem
|
|
93
|
+
key={rowItem.linkId}
|
|
94
|
+
qItem={rowItem}
|
|
95
|
+
qrItem={qrItem ?? null}
|
|
96
|
+
itemPath={extendItemPath(itemPath, rowItem.linkId)}
|
|
97
|
+
isRepeated={true}
|
|
98
|
+
isTabled={true}
|
|
99
|
+
groupCardElevation={1}
|
|
100
|
+
showMinimalView={true}
|
|
101
|
+
parentIsReadOnly={parentIsReadOnly}
|
|
102
|
+
onQrItemChange={handleQrRowItemChange}
|
|
103
|
+
/>
|
|
104
|
+
</Box>
|
|
103
105
|
</Box>
|
|
104
106
|
</StandardTableCell>
|
|
105
107
|
);
|
|
@@ -43,6 +43,7 @@ import AccordionDetails from '@mui/material/AccordionDetails';
|
|
|
43
43
|
import GroupHeading from '../GroupItem/GroupHeading';
|
|
44
44
|
import { StandardCheckbox } from '../../Checkbox.styles';
|
|
45
45
|
import type { ItemPath } from '../../../interfaces/itemPath.interface';
|
|
46
|
+
import { Box } from '@mui/material';
|
|
46
47
|
|
|
47
48
|
interface GroupTableViewProps
|
|
48
49
|
extends PropsWithIsRepeatedAttribute,
|
|
@@ -144,7 +145,11 @@ function GroupTableView(props: GroupTableViewProps) {
|
|
|
144
145
|
</HeaderTableCell>
|
|
145
146
|
) : null}
|
|
146
147
|
{visibleItemLabels.map((visibleItemLabel) => (
|
|
147
|
-
<HeaderTableCell key={visibleItemLabel}>
|
|
148
|
+
<HeaderTableCell key={visibleItemLabel}>
|
|
149
|
+
<Box display="flex" alignItems="center" justifyContent="center">
|
|
150
|
+
{visibleItemLabel}
|
|
151
|
+
</Box>
|
|
152
|
+
</HeaderTableCell>
|
|
148
153
|
))}
|
|
149
154
|
<TableCell padding="checkbox" />
|
|
150
155
|
</TableRow>
|
|
@@ -213,7 +218,11 @@ function GroupTableView(props: GroupTableViewProps) {
|
|
|
213
218
|
</HeaderTableCell>
|
|
214
219
|
) : null}
|
|
215
220
|
{visibleItemLabels.map((visibleItemLabel) => (
|
|
216
|
-
<HeaderTableCell key={visibleItemLabel}>
|
|
221
|
+
<HeaderTableCell key={visibleItemLabel}>
|
|
222
|
+
<Box display="flex" alignItems="center" justifyContent="center">
|
|
223
|
+
{visibleItemLabel}
|
|
224
|
+
</Box>
|
|
225
|
+
</HeaderTableCell>
|
|
217
226
|
))}
|
|
218
227
|
<TableCell padding="checkbox" />
|
|
219
228
|
</TableRow>
|
|
@@ -32,5 +32,18 @@ export const StandardTextField = styled(TextField, {
|
|
|
32
32
|
'& .MuiInputBase-input': {
|
|
33
33
|
cursor: 'default'
|
|
34
34
|
}
|
|
35
|
+
},
|
|
36
|
+
'& .MuiOutlinedInput-root': {
|
|
37
|
+
paddingRight: 6 // Down from the default 14px
|
|
38
|
+
},
|
|
39
|
+
'& .StandardTextField-clearIndicator': {
|
|
40
|
+
// Hidden by default, visibility driven by "& .MuiOutlinedInput-root:hover .StandardTextField-clearIndicator"
|
|
41
|
+
visibility: 'hidden'
|
|
42
|
+
},
|
|
43
|
+
'& .MuiOutlinedInput-root:hover .StandardTextField-clearIndicator': {
|
|
44
|
+
visibility: 'visible'
|
|
45
|
+
},
|
|
46
|
+
'& .MuiOutlinedInput-root.Mui-focused .StandardTextField-clearIndicator': {
|
|
47
|
+
visibility: 'visible'
|
|
35
48
|
}
|
|
36
49
|
}));
|
|
@@ -21,6 +21,7 @@ import InputAdornment from '@mui/material/InputAdornment';
|
|
|
21
21
|
import { StandardTextField } from '../Textfield.styles';
|
|
22
22
|
import { useRendererStylingStore } from '../../../stores';
|
|
23
23
|
import DisplayUnitText from '../ItemParts/DisplayUnitText';
|
|
24
|
+
import { ClearButtonAdornment } from '../ItemParts/ClearButtonAdornment';
|
|
24
25
|
|
|
25
26
|
interface UrlFieldProps extends PropsWithIsTabledRequiredAttribute {
|
|
26
27
|
linkId: string;
|
|
@@ -72,6 +73,12 @@ function UrlField(props: UrlFieldProps) {
|
|
|
72
73
|
readOnly: readOnly && readOnlyVisualStyle === 'readonly',
|
|
73
74
|
endAdornment: (
|
|
74
75
|
<InputAdornment position="end">
|
|
76
|
+
<ClearButtonAdornment
|
|
77
|
+
readOnly={readOnly}
|
|
78
|
+
onClear={() => {
|
|
79
|
+
onInputChange('');
|
|
80
|
+
}}
|
|
81
|
+
/>
|
|
75
82
|
<DisplayUnitText readOnly={readOnly}>{displayUnit}</DisplayUnitText>
|
|
76
83
|
</InputAdornment>
|
|
77
84
|
)
|