orc-shared 5.8.0-dev.21 → 5.8.0-dev.22

package/dist/components/MaterialUI/Inputs/Radio.js

@@ -154,6 +154,7 @@ var Radio = function Radio(_ref) {
     value: value,
     onChange: handleChange
   }, radios.map(function (radio) {
+    var _radio$disabled;
     var handleClick = radio.clickEvent ? function (event) {
       return radio.clickEvent(event.target.value);
     } : null;
@@ -161,7 +162,7 @@ var Radio = function Radio(_ref) {
       key: "radiobutton_".concat(radio.value),
       value: radio.value,
       label: radio.label,
-      disabled: disabled,
+      disabled: disabled ? true : (_radio$disabled = radio.disabled) != null ? _radio$disabled : false,
       control: /*#__PURE__*/_react.default.createElement(_Radio.default, {
         color: "primary",
         checkedIcon: /*#__PURE__*/_react.default.createElement("span", {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "orc-shared",
-	"version": "5.8.0-dev.21",
+	"version": "5.8.0-dev.22",
 	"description": "Shared code for Orckestra applications",
 	"main": "./src/index.js",
 	"exports": {

package/src/components/MaterialUI/Inputs/Radio.js

@@ -119,7 +119,7 @@ const Radio = ({ radioProps }) => {
 							key={`radiobutton_${radio.value}`}
 							value={radio.value}
 							label={radio.label}
-							disabled={disabled}
+							disabled={disabled ? true : radio.disabled ?? false}
 							control={
 								<RadioMui
 									color="primary"

package/src/components/MaterialUI/Inputs/Radio.test.js

@@ -49,6 +49,7 @@ const ExpectComponentToBeRenderedProperly = radioProps => {
 	expect(radioElements.length, "to equal", radios.length);
 
 	radios.forEach(radio => {
+		const disabledOption = disabled ? true : radio.disabled ?? false;
 		let option =
 			radioElements.find(
 				x =>
@@ -57,7 +58,7 @@ const ExpectComponentToBeRenderedProperly = radioProps => {
 					x.props.control.type.options.name === "MuiRadio" &&
 					x.props.value === radio.value &&
 					x.props.label === radio.label &&
-					x.props.disabled === disabled,
+					x.props.disabled === disabledOption,
 			) || null;
 		expect(option, "not to be", null);
 	});
@@ -226,4 +227,37 @@ describe("Radio Component", () => {
 
 		ExpectEventToBeFiredWithOptionValue(radioProps, clickEvent, "option2");
 	});
+
+	it("Renders Radio component properly with options all disbaled", () => {
+		radios.forEach(radio => {
+			radio.disabled = true;
+		});
+
+		radioProps.set(RadioProps.propNames.label, "aRadioLabel");
+		radioProps.set(RadioProps.propNames.defaultVal, "option1");
+		radioProps.set(RadioProps.propNames.value, "option1");
+		radioProps.set(RadioProps.propNames.radios, radios);
+		radioProps.set(RadioProps.propNames.row, true);
+		radioProps.set(RadioProps.propNames.disabled, false);
+		radioProps.set(RadioProps.propNames.error, null);
+		radioProps.set(RadioProps.propNames.allowSingleRadio, true);
+
+		ExpectComponentToBeRenderedProperly(radioProps);
+	});
+
+	it("Renders Radio component properly with half options disbaled", () => {
+		radios[0].disabled = true;
+		radios[1].disabled = true;
+
+		radioProps.set(RadioProps.propNames.label, "aRadioLabel");
+		radioProps.set(RadioProps.propNames.defaultVal, "option1");
+		radioProps.set(RadioProps.propNames.value, "option1");
+		radioProps.set(RadioProps.propNames.radios, radios);
+		radioProps.set(RadioProps.propNames.row, true);
+		radioProps.set(RadioProps.propNames.disabled, false);
+		radioProps.set(RadioProps.propNames.error, null);
+		radioProps.set(RadioProps.propNames.allowSingleRadio, true);
+
+		ExpectComponentToBeRenderedProperly(radioProps);
+	});
 });