@undp/carbon-library 1.0.292-CARBON-425.0 → 1.0.292-CARBON-423.0

package/dist/esm/index.js

@@ -6828,9 +6828,7 @@ var AddNewCompanyComponent = function (props) {
                                                     }); },
                                                 },
                                             ] },
-                                            React.createElement(InputNumber, { style: { width: "100%" }, size: "large", min: 0, max: 99, formatter: function (value) {
-                                                    return "".concat(value ? Math.round(value) : "", "%");
-                                                }, parser: function (value) { return value.replace("%", ""); } })))))))),
+                                            React.createElement(InputNumber, { style: { width: "100%" }, size: "large", min: 1, max: 99, formatter: function (value) { return "".concat(Math.round(value), "%"); }, parser: function (value) { return value.replace("%", ""); } })))))))),
                     React.createElement("div", { className: "steps-actions" }, isUpdate ? (React.createElement(Row, null,
                         React.createElement(Button, { loading: loading, onClick: onCancel }, t("addCompany:cancel")),
                         React.createElement(Button, { loading: loading, className: "mg-left-1", type: "primary", htmlType: "submit" }, t("addCompany:submit")))) : (current === 0 && (React.createElement(Button, { type: "primary", htmlType: "submit" }, t("addCompany:next")))))))));
@@ -27609,7 +27607,7 @@ var EditableCell = function (_a) {
         React.createElement(Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:kpiPlaceHolder") }))) : (children)));
 };
 
-var css_248z$7 = ".ndc-steps-actions {\n  display: flex;\n  flex-direction: row-reverse;\n  margin-right: 1rem;\n  justify-content: center; }\n  .ndc-steps-actions .action-btn {\n    border: 1px solid #16b1ff;\n    color: #16b1ff;\n    margin-right: 1rem; }\n  .ndc-steps-actions .back-btn {\n    border: 1px solid rgba(140, 140, 140, 0.7);\n    color: rgba(140, 140, 140, 0.7);\n    margin-right: 1rem; }\n  .ndc-steps-actions .mg-left-1 {\n    margin-left: 1rem; }\n\n.ndc-details .ant-input-number-input-wrap {\n  margin-right: 10px; }\n\n.ndc-details tbody {\n  vertical-align: top; }\n\n.ndc-details td .ant-space-item {\n  margin-top: 5px; }\n\n.ndc-details .btn-danger {\n  color: #ff4d4f !important;\n  border-color: #ff8183 !important; }\n";
+var css_248z$7 = ".ndc-steps-actions {\n  display: flex;\n  flex-direction: row-reverse;\n  margin-right: 1rem;\n  justify-content: center; }\n  .ndc-steps-actions .action-btn {\n    border: 1px solid #16b1ff;\n    color: #16b1ff;\n    margin-right: 1rem; }\n  .ndc-steps-actions .back-btn {\n    border: 1px solid rgba(140, 140, 140, 0.7);\n    color: rgba(140, 140, 140, 0.7);\n    margin-right: 1rem; }\n  .ndc-steps-actions .mg-left-1 {\n    margin-left: 1rem; }\n\n.ndc-details .ant-input-number-input-wrap {\n  margin-right: 10px; }\n\n.ndc-details tbody {\n  vertical-align: top; }\n\n.ndc-details td .ant-space-item {\n  margin-top: 5px; }\n\n.ndc-details .ant-table-pagination.ant-pagination {\n  margin-top: 16px;\n  margin-right: 0px;\n  margin-left: 24px;\n  margin-bottom: 0px; }\n\n.ndc-details .ndc-button-row {\n  margin-top: 16px; }\n\n.ndc-details .btn-danger {\n  color: #ff4d4f !important;\n  border-color: #ff8183 !important; }\n";
 styleInject(css_248z$7);
 
 var NdcDetailsActionType;
@@ -28116,7 +28114,7 @@ var NdcDetailsComponent = function (props) {
                                     !selectedPeriod.finalized && (React.createElement(Row, { justify: "center" },
                                     React.createElement(Button, { className: "btnAddNewMainAct", disabled: isMainActionInEditMode(), onClick: onClickedAddNewNdcDetail, type: "default" }, t("ndc:addNdcAction"))));
                             } })))),
-            isGovernmentUser && selectedPeriod && !selectedPeriod.finalized ? (React.createElement(Row, { justify: "end" }, isMainActionInEditMode() ? (React.createElement(React.Fragment, null,
+            isGovernmentUser && selectedPeriod && !selectedPeriod.finalized ? (React.createElement(Row, { justify: "end", className: "ndc-button-row" }, isMainActionInEditMode() ? (React.createElement(React.Fragment, null,
                 React.createElement(Button, { className: "mg-left-1", disabled: true }, t("ndc:delete")),
                 React.createElement(Button, { className: "mg-left-1", disabled: true }, t("ndc:finalize")))) : (React.createElement(React.Fragment, null,
                 React.createElement(Button, { className: "mg-left-1 btn-danger", onClick: onClickedDeletePeriod, htmlType: "submit", loading: loading }, t("ndc:delete")),
@@ -28146,11 +28144,21 @@ var NdcDetailsComponent = function (props) {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    _a.trys.push([0, 4, , 5]);
-                    if (!(selectedDateRangeRef &&
-                        selectedDateRangeRef.current &&
-                        selectedDateRangeRef.current.startYear &&
-                        selectedDateRangeRef.current.endYear)) return [3 /*break*/, 3];
+                    if (!selectedDateRangeRef ||
+                        !selectedDateRangeRef.current ||
+                        !selectedDateRangeRef.current.startYear ||
+                        !selectedDateRangeRef.current.endYear) {
+                        message.open({
+                            type: "error",
+                            content: t("ndc:invalidYearsSelected"),
+                            duration: 3,
+                            style: { textAlign: "right", marginRight: 15, marginTop: 10 },
+                        });
+                        return [2 /*return*/];
+                    }
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 5, , 6]);
                     periodItem_1 = {
                         startYear: selectedDateRangeRef.current.startYear,
                         endYear: selectedDateRangeRef.current.endYear,
@@ -28160,27 +28168,28 @@ var NdcDetailsComponent = function (props) {
                         return inRange(periodItem_1.startYear, item.startYear, item.endYear) ||
                             inRange(periodItem_1.endYear, item.startYear, item.endYear);
                     });
-                    if (!(existingIndex === -1)) return [3 /*break*/, 2];
+                    if (!(existingIndex === -1)) return [3 /*break*/, 3];
                     return [4 /*yield*/, post("national/programme/addNdcDetailsPeriod", __assign({}, periodItem_1))];
-                case 1:
+                case 2:
                     response = _a.sent();
                     if (response && response.data) {
                         addedPeriodItem = response.data;
                         updatedPeriodItem_1 = __assign(__assign({}, addedPeriodItem), { key: addedPeriodItem.id, label: "".concat(addedPeriodItem.startYear, "-").concat(addedPeriodItem.endYear) });
                         setPeriodItems(function (items) { return __spreadArray(__spreadArray([], items, true), [updatedPeriodItem_1], false); });
                         setSelectedPeriod(updatedPeriodItem_1);
+                        selectedDateRangeRef.current = null;
                     }
-                    return [3 /*break*/, 3];
-                case 2:
+                    return [3 /*break*/, 4];
+                case 3:
                     message.open({
                         type: "error",
                         content: t("ndc:rangeAlreadyExists"),
                         duration: 3,
                         style: { textAlign: "right", marginRight: 15, marginTop: 10 },
                     });
-                    _a.label = 3;
-                case 3: return [3 /*break*/, 5];
-                case 4:
+                    _a.label = 4;
+                case 4: return [3 /*break*/, 6];
+                case 5:
                     exception_3 = _a.sent();
                     message.open({
                         type: "error",
@@ -28188,8 +28197,8 @@ var NdcDetailsComponent = function (props) {
                         duration: 3,
                         style: { textAlign: "right", marginRight: 15, marginTop: 10 },
                     });
-                    return [3 /*break*/, 5];
-                case 5: return [2 /*return*/];
+                    return [3 /*break*/, 6];
+                case 6: return [2 /*return*/];
             }
         });
     }); };
@@ -28211,6 +28220,12 @@ var NdcDetailsComponent = function (props) {
                 selectedDateRangeRef.current = period;
             }
         }
+        else {
+            selectedDateRangeRef.current = {
+                startYear: range,
+                endYear: range,
+            };
+        }
     };
     var onTabChange = function (key) {
         var selectedPeriod = periodItems.find(function (item) { return item.key === key; });