@aehrc/smart-forms-renderer 1.0.0-alpha.47 → 1.0.0-alpha.48.dev1
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 +1 -0
- package/lib/components/FormComponents/AttachmentItem/AttachmentField.js.map +1 -1
- package/lib/components/FormComponents/BooleanItem/BooleanField.js +1 -1
- package/lib/components/FormComponents/BooleanItem/BooleanField.js.map +1 -1
- package/lib/components/FormComponents/ChoiceItems/ChoiceCheckboxAnswerOptionFields.js +1 -1
- package/lib/components/FormComponents/ChoiceItems/ChoiceCheckboxAnswerOptionFields.js.map +1 -1
- package/lib/components/FormComponents/ChoiceItems/ChoiceRadioAnswerOptionFields.js +1 -1
- package/lib/components/FormComponents/ChoiceItems/ChoiceRadioAnswerOptionFields.js.map +1 -1
- package/lib/components/FormComponents/ChoiceItems/ChoiceRadioAnswerValueSetFields.js +1 -1
- package/lib/components/FormComponents/ChoiceItems/ChoiceRadioAnswerValueSetFields.js.map +1 -1
- package/lib/components/FormComponents/ItemParts/ItemLabel.js +5 -1
- package/lib/components/FormComponents/ItemParts/ItemLabel.js.map +1 -1
- package/lib/components/FormComponents/OpenChoiceItems/OpenChoiceRadioAnswerOptionFields.js +1 -1
- package/lib/components/FormComponents/OpenChoiceItems/OpenChoiceRadioAnswerOptionFields.js.map +1 -1
- package/lib/components/FormComponents/OpenChoiceItems/OpenChoiceRadioAnswerValueSetFields.js +1 -1
- package/lib/components/FormComponents/OpenChoiceItems/OpenChoiceRadioAnswerValueSetFields.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Checkbox.styles.ts +0 -14
- package/src/components/FormComponents/AttachmentItem/AttachmentField.tsx +3 -0
- package/src/components/FormComponents/BooleanItem/BooleanField.tsx +1 -7
- package/src/components/FormComponents/ChoiceItems/ChoiceCheckboxAnswerOptionFields.tsx +2 -0
- package/src/components/FormComponents/ChoiceItems/ChoiceRadioAnswerOptionFields.tsx +1 -2
- package/src/components/FormComponents/ChoiceItems/ChoiceRadioAnswerValueSetFields.tsx +1 -2
- package/src/components/FormComponents/ChoiceItems/ChoiceRadioSingle.tsx +1 -2
- package/src/components/FormComponents/ItemParts/CheckboxSingle.tsx +0 -3
- package/src/components/FormComponents/ItemParts/CheckboxSingleWithOpenLabel.tsx +0 -3
- package/src/components/FormComponents/ItemParts/ItemLabel.tsx +5 -0
- package/src/components/FormComponents/OpenChoiceItems/OpenChoiceRadioAnswerOptionFields.tsx +1 -2
- package/src/components/FormComponents/OpenChoiceItems/OpenChoiceRadioAnswerValueSetFields.tsx +1 -2
- package/src/components/FormComponents/Tables/GroupTableRow.tsx +2 -2
- package/src/components/FormComponents/Tables/GroupTableView.tsx +6 -14
- package/src/components/FormComponents/Tables/SelectRowButton.tsx +3 -6
- package/src/components/Radio.styles.tsx +0 -13
- package/src/utils/checkbox.ts +0 -7
|
@@ -13,6 +13,7 @@ function AttachmentField(props) {
|
|
|
13
13
|
const textFieldWidth = useRendererStylingStore.use.textFieldWidth();
|
|
14
14
|
const readOnlyTextColor = readOnlyVisualStyle === 'disabled' ? 'text.disabled' : 'text.secondary';
|
|
15
15
|
const { uploadedFile, url, fileName } = attachmentValues;
|
|
16
|
+
// TODO: Consider accessible items for attachment fields too if #1096 is fixed.
|
|
16
17
|
return (_jsxs(_Fragment, { children: [_jsxs(Stack, Object.assign({ rowGap: 1, id: itemType + '-' + linkId }, { children: [_jsx(Typography, Object.assign({ 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, Object.assign({ 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: {
|
|
17
18
|
input: {
|
|
18
19
|
readOnly: readOnly && readOnlyVisualStyle === 'readonly'
|
|
@@ -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;AAa1D,SAAS,eAAe,CAAC,KAA2B;IAClD,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,gBAAgB,EACjB,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,iBAAiB,GAAG,mBAAmB,KAAK,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAElG,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,gBAAgB,CAAC;
|
|
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;AAa1D,SAAS,eAAe,CAAC,KAA2B;IAClD,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,gBAAgB,EACjB,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,iBAAiB,GAAG,mBAAmB,KAAK,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAElG,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,gBAAgB,CAAC;IAE3D,gFAAgF;IAG9E,OAAO,CACL,8BACE,MAAC,KAAK,kBAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,QAAQ,GAAG,GAAG,GAAG,MAAM,iBAC3C,KAAC,UAAU,kBAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,cAAc,8EAEnE,EACb,KAAC,GAAG,cACF,KAAC,uBAAuB,IACtB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,GAC1B,GACE,EAEN,KAAC,kBAAkB,IACjB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,GACxB,EAEF,MAAC,GAAG,eACF,KAAC,UAAU,kBACT,SAAS,EAAC,KAAK,EACf,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,cAAc,0CAEzC,EACb,KAAC,iBAAiB,IAChB,SAAS,QACT,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACzD,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU,EACxD,IAAI,EAAC,OAAO,eACF,yBAAyB,EACnC,SAAS,EAAE;oCACT,KAAK,EAAE;wCACL,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU;qCACzD;iCACF,GACD,IACE,EAEL,YAAY,IAAI,GAAG,CAAC,CAAC,CAAC,CACrB,KAAC,UAAU,kBAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,cAAc,iFAEnE,CACd,CAAC,CAAC,CAAC,IAAI,KACF,EAEP,QAAQ,CAAC,CAAC,CAAC,KAAC,wBAAwB,cAAE,QAAQ,GAA4B,CAAC,CAAC,CAAC,IAAI,IACjF,CACJ,CAAC;AACJ,CAAC;AAED,eAAe,eAAe,CAAC"}
|
|
@@ -53,7 +53,7 @@ const BooleanField = memo(function BooleanField(props) {
|
|
|
53
53
|
if (selection === 'false' || selection === null) {
|
|
54
54
|
onCheckedChange('true');
|
|
55
55
|
}
|
|
56
|
-
} }), label: "" })) : (_jsxs(Box, Object.assign({ display: "flex", alignItems: "center", sx: inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {} }, { children: [_jsx(StyledRadioGroup, Object.assign({ id: qItem.type + '-' + qItem.linkId, row: orientation === ChoiceItemOrientation.Horizontal, sx: inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {}, onChange: (e) => {
|
|
56
|
+
} }), label: "" })) : (_jsxs(Box, Object.assign({ display: "flex", alignItems: "center", sx: inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {} }, { children: [_jsx(StyledRadioGroup, Object.assign({ id: qItem.type + '-' + qItem.linkId, "aria-labelledby": 'label-' + qItem.linkId, row: orientation === ChoiceItemOrientation.Horizontal, sx: inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {}, onChange: (e) => {
|
|
57
57
|
// If item.readOnly=true, do not allow any changes
|
|
58
58
|
if (readOnly) {
|
|
59
59
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BooleanField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/BooleanItem/BooleanField.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"BooleanField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/BooleanItem/BooleanField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ function ChoiceCheckboxAnswerOptionFields(props) {
|
|
|
9
9
|
const { qItem, options, answers, feedback, readOnly, onCheckedChange } = props;
|
|
10
10
|
const orientation = (_a = getChoiceOrientation(qItem)) !== null && _a !== void 0 ? _a : ChoiceItemOrientation.Vertical;
|
|
11
11
|
if (options.length > 0) {
|
|
12
|
-
return (_jsxs(Box, Object.assign({ id: qItem.type + '-' + qItem.linkId }, { children: [_jsx(StyledFormGroup, Object.assign({ row: orientation === ChoiceItemOrientation.Horizontal }, { children: _jsx(CheckboxOptionList, { options: options, answers: answers, readOnly: readOnly, onCheckedChange: onCheckedChange }) })), feedback ? _jsx(StyledRequiredTypography, { children: feedback }) : null] })));
|
|
12
|
+
return (_jsxs(Box, Object.assign({ id: qItem.type + '-' + qItem.linkId }, { children: [_jsx(StyledFormGroup, Object.assign({ row: orientation === ChoiceItemOrientation.Horizontal }, { children: _jsx(CheckboxOptionList, { "aria-labelledby": 'label-' + qItem.linkId, options: options, answers: answers, readOnly: readOnly, onCheckedChange: onCheckedChange }) })), feedback ? _jsx(StyledRequiredTypography, { children: feedback }) : null] })));
|
|
13
13
|
}
|
|
14
14
|
return null;
|
|
15
15
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChoiceCheckboxAnswerOptionFields.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/ChoiceItems/ChoiceCheckboxAnswerOptionFields.tsx"],"names":[],"mappings":";AAuBA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAWpC,SAAS,gCAAgC,CAAC,KAA4C;;IACpF,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAE/E,MAAM,WAAW,GAAG,MAAA,oBAAoB,CAAC,KAAK,CAAC,mCAAI,qBAAqB,CAAC,QAAQ,CAAC;IAElF,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;QACtB,OAAO,CACL,MAAC,GAAG,kBAAC,EAAE,EAAE,KAAK,CAAC,IAAI,GAAG,GAAG,GAAG,KAAK,CAAC,MAAM,iBACtC,KAAC,eAAe,kBAAC,GAAG,EAAE,WAAW,KAAK,qBAAqB,CAAC,UAAU,gBACpE,KAAC,kBAAkB,
|
|
1
|
+
{"version":3,"file":"ChoiceCheckboxAnswerOptionFields.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/ChoiceItems/ChoiceCheckboxAnswerOptionFields.tsx"],"names":[],"mappings":";AAuBA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAWpC,SAAS,gCAAgC,CAAC,KAA4C;;IACpF,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAE/E,MAAM,WAAW,GAAG,MAAA,oBAAoB,CAAC,KAAK,CAAC,mCAAI,qBAAqB,CAAC,QAAQ,CAAC;IAElF,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;QACtB,OAAO,CACL,MAAC,GAAG,kBAAC,EAAE,EAAE,KAAK,CAAC,IAAI,GAAG,GAAG,GAAG,KAAK,CAAC,MAAM,iBACtC,KAAC,eAAe,kBAAC,GAAG,EAAE,WAAW,KAAK,qBAAqB,CAAC,UAAU,gBACpE,KAAC,kBAAkB,uBACA,QAAQ,GAAG,KAAK,CAAC,MAAM,EAExC,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,GAChC,IACc,EAEjB,QAAQ,CAAC,CAAC,CAAC,KAAC,wBAAwB,cAAE,QAAQ,GAA4B,CAAC,CAAC,CAAC,IAAI,KAC9E,CACP,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,eAAe,gCAAgC,CAAC"}
|
|
@@ -17,7 +17,7 @@ function ChoiceRadioAnswerOptionFields(props) {
|
|
|
17
17
|
justifyContent: 'space-between',
|
|
18
18
|
alignItems: { xs: 'start', sm: 'center' },
|
|
19
19
|
flexDirection: { xs: 'column', sm: 'row' }
|
|
20
|
-
} }, { children: [_jsxs(Box, Object.assign({ display: "flex", alignItems: "center", sx: inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {} }, { children: [_jsx(StyledRadioGroup, Object.assign({ id: qItem.type + '-' + qItem.linkId, row: orientation === ChoiceItemOrientation.Horizontal, sx: inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {}, onChange: (e) => {
|
|
20
|
+
} }, { children: [_jsxs(Box, Object.assign({ display: "flex", alignItems: "center", sx: inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {} }, { children: [_jsx(StyledRadioGroup, Object.assign({ id: qItem.type + '-' + qItem.linkId, "aria-labelledby": 'label-' + qItem.linkId, row: orientation === ChoiceItemOrientation.Horizontal, sx: inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {}, onChange: (e) => {
|
|
21
21
|
// If item.readOnly=true, do not allow any changes
|
|
22
22
|
if (readOnly) {
|
|
23
23
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChoiceRadioAnswerOptionFields.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/ChoiceItems/ChoiceRadioAnswerOptionFields.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAExE,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAa1D,SAAS,6BAA6B,CAAC,KAAyC;;IAC9E,MAAM,EACJ,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,eAAe,EACf,OAAO,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,cAAc,GAAG,uBAAuB,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC;IACpE,MAAM,eAAe,GAAG,uBAAuB,CAAC,GAAG,CAAC,eAAe,EAAE,CAAC;IAEtE,MAAM,WAAW,GAAG,MAAA,oBAAoB,CAAC,KAAK,CAAC,mCAAI,qBAAqB,CAAC,QAAQ,CAAC;IAElF,OAAO,CACL,8BACE,MAAC,GAAG,kBACF,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,iBACD,MAAC,GAAG,kBACF,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,iBAC/D,KAAC,gBAAgB,kBACf,EAAE,EAAE,KAAK,CAAC,IAAI,GAAG,GAAG,GAAG,KAAK,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"ChoiceRadioAnswerOptionFields.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/ChoiceItems/ChoiceRadioAnswerOptionFields.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAExE,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAa1D,SAAS,6BAA6B,CAAC,KAAyC;;IAC9E,MAAM,EACJ,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,eAAe,EACf,OAAO,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,cAAc,GAAG,uBAAuB,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC;IACpE,MAAM,eAAe,GAAG,uBAAuB,CAAC,GAAG,CAAC,eAAe,EAAE,CAAC;IAEtE,MAAM,WAAW,GAAG,MAAA,oBAAoB,CAAC,KAAK,CAAC,mCAAI,qBAAqB,CAAC,QAAQ,CAAC;IAElF,OAAO,CACL,8BACE,MAAC,GAAG,kBACF,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,iBACD,MAAC,GAAG,kBACF,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,iBAC/D,KAAC,gBAAgB,kBACf,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,EAC/D,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oCACd,kDAAkD;oCAClD,IAAI,QAAQ,EAAE;wCACZ,OAAO;qCACR;oCAED,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gCAClC,CAAC,EACD,KAAK,EAAE,UAAU,eACP,oBAAoB,gBAC9B,KAAC,eAAe,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,GAAI,IACnE,EAEnB,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,GAAI,EAEpB,KAAC,eAAe,IAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,GAAI,KAC3D,EAEL,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACxB,KAAC,gBAAgB,IAAC,WAAW,EAAE,CAAC,CAAC,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAI,CACtF,KACG,EAEL,QAAQ,CAAC,CAAC,CAAC,KAAC,wBAAwB,cAAE,QAAQ,GAA4B,CAAC,CAAC,CAAC,IAAI,IACjF,CACJ,CAAC;AACJ,CAAC;AAED,eAAe,6BAA6B,CAAC"}
|
|
@@ -21,7 +21,7 @@ function ChoiceRadioAnswerValueSetFields(props) {
|
|
|
21
21
|
justifyContent: 'space-between',
|
|
22
22
|
alignItems: { xs: 'start', sm: 'center' },
|
|
23
23
|
flexDirection: { xs: 'column', sm: 'row' }
|
|
24
|
-
} }, { children: [_jsxs(Box, Object.assign({ display: "flex", alignItems: "center", sx: inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {} }, { children: [_jsx(StyledRadioGroup, Object.assign({ id: qItem.type + '-' + qItem.linkId, row: orientation === ChoiceItemOrientation.Horizontal, sx: inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {}, onChange: (e) => {
|
|
24
|
+
} }, { children: [_jsxs(Box, Object.assign({ display: "flex", alignItems: "center", sx: inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {} }, { children: [_jsx(StyledRadioGroup, Object.assign({ id: qItem.type + '-' + qItem.linkId, "aria-labelledby": 'label-' + qItem.linkId, row: orientation === ChoiceItemOrientation.Horizontal, sx: inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {}, onChange: (e) => {
|
|
25
25
|
// If item.readOnly=true, do not allow any changes
|
|
26
26
|
if (readOnly) {
|
|
27
27
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChoiceRadioAnswerValueSetFields.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/ChoiceItems/ChoiceRadioAnswerValueSetFields.tsx"],"names":[],"mappings":";AAkBA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAExE,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,gBAAgB,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAc1D,SAAS,+BAA+B,CAAC,KAA2C;;IAClF,MAAM,EACJ,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,OAAO,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,cAAc,GAAG,uBAAuB,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC;IACpE,MAAM,eAAe,GAAG,uBAAuB,CAAC,GAAG,CAAC,eAAe,EAAE,CAAC;IAEtE,MAAM,WAAW,GAAG,MAAA,oBAAoB,CAAC,KAAK,CAAC,mCAAI,qBAAqB,CAAC,QAAQ,CAAC;IAElF,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;QACtB,OAAO,CACL,8BACE,MAAC,GAAG,kBACF,OAAO,EAAC,MAAM,EACd,EAAE,EAAE;wBACF,cAAc,EAAE,eAAe;wBAC/B,UAAU,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE;wBACzC,aAAa,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE;qBAC3C,iBACD,MAAC,GAAG,kBACF,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,iBAC/D,KAAC,gBAAgB,kBACf,EAAE,EAAE,KAAK,CAAC,IAAI,GAAG,GAAG,GAAG,KAAK,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"ChoiceRadioAnswerValueSetFields.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/ChoiceItems/ChoiceRadioAnswerValueSetFields.tsx"],"names":[],"mappings":"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"}
|
|
@@ -37,7 +37,11 @@ const ItemLabel = memo(function ItemLabel(props) {
|
|
|
37
37
|
// Get text color from parent styles if available
|
|
38
38
|
const readOnlyTextColor = readOnlyVisualStyle === 'disabled' ? 'text.disabled' : 'text.secondary';
|
|
39
39
|
const textColor = (parentStyles === null || parentStyles === void 0 ? void 0 : parentStyles.color) || (readOnly ? readOnlyTextColor : 'text.primary');
|
|
40
|
-
return (_jsxs(Box, Object.assign({ display: "flex", alignItems: "center", justifyContent: "space-between" }, { children: [_jsxs(Box, Object.assign({ position: "relative", display: "flex", flexGrow: 1, alignItems: "center" }, { children: [required && requiredIndicatorPosition === 'start' ? (_jsx(RequiredAsterisk, Object.assign({ readOnly: readOnly, variant: variant, sx: { position: 'absolute', top: 0, left: -8 } }, { children: "*" }))) : null, _jsxs(Typography, Object.assign({
|
|
40
|
+
return (_jsxs(Box, Object.assign({ display: "flex", alignItems: "center", justifyContent: "space-between" }, { children: [_jsxs(Box, Object.assign({ position: "relative", display: "flex", flexGrow: 1, alignItems: "center" }, { children: [required && requiredIndicatorPosition === 'start' ? (_jsx(RequiredAsterisk, Object.assign({ readOnly: readOnly, variant: variant, sx: { position: 'absolute', top: 0, left: -8 } }, { children: "*" }))) : null, _jsxs(Typography, Object.assign({ id: 'label-' + qItem.linkId, component: component, variant: variant,
|
|
41
|
+
// TODO: Delete this section later after testing.
|
|
42
|
+
// based on the qItem type if it is choice, or open-choice, boolean then don't display the htmlFor
|
|
43
|
+
// htmlFor={qItem.type === 'choice' || qItem.type === 'open-choice' || qItem.type === 'boolean' ? undefined : qItem.type + '-' + qItem.linkId}
|
|
44
|
+
htmlFor: qItem.type + '-' + qItem.linkId, color: textColor, sx: Object.assign({ mt: 0.5, flexGrow: 1 }, (parentStyles || {})) }, { children: [_jsx(ItemTextSwitcher, { qItem: qItem }), required && requiredIndicatorPosition === 'end' ? (_jsx(RequiredAsterisk, Object.assign({ readOnly: readOnly, variant: variant }, { children: "*" }))) : null, displayFlyover !== '' ? (_jsx(Typography, Object.assign({ component: "span", sx: { ml: 0.75 } }, { children: _jsx(FlyoverItem, { displayFlyover: displayFlyover, readOnly: readOnly }) }))) : null] }))] })), _jsx(Box, Object.assign({ display: "flex", columnGap: 0.5 }, { children: contextDisplayItems.map((item) => {
|
|
41
45
|
return _jsx(ContextDisplayItem, { displayItem: item }, item.linkId);
|
|
42
46
|
}) }))] })));
|
|
43
47
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ItemLabel.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/ItemParts/ItemLabel.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAc,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,sBAAsB,MAAM,uCAAuC,CAAC;AAC3E,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,WAAW,MAAM,eAAe,CAAC;AASxC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,SAAS,CAAC,KAAqB;IAC7D,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAE/D,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;IAC9E,MAAM,yBAAyB,GAAG,uBAAuB,CAAC,GAAG,CAAC,yBAAyB,EAAE,CAAC;IAE1F,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC;IACnE,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAEtD,mEAAmE;IACnE,MAAM,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IACnD,MAAM,OAAO,GAAG,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;IAEpD,iDAAiD;IAEjD,MAAM,iBAAiB,GAAG,mBAAmB,KAAK,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAClG,MAAM,SAAS,GAAG,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,KAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;IAEzF,OAAO,CACL,MAAC,GAAG,kBAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,eAAe,iBACpE,MAAC,GAAG,kBAAC,QAAQ,EAAC,UAAU,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,iBAErE,QAAQ,IAAI,yBAAyB,KAAK,OAAO,CAAC,CAAC,CAAC,CACnD,KAAC,gBAAgB,kBACf,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,uBAE7B,CACpB,CAAC,CAAC,CAAC,IAAI,EAKR,MAAC,UAAU,kBACT,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"ItemLabel.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/ItemParts/ItemLabel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ function OpenChoiceRadioAnswerOptionFields(props) {
|
|
|
10
10
|
const { qItem, options, valueRadio, openLabelText, openLabelValue, openLabelSelected, feedback, readOnly, onValueChange } = props;
|
|
11
11
|
const inputsFlexGrow = useRendererStylingStore.use.inputsFlexGrow();
|
|
12
12
|
const orientation = (_a = getChoiceOrientation(qItem)) !== null && _a !== void 0 ? _a : ChoiceItemOrientation.Vertical;
|
|
13
|
-
return (_jsxs(_Fragment, { children: [_jsxs(StyledRadioGroup, Object.assign({ id: qItem.type + '-' + qItem.linkId, row: orientation === ChoiceItemOrientation.Horizontal, sx: inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {}, onChange: (e) => {
|
|
13
|
+
return (_jsxs(_Fragment, { children: [_jsxs(StyledRadioGroup, Object.assign({ id: qItem.type + '-' + qItem.linkId, "aria-labelledby": 'label-' + qItem.linkId, row: orientation === ChoiceItemOrientation.Horizontal, sx: inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {}, onChange: (e) => {
|
|
14
14
|
// If item.readOnly=true, do not allow any changes
|
|
15
15
|
if (readOnly) {
|
|
16
16
|
return;
|
package/lib/components/FormComponents/OpenChoiceItems/OpenChoiceRadioAnswerOptionFields.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OpenChoiceRadioAnswerOptionFields.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/OpenChoiceItems/OpenChoiceRadioAnswerOptionFields.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAExE,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,wBAAwB,MAAM,uCAAuC,CAAC;AAC7E,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAc1D,SAAS,iCAAiC,CAAC,KAA6C;;IACtF,MAAM,EACJ,KAAK,EACL,OAAO,EACP,UAAU,EACV,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,aAAa,EACd,GAAG,KAAK,CAAC;IAEV,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,gBAAgB,kBACf,EAAE,EAAE,KAAK,CAAC,IAAI,GAAG,GAAG,GAAG,KAAK,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"OpenChoiceRadioAnswerOptionFields.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/OpenChoiceItems/OpenChoiceRadioAnswerOptionFields.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAExE,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,wBAAwB,MAAM,uCAAuC,CAAC;AAC7E,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAc1D,SAAS,iCAAiC,CAAC,KAA6C;;IACtF,MAAM,EACJ,KAAK,EACL,OAAO,EACP,UAAU,EACV,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,aAAa,EACd,GAAG,KAAK,CAAC;IAEV,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,gBAAgB,kBACf,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,EAC/D,QAAQ,EAAE,CAAC,CAAgC,EAAE,EAAE;oBAC7C,kDAAkD;oBAClD,IAAI,QAAQ,EAAE;wBACZ,OAAO;qBACR;oBAED,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;gBACtC,CAAC,EACD,KAAK,EAAE,UAAU,eACP,oBAAoB,iBAC9B,KAAC,eAAe,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,GAAI,EAEnF,aAAa,CAAC,CAAC,CAAC,CACf,KAAC,wBAAwB,IACvB,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,iBAAiB,EAC7B,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,GACpD,CACH,CAAC,CAAC,CAAC,IAAI,KACS,EAElB,QAAQ,CAAC,CAAC,CAAC,KAAC,wBAAwB,cAAE,QAAQ,GAA4B,CAAC,CAAC,CAAC,IAAI,IACjF,CACJ,CAAC;AACJ,CAAC;AAED,eAAe,iCAAiC,CAAC"}
|
package/lib/components/FormComponents/OpenChoiceItems/OpenChoiceRadioAnswerValueSetFields.js
CHANGED
|
@@ -14,7 +14,7 @@ function OpenChoiceRadioAnswerValueSetFields(props) {
|
|
|
14
14
|
const inputsFlexGrow = useRendererStylingStore.use.inputsFlexGrow();
|
|
15
15
|
const orientation = (_a = getChoiceOrientation(qItem)) !== null && _a !== void 0 ? _a : ChoiceItemOrientation.Vertical;
|
|
16
16
|
if (options.length > 0) {
|
|
17
|
-
return (_jsxs(_Fragment, { children: [_jsxs(StyledRadioGroup, Object.assign({ id: qItem.type + '-' + qItem.linkId, row: orientation === ChoiceItemOrientation.Horizontal, sx: inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {}, onChange: (e) => {
|
|
17
|
+
return (_jsxs(_Fragment, { children: [_jsxs(StyledRadioGroup, Object.assign({ id: qItem.type + '-' + qItem.linkId, "aria-labelledby": 'label-' + qItem.linkId, row: orientation === ChoiceItemOrientation.Horizontal, sx: inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {}, onChange: (e) => {
|
|
18
18
|
// If item.readOnly=true, do not allow any changes
|
|
19
19
|
if (readOnly) {
|
|
20
20
|
return;
|
package/lib/components/FormComponents/OpenChoiceItems/OpenChoiceRadioAnswerValueSetFields.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OpenChoiceRadioAnswerValueSetFields.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/OpenChoiceItems/OpenChoiceRadioAnswerValueSetFields.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAExE,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,wBAAwB,MAAM,uCAAuC,CAAC;AAC7E,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,gBAAgB,MAAM,kCAAkC,CAAC;AAChE,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAe1D,SAAS,mCAAmC,CAAC,KAA+C;;IAC1F,MAAM,EACJ,KAAK,EACL,OAAO,EACP,UAAU,EACV,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACd,GAAG,KAAK,CAAC;IAEV,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,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;QACtB,OAAO,CACL,8BACE,MAAC,gBAAgB,kBACf,EAAE,EAAE,KAAK,CAAC,IAAI,GAAG,GAAG,GAAG,KAAK,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"OpenChoiceRadioAnswerValueSetFields.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/OpenChoiceItems/OpenChoiceRadioAnswerValueSetFields.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -5,20 +5,6 @@ export const StandardCheckbox = styled(Checkbox, {
|
|
|
5
5
|
shouldForwardProp: (prop) => prop !== 'readOnly'
|
|
6
6
|
})<{ readOnly: boolean }>(({ theme, readOnly }) => ({
|
|
7
7
|
...(readOnly && {
|
|
8
|
-
// Remove 'pointer' cursor when readOnly
|
|
9
|
-
cursor: 'default',
|
|
10
|
-
|
|
11
|
-
// Hide the ripple effect when readOnly
|
|
12
|
-
'.MuiTouchRipple-root': {
|
|
13
|
-
display: 'none'
|
|
14
|
-
},
|
|
15
|
-
|
|
16
|
-
// Show grey background when focused (via keyboard)
|
|
17
|
-
'&.Mui-focusVisible': {
|
|
18
|
-
backgroundColor: theme.palette.action.hover
|
|
19
|
-
},
|
|
20
|
-
|
|
21
|
-
// Use grey stylings when it's readOnly
|
|
22
8
|
'&.MuiButtonBase-root': {
|
|
23
9
|
'&.MuiCheckbox-root': {
|
|
24
10
|
// Use text.disabled colour (same as disabled field) here because text.secondary is too dark, and 'rgb(220, 223, 228)' is too light
|
|
@@ -58,6 +58,9 @@ function AttachmentField(props: AttachmentFieldProps) {
|
|
|
58
58
|
|
|
59
59
|
const { uploadedFile, url, fileName } = attachmentValues;
|
|
60
60
|
|
|
61
|
+
// TODO: Consider accessible items for attachment fields too if #1096 is fixed.
|
|
62
|
+
|
|
63
|
+
|
|
61
64
|
return (
|
|
62
65
|
<>
|
|
63
66
|
<Stack rowGap={1} id={itemType + '-' + linkId}>
|
|
@@ -28,7 +28,6 @@ import { isSpecificItemControl } from '../../../utils';
|
|
|
28
28
|
import ClearInputButton from '../ItemParts/ClearInputButton';
|
|
29
29
|
import { useRendererStylingStore } from '../../../stores';
|
|
30
30
|
import { StandardCheckbox } from '../../Checkbox.styles';
|
|
31
|
-
import { ariaCheckedMap } from '../../../utils/checkbox';
|
|
32
31
|
|
|
33
32
|
interface BooleanFieldProps {
|
|
34
33
|
qItem: QuestionnaireItem;
|
|
@@ -56,8 +55,6 @@ const BooleanField = memo(function BooleanField(props: BooleanFieldProps) {
|
|
|
56
55
|
|
|
57
56
|
const selection = valueBoolean === undefined ? null : valueBoolean.toString();
|
|
58
57
|
|
|
59
|
-
const ariaCheckedValue = ariaCheckedMap.get(selection ?? 'false');
|
|
60
|
-
|
|
61
58
|
return (
|
|
62
59
|
<>
|
|
63
60
|
<Box
|
|
@@ -77,9 +74,6 @@ const BooleanField = memo(function BooleanField(props: BooleanFieldProps) {
|
|
|
77
74
|
size="small"
|
|
78
75
|
checked={selection === 'true'}
|
|
79
76
|
readOnly={readOnly && readOnlyVisualStyle === 'readonly'}
|
|
80
|
-
aria-readonly={readOnly && readOnlyVisualStyle === 'readonly'}
|
|
81
|
-
role="checkbox"
|
|
82
|
-
aria-checked={ariaCheckedValue}
|
|
83
77
|
onChange={() => {
|
|
84
78
|
// If item.readOnly=true, do not allow any changes
|
|
85
79
|
if (readOnly) {
|
|
@@ -105,9 +99,9 @@ const BooleanField = memo(function BooleanField(props: BooleanFieldProps) {
|
|
|
105
99
|
sx={inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {}}>
|
|
106
100
|
<StyledRadioGroup
|
|
107
101
|
id={qItem.type + '-' + qItem.linkId}
|
|
102
|
+
aria-labelledby={'label-' + qItem.linkId}
|
|
108
103
|
row={orientation === ChoiceItemOrientation.Horizontal}
|
|
109
104
|
sx={inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {}}
|
|
110
|
-
aria-readonly={readOnly && readOnlyVisualStyle === 'readonly'}
|
|
111
105
|
onChange={(e) => {
|
|
112
106
|
// If item.readOnly=true, do not allow any changes
|
|
113
107
|
if (readOnly) {
|
|
@@ -46,6 +46,8 @@ function ChoiceCheckboxAnswerOptionFields(props: ChoiceCheckboxAnswerOptionField
|
|
|
46
46
|
<Box id={qItem.type + '-' + qItem.linkId}>
|
|
47
47
|
<StyledFormGroup row={orientation === ChoiceItemOrientation.Horizontal}>
|
|
48
48
|
<CheckboxOptionList
|
|
49
|
+
aria-labelledby={'label-' + qItem.linkId}
|
|
50
|
+
|
|
49
51
|
options={options}
|
|
50
52
|
answers={answers}
|
|
51
53
|
readOnly={readOnly}
|
|
@@ -49,7 +49,6 @@ function ChoiceRadioAnswerOptionFields(props: ChoiceRadioAnswerOptionFieldsProps
|
|
|
49
49
|
onClear
|
|
50
50
|
} = props;
|
|
51
51
|
|
|
52
|
-
const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
|
|
53
52
|
const inputsFlexGrow = useRendererStylingStore.use.inputsFlexGrow();
|
|
54
53
|
const hideClearButton = useRendererStylingStore.use.hideClearButton();
|
|
55
54
|
|
|
@@ -70,9 +69,9 @@ function ChoiceRadioAnswerOptionFields(props: ChoiceRadioAnswerOptionFieldsProps
|
|
|
70
69
|
sx={inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {}}>
|
|
71
70
|
<StyledRadioGroup
|
|
72
71
|
id={qItem.type + '-' + qItem.linkId}
|
|
72
|
+
aria-labelledby={'label-' + qItem.linkId}
|
|
73
73
|
row={orientation === ChoiceItemOrientation.Horizontal}
|
|
74
74
|
sx={inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {}}
|
|
75
|
-
aria-readonly={readOnly && readOnlyVisualStyle === 'readonly'}
|
|
76
75
|
onChange={(e) => {
|
|
77
76
|
// If item.readOnly=true, do not allow any changes
|
|
78
77
|
if (readOnly) {
|
|
@@ -55,7 +55,6 @@ function ChoiceRadioAnswerValueSetFields(props: ChoiceRadioAnswerValueSetFieldsP
|
|
|
55
55
|
onClear
|
|
56
56
|
} = props;
|
|
57
57
|
|
|
58
|
-
const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
|
|
59
58
|
const inputsFlexGrow = useRendererStylingStore.use.inputsFlexGrow();
|
|
60
59
|
const hideClearButton = useRendererStylingStore.use.hideClearButton();
|
|
61
60
|
|
|
@@ -77,9 +76,9 @@ function ChoiceRadioAnswerValueSetFields(props: ChoiceRadioAnswerValueSetFieldsP
|
|
|
77
76
|
sx={inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {}}>
|
|
78
77
|
<StyledRadioGroup
|
|
79
78
|
id={qItem.type + '-' + qItem.linkId}
|
|
79
|
+
aria-labelledby={'label-' + qItem.linkId}
|
|
80
80
|
row={orientation === ChoiceItemOrientation.Horizontal}
|
|
81
81
|
sx={inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {}}
|
|
82
|
-
aria-readonly={readOnly && readOnlyVisualStyle === 'readonly'}
|
|
83
82
|
onChange={(e) => {
|
|
84
83
|
// If item.readOnly=true, do not allow any changes
|
|
85
84
|
if (readOnly) {
|
|
@@ -37,8 +37,7 @@ function ChoiceRadioSingle(props: ChoiceRadioSingleProps) {
|
|
|
37
37
|
sx={{
|
|
38
38
|
width: fullWidth ? '100%' : 'unset',
|
|
39
39
|
...(readOnly && {
|
|
40
|
-
color: readOnlyVisualStyle === 'readonly' ? 'text.secondary' : undefined
|
|
41
|
-
cursor: 'default'
|
|
40
|
+
color: readOnlyVisualStyle === 'readonly' ? 'text.secondary' : undefined
|
|
42
41
|
})
|
|
43
42
|
}}
|
|
44
43
|
disabled={readOnly && readOnlyVisualStyle === 'disabled'}
|
|
@@ -42,9 +42,6 @@ function CheckboxSingle(props: Props) {
|
|
|
42
42
|
size="small"
|
|
43
43
|
checked={isChecked}
|
|
44
44
|
readOnly={readOnly && readOnlyVisualStyle === 'readonly'}
|
|
45
|
-
aria-readonly={readOnly && readOnlyVisualStyle === 'readonly'}
|
|
46
|
-
role="checkbox"
|
|
47
|
-
aria-checked={isChecked}
|
|
48
45
|
onChange={() => {
|
|
49
46
|
// If item.readOnly=true, do not allow any changes
|
|
50
47
|
if (readOnly) {
|
|
@@ -51,9 +51,6 @@ function CheckboxSingleWithOpenLabel(props: Props) {
|
|
|
51
51
|
size="small"
|
|
52
52
|
checked={isChecked}
|
|
53
53
|
readOnly={readOnly && readOnlyVisualStyle === 'readonly'}
|
|
54
|
-
aria-readonly={readOnly && readOnlyVisualStyle === 'readonly'}
|
|
55
|
-
role="checkbox"
|
|
56
|
-
aria-checked={isChecked}
|
|
57
54
|
onChange={handleCheckedChange}
|
|
58
55
|
/>
|
|
59
56
|
}
|
|
@@ -69,9 +69,14 @@ const ItemLabel = memo(function ItemLabel(props: ItemLabelProps) {
|
|
|
69
69
|
{/* Added 0.5 marginTop (4px) because item labels doesn't look in line with their fields */}
|
|
70
70
|
{/* flexGrow: 1 is important if xhtml and markdown rendering has width: 100% */}
|
|
71
71
|
<Typography
|
|
72
|
+
id={'label-' + qItem.linkId}
|
|
72
73
|
component={component}
|
|
73
74
|
variant={variant}
|
|
75
|
+
// TODO: Delete this section later after testing.
|
|
76
|
+
// based on the qItem type if it is choice, or open-choice, boolean then don't display the htmlFor
|
|
77
|
+
// htmlFor={qItem.type === 'choice' || qItem.type === 'open-choice' || qItem.type === 'boolean' ? undefined : qItem.type + '-' + qItem.linkId}
|
|
74
78
|
htmlFor={qItem.type + '-' + qItem.linkId}
|
|
79
|
+
|
|
75
80
|
color={textColor}
|
|
76
81
|
sx={{ mt: 0.5, flexGrow: 1, ...(parentStyles || {}) }}>
|
|
77
82
|
<ItemTextSwitcher qItem={qItem} />
|
|
@@ -50,7 +50,6 @@ function OpenChoiceRadioAnswerOptionFields(props: OpenChoiceRadioAnswerOptionFie
|
|
|
50
50
|
onValueChange
|
|
51
51
|
} = props;
|
|
52
52
|
|
|
53
|
-
const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
|
|
54
53
|
const inputsFlexGrow = useRendererStylingStore.use.inputsFlexGrow();
|
|
55
54
|
|
|
56
55
|
const orientation = getChoiceOrientation(qItem) ?? ChoiceItemOrientation.Vertical;
|
|
@@ -59,9 +58,9 @@ function OpenChoiceRadioAnswerOptionFields(props: OpenChoiceRadioAnswerOptionFie
|
|
|
59
58
|
<>
|
|
60
59
|
<StyledRadioGroup
|
|
61
60
|
id={qItem.type + '-' + qItem.linkId}
|
|
61
|
+
aria-labelledby={'label-' + qItem.linkId}
|
|
62
62
|
row={orientation === ChoiceItemOrientation.Horizontal}
|
|
63
63
|
sx={inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {}}
|
|
64
|
-
aria-readonly={readOnly && readOnlyVisualStyle === 'readonly'}
|
|
65
64
|
onChange={(e: ChangeEvent<HTMLInputElement>) => {
|
|
66
65
|
// If item.readOnly=true, do not allow any changes
|
|
67
66
|
if (readOnly) {
|
package/src/components/FormComponents/OpenChoiceItems/OpenChoiceRadioAnswerValueSetFields.tsx
CHANGED
|
@@ -56,7 +56,6 @@ function OpenChoiceRadioAnswerValueSetFields(props: OpenChoiceRadioAnswerValueSe
|
|
|
56
56
|
onValueChange
|
|
57
57
|
} = props;
|
|
58
58
|
|
|
59
|
-
const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
|
|
60
59
|
const inputsFlexGrow = useRendererStylingStore.use.inputsFlexGrow();
|
|
61
60
|
|
|
62
61
|
const orientation = getChoiceOrientation(qItem) ?? ChoiceItemOrientation.Vertical;
|
|
@@ -66,9 +65,9 @@ function OpenChoiceRadioAnswerValueSetFields(props: OpenChoiceRadioAnswerValueSe
|
|
|
66
65
|
<>
|
|
67
66
|
<StyledRadioGroup
|
|
68
67
|
id={qItem.type + '-' + qItem.linkId}
|
|
68
|
+
aria-labelledby={'label-' + qItem.linkId}
|
|
69
69
|
row={orientation === ChoiceItemOrientation.Horizontal}
|
|
70
70
|
sx={inputsFlexGrow ? { width: '100%', flexWrap: 'nowrap' } : {}}
|
|
71
|
-
aria-readonly={readOnly && readOnlyVisualStyle === 'readonly'}
|
|
72
71
|
onChange={(e: ChangeEvent<HTMLInputElement>) => {
|
|
73
72
|
// If item.readOnly=true, do not allow any changes
|
|
74
73
|
if (readOnly) {
|
|
@@ -104,7 +104,7 @@ function GroupTableRow(props: GroupTableRowProps) {
|
|
|
104
104
|
</Box>
|
|
105
105
|
</TableCell>
|
|
106
106
|
<SelectRowButton
|
|
107
|
-
|
|
107
|
+
isSelected={itemIsSelected}
|
|
108
108
|
readOnly={readOnly}
|
|
109
109
|
onSelectItem={() => onSelectRow(rowId)}
|
|
110
110
|
/>
|
|
@@ -148,7 +148,7 @@ function GroupTableRow(props: GroupTableRowProps) {
|
|
|
148
148
|
</Box>
|
|
149
149
|
</TableCell>
|
|
150
150
|
<SelectRowButton
|
|
151
|
-
|
|
151
|
+
isSelected={itemIsSelected}
|
|
152
152
|
readOnly={readOnly}
|
|
153
153
|
onSelectItem={() => onSelectRow(rowId)}
|
|
154
154
|
/>
|
|
@@ -91,10 +91,6 @@ function GroupTableView(props: GroupTableViewProps) {
|
|
|
91
91
|
|
|
92
92
|
const groupCollapsibleValue = getGroupCollapsible(qItem);
|
|
93
93
|
|
|
94
|
-
const indeterminateValue = selectedIds.length > 0 && selectedIds.length < tableRows.length;
|
|
95
|
-
const checkedValue = tableRows.length > 0 && selectedIds.length === tableRows.length;
|
|
96
|
-
const ariaCheckedValue = indeterminateValue ? 'mixed' : checkedValue ? 'true' : 'false';
|
|
97
|
-
|
|
98
94
|
// If the table is collapsible, wrap it in an accordion
|
|
99
95
|
if (groupCollapsibleValue) {
|
|
100
96
|
const isDefaultOpen = groupCollapsibleValue === 'default-open';
|
|
@@ -182,13 +178,12 @@ function GroupTableView(props: GroupTableViewProps) {
|
|
|
182
178
|
<StandardCheckbox
|
|
183
179
|
color="primary"
|
|
184
180
|
size="small"
|
|
185
|
-
indeterminate={
|
|
186
|
-
|
|
181
|
+
indeterminate={
|
|
182
|
+
selectedIds.length > 0 && selectedIds.length < tableRows.length
|
|
183
|
+
}
|
|
184
|
+
checked={tableRows.length > 0 && selectedIds.length === tableRows.length}
|
|
187
185
|
disabled={readOnly && readOnlyVisualStyle === 'disabled'}
|
|
188
186
|
readOnly={readOnly && readOnlyVisualStyle === 'readonly'}
|
|
189
|
-
aria-readonly={readOnly && readOnlyVisualStyle === 'readonly'}
|
|
190
|
-
role="checkbox"
|
|
191
|
-
aria-checked={ariaCheckedValue}
|
|
192
187
|
onChange={onSelectAll}
|
|
193
188
|
/>
|
|
194
189
|
</HeaderTableCell>
|
|
@@ -290,13 +285,10 @@ function GroupTableView(props: GroupTableViewProps) {
|
|
|
290
285
|
<StandardCheckbox
|
|
291
286
|
color="primary"
|
|
292
287
|
size="small"
|
|
293
|
-
indeterminate={
|
|
294
|
-
checked={
|
|
288
|
+
indeterminate={selectedIds.length > 0 && selectedIds.length < tableRows.length}
|
|
289
|
+
checked={tableRows.length > 0 && selectedIds.length === tableRows.length}
|
|
295
290
|
disabled={readOnly && readOnlyVisualStyle === 'disabled'}
|
|
296
291
|
readOnly={readOnly && readOnlyVisualStyle === 'readonly'}
|
|
297
|
-
aria-readonly={readOnly && readOnlyVisualStyle === 'readonly'}
|
|
298
|
-
role="checkbox"
|
|
299
|
-
aria-checked={ariaCheckedValue}
|
|
300
292
|
onChange={onSelectAll}
|
|
301
293
|
/>
|
|
302
294
|
</HeaderTableCell>
|
|
@@ -21,13 +21,13 @@ import { StandardCheckbox } from '../../Checkbox.styles';
|
|
|
21
21
|
import { useRendererStylingStore } from '../../../stores';
|
|
22
22
|
|
|
23
23
|
interface SelectRowButtonProps {
|
|
24
|
-
|
|
24
|
+
isSelected: boolean;
|
|
25
25
|
readOnly: boolean;
|
|
26
26
|
onSelectItem: () => void;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
function SelectRowButton(props: SelectRowButtonProps) {
|
|
30
|
-
const {
|
|
30
|
+
const { isSelected, readOnly, onSelectItem } = props;
|
|
31
31
|
|
|
32
32
|
const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
|
|
33
33
|
|
|
@@ -36,12 +36,9 @@ function SelectRowButton(props: SelectRowButtonProps) {
|
|
|
36
36
|
<StandardCheckbox
|
|
37
37
|
color="primary"
|
|
38
38
|
size="small"
|
|
39
|
-
checked={
|
|
39
|
+
checked={isSelected}
|
|
40
40
|
disabled={readOnly && readOnlyVisualStyle === 'disabled'}
|
|
41
41
|
readOnly={readOnly && readOnlyVisualStyle === 'readonly'}
|
|
42
|
-
aria-readonly={readOnly && readOnlyVisualStyle === 'readonly'}
|
|
43
|
-
role="checkbox"
|
|
44
|
-
aria-checked={isChecked}
|
|
45
42
|
onChange={onSelectItem}
|
|
46
43
|
/>
|
|
47
44
|
</TableCell>
|
|
@@ -5,19 +5,6 @@ export const StandardRadio = styled(Radio, {
|
|
|
5
5
|
shouldForwardProp: (prop) => prop !== 'readOnly'
|
|
6
6
|
})<{ readOnly: boolean }>(({ theme, readOnly }) => ({
|
|
7
7
|
...(readOnly && {
|
|
8
|
-
// Remove 'pointer' cursor when readOnly
|
|
9
|
-
cursor: 'default',
|
|
10
|
-
|
|
11
|
-
// Hide the ripple effect when readOnly, show a grey background when its focused
|
|
12
|
-
'.MuiTouchRipple-root': {
|
|
13
|
-
display: 'none'
|
|
14
|
-
},
|
|
15
|
-
// Your grey border wrapper effect
|
|
16
|
-
'&.Mui-focusVisible': {
|
|
17
|
-
backgroundColor: theme.palette.action.hover
|
|
18
|
-
},
|
|
19
|
-
|
|
20
|
-
// Use grey stylings when it's readOnly
|
|
21
8
|
'&.MuiButtonBase-root': {
|
|
22
9
|
'&.MuiRadio-root': {
|
|
23
10
|
// Use text.disabled colour (same as disabled field) here because text.secondary is too dark, and 'rgb(220, 223, 228)' is too light
|