@undp/carbon-library 1.0.74 → 1.0.75

package/dist/cjs/types/Components/Common/Investment/investmentActionModel.d.ts

@@ -12,7 +12,7 @@ export interface InvestmentActionModelProps {
     openModal: boolean;
     type: string;
     remarkRequired: boolean;
-    t: any;
+    translator: any;
 }
 declare const InvestmentActionModel: FC<InvestmentActionModelProps>;
 export default InvestmentActionModel;

package/dist/cjs/types/Components/Common/NdcActionDetails/ndcActionDetails.d.ts

@@ -5,7 +5,7 @@ export interface NdcActionDetailsProps {
     isBackBtnVisible: boolean;
     onFormSubmit: any;
     ndcActionDetails: any;
-    t: any;
+    translator: any;
     programmeDetails?: any;
     onClickedBackBtn?: any;
 }

package/dist/esm/index.js

@@ -16022,10 +16022,11 @@ var InvestmentCreationComponent = function (props) {
 };
 
 var InvestmentActionModel = function (props) {
-    var investment = props.investment, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText; props.subText; var openModal = props.openModal, title = props.title, icon = props.icon, type = props.type, remarkRequired = props.remarkRequired, t = props.t;
+    var investment = props.investment, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText; props.subText; var openModal = props.openModal, title = props.title, icon = props.icon, type = props.type, remarkRequired = props.remarkRequired, translator = props.translator;
     var _a = useState(undefined), popupError = _a[0], setPopupError = _a[1];
     var _b = useState(false), loading = _b[0], setLoading = _b[1];
     var _c = useState(false), checked = _c[0], setChecked = _c[1];
+    var t = translator.t;
     var companyList = !investment.isRetirement
         ? [
             {
@@ -16126,7 +16127,8 @@ var InvestmentActionModel = function (props) {
 };
 
 var InvestmentManagementComponent = function (props) {
-    var t = props.t, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext;
+    var translator = props.translator, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext;
+    var t = translator.t;
     var statusOptions = Object.keys(InvestmentStatus).map(function (k, index) { return ({
         label: addSpaces(Object.values(InvestmentStatus)[index]),
         value: Object.values(InvestmentStatus)[index],
@@ -16650,7 +16652,7 @@ var InvestmentManagementComponent = function (props) {
         popupInfo && selectedReq && (React.createElement(InvestmentActionModel, { investment: selectedReq, onCancel: function () {
                 setModalVisible(false);
                 setSelectedReq(undefined);
-            }, actionBtnText: popupInfo.actionBtnText, onFinish: popupInfo === null || popupInfo === void 0 ? void 0 : popupInfo.okAction, subText: "", openModal: modalVisible, icon: popupInfo.icon, title: popupInfo.title, type: popupInfo.type, remarkRequired: popupInfo.remarkRequired, t: t }))));
+            }, actionBtnText: popupInfo.actionBtnText, onFinish: popupInfo === null || popupInfo === void 0 ? void 0 : popupInfo.okAction, subText: "", openModal: modalVisible, icon: popupInfo.icon, title: popupInfo.title, type: popupInfo.type, remarkRequired: popupInfo.remarkRequired, translator: translator }))));
 };
 
 var css_248z$6 = ".ndc-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n  background-color: rgba(118, 195, 39, 0.6);\n  border: none; }\n\n.ndc-management .ant-checkbox-checked .ant-checkbox-input[value='Approved'] + .ant-checkbox-inner {\n  background-color: #16b1ff;\n  border: none; }\n";
@@ -17038,12 +17040,14 @@ var css_248z$5 = ".ndc-action-details-container Input {\n  height: 40px; }\n\n.n
 styleInject(css_248z$5);
 
 var NdcActionDetails = function (props) {
-    var isBackBtnVisible = props.isBackBtnVisible, onFormSubmit = props.onFormSubmit, ndcActionDetails = props.ndcActionDetails, t = props.t, programmeDetails = props.programmeDetails, onClickedBackBtn = props.onClickedBackBtn;
+    var isBackBtnVisible = props.isBackBtnVisible, onFormSubmit = props.onFormSubmit, ndcActionDetails = props.ndcActionDetails, translator = props.translator, programmeDetails = props.programmeDetails, onClickedBackBtn = props.onClickedBackBtn;
     var _a = useState(), ndcActionType = _a[0], setNdcActionType = _a[1];
     var _b = useState(), mitigationType = _b[0], setmitigationType = _b[1];
     var _c = useState(""), sector = _c[0], setSector = _c[1];
     var _d = useState(ndcActionTypeList), ndcActionTypeListFiltered = _d[0]; _d[1];
     var form = Form.useForm()[0];
+    translator.setDefaultNamespace('ndcAction');
+    var t = translator.t;
     var maximumImageSize = process.env.REACT_APP_MAXIMUM_FILE_SIZE
         ? parseInt(process.env.REACT_APP_MAXIMUM_FILE_SIZE)
         : 5000000;
@@ -19898,7 +19902,7 @@ var AddNdcActionComponent = function (props) {
                     React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "right", trigger: "hover", title: t("ndcAction:ndcToolTip"), overlayClassName: "custom-tooltip" },
                         React.createElement(InfoCircle, { color: "#000000", size: 17 }))))),
             description: (React.createElement("div", { className: current !== 1 ? "hide" : "" },
-                React.createElement(NdcActionDetails, { isBackBtnVisible: false, onFormSubmit: onNdcActionDetailsSubmit, ndcActionDetails: ndcActionDetails, t: t, programmeDetails: programmeDetails }))),
+                React.createElement(NdcActionDetails, { isBackBtnVisible: false, onFormSubmit: onNdcActionDetailsSubmit, ndcActionDetails: ndcActionDetails, translator: translator, programmeDetails: programmeDetails }))),
         },
         {
             title: (React.createElement("div", { className: "step-title-container" },