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

package/dist/cjs/types/Definitions/Enums/company.management.columns.enum.d.ts

@@ -5,5 +5,6 @@ export declare enum CompanyManagementColumns {
     companyRole = "companyRole",
     programmeCount = "programmeCount",
     creditBalance = "creditBalance",
-    companyState = "status"
+    companyState = "status",
+    action = "action"
 }

package/dist/cjs/types/Definitions/Enums/programme.management.columns.enum.d.ts

@@ -8,6 +8,7 @@ export declare enum ProgrammeManagementColumns {
     creditTransferred = "creditTransferred",
     certifierId = "certifierId",
     serialNo = "serialNo",
+    action = "action",
     emissionReductionExpected = "emissionReductionExpected",
     emissionReductionAchieved = "emissionReductionAchieved",
     emissionReductionAchievedandCreditIssued = "emissionReductionAchievedandCreditIssued"

package/dist/esm/index.js

@@ -1,14 +1,14 @@
-import { PlusOutlined, FilterOutlined, DownloadOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, UserOutlined, MinusCircleOutlined, StarOutlined, ToolOutlined, EyeOutlined, SearchOutlined, EllipsisOutlined, EditOutlined, DeleteOutlined, FileAddOutlined, CheckCircleOutlined, ExclamationCircleOutlined, BookOutlined, CaretDownOutlined, LockOutlined, EyeInvisibleOutlined, GlobalOutlined, FlagOutlined, LineChartOutlined, LikeOutlined, DislikeOutlined, PlusCircleOutlined, LockFilled, CloseCircleOutlined } from '@ant-design/icons';
-import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Select, Upload, InputNumber, Tooltip, Modal, Alert, Card, Skeleton, Tag, Checkbox, DatePicker, Popover, List, Typography, Spin, Tabs, Progress, Collapse } from 'antd';
+import { EllipsisOutlined, PlusOutlined, FilterOutlined, DownloadOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, UserOutlined, MinusCircleOutlined, StarOutlined, ToolOutlined, EyeOutlined, SearchOutlined, EditOutlined, DeleteOutlined, FileAddOutlined, CheckCircleOutlined, ExclamationCircleOutlined, BookOutlined, CaretDownOutlined, LockOutlined, EyeInvisibleOutlined, GlobalOutlined, FlagOutlined, LineChartOutlined, LikeOutlined, DislikeOutlined, PlusCircleOutlined, LockFilled, CloseCircleOutlined } from '@ant-design/icons';
+import { Input, Popover, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, List, Typography, message, Form, Steps, Select, Upload, InputNumber, Tooltip, Modal, Alert, Card, Skeleton, Tag, Checkbox, DatePicker, Spin, Tabs, Progress, Collapse } from 'antd';
 import React, { createContext, useState, useEffect, useCallback, useContext, useRef } from 'react';
 import { DateTime } from 'luxon';
 import { Buffer } from 'buffer';
 import axios, { HttpStatusCode } from 'axios';
+import * as Icon from 'react-bootstrap-icons';
+import { InfoCircle, Lock, PersonDash, PlayCircle, PauseCircle, CircleFill, Clipboard2Pulse, HandThumbsUp, XCircle, ClockHistory, BoxArrowInRight, ShieldX, BoxArrowRight, ShieldCheck, Gem, ShieldExclamation, ClipboardCheck } from 'react-bootstrap-icons';
 import PhoneInput, { formatPhoneNumberIntl, formatPhoneNumber, isPossiblePhoneNumber } from 'react-phone-number-input';
 import validator from 'validator';
 import { plainToClass } from 'class-transformer';
-import * as Icon from 'react-bootstrap-icons';
-import { InfoCircle, Lock, PersonDash, PlayCircle, PauseCircle, CircleFill, Clipboard2Pulse, HandThumbsUp, XCircle, ClockHistory, BoxArrowInRight, ShieldX, BoxArrowRight, ShieldCheck, Gem, ShieldExclamation, ClipboardCheck } from 'react-bootstrap-icons';
 import 'react-phone-number-input/style.css';
 import mapboxgl from 'mapbox-gl';
 import 'mapbox-gl/dist/mapbox-gl.css';
@@ -429,6 +429,7 @@ var CompanyManagementColumns;
     CompanyManagementColumns["programmeCount"] = "programmeCount";
     CompanyManagementColumns["creditBalance"] = "creditBalance";
     CompanyManagementColumns["companyState"] = "status";
+    CompanyManagementColumns["action"] = "action";
 })(CompanyManagementColumns || (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";
@@ -852,6 +853,19 @@ var CompanyManagementComponent = function (props) {
     var handleFilterVisibleChange = function () {
         setFilterVisible(true);
     };
+    var actionMenu = function (record) {
+        return (React.createElement(List, { className: "action-menu", size: "small", dataSource: [
+                {
+                    text: t("company:view"),
+                    icon: React.createElement(Icon.InfoCircle, null),
+                    click: function () {
+                        onNavigateToCompanyProfile(record);
+                    },
+                },
+            ], renderItem: function (item) { return (React.createElement(List.Item, { onClick: item.click },
+                React.createElement(Typography.Text, { className: "action-icon color-primary" }, item.icon),
+                React.createElement("span", null, item.text))); } }));
+    };
     var columns = [
         {
             title: "",
@@ -932,6 +946,17 @@ var CompanyManagementComponent = function (props) {
                 return getCompanyStateComponent(item);
             },
         },
+        {
+            title: t(""),
+            width: 6,
+            align: "right",
+            key: CompanyManagementColumns.action,
+            render: function (_, record) {
+                var menu = actionMenu(record);
+                return menu && (React.createElement(Popover, { placement: "bottomRight", content: menu, trigger: "click" },
+                    React.createElement(EllipsisOutlined, { rotate: 90, style: { fontWeight: 600, fontSize: "1rem", cursor: "pointer" } })));
+            },
+        },
     ].filter(function (column) { return visibleColumns.includes(column.key); });
     var filterOr = function () {
         if (searchByTermOrganisation !== null &&
@@ -1231,6 +1256,7 @@ var ProgrammeManagementColumns;
     ProgrammeManagementColumns["creditTransferred"] = "creditTransferred";
     ProgrammeManagementColumns["certifierId"] = "certifierId";
     ProgrammeManagementColumns["serialNo"] = "serialNo";
+    ProgrammeManagementColumns["action"] = "action";
     ProgrammeManagementColumns["emissionReductionExpected"] = "emissionReductionExpected";
     ProgrammeManagementColumns["emissionReductionAchieved"] = "emissionReductionAchieved";
     ProgrammeManagementColumns["emissionReductionAchievedandCreditIssued"] = "emissionReductionAchievedandCreditIssued";
@@ -8116,6 +8142,19 @@ var ProgrammeManagementComponent = function (props) {
         setCheckAll(e.target.checked);
         onStatusQuery(nw);
     };
+    var actionMenu = function (record) {
+        return (React.createElement(List, { className: "action-menu", size: "small", dataSource: [
+                {
+                    text: t("programme:view"),
+                    icon: React.createElement(Icon.InfoCircle, null),
+                    click: function () {
+                        onNavigateToProgrammeView(record);
+                    },
+                },
+            ], renderItem: function (item) { return (React.createElement(List.Item, { onClick: item.click },
+                React.createElement(Typography.Text, { className: "action-icon color-primary" }, item.icon),
+                React.createElement("span", null, item.text))); } }));
+    };
     var columns = [
         {
             title: t("programme:title"),
@@ -8263,6 +8302,17 @@ var ProgrammeManagementComponent = function (props) {
             key: ProgrammeManagementColumns.serialNo,
             align: "left",
         },
+        {
+            title: t(""),
+            width: 6,
+            align: "right",
+            key: ProgrammeManagementColumns.action,
+            render: function (_, record) {
+                var menu = actionMenu(record);
+                return menu && (React.createElement(Popover, { placement: "bottomRight", content: menu, trigger: "click" },
+                    React.createElement(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;
@@ -19498,6 +19548,19 @@ var NdcActionManagementComponent = function (props) {
             }
         }
     };
+    var actionMenu = function (record) {
+        return (React.createElement(List, { className: "action-menu", size: "small", dataSource: [
+                {
+                    text: t("ndcAction:view"),
+                    icon: React.createElement(Icon.InfoCircle, null),
+                    click: function () {
+                        onNavigateToNdcManagementView(record);
+                    },
+                },
+            ], renderItem: function (item) { return (React.createElement(List.Item, { onClick: item.click },
+                React.createElement(Typography.Text, { className: "action-icon color-primary" }, item.icon),
+                React.createElement("span", null, item.text))); } }));
+    };
     var columns = [
         {
             title: t("ndcAction:ndcColumnsActionId"),
@@ -19582,6 +19645,17 @@ var NdcActionManagementComponent = function (props) {
                     React.createElement(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(Popover, { placement: "bottomRight", content: menu, trigger: "click" },
+                    React.createElement(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;