@undp/carbon-library 1.0.135-CARBON-343.5 → 1.0.135-CARBON-343.7
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +17 -5
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +17 -5
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
@@ -23604,7 +23604,7 @@ var EditableCell = function (_a) {
|
|
23604
23604
|
return React.createElement("td", __assign({}, restProps), childNode);
|
23605
23605
|
};
|
23606
23606
|
|
23607
|
-
var css_248z$4 = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem; }\n .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .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 .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n";
|
23607
|
+
var css_248z$4 = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: center; }\n .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .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 .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n";
|
23608
23608
|
styleInject(css_248z$4);
|
23609
23609
|
|
23610
23610
|
var NdcDetailsComponent = function (props) {
|
@@ -23690,6 +23690,9 @@ var NdcDetailsComponent = function (props) {
|
|
23690
23690
|
);
|
23691
23691
|
}
|
23692
23692
|
var onCancelPeriod = function () { };
|
23693
|
+
var inRange = function (num, min, max) {
|
23694
|
+
return num >= min && num <= max;
|
23695
|
+
};
|
23693
23696
|
var onAddNewPeriod = function () {
|
23694
23697
|
if (selectedPeriod && selectedPeriod.current) {
|
23695
23698
|
var newPeriodItem_1 = {
|
@@ -23699,7 +23702,10 @@ var NdcDetailsComponent = function (props) {
|
|
23699
23702
|
end: selectedPeriod.current.end,
|
23700
23703
|
children: ndcDetailsTableContent(),
|
23701
23704
|
};
|
23702
|
-
var existingIndex = periodItemsRef.current.findIndex(function (item) {
|
23705
|
+
var existingIndex = periodItemsRef.current.findIndex(function (item) {
|
23706
|
+
return inRange(newPeriodItem_1.start, item.start, item.end) ||
|
23707
|
+
inRange(newPeriodItem_1.end, item.start, item.end);
|
23708
|
+
});
|
23703
23709
|
if (existingIndex === -1) {
|
23704
23710
|
setPeriodItems(function (items) { return __spreadArray(__spreadArray([], items, true), [newPeriodItem_1], false); });
|
23705
23711
|
periodItemsRef.current = __spreadArray(__spreadArray([], periodItemsRef.current, true), [newPeriodItem_1], false);
|
@@ -23714,6 +23720,11 @@ var NdcDetailsComponent = function (props) {
|
|
23714
23720
|
}
|
23715
23721
|
}
|
23716
23722
|
};
|
23723
|
+
useEffect(function () {
|
23724
|
+
if (periodItems && periodItems.length > 1) {
|
23725
|
+
setSelectedTab(periodItems[periodItems.length - 1].key);
|
23726
|
+
}
|
23727
|
+
}, [periodItems]);
|
23717
23728
|
var onDateRangeChanged = function (range) {
|
23718
23729
|
var period = {
|
23719
23730
|
start: Number(moment(range[0]).year()),
|
@@ -23723,9 +23734,9 @@ var NdcDetailsComponent = function (props) {
|
|
23723
23734
|
};
|
23724
23735
|
function addNewPeriodContent() {
|
23725
23736
|
return (React.createElement("div", null,
|
23726
|
-
React.createElement(Row,
|
23737
|
+
React.createElement(Row, { justify: "center" },
|
23727
23738
|
React.createElement(RangePicker, { onChange: onDateRangeChanged, picker: "year" })),
|
23728
|
-
React.createElement(Row, { className: "mg-top-1" },
|
23739
|
+
React.createElement(Row, { className: "mg-top-1", justify: "center" },
|
23729
23740
|
React.createElement("div", { className: "steps-actions" },
|
23730
23741
|
React.createElement(Button, { type: "primary", onClick: onAddNewPeriod, htmlType: "submit", loading: loading }, t("ndc:submit")),
|
23731
23742
|
React.createElement(Button, { className: "back-btn", onClick: onCancelPeriod, loading: loading }, t("ndc:back"))))));
|
@@ -23774,8 +23785,9 @@ var NdcDetailsComponent = function (props) {
|
|
23774
23785
|
selectedTab !== "add_new" && (React.createElement("div", null,
|
23775
23786
|
React.createElement("div", null,
|
23776
23787
|
React.createElement(Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: ndcDetailsData, columns: columns, footer: function () { return (React.createElement(Row, { justify: "center" },
|
23777
|
-
React.createElement(Button, { onClick: onAddNewNdcDetail, type: "
|
23788
|
+
React.createElement(Button, { onClick: onAddNewNdcDetail, type: "default", style: {
|
23778
23789
|
marginBottom: 16,
|
23790
|
+
width: '100%'
|
23779
23791
|
} }, t("ndc:addNdcAction")))); } }))))));
|
23780
23792
|
};
|
23781
23793
|
|