@undp/carbon-library 2.1.11 → 2.1.12-CARBON-Sprint-58.1

package/dist/cjs/index.js

@@ -6,10 +6,10 @@ var React = require('react');
 var luxon = require('luxon');
 var buffer = require('buffer');
 var axios = require('axios');
+var Icon = require('react-bootstrap-icons');
 var PhoneInput = require('react-phone-number-input');
 var validator = require('validator');
 var classTransformer = require('class-transformer');
-var Icon = require('react-bootstrap-icons');
 require('react-phone-number-input/style.css');
 var mapboxgl = require('mapbox-gl');
 require('mapbox-gl/dist/mapbox-gl.css');
@@ -450,6 +450,7 @@ exports.CompanyManagementColumns = void 0;
     CompanyManagementColumns["programmeCount"] = "programmeCount";
     CompanyManagementColumns["creditBalance"] = "creditBalance";
     CompanyManagementColumns["companyState"] = "status";
+    CompanyManagementColumns["action"] = "action";
 })(exports.CompanyManagementColumns || (exports.CompanyManagementColumns = {}));
 
 var css_248z$y = ".profile-icon {\n  border-radius: 100%;\n  margin-right: 15px;\n  font-size: 15px;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n  .profile-icon img {\n    width: 26px; }\n";
@@ -873,6 +874,19 @@ var CompanyManagementComponent = function (props) {
     var handleFilterVisibleChange = function () {
         setFilterVisible(true);
     };
+    var actionMenu = function (record) {
+        return (React.createElement(antd.List, { className: "action-menu", size: "small", dataSource: [
+                {
+                    text: t("company:view"),
+                    icon: React.createElement(Icon__namespace.InfoCircle, null),
+                    click: function () {
+                        onNavigateToCompanyProfile(record);
+                    },
+                },
+            ], renderItem: function (item) { return (React.createElement(antd.List.Item, { onClick: item.click },
+                React.createElement(antd.Typography.Text, { className: "action-icon color-primary" }, item.icon),
+                React.createElement("span", null, item.text))); } }));
+    };
     var columns = [
         {
             title: "",
@@ -953,6 +967,17 @@ var CompanyManagementComponent = function (props) {
                 return getCompanyStateComponent(item);
             },
         },
+        {
+            title: t(""),
+            width: 6,
+            align: "right",
+            key: exports.CompanyManagementColumns.action,
+            render: function (_, record) {
+                var menu = actionMenu(record);
+                return menu && (React.createElement(antd.Popover, { placement: "bottomRight", content: menu, trigger: "click" },
+                    React.createElement(icons.EllipsisOutlined, { rotate: 90, style: { fontWeight: 600, fontSize: "1rem", cursor: "pointer" } })));
+            },
+        },
     ].filter(function (column) { return visibleColumns.includes(column.key); });
     var filterOr = function () {
         if (searchByTermOrganisation !== null &&
@@ -1252,6 +1277,7 @@ exports.ProgrammeManagementColumns = void 0;
     ProgrammeManagementColumns["creditTransferred"] = "creditTransferred";
     ProgrammeManagementColumns["certifierId"] = "certifierId";
     ProgrammeManagementColumns["serialNo"] = "serialNo";
+    ProgrammeManagementColumns["action"] = "action";
     ProgrammeManagementColumns["emissionReductionExpected"] = "emissionReductionExpected";
     ProgrammeManagementColumns["emissionReductionAchieved"] = "emissionReductionAchieved";
     ProgrammeManagementColumns["emissionReductionAchievedandCreditIssued"] = "emissionReductionAchievedandCreditIssued";
@@ -8137,6 +8163,19 @@ var ProgrammeManagementComponent = function (props) {
         setCheckAll(e.target.checked);
         onStatusQuery(nw);
     };
+    var actionMenu = function (record) {
+        return (React.createElement(antd.List, { className: "action-menu", size: "small", dataSource: [
+                {
+                    text: t("programme:view"),
+                    icon: React.createElement(Icon__namespace.InfoCircle, null),
+                    click: function () {
+                        onNavigateToProgrammeView(record);
+                    },
+                },
+            ], renderItem: function (item) { return (React.createElement(antd.List.Item, { onClick: item.click },
+                React.createElement(antd.Typography.Text, { className: "action-icon color-primary" }, item.icon),
+                React.createElement("span", null, item.text))); } }));
+    };
     var columns = [
         {
             title: t("programme:title"),
@@ -8284,6 +8323,17 @@ var ProgrammeManagementComponent = function (props) {
             key: exports.ProgrammeManagementColumns.serialNo,
             align: "left",
         },
+        {
+            title: t(""),
+            width: 6,
+            align: "right",
+            key: exports.ProgrammeManagementColumns.action,
+            render: function (_, record) {
+                var menu = actionMenu(record);
+                return menu && (React.createElement(antd.Popover, { placement: "bottomRight", content: menu, trigger: "click" },
+                    React.createElement(icons.EllipsisOutlined, { rotate: 90, style: { fontWeight: 600, fontSize: "1rem", cursor: "pointer" } })));
+            },
+        },
     ].filter(function (column) { return visibleColumns.includes(column.key); });
     var getAllProgramme = function () { return __awaiter(void 0, void 0, void 0, function () {
         var filter, filterOr, sort, response, error_1;
@@ -19519,6 +19569,19 @@ var NdcActionManagementComponent = function (props) {
             }
         }
     };
+    var actionMenu = function (record) {
+        return (React.createElement(antd.List, { className: "action-menu", size: "small", dataSource: [
+                {
+                    text: t("ndcAction:view"),
+                    icon: React.createElement(Icon__namespace.InfoCircle, null),
+                    click: function () {
+                        onNavigateToNdcManagementView(record);
+                    },
+                },
+            ], renderItem: function (item) { return (React.createElement(antd.List.Item, { onClick: item.click },
+                React.createElement(antd.Typography.Text, { className: "action-icon color-primary" }, item.icon),
+                React.createElement("span", null, item.text))); } }));
+    };
     var columns = [
         {
             title: t("ndcAction:ndcColumnsActionId"),
@@ -19603,6 +19666,17 @@ var NdcActionManagementComponent = function (props) {
                     React.createElement(antd.Tag, { className: "clickable", color: getNdcStatusTagType(Obj.status) }, addSpaces(Obj.status))));
             },
         },
+        {
+            title: t(""),
+            width: 6,
+            align: "right",
+            key: "action",
+            render: function (_, record) {
+                var menu = actionMenu(record);
+                return menu && (React.createElement(antd.Popover, { placement: "bottomRight", content: menu, trigger: "click" },
+                    React.createElement(icons.EllipsisOutlined, { rotate: 90, style: { fontWeight: 600, fontSize: "1rem", cursor: "pointer" } })));
+            },
+        },
     ];
     var getNdcActionData = function () { return __awaiter(void 0, void 0, void 0, function () {
         var filter, interFilterOr, sort, filterBy, response, error_1;