@undp/carbon-library 1.0.72 → 1.0.74

package/dist/cjs/types/Components/Common/CoBenifits/coBenifits.d.ts

@@ -9,7 +9,8 @@ export interface CoBenefitProps {
     coBenifitsViewDetails?: any;
     loading?: any;
     sdgGoalImages?: any;
-    t?: any;
+    translator?: any;
+    useConnection?: any;
 }
 declare const CoBenifitsComponent: (props: CoBenefitProps) => React.JSX.Element;
 export default CoBenifitsComponent;

package/dist/esm/index.js

@@ -17468,9 +17468,11 @@ var css_248z$3 = ".co-benifits-container {\n  width: 100%; }\n  .co-benifits-con
 styleInject(css_248z$3);
 
 var GenderParity = function (props) {
-    var onFormSubmit = props.onFormSubmit, genderParityViewData = props.genderParityViewData, viewOnly = props.viewOnly, t = props.t;
+    var onFormSubmit = props.onFormSubmit, genderParityViewData = props.genderParityViewData, viewOnly = props.viewOnly, translator = props.translator;
     var formOne = Form.useForm()[0];
     var formTwo = Form.useForm()[0];
+    translator.setDefaultNamespace("genderParity");
+    var t = translator.t;
     var _a = useState(), genderParityDetails = _a[0], setGenderParityDetails = _a[1];
     var genderParityDetailsOne = [
         {
@@ -17596,7 +17598,9 @@ var GenderParity = function (props) {
 };
 
 var Assessment = function (props) {
-    var onFormSubmit = props.onFormSubmit, assessmentViewData = props.assessmentViewData, viewOnly = props.viewOnly, useConnection = props.useConnection, t = props.t;
+    var onFormSubmit = props.onFormSubmit, assessmentViewData = props.assessmentViewData, viewOnly = props.viewOnly, useConnection = props.useConnection, translator = props.translator;
+    translator.setDefaultNamespace("coBenifits");
+    var t = translator.t;
     var form1 = Form.useForm()[0];
     var form2 = Form.useForm()[0];
     var form3 = Form.useForm()[0];
@@ -17752,7 +17756,9 @@ var Assessment = function (props) {
             React.createElement(Row, null,
                 React.createElement(Form, { name: "from1", labelCol: { span: 18 }, labelWrap: true, labelAlign: "left", wrapperCol: { span: 6 }, layout: "horizontal", requiredMark: true, form: form1, onValuesChange: function () { return validateForms(); } },
                     !viewOnly && (React.createElement("div", { className: "radio-content" },
-                        React.createElement(Form.Item, { label: t("assessmentIsThirdPartyVerified"), className: "form-item", name: "IsThirdPartyVerified" },
+                        React.createElement(Form.Item, { label: t("assessmentIsThirdPartyVerified", {
+                                ns: "coBenifits",
+                            }), className: "form-item", name: "IsThirdPartyVerified" },
                             React.createElement(Radio.Group, { size: "middle", onChange: onIsThirdPartyVerifiedChanged },
                                 React.createElement("div", { className: "radio-container" },
                                     React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus.YES }, t("yes"))),
@@ -18134,7 +18140,9 @@ var SdgGoals = function (props) {
 };
 
 var Safeguards = function (props) {
-    var onFormSubmit = props.onFormSubmit, safeGuardViewData = props.safeGuardViewData, viewOnly = props.viewOnly, t = props.t;
+    var onFormSubmit = props.onFormSubmit, safeGuardViewData = props.safeGuardViewData, viewOnly = props.viewOnly, translator = props.translator;
+    translator.setDefaultNamespace("safeguards");
+    var t = translator.t;
     var _a = useState(), safeguardDetails = _a[0], setSafeguardDetails = _a[1];
     var form = Form.useForm()[0];
     var initialFormElementList = [
@@ -18627,7 +18635,9 @@ var Safeguards = function (props) {
 };
 
 var Environmental = function (props) {
-    var onFormSubmit = props.onFormSubmit, environmentalViewData = props.environmentalViewData, viewOnly = props.viewOnly, t = props.t;
+    var onFormSubmit = props.onFormSubmit, environmentalViewData = props.environmentalViewData, viewOnly = props.viewOnly, translator = props.translator;
+    translator.setDefaultNamespace('environment');
+    var t = translator.t;
     var environmentalDetailsInitial = [
         {
             section: t("air"),
@@ -18942,7 +18952,9 @@ var Environmental = function (props) {
 };
 
 var Economic = function (props) {
-    var onFormSubmit = props.onFormSubmit, economicViewData = props.economicViewData, viewOnly = props.viewOnly, t = props.t;
+    var onFormSubmit = props.onFormSubmit, economicViewData = props.economicViewData, viewOnly = props.viewOnly, translator = props.translator;
+    translator.setDefaultNamespace("economic");
+    var t = translator.t;
     var economicDetailsInitial = [
         {
             section: t("growth"),
@@ -19225,7 +19237,9 @@ var Economic = function (props) {
 };
 
 var Social = function (props) {
-    var onFormSubmit = props.onFormSubmit, socialViewData = props.socialViewData, viewOnly = props.viewOnly, t = props.t;
+    var onFormSubmit = props.onFormSubmit, socialViewData = props.socialViewData, viewOnly = props.viewOnly, translator = props.translator;
+    translator.setDefaultNamespace("social");
+    var t = translator.t;
     var form = Form.useForm()[0];
     var _a = useState(0); _a[0]; var setRefreshCounter = _a[1];
     var _b = useState(), socialDetails = _b[0], setSocialDetails = _b[1];
@@ -19509,10 +19523,12 @@ var Social = function (props) {
 };
 
 var CoBenifitsComponent = function (props) {
-    var onClickedBackBtn = props.onClickedBackBtn, onFormSubmit = props.onFormSubmit, coBenefitsDetails = props.coBenefitsDetails, submitButtonText = props.submitButtonText, viewOnly = props.viewOnly, coBenifitsViewDetails = props.coBenifitsViewDetails, _a = props.loading, loading = _a === void 0 ? false : _a, sdgGoalImages = props.sdgGoalImages, t = props.t;
+    var onClickedBackBtn = props.onClickedBackBtn, onFormSubmit = props.onFormSubmit, coBenefitsDetails = props.coBenefitsDetails, submitButtonText = props.submitButtonText, viewOnly = props.viewOnly, coBenifitsViewDetails = props.coBenifitsViewDetails, _a = props.loading, loading = _a === void 0 ? false : _a, sdgGoalImages = props.sdgGoalImages, translator = props.translator, useConnection = props.useConnection;
     var _b = useState(), coBenefitDetails = _b[0], setCoBenefitDetails = _b[1];
     var _c = useState(true), isSocialFormValid = _c[0], setIsSocialFormValid = _c[1];
     var _d = useState(true), isAssessmentFormValid = _d[0], setIsAssessmentFormValid = _d[1];
+    translator.setDefaultNamespace('coBenifits');
+    var t = translator.t;
     var onSdgGoalsFormSubmit = function (sdgGoalsDetails) {
         setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { sdgGoals: sdgGoalsDetails })); });
     };
@@ -19549,13 +19565,13 @@ var CoBenifitsComponent = function (props) {
         {
             label: t("coBenifits:genderPart"),
             key: "2",
-            children: (React.createElement(GenderParity, { onFormSubmit: onGenderParityFormSubmit, genderParityViewData: viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.genderPariy), viewOnly: viewOnly || false, t: t })),
+            children: (React.createElement(GenderParity, { onFormSubmit: onGenderParityFormSubmit, genderParityViewData: viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.genderPariy), viewOnly: viewOnly || false, translator: translator })),
         },
         {
             label: t("coBenifits:safeguards"),
             key: "3",
             children: (React.createElement(Safeguards, { safeGuardViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.safeguardDetails)) ||
-                    (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.safeguardDetails)), viewOnly: viewOnly || false, onFormSubmit: onSafeguardFormSubmit, t: t })),
+                    (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.safeguardDetails)), viewOnly: viewOnly || false, onFormSubmit: onSafeguardFormSubmit, translator: translator })),
         },
         {
             label: t("coBenifits:environmental"),
@@ -19564,13 +19580,13 @@ var CoBenifitsComponent = function (props) {
                     ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental)
                         ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental
                         : {}
-                    : undefined, viewOnly: viewOnly || false, t: t })),
+                    : undefined, viewOnly: viewOnly || false, translator: translator })),
         },
         {
             label: t("coBenifits:social"),
             key: "5",
             children: (React.createElement(Social, { onFormSubmit: onSocialFormSubmit, socialViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.socialValueDetails)) ||
-                    (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.socialValueDetails)), viewOnly: viewOnly || false, t: t })),
+                    (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.socialValueDetails)), viewOnly: viewOnly || false, translator: translator })),
         },
         {
             label: t("coBenifits:economic"),
@@ -19579,13 +19595,13 @@ var CoBenifitsComponent = function (props) {
                     ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic)
                         ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic
                         : {}
-                    : undefined, viewOnly: viewOnly || false, t: t })),
+                    : undefined, viewOnly: viewOnly || false, translator: translator })),
         },
         {
             label: t("coBenifits:assessment"),
             key: "7",
             children: (React.createElement(Assessment, { onFormSubmit: onAssessmentFormSubmit, assessmentViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.assessmentDetails)) ||
-                    (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.assessmentDetails)), viewOnly: viewOnly || false })),
+                    (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.assessmentDetails)), viewOnly: viewOnly || false, useConnection: useConnection, translator: translator })),
         },
     ];
     var onCoBenefitSubmit = function () {
@@ -19741,12 +19757,16 @@ var CoBenifitsComponent = function (props) {
             React.createElement(Tabs, { className: "benifits-tabs", defaultActiveKey: "1", centered: true, items: tabItems })),
         !viewOnly && (React.createElement("div", { className: "steps-actions" },
             React.createElement(Row, null,
-                React.createElement(Button, { onClick: function () { return onClickedBackBtn(coBenefitDetails); } }, t("back")),
-                React.createElement(Button, { className: "mg-left-1", type: "primary", loading: loading, onClick: onCoBenefitSubmit }, submitButtonText ? submitButtonText : t("submit")))))));
+                React.createElement(Button, { onClick: function () { return onClickedBackBtn(coBenefitDetails); } }, t("back", { ns: "coBenifits" })),
+                React.createElement(Button, { className: "mg-left-1", type: "primary", loading: loading, onClick: onCoBenefitSubmit }, submitButtonText
+                    ? submitButtonText
+                    : t("submit", { ns: "coBenifits" })))))));
 };
 
 var AddNdcActionComponent = function (props) {
-    var useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView, sdgGoalImages = props.sdgGoalImages, t = props.t;
+    var useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView, sdgGoalImages = props.sdgGoalImages, translator = props.translator;
+    translator.setDefaultNamespace('ndcAction');
+    var t = translator.t;
     var _a = useState(1), current = _a[0], setCurrent = _a[1];
     var _b = useState(), programmeDetails = _b[0], setprogrammeDetails = _b[1];
     var _c = useState(), ndcActionDetails = _c[0], setNdcActionDetails = _c[1];
@@ -19887,7 +19907,7 @@ var AddNdcActionComponent = function (props) {
             description: (React.createElement("div", { className: current !== 2 ? "hide" : "" },
                 React.createElement(CoBenifitsComponent, { onClickedBackBtn: onClickBackCoBenefits, coBenefitsDetails: ndcActionDetails ? ndcActionDetails.coBenefitsProperties : {}, onFormSubmit: onCoBenefitsSubmit, submitButtonText: isProjectReportsVisible()
                         ? t("ndcAction:next")
-                        : t("ndcAction:submit"), loading: loading, sdgGoalImages: sdgGoalImages, t: t }))),
+                        : t("ndcAction:submit"), loading: loading, sdgGoalImages: sdgGoalImages, useConnection: useConnection, translator: translator }))),
         },
     ];
     if (isProjectReportsVisible()) {
@@ -19953,7 +19973,7 @@ styleInject(css_248z$2);
 var NdcActionViewComponent = function (props) {
     var _a;
     var _b, _c;
-    var useUserContext = props.useUserContext, linkDocVisible = props.linkDocVisible, uploadDocUserPermission = props.uploadDocUserPermission, useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, t = props.t, sdgGoalImages = props.sdgGoalImages;
+    var useUserContext = props.useUserContext, linkDocVisible = props.linkDocVisible, uploadDocUserPermission = props.uploadDocUserPermission, useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, translator = props.translator, sdgGoalImages = props.sdgGoalImages;
     var userInfoState = useUserContext().userInfoState;
     var post = useConnection().post;
     var state = useLocation().state;
@@ -19966,6 +19986,8 @@ var NdcActionViewComponent = function (props) {
     var _k = useState([]), programmeOwnerId = _k[0], setProgrammeOwnerId = _k[1];
     var _l = useState(false), canUploadMonitorReport = _l[0], setCanUploadMonitorReport = _l[1];
     var _m = useState(false), monitoringReportAccepted = _m[0], setMonitoringReportAccepted = _m[1];
+    translator.setDefaultNamespace("ndcAction");
+    var t = translator.t;
     var getProgrammeById = function (programmeId) { return __awaiter(void 0, void 0, void 0, function () {
         var response, error_1;
         var _a, _b, _c;
@@ -20335,7 +20357,7 @@ var NdcActionViewComponent = function (props) {
                     React.createElement(Card, { className: "card-container" },
                         React.createElement("div", { className: "co-benifits-view" },
                             React.createElement("div", { className: "title" }, t("ndcAction:coBenefitsSubTitle")),
-                            React.createElement(CoBenifitsComponent, { viewOnly: true, coBenifitsViewDetails: (_c = state === null || state === void 0 ? void 0 : state.record) === null || _c === void 0 ? void 0 : _c.coBenefitsProperties, sdgGoalImages: sdgGoalImages, t: t })))))))));
+                            React.createElement(CoBenifitsComponent, { viewOnly: true, coBenifitsViewDetails: (_c = state === null || state === void 0 ? void 0 : state.record) === null || _c === void 0 ? void 0 : _c.coBenefitsProperties, sdgGoalImages: sdgGoalImages, useConnection: useConnection, translator: translator })))))))));
 };
 
 var css_248z$1 = ".legend-item-container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 14px;\n  font-weight: 400;\n  margin-left: 0.75rem; }\n  .legend-item-container .text {\n    margin-left: 0.2rem; }\n";