@undp/carbon-library 1.0.284-CARBON-412.0 → 1.0.284-CARBON-406.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -11,6 +11,7 @@ export type NdcDetail = {
11
11
  actionType: NdcDetailsActionType;
12
12
  nationalPlanObjective: string;
13
13
  kpi: number | string;
14
+ kpiUnit: string;
14
15
  ministryName: string;
15
16
  periodId?: number;
16
17
  status: NdcDetailsActionStatus;
@@ -5,8 +5,5 @@ export declare enum Instrument {
5
5
  EQUITY = "Equity",
6
6
  GUARANTEE = "Guarantee",
7
7
  INKIND = "In-Kind",
8
- CONLOAN = "ConcessionalLoan",
9
- NONCONLOAN = "Non-ConcessionalLoan",
10
- INSURANCE = "Insurance",
11
8
  OTHER = "Other"
12
9
  }
package/dist/esm/index.js CHANGED
@@ -2022,9 +2022,6 @@ var Instrument;
2022
2022
  Instrument["EQUITY"] = "Equity";
2023
2023
  Instrument["GUARANTEE"] = "Guarantee";
2024
2024
  Instrument["INKIND"] = "In-Kind";
2025
- Instrument["CONLOAN"] = "ConcessionalLoan";
2026
- Instrument["NONCONLOAN"] = "Non-ConcessionalLoan";
2027
- Instrument["INSURANCE"] = "Insurance";
2028
2025
  Instrument["OTHER"] = "Other";
2029
2026
  })(Instrument || (Instrument = {}));
2030
2027
 
@@ -15399,25 +15396,13 @@ var UserManagementComponent = function (props) {
15399
15396
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
15400
15397
  };
15401
15398
 
15402
- var css_248z$m = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: flex-start; }\n\n.investment-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .investment-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .investment-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .investment-title-bar .flex-display {\n margin-left: 15px; }\n\n.ownership-container {\n padding: 15px 0px; }\n .ownership-container .label {\n color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n padding: 5px;\n color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n max-width: 320px; }\n\n.role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.role-group .anticon {\n margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n color: rgba(140, 140, 140, 0.7) !important;\n width: 100% !important; }\n\n.role-group .condition-radio {\n width: 100%;\n text-transform: uppercase; }\n .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.role-group .role-icons {\n margin-right: 5px; }\n\n.investment-management .role-icon {\n padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.investment-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.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n\n.add-programme-main-container .adding-section .form-section .investment-sought-form-container .investment-sought-form .investment-radio-button .ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n width: fit-content; }\n\n.add-programme-main-container .adding-section .form-section .investment-sought-form-container .investment-sought-form .details-part-two .row .ant-picker-large {\n height: 40px !important;\n width: 100%; }\n";
15399
+ var css_248z$m = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: flex-start; }\n\n.investment-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .investment-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .investment-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .investment-title-bar .flex-display {\n margin-left: 15px; }\n\n.ownership-container {\n padding: 15px 0px; }\n .ownership-container .label {\n color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n padding: 5px;\n color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n max-width: 320px; }\n\n.role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.role-group .anticon {\n margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n color: rgba(140, 140, 140, 0.7) !important;\n width: 100% !important; }\n\n.role-group .condition-radio {\n width: 100%;\n text-transform: uppercase; }\n .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.role-group .role-icons {\n margin-right: 5px; }\n\n.investment-management .role-icon {\n padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.investment-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.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n";
15403
15400
  styleInject(css_248z$m);
15404
15401
 
15405
15402
  var Loading = function () {
15406
15403
  return React.createElement(Spin, { className: "loading-center", size: "large" });
15407
15404
  };
15408
15405
 
15409
- var GuaranteePayback;
15410
- (function (GuaranteePayback) {
15411
- GuaranteePayback["UPFORNT"] = "Upfront";
15412
- GuaranteePayback["ANNUAL"] = "Annual";
15413
- })(GuaranteePayback || (GuaranteePayback = {}));
15414
- var InsurancePayback;
15415
- (function (InsurancePayback) {
15416
- InsurancePayback["LUMPSUM"] = "LumpSum";
15417
- InsurancePayback["ANNUAL"] = "Annual";
15418
- })(InsurancePayback || (InsurancePayback = {}));
15419
-
15420
- var RangePicker$3 = DatePicker.RangePicker;
15421
15406
  var InvestmentCreationComponent = function (props) {
15422
15407
  var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
15423
15408
  var state = useLocation().state;
@@ -15438,9 +15423,8 @@ var InvestmentCreationComponent = function (props) {
15438
15423
  label: addSpaces(Object.values(Instrument)[index]),
15439
15424
  value: Object.values(Instrument)[index],
15440
15425
  }); });
15441
- var onInstrumentChange = function (e) {
15442
- console.log("radio checked", e.target.value);
15443
- setInstrument([e.target.value]);
15426
+ var onInstrumentChange = function (value) {
15427
+ setInstrument(value);
15444
15428
  };
15445
15429
  var onPercentageChange = function (value) {
15446
15430
  setCurrentPercTotal(formTwo.getFieldValue("percentage").reduce(function (a, b) { return a + b; }, 0));
@@ -15563,7 +15547,7 @@ var InvestmentCreationComponent = function (props) {
15563
15547
  if (!data) {
15564
15548
  return React.createElement(Loading, null);
15565
15549
  }
15566
- console.log("data", data);
15550
+ console.log('data', data);
15567
15551
  var companyName = {};
15568
15552
  if (data && Object.keys(data)[0] !== "ownership") {
15569
15553
  for (var _i = 0, _l = data === null || data === void 0 ? void 0 : data.company; _i < _l.length; _i++) {
@@ -15598,16 +15582,6 @@ var InvestmentCreationComponent = function (props) {
15598
15582
  if (payload.paymentPerMetric) {
15599
15583
  payload.paymentPerMetric = parseFloat(payload.paymentPerMetric);
15600
15584
  }
15601
- if (payload.period) {
15602
- payload.period[0] = moment(payload.period[0]).startOf("day").unix();
15603
- payload.period[1] = moment(payload.period[1]).endOf("day").unix();
15604
- }
15605
- if (payload.startOfPayback) {
15606
- payload.startOfPayback = moment(payload.startOfPayback)
15607
- .startOf("day")
15608
- .unix();
15609
- }
15610
- payload.instrument = [payload.instrument];
15611
15585
  payload.fromCompanyIds = data.companyId.map(function (e) { return Number(e); });
15612
15586
  payload.percentage = val.percentage;
15613
15587
  payload.toCompanyId = Number(payload.toCompanyId);
@@ -15653,7 +15627,7 @@ var InvestmentCreationComponent = function (props) {
15653
15627
  }
15654
15628
  };
15655
15629
  var onChangeTypeCreation = function (e) {
15656
- console.log("radio checked", e.target.value);
15630
+ console.log('radio checked', e.target.value);
15657
15631
  setTypeCreation(e.target.value);
15658
15632
  };
15659
15633
  return (React.createElement("div", { className: "add-programme-main-container" },
@@ -15719,30 +15693,8 @@ var InvestmentCreationComponent = function (props) {
15719
15693
  React.createElement(Input, { size: "large" }))))),
15720
15694
  React.createElement(Row, { className: "row", gutter: [16, 16] },
15721
15695
  React.createElement(Col, { xl: 24, md: 24 },
15722
- React.createElement(Form.Item, { label: t("programme:instrument"), name: "instrument",
15723
- //wrapperCol={{ span: 24 }}
15724
- required: true, className: "investment-radio-button", rules: [
15725
- {
15726
- required: true,
15727
- message: "",
15728
- },
15729
- {
15730
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15731
- return __generator(this, function (_a) {
15732
- if (String(value).trim() === "" ||
15733
- String(value).trim() === undefined ||
15734
- value === null ||
15735
- value === undefined) {
15736
- throw new Error("".concat(t("programme:instrument"), " ").concat(t("isRequired")));
15737
- }
15738
- return [2 /*return*/];
15739
- });
15740
- }); },
15741
- },
15742
- ] },
15743
- React.createElement(Radio.Group, { onChange: onInstrumentChange, value: instrument[0] }, instrumentOptions.map(function (e) {
15744
- return (React.createElement(Radio, { value: e.value }, e.label));
15745
- }))))),
15696
+ React.createElement(Form.Item, { label: t("programme:instrument"), name: "instrument", wrapperCol: { span: 24 }, className: "" },
15697
+ React.createElement(Checkbox.Group, { options: instrumentOptions, defaultValue: instrumentOptions.map(function (e) { return e.value; }), onChange: onInstrumentChange })))),
15746
15698
  instrument &&
15747
15699
  instrument.indexOf(Instrument.LOAN) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
15748
15700
  React.createElement(Col, { xl: 8, md: 12 },
@@ -15773,160 +15725,6 @@ var InvestmentCreationComponent = function (props) {
15773
15725
  },
15774
15726
  ] },
15775
15727
  React.createElement(Input, { size: "large" })))))),
15776
- instrument &&
15777
- (instrument.indexOf(Instrument.CONLOAN) >= 0 ||
15778
- instrument.indexOf(Instrument.NONCONLOAN) >= 0) && (React.createElement("div", { className: "details-part-two" },
15779
- React.createElement(Row, { className: "row", gutter: [16, 16] },
15780
- React.createElement(Col, { xl: 8, md: 12 },
15781
- React.createElement(Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
15782
- {
15783
- required: true,
15784
- message: "",
15785
- },
15786
- {
15787
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15788
- return __generator(this, function (_a) {
15789
- if (String(value).trim() === "" ||
15790
- String(value).trim() ===
15791
- undefined ||
15792
- value === null ||
15793
- value === undefined) {
15794
- throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
15795
- }
15796
- else if (!isNaN(value)) {
15797
- return [2 /*return*/, Promise.resolve()];
15798
- }
15799
- else {
15800
- throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
15801
- }
15802
- });
15803
- }); },
15804
- },
15805
- ] },
15806
- React.createElement(Input, { size: "large" })))),
15807
- React.createElement(Row, { className: "row", gutter: [16, 16] },
15808
- React.createElement(Col, { xl: 8, md: 12 },
15809
- React.createElement(Form.Item, { label: t("programme:loanPeriod"), name: "period", required: true, rules: [
15810
- {
15811
- required: true,
15812
- message: "",
15813
- },
15814
- {
15815
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15816
- return __generator(this, function (_a) {
15817
- if (String(value).trim() === "" ||
15818
- String(value).trim() ===
15819
- undefined ||
15820
- value === null ||
15821
- value === undefined) {
15822
- throw new Error("".concat(t("programme:loanPeriod"), " ").concat(t("isRequired")));
15823
- }
15824
- return [2 /*return*/];
15825
- });
15826
- }); },
15827
- },
15828
- ] },
15829
- React.createElement(RangePicker$3, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
15830
- React.createElement(Col, { xl: 8, md: 12 },
15831
- React.createElement(Form.Item, { label: t("programme:startOfPayback"), name: "startOfPayback", rules: [
15832
- {
15833
- required: true,
15834
- message: "",
15835
- },
15836
- {
15837
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15838
- return __generator(this, function (_a) {
15839
- if (String(value).trim() === "" ||
15840
- String(value).trim() ===
15841
- undefined ||
15842
- value === null ||
15843
- value === undefined) {
15844
- throw new Error("".concat(t("programme:startOfPayback"), " ").concat(t("isRequired")));
15845
- }
15846
- return [2 /*return*/];
15847
- });
15848
- }); },
15849
- },
15850
- ] },
15851
- React.createElement(DatePicker, { size: "large", disabledDate: function (currentDate) {
15852
- return currentDate < moment().startOf("day");
15853
- } })))))),
15854
- instrument &&
15855
- instrument.indexOf(Instrument.GUARANTEE) >= 0 && (React.createElement("div", { className: "details-part-two" },
15856
- React.createElement(Row, { className: "row", gutter: [16, 16] },
15857
- React.createElement(Col, { xl: 8, md: 12 },
15858
- React.createElement(Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
15859
- {
15860
- required: true,
15861
- message: "",
15862
- },
15863
- {
15864
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15865
- return __generator(this, function (_a) {
15866
- if (String(value).trim() === "" ||
15867
- String(value).trim() ===
15868
- undefined ||
15869
- value === null ||
15870
- value === undefined) {
15871
- throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
15872
- }
15873
- else if (!isNaN(value)) {
15874
- return [2 /*return*/, Promise.resolve()];
15875
- }
15876
- else {
15877
- throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
15878
- }
15879
- });
15880
- }); },
15881
- },
15882
- ] },
15883
- React.createElement(Input, { size: "large" })))),
15884
- React.createElement(Row, { className: "row", gutter: [16, 16] },
15885
- React.createElement(Col, { xl: 8, md: 12 },
15886
- React.createElement(Form.Item, { label: t("programme:period"), name: "period", required: true, rules: [
15887
- {
15888
- required: true,
15889
- message: "",
15890
- },
15891
- {
15892
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15893
- return __generator(this, function (_a) {
15894
- if (String(value).trim() === "" ||
15895
- String(value).trim() ===
15896
- undefined ||
15897
- value === null ||
15898
- value === undefined) {
15899
- throw new Error("".concat(t("programme:period"), " ").concat(t("isRequired")));
15900
- }
15901
- return [2 /*return*/];
15902
- });
15903
- }); },
15904
- },
15905
- ] },
15906
- React.createElement(RangePicker$3, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
15907
- React.createElement(Col, { xl: 8, md: 12 },
15908
- React.createElement(Form.Item, { label: t("programme:payback"), wrapperCol: { span: 13 }, className: "role-group", name: "guaranteePayback", rules: [
15909
- {
15910
- required: true,
15911
- message: "",
15912
- },
15913
- {
15914
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15915
- return __generator(this, function (_a) {
15916
- if (String(value).trim() === "" ||
15917
- String(value).trim() ===
15918
- undefined ||
15919
- value === null ||
15920
- value === undefined) {
15921
- throw new Error("".concat(t("programme:payback"), " ").concat(t("isRequired")));
15922
- }
15923
- return [2 /*return*/];
15924
- });
15925
- }); },
15926
- },
15927
- ] },
15928
- React.createElement(Radio.Group, { size: "large" }, Object.values(GuaranteePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
15929
- React.createElement(Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
15930
15728
  instrument &&
15931
15729
  instrument.indexOf(Instrument.RESULT_BASED) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
15932
15730
  React.createElement(Col, { xl: 12, md: 24 },
@@ -15991,32 +15789,6 @@ var InvestmentCreationComponent = function (props) {
15991
15789
  },
15992
15790
  ] },
15993
15791
  React.createElement(Input, { size: "large" })))))),
15994
- instrument &&
15995
- instrument.indexOf(Instrument.INSURANCE) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
15996
- React.createElement(Col, { xl: 8, md: 12 },
15997
- React.createElement("div", { className: "details-part-two" },
15998
- React.createElement(Form.Item, { label: t("programme:payback"), wrapperCol: { span: 13 }, className: "role-group", name: "insurancePayback", rules: [
15999
- {
16000
- required: true,
16001
- message: "",
16002
- },
16003
- {
16004
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16005
- return __generator(this, function (_a) {
16006
- if (String(value).trim() === "" ||
16007
- String(value).trim() ===
16008
- undefined ||
16009
- value === null ||
16010
- value === undefined) {
16011
- throw new Error("".concat(t("programme:payback"), " ").concat(t("isRequired")));
16012
- }
16013
- return [2 /*return*/];
16014
- });
16015
- }); },
16016
- },
16017
- ] },
16018
- React.createElement(Radio.Group, { size: "large" }, Object.values(InsurancePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
16019
- React.createElement(Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
16020
15792
  instrument &&
16021
15793
  instrument.indexOf(Instrument.OTHER) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
16022
15794
  React.createElement(Col, { xl: 12, md: 24 },
@@ -16086,73 +15858,73 @@ var InvestmentCreationComponent = function (props) {
16086
15858
  React.createElement("div", { className: "step-count" }, "02"),
16087
15859
  React.createElement("div", { className: "title" }, t("programme:ownership")))),
16088
15860
  description: current === 1 && (React.createElement("div", null,
16089
- React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 && (React.createElement("div", { className: "programme-sought-form" },
16090
- React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, form: formTwo, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, onChange: onPercentageChange, onFinish: submitInvestment }, data === null || data === void 0 ? void 0 :
16091
- data.companyId.map(function (companyId, index) {
16092
- return (React.createElement(Row, { className: "row", gutter: [16, 16] },
16093
- React.createElement(Col, { xl: 8, md: 15 },
16094
- React.createElement("div", { className: "label" },
16095
- companyName[companyId].name,
16096
- React.createElement("span", { className: "required-mark" }, "*"))),
16097
- React.createElement(Col, { xl: 8, md: 9 },
16098
- React.createElement(Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
16099
- {
16100
- pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
16101
- message: "Percentage Should be a positive number",
16102
- },
16103
- {
16104
- required: true,
16105
- message: "Required field",
16106
- },
16107
- function (_a) {
16108
- var getFieldValue = _a.getFieldValue;
16109
- return ({
16110
- validator: function (rule, v) {
16111
- if (getFieldValue([
16112
- "percentage",
16113
- index,
16114
- ]) &&
16115
- parseFloat(getFieldValue([
15861
+ React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 &&
15862
+ React.createElement("div", { className: "programme-sought-form" },
15863
+ React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, form: formTwo, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, onChange: onPercentageChange, onFinish: submitInvestment }, data === null || data === void 0 ? void 0 :
15864
+ data.companyId.map(function (companyId, index) {
15865
+ return (React.createElement(Row, { className: "row", gutter: [16, 16] },
15866
+ React.createElement(Col, { xl: 8, md: 15 },
15867
+ React.createElement("div", { className: "label" },
15868
+ companyName[companyId].name,
15869
+ React.createElement("span", { className: "required-mark" }, "*"))),
15870
+ React.createElement(Col, { xl: 8, md: 9 },
15871
+ React.createElement(Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
15872
+ {
15873
+ pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
15874
+ message: "Percentage Should be a positive number",
15875
+ },
15876
+ {
15877
+ required: true,
15878
+ message: "Required field",
15879
+ },
15880
+ function (_a) {
15881
+ var getFieldValue = _a.getFieldValue;
15882
+ return ({
15883
+ validator: function (rule, v) {
15884
+ if (getFieldValue([
16116
15885
  "percentage",
16117
15886
  index,
16118
- ])) >
16119
- data.proponentPercentage[index]) {
16120
- // eslint-disable-next-line prefer-promise-reject-errors
16121
- return Promise.reject("Amount > Available");
16122
- }
16123
- return Promise.resolve();
16124
- },
16125
- });
16126
- },
16127
- ] },
16128
- React.createElement(InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
16129
- // disabled={userInfoState?.companyId === Number(companyId)}
16130
- onKeyPress: function (event) {
15887
+ ]) &&
15888
+ parseFloat(getFieldValue([
15889
+ "percentage",
15890
+ index,
15891
+ ])) > data.proponentPercentage[index]) {
15892
+ // eslint-disable-next-line prefer-promise-reject-errors
15893
+ return Promise.reject("Amount > Available");
15894
+ }
15895
+ return Promise.resolve();
15896
+ },
15897
+ });
15898
+ },
15899
+ ] },
15900
+ React.createElement(InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
15901
+ // disabled={userInfoState?.companyId === Number(companyId)}
15902
+ onKeyPress: function (event) {
15903
+ if (!/[0-9\.]/.test(event.key)) {
15904
+ event.preventDefault();
15905
+ }
15906
+ } })),
15907
+ React.createElement("div", { className: "inline separator" }, "/"),
15908
+ React.createElement(Form.Item, { className: "inline" },
15909
+ React.createElement(InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
15910
+ }),
15911
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
15912
+ React.createElement(Col, { xl: 8, md: 15 },
15913
+ React.createElement("div", { className: "label" }, t("programme:total"))),
15914
+ React.createElement(Col, { xl: 8, md: 9 },
15915
+ React.createElement(Form.Item, { className: "inline", name: ["total"] },
15916
+ React.createElement(InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
16131
15917
  if (!/[0-9\.]/.test(event.key)) {
16132
15918
  event.preventDefault();
16133
15919
  }
16134
15920
  } })),
16135
15921
  React.createElement("div", { className: "inline separator" }, "/"),
16136
15922
  React.createElement(Form.Item, { className: "inline" },
16137
- React.createElement(InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
16138
- }),
16139
- React.createElement(Row, { className: "row", gutter: [16, 16] },
16140
- React.createElement(Col, { xl: 8, md: 15 },
16141
- React.createElement("div", { className: "label" }, t("programme:total"))),
16142
- React.createElement(Col, { xl: 8, md: 9 },
16143
- React.createElement(Form.Item, { className: "inline", name: ["total"] },
16144
- React.createElement(InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
16145
- if (!/[0-9\.]/.test(event.key)) {
16146
- event.preventDefault();
16147
- }
16148
- } })),
16149
- React.createElement("div", { className: "inline separator" }, "/"),
16150
- React.createElement(Form.Item, { className: "inline" },
16151
- React.createElement(InputNumber, { disabled: true, placeholder: "100" })))),
16152
- React.createElement(Form.Item, null,
16153
- React.createElement("div", { className: "steps-actions" },
16154
- React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
16155
- React.createElement(Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back")))))))))),
15923
+ React.createElement(InputNumber, { disabled: true, placeholder: "100" })))),
15924
+ React.createElement(Form.Item, null,
15925
+ React.createElement("div", { className: "steps-actions" },
15926
+ React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
15927
+ React.createElement(Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back"))))))))),
16156
15928
  },
16157
15929
  ] })))));
16158
15930
  };
@@ -26982,7 +26754,21 @@ var EditableCell = function (_a) {
26982
26754
  }); },
26983
26755
  },
26984
26756
  ] },
26985
- React.createElement(Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:nationalPlanObjectivePlaceHolder") }))) : editing && dataIndex === "kpi" ? (React.createElement(Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
26757
+ React.createElement(Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:nationalPlanObjectivePlaceHolder") }))) : editing && dataIndex === "kpiUnit" ? (React.createElement(Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
26758
+ {
26759
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
26760
+ var trimValue;
26761
+ return __generator(this, function (_a) {
26762
+ trimValue = typeof value === "string" ? value.trim() : value;
26763
+ if (!trimValue) {
26764
+ throw new Error("".concat(title, " ").concat(t("ndc:isRequired")));
26765
+ }
26766
+ return [2 /*return*/];
26767
+ });
26768
+ }); },
26769
+ },
26770
+ ] },
26771
+ React.createElement(Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:kpiUnitPlaceHolder") }))) : editing && dataIndex === "kpi" ? (React.createElement(Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
26986
26772
  {
26987
26773
  validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
26988
26774
  var trimValue;
@@ -27285,7 +27071,17 @@ var NdcDetailsComponent = function (props) {
27285
27071
  width: 100,
27286
27072
  editable: true,
27287
27073
  render: function (_, record) { return (React.createElement(Space, { size: "middle" }, record.kpi ? (React.createElement(Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
27288
- React.createElement("span", null, record.kpi))) : (React.createElement(Input, { placeholder: "Enter Kpi" })))); },
27074
+ React.createElement("span", null, record.kpi))) : (React.createElement(Input, { placeholder: t("ndc:kpiPlaceHolder") })))); },
27075
+ },
27076
+ {
27077
+ title: t("ndc:ndcColumnsKpiUnit"),
27078
+ dataIndex: "kpiUnit",
27079
+ key: "kpiUnit",
27080
+ align: "left",
27081
+ width: 100,
27082
+ editable: true,
27083
+ render: function (_, record) { return (React.createElement(Space, { size: "middle" }, record.kpiUnit ? (React.createElement(Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
27084
+ React.createElement("span", null, record.kpiUnit))) : (React.createElement(Input, { placeholder: t("ndc:kpiUnitPlaceHolder") })))); },
27289
27085
  },
27290
27086
  {
27291
27087
  title: t("ndc:ndcColumnsMinistry"),