@undp/carbon-library 1.0.134-CARBON-332.3 → 1.0.134-CARBON-332.5

package/dist/esm/index.js

@@ -18121,35 +18121,7 @@ var SocialEnvironmentalRisk = function (props) {
     var t = translator.t;
     var form = Form.useForm()[0];
     var _a = useState(), socialEnvironmentalFormDetails = _a[0], setSocialEnvironmentalFormDetails = _a[1];
-    useEffect(function () {
-        onFormSubmit(socialEnvironmentalFormDetails);
-    }, [socialEnvironmentalFormDetails]);
-    useEffect(function () {
-        if (SocialEnvironmentalRiskData && !viewOnly) {
-            setSocialEnvironmentalFormDetails(SocialEnvironmentalRiskData);
-            form.setFieldsValue(SocialEnvironmentalRiskData);
-        }
-        else if (SocialEnvironmentalRiskData && viewOnly) {
-            checkHeaderAvailability();
-        }
-    }, [SocialEnvironmentalRiskData]);
-    var checkHeaderAvailability = function () {
-        SocialEnvironmentalDetails.forEach(function (section) {
-            section.isTitleVisible = false;
-            section.subItems.forEach(function (subSection) {
-                subSection.isTitleVisible = false;
-                subSection.subItems.forEach(function (element) {
-                    if (SocialEnvironmentalRiskData.hasOwnProperty(element === null || element === void 0 ? void 0 : element.name)) {
-                        subSection.isTitleVisible = true;
-                    }
-                });
-                if (subSection.isTitleVisible) {
-                    section.isTitleVisible = true;
-                }
-            });
-        });
-    };
-    var SocialEnvironmentalDetails = [
+    var _b = useState([
         {
             title: t("humanRightsSubHeader"),
             isTitleVisible: true,
@@ -18512,7 +18484,36 @@ var SocialEnvironmentalRisk = function (props) {
                 },
             ],
         },
-    ];
+    ]), socialEnvironmentalDetails = _b[0], setSocialEnvironmentalDetails = _b[1];
+    useEffect(function () {
+        onFormSubmit(socialEnvironmentalFormDetails);
+    }, [socialEnvironmentalFormDetails]);
+    useEffect(function () {
+        if (SocialEnvironmentalRiskData && !viewOnly) {
+            setSocialEnvironmentalFormDetails(SocialEnvironmentalRiskData);
+            form.setFieldsValue(SocialEnvironmentalRiskData);
+        }
+        else if (SocialEnvironmentalRiskData && viewOnly) {
+            checkHeaderAvailability();
+        }
+    }, [SocialEnvironmentalRiskData]);
+    var checkHeaderAvailability = function () {
+        socialEnvironmentalDetails.forEach(function (section) {
+            section.isTitleVisible = false;
+            section.subItems.forEach(function (subSection) {
+                subSection.isTitleVisible = false;
+                subSection.subItems.forEach(function (element) {
+                    if (SocialEnvironmentalRiskData.hasOwnProperty(element === null || element === void 0 ? void 0 : element.name)) {
+                        subSection.isTitleVisible = true;
+                    }
+                });
+                if (subSection.isTitleVisible) {
+                    section.isTitleVisible = true;
+                }
+            });
+        });
+        setSocialEnvironmentalDetails(socialEnvironmentalDetails);
+    };
     var SocialEnvironmentalDetailsChanged = function (changedValues) { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             setSocialEnvironmentalFormDetails(function (pre) { return (__assign(__assign({}, pre), changedValues)); });
@@ -18523,7 +18524,7 @@ var SocialEnvironmentalRisk = function (props) {
         viewOnly && !SocialEnvironmentalRiskData && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })),
         ((viewOnly && SocialEnvironmentalRiskData) || !viewOnly) && (React.createElement(Form, { name: "SocialEnvironmentalDetails", labelWrap: true, form: form, labelAlign: "left", labelCol: { md: 16, lg: 18, xl: 18 }, wrapperCol: { md: 8, lg: 6, xl: 6 }, layout: "horizontal", onValuesChange: SocialEnvironmentalDetailsChanged },
             !viewOnly &&
-                SocialEnvironmentalDetails.map(function (section) {
+                socialEnvironmentalDetails.map(function (section) {
                     return (React.createElement(React.Fragment, null,
                         React.createElement("div", { style: { marginBottom: "15px" } },
                             React.createElement("label", { className: "co-sub-header-text" }, section.title)),
@@ -18543,7 +18544,7 @@ var SocialEnvironmentalRisk = function (props) {
                 }),
             viewOnly &&
                 SocialEnvironmentalRiskData &&
-                SocialEnvironmentalDetails.map(function (section) {
+                socialEnvironmentalDetails.map(function (section) {
                     return (React.createElement(React.Fragment, null,
                         section.isTitleVisible && (React.createElement("div", { style: { marginBottom: "15px" } },
                             React.createElement("label", { className: "co-sub-header-text" }, section.title))),
@@ -18552,10 +18553,10 @@ var SocialEnvironmentalRisk = function (props) {
                                 subSection.isTitleVisible && (React.createElement("div", { style: { marginBottom: "15px" } },
                                     React.createElement("label", { className: "co-sub-title-text" }, subSection.title))),
                                 subSection.subItems.map(function (element) {
-                                    return (React.createElement(Form.Item, { className: "mg-left-2", label: element.label, name: element.name },
-                                        React.createElement(Radio.Group, { size: "middle" },
+                                    return (React.createElement(React.Fragment, null, SocialEnvironmentalRiskData.hasOwnProperty(element === null || element === void 0 ? void 0 : element.name) && (React.createElement(Form.Item, { className: "mg-left-2", label: element.label, name: element.name },
+                                        React.createElement(Radio.Group, { size: "middle", disabled: true },
                                             React.createElement("div", { className: "radio-container" },
-                                                React.createElement(Radio.Button, { className: "radio" }, SocialEnvironmentalRiskData[element.name])))));
+                                                React.createElement(Radio.Button, { className: "radio" }, SocialEnvironmentalRiskData[element.name])))))));
                                 })));
                         })));
                 })))));