@undp/carbon-library 1.0.98 → 1.0.101

package/dist/cjs/types/Definitions/Enums/programmeStage.enum.d.ts

@@ -1,5 +1,6 @@
 export declare enum ProgrammeStageR {
     AwaitingAuthorization = "Pending",
+    Approved = "Approved",
     Authorised = "Authorised",
     Rejected = "Rejected"
 }

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { PlusOutlined, FilterOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, MinusCircleOutlined, StarOutlined, ToolOutlined, EyeOutlined, SearchOutlined, UserOutlined, EllipsisOutlined, EditOutlined, DeleteOutlined, FileAddOutlined, CheckCircleOutlined, ExclamationCircleOutlined, LinkOutlined, EyeInvisibleOutlined, GlobalOutlined, FlagOutlined, LineChartOutlined, LikeOutlined, DislikeOutlined } from '@ant-design/icons';
+import { PlusOutlined, FilterOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, MinusCircleOutlined, StarOutlined, ToolOutlined, EyeOutlined, SearchOutlined, UserOutlined, EllipsisOutlined, EditOutlined, DeleteOutlined, FileAddOutlined, CheckCircleOutlined, ExclamationCircleOutlined, LinkOutlined, CaretDownOutlined, EyeInvisibleOutlined, GlobalOutlined, FlagOutlined, LineChartOutlined, LikeOutlined, DislikeOutlined } from '@ant-design/icons';
 import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, Tooltip, Select, Modal, Alert, Skeleton, Card, Tag, Checkbox, DatePicker, InputNumber, Popover, List, Typography, Spin, Tabs, Progress } from 'antd';
 import React, { useState, useEffect, useRef } from 'react';
 import { DateTime } from 'luxon';
@@ -164,6 +164,7 @@ var InvestmentColor = '#9155FD';
 var ProgrammeStageR;
 (function (ProgrammeStageR) {
     ProgrammeStageR["AwaitingAuthorization"] = "Pending";
+    ProgrammeStageR["Approved"] = "Approved";
     ProgrammeStageR["Authorised"] = "Authorised";
     ProgrammeStageR["Rejected"] = "Rejected";
 })(ProgrammeStageR || (ProgrammeStageR = {}));
@@ -20272,7 +20273,7 @@ var MrvDashboardComponent = function (props) {
             React.createElement(Row, { gutter: [40, 40], className: "stastic-card-row" }, row.map(function (item, j) { return getWidgetJSX(item); })))); }))));
 };
 
-var css_248z$5 = ".mapboxgl-popup-content {\n  background-color: #ffffff !important;\n  color: rgba(58, 53, 65, 0.8) !important; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n  border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n  display: none; }\n\n.total-container {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid gray; }\n\n.margin-top-6 {\n  margin-top: 7.5rem; }\n\n.margin-top-2 {\n  margin-top: 2rem; }\n\n.margin-top-1 {\n  margin-top: 1rem; }\n\n.ant-btn.rgprimary {\n  border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.rgdefault {\n  border-radius: 0px 5px 5px 0px !important; }\n\n.cards-title {\n  font-family: \"Inter\";\n  align-items: flex-start;\n  justify-content: flex-start;\n  font-style: normal;\n  font-weight: 600;\n  height: 50px;\n  font-size: 1.15rem;\n  margin-top: 1rem;\n  color: rgba(58, 53, 65, 0.8); }\n\n.dashboard-main-container {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  border-radius: 5px;\n  padding: 0 2rem 0 2rem; }\n  .dashboard-main-container .header-and-title {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    padding: 0 15px 0 15px;\n    font-family: \"Inter-Regular\";\n    font-size: 1.4rem;\n    font-weight: 600; }\n  .dashboard-main-container .stastics-cards-container {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: center;\n    justify-content: center; }\n    .dashboard-main-container .stastics-cards-container .stastic-card-row {\n      width: 100%; }\n      .dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n        display: flex;\n        flex-direction: row;\n        justify-content: flex-start;\n        align-items: center; }\n  .dashboard-main-container .filter-container {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: center;\n    justify-content: space-between;\n    margin-top: 2rem;\n    padding: 0 1.2rem 0 1.2rem; }\n    .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n      height: 35px !important;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      color: rgba(58, 53, 65, 0.5); }\n    .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(\n    .ant-radio-button-wrapper-disabled\n)::before {\n      background-color: transparent !important; }\n    .dashboard-main-container .filter-container .radio-selection .overall {\n      border-radius: 5px 0 0 5px !important; }\n    .dashboard-main-container .filter-container .radio-selection .mine {\n      border-radius: 0 5px 5px 0 !important; }\n  .dashboard-main-container .center {\n    align-items: center;\n    justify-content: center; }\n  .dashboard-main-container .height-pie-rem {\n    height: 26.2rem; }\n    .dashboard-main-container .height-pie-rem .apexcharts-legend {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between !important; }\n    .dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n      display: flex !important;\n      width: 38%; }\n  .dashboard-main-container .height-bar-rem {\n    height: 29rem; }\n  .dashboard-main-container .height-map-rem {\n    height: 510px; }\n  .dashboard-main-container .stastics-and-charts-container {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    margin-top: 2rem;\n    margin-bottom: 2rem; }\n    .dashboard-main-container .stastics-and-charts-container .stastic-card-row {\n      width: 100%; }\n      .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card {\n        display: flex;\n        flex-direction: column;\n        background-color: #ffffff;\n        border-radius: 10px;\n        padding: 0 1rem 0.7rem 1rem;\n        width: 100%; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .margin-top-2 {\n          width: 100%;\n          margin-top: 2rem; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section {\n          display: flex;\n          flex-direction: row;\n          align-items: flex-end;\n          justify-content: space-between;\n          width: 100%;\n          padding: 1rem 1rem 0 1rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section .title {\n            font-family: \"Inter\";\n            font-style: normal;\n            font-weight: 600;\n            width: 90%;\n            font-size: 1.15rem;\n            color: rgba(58, 53, 65, 0.8); }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section .info-container {\n            display: flex;\n            flex-direction: row;\n            width: 10%;\n            height: 30px;\n            align-items: center;\n            justify-content: flex-end; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: space-between;\n          height: 150px;\n          margin-top: -0.5rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details {\n            display: flex;\n            flex-direction: column;\n            width: 70%;\n            padding: 0 1rem 0 0.8rem; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details .detail {\n              font-family: \"Inter\";\n              font-style: normal;\n              font-weight: 400;\n              font-size: 0.875rem;\n              line-height: 1.375rem;\n              padding-left: 0.125rem;\n              color: rgba(58, 53, 65, 0.8);\n              margin-bottom: 0.5rem; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details .value {\n              font-family: \"Inter\";\n              font-style: normal;\n              font-weight: 600;\n              font-size: 1.6rem;\n              line-height: 22px;\n              padding-left: 0.125rem;\n              padding: 0;\n              color: #16b1ff; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            width: 30%; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon img {\n              height: 80px; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details {\n          display: flex;\n          flex-direction: column;\n          align-items: flex-start;\n          justify-content: flex-start;\n          height: 100px;\n          width: 100%;\n          margin-top: -1rem;\n          margin-bottom: 0.5rem;\n          padding: 0 0.5rem 0 0.5rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details,\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: space-between;\n            width: 100%; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon,\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon {\n              display: flex;\n              flex-direction: row;\n              width: 20%; }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .icon-container,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .icon-container {\n                display: flex;\n                flex-direction: row;\n                align-items: center;\n                justify-content: center;\n                border-radius: 50px;\n                width: 2.813rem;\n                height: 2.813rem; }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .reject,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .reject {\n                background-color: rgba(255, 166, 166, 0.4); }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .transfer,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .transfer {\n                background-color: rgba(254, 241, 173, 0.5); }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .pending,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .pending {\n                background-color: rgba(164, 162, 168, 0.5); }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .authorized,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .authorized {\n                background-color: rgba(185, 226, 244, 0.4); }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details,\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details {\n              display: flex;\n              flex-direction: column;\n              width: 80%;\n              height: 3.438rem; }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value {\n                display: flex;\n                flex-direction: row;\n                align-items: flex-start;\n                justify-content: space-between; }\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .label,\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .label {\n                  font-family: \"Inter\";\n                  font-style: normal;\n                  font-weight: 400;\n                  font-size: 0.875rem;\n                  color: rgba(58, 53, 65, 0.5); }\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .value,\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .value {\n                  font-family: \"Inter\";\n                  font-style: normal;\n                  font-weight: 400;\n                  height: 30px;\n                  font-size: 1.5rem;\n                  margin-top: -8px;\n                  color: rgba(58, 53, 65, 0.8); }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .stage-legends {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          margin-top: 1rem; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .updated-on {\n          display: flex;\n          flex-direction: row;\n          align-items: flex-end;\n          justify-content: flex-start;\n          padding: 0 1rem 0 0.8rem;\n          height: 50px; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .updated-on .updated-moment-container {\n            display: flex;\n            flex-direction: row;\n            font-size: 0.75rem;\n            border-radius: 3.125rem;\n            padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n            color: #16b1ff;\n            background-color: rgba(185, 226, 244, 0.4); }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top {\n          display: flex;\n          flex-direction: row;\n          justify-content: space-between;\n          padding: 0 1rem 0 1rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-charts-title {\n            display: flex;\n            flex-direction: row;\n            font-family: \"Inter\";\n            align-items: flex-start;\n            justify-content: flex-start;\n            font-style: normal;\n            font-weight: 600;\n            height: 50px;\n            font-size: 1.15rem;\n            margin-top: 1rem;\n            color: rgba(58, 53, 65, 0.8); }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-charts-title .unit {\n              display: flex;\n              margin: 0 0 0 0.5rem;\n              font-family: \"Inter\";\n              font-size: 1.15rem;\n              font-weight: 500;\n              color: rgba(58, 53, 65, 0.5); }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .info-container {\n            display: flex;\n            flex-direction: row;\n            align-items: center; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-section {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          width: 100%; }\n  .dashboard-main-container .stastics-and-pie-card:hover {\n    box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n  .dashboard-main-container .stastics-charts-container-total-programmes {\n    display: flex;\n    flex-direction: row;\n    width: 98%;\n    margin: 60px 10px 25px 15px; }\n    .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n        .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          height: 400px;\n          background: #f6f6f6;\n          box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n        .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          background: #f1f1f1;\n          box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n  .dashboard-main-container .stastics-charts-container-certified-programmes {\n    display: flex;\n    flex-direction: row;\n    width: 98%;\n    margin: 5px 10px 25px 15px; }\n    .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n        .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          height: 400px;\n          background: #f6f6f6;\n          box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n        .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          background: #f1f1f1;\n          box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n  .dashboard-main-container .stastics-pie-charts-container {\n    display: flex;\n    flex-direction: row;\n    width: 98%;\n    margin: 5px 10px 25px 15px; }\n    .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n        .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          height: 400px;\n          background: #f6f6f6;\n          box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n        .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          background: #f1f1f1;\n          box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n  .dashboard-main-container .maps-container {\n    display: flex;\n    flex-direction: row;\n    border-radius: 10px;\n    margin: 25px 20px 25px 15px;\n    height: auto; }\n    .dashboard-main-container .maps-container .maps-container-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n";
+var css_248z$5 = ".mapboxgl-popup-content {\n  background-color: #ffffff !important;\n  color: rgba(58, 53, 65, 0.8) !important; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n  border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n  display: none; }\n\n.total-container {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid gray; }\n\n.annual-report {\n  display: flex;\n  margin-top: 30px;\n  margin-left: 22px; }\n\n.ant-btn.annual-report-downloadbutton {\n  border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.annual-report-dropdownbutton {\n  margin-left: 20px;\n  border-radius: 5px 0px 0px 0px !important; }\n\n.margin-top-6 {\n  margin-top: 7.5rem; }\n\n.margin-top-2 {\n  margin-top: 2rem; }\n\n.margin-top-1 {\n  margin-top: 1rem; }\n\n.ant-btn.rgprimary {\n  border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.rgdefault {\n  border-radius: 0px 5px 5px 0px !important; }\n\n.cards-title {\n  font-family: \"Inter\";\n  align-items: flex-start;\n  justify-content: flex-start;\n  font-style: normal;\n  font-weight: 600;\n  height: 50px;\n  font-size: 1.15rem;\n  margin-top: 1rem;\n  color: rgba(58, 53, 65, 0.8); }\n\n.dashboard-main-container {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  border-radius: 5px;\n  padding: 0 2rem 0 2rem; }\n  .dashboard-main-container .header-and-title {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    padding: 0 15px 0 15px;\n    font-family: \"Inter-Regular\";\n    font-size: 1.4rem;\n    font-weight: 600; }\n  .dashboard-main-container .stastics-cards-container {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: center;\n    justify-content: center; }\n    .dashboard-main-container .stastics-cards-container .stastic-card-row {\n      width: 100%; }\n      .dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n        display: flex;\n        flex-direction: row;\n        justify-content: flex-start;\n        align-items: center; }\n  .dashboard-main-container .filter-container {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: center;\n    justify-content: space-between;\n    margin-top: 2rem;\n    padding: 0 1.2rem 0 1.2rem; }\n    .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n      height: 35px !important;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      color: rgba(58, 53, 65, 0.5); }\n    .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(\n    .ant-radio-button-wrapper-disabled\n)::before {\n      background-color: transparent !important; }\n    .dashboard-main-container .filter-container .radio-selection .overall {\n      border-radius: 5px 0 0 5px !important; }\n    .dashboard-main-container .filter-container .radio-selection .mine {\n      border-radius: 0 5px 5px 0 !important; }\n  .dashboard-main-container .center {\n    align-items: center;\n    justify-content: center; }\n  .dashboard-main-container .height-pie-rem {\n    height: 26.2rem; }\n    .dashboard-main-container .height-pie-rem .apexcharts-legend {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between !important; }\n    .dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n      display: flex !important;\n      width: 38%; }\n  .dashboard-main-container .height-bar-rem {\n    height: 29rem; }\n  .dashboard-main-container .height-map-rem {\n    height: 510px; }\n  .dashboard-main-container .stastics-and-charts-container {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    margin-top: 2rem;\n    margin-bottom: 2rem; }\n    .dashboard-main-container .stastics-and-charts-container .stastic-card-row {\n      width: 100%; }\n      .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card {\n        display: flex;\n        flex-direction: column;\n        background-color: #ffffff;\n        border-radius: 10px;\n        padding: 0 1rem 0.7rem 1rem;\n        width: 100%; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .margin-top-2 {\n          width: 100%;\n          margin-top: 2rem; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section {\n          display: flex;\n          flex-direction: row;\n          align-items: flex-end;\n          justify-content: space-between;\n          width: 100%;\n          padding: 1rem 1rem 0 1rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section .title {\n            font-family: \"Inter\";\n            font-style: normal;\n            font-weight: 600;\n            width: 90%;\n            font-size: 1.15rem;\n            color: rgba(58, 53, 65, 0.8); }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section .info-container {\n            display: flex;\n            flex-direction: row;\n            width: 10%;\n            height: 30px;\n            align-items: center;\n            justify-content: flex-end; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: space-between;\n          height: 150px;\n          margin-top: -0.5rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details {\n            display: flex;\n            flex-direction: column;\n            width: 70%;\n            padding: 0 1rem 0 0.8rem; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details .detail {\n              font-family: \"Inter\";\n              font-style: normal;\n              font-weight: 400;\n              font-size: 0.875rem;\n              line-height: 1.375rem;\n              padding-left: 0.125rem;\n              color: rgba(58, 53, 65, 0.8);\n              margin-bottom: 0.5rem; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details .value {\n              font-family: \"Inter\";\n              font-style: normal;\n              font-weight: 600;\n              font-size: 1.6rem;\n              line-height: 22px;\n              padding-left: 0.125rem;\n              padding: 0;\n              color: #16b1ff; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            width: 30%; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon img {\n              height: 80px; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details {\n          display: flex;\n          flex-direction: column;\n          align-items: flex-start;\n          justify-content: flex-start;\n          height: 100px;\n          width: 100%;\n          margin-top: -1rem;\n          margin-bottom: 0.5rem;\n          padding: 0 0.5rem 0 0.5rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details,\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: space-between;\n            width: 100%; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon,\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon {\n              display: flex;\n              flex-direction: row;\n              width: 20%; }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .icon-container,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .icon-container {\n                display: flex;\n                flex-direction: row;\n                align-items: center;\n                justify-content: center;\n                border-radius: 50px;\n                width: 2.813rem;\n                height: 2.813rem; }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .reject,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .reject {\n                background-color: rgba(255, 166, 166, 0.4); }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .transfer,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .transfer {\n                background-color: rgba(254, 241, 173, 0.5); }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .pending,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .pending {\n                background-color: rgba(164, 162, 168, 0.5); }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .authorized,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .authorized {\n                background-color: rgba(185, 226, 244, 0.4); }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details,\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details {\n              display: flex;\n              flex-direction: column;\n              width: 80%;\n              height: 3.438rem; }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value {\n                display: flex;\n                flex-direction: row;\n                align-items: flex-start;\n                justify-content: space-between; }\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .label,\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .label {\n                  font-family: \"Inter\";\n                  font-style: normal;\n                  font-weight: 400;\n                  font-size: 0.875rem;\n                  color: rgba(58, 53, 65, 0.5); }\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .value,\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .value {\n                  font-family: \"Inter\";\n                  font-style: normal;\n                  font-weight: 400;\n                  height: 30px;\n                  font-size: 1.5rem;\n                  margin-top: -8px;\n                  color: rgba(58, 53, 65, 0.8); }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .stage-legends {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          margin-top: 1rem; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .updated-on {\n          display: flex;\n          flex-direction: row;\n          align-items: flex-end;\n          justify-content: flex-start;\n          padding: 0 1rem 0 0.8rem;\n          height: 50px; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .updated-on .updated-moment-container {\n            display: flex;\n            flex-direction: row;\n            font-size: 0.75rem;\n            border-radius: 3.125rem;\n            padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n            color: #16b1ff;\n            background-color: rgba(185, 226, 244, 0.4); }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top {\n          display: flex;\n          flex-direction: row;\n          justify-content: space-between;\n          padding: 0 1rem 0 1rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-charts-title {\n            display: flex;\n            flex-direction: row;\n            font-family: \"Inter\";\n            align-items: flex-start;\n            justify-content: flex-start;\n            font-style: normal;\n            font-weight: 600;\n            height: 50px;\n            font-size: 1.15rem;\n            margin-top: 1rem;\n            color: rgba(58, 53, 65, 0.8); }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-charts-title .unit {\n              display: flex;\n              margin: 0 0 0 0.5rem;\n              font-family: \"Inter\";\n              font-size: 1.15rem;\n              font-weight: 500;\n              color: rgba(58, 53, 65, 0.5); }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .info-container {\n            display: flex;\n            flex-direction: row;\n            align-items: center; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-section {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          width: 100%; }\n  .dashboard-main-container .stastics-and-pie-card:hover {\n    box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n  .dashboard-main-container .stastics-charts-container-total-programmes {\n    display: flex;\n    flex-direction: row;\n    width: 98%;\n    margin: 60px 10px 25px 15px; }\n    .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n        .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          height: 400px;\n          background: #f6f6f6;\n          box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n        .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          background: #f1f1f1;\n          box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n  .dashboard-main-container .stastics-charts-container-certified-programmes {\n    display: flex;\n    flex-direction: row;\n    width: 98%;\n    margin: 5px 10px 25px 15px; }\n    .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n        .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          height: 400px;\n          background: #f6f6f6;\n          box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n        .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          background: #f1f1f1;\n          box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n  .dashboard-main-container .stastics-pie-charts-container {\n    display: flex;\n    flex-direction: row;\n    width: 98%;\n    margin: 5px 10px 25px 15px; }\n    .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n        .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          height: 400px;\n          background: #f6f6f6;\n          box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n        .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          background: #f1f1f1;\n          box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n  .dashboard-main-container .maps-container {\n    display: flex;\n    flex-direction: row;\n    border-radius: 10px;\n    margin: 25px 20px 25px 15px;\n    height: auto; }\n    .dashboard-main-container .maps-container .maps-container-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n";
 styleInject(css_248z$5);
 
 var getTotalProgrammesInitialValues = function () {
@@ -21497,6 +21498,9 @@ var RegistryDashboardComponent = function (props) {
     var _40 = useState([]), programmeLocationsMapCenter = _40[0], setProgrammeLocationsMapCenter = _40[1];
     var _41 = useState(), programmeLocationsMapSource = _41[0], setProgrammeLocationsMapSource = _41[1];
     var _42 = useState(), programmeLocationsMapLayer = _42[0], setProgrammeLocationsMapLayer = _42[1];
+    var _43 = useState([]), fileList = _43[0], setFileList = _43[1];
+    var _44 = useState("-"), selectedFile = _44[0], setSelectedFile = _44[1];
+    var _45 = useState(" "), selectedurl = _45[0], setSelectedurl = _45[1];
     var mapType = process.env.REACT_APP_MAP_TYPE
         ? process.env.REACT_APP_MAP_TYPE
         : "None";
@@ -22838,6 +22842,72 @@ var RegistryDashboardComponent = function (props) {
         }
         return currentMarkers;
     };
+    var fetchProgrammeIds = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var responses, data, initlist, i, newreports, error_4;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 3, , 4]);
+                    return [4 /*yield*/, post("national/programme/queryDocs", {
+                            page: 1,
+                            size: 100,
+                            filterAnd: [
+                                {
+                                    key: "type",
+                                    operation: "=",
+                                    value: "6",
+                                },
+                            ],
+                        })];
+                case 1:
+                    responses = _a.sent();
+                    return [4 /*yield*/, responses.data];
+                case 2:
+                    data = _a.sent();
+                    if (data && data.length > 0) {
+                        initlist = [];
+                        for (i = 0; i < data.length; i++) {
+                            newreports = {
+                                label: data[i].programmeId.slice(2),
+                                key: data[i].url,
+                            };
+                            initlist.push(newreports);
+                        }
+                        setFileList(initlist);
+                    }
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_4 = _a.sent();
+                    console.error("Error fetching AnnualReports:", error_4);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.PROGRAMME_DEVELOPER) {
+            fetchProgrammeIds();
+        }
+    }, []);
+    var fileListFlat = fileList.flat();
+    var items = fileListFlat.map(function (item) { return ({
+        label: item.label,
+        key: item.key,
+    }); });
+    var handleMenuClick = function (e) {
+        setSelectedurl(String(e.key));
+        var parts = String(e.key).split("/");
+        var fileName = parts[parts.length - 1];
+        var fileNameWithoutExtension = fileName.replace(".pdf", "");
+        var lastFourElements = fileNameWithoutExtension.slice(-4);
+        setSelectedFile(lastFourElements);
+    };
+    useEffect(function () {
+    }, [selectedurl, selectedFile]);
+    var menuProps = {
+        items: items,
+        onClick: handleMenuClick,
+    };
     return (React.createElement("div", { className: "dashboard-main-container" },
         isMultipleDashboardsVisible && (React.createElement("div", { className: "systemchange-container", style: { marginLeft: "20px" } },
             React.createElement(ButtonGroup, null,
@@ -22900,6 +22970,20 @@ var RegistryDashboardComponent = function (props) {
                                 ? lastUpdateCreditBalance
                                 : lastUpdateProgrammesCertified, icon: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT ? (React.createElement(Gem, { color: "#16B1FF", size: 80 })) : (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) ===
                             CompanyRole.PROGRAMME_DEVELOPER ? (React.createElement(Gem, { color: "#16B1FF", size: 80 })) : (React.createElement(ShieldExclamation, { color: "#16B1FF", size: 80 })), loading: loadingWithoutTimeRange, companyRole: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole })))),
+        ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT ||
+            (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.CERTIFIER ||
+            (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) &&
+            fileList.length > 0 && (React.createElement("div", { className: "annual-report" },
+            React.createElement("div", null, "Annual Statistic Report"),
+            React.createElement(Dropdown, { menu: menuProps },
+                React.createElement(Button, { className: "annual-report-dropdownbutton" },
+                    React.createElement(Space, null,
+                        selectedFile,
+                        React.createElement(CaretDownOutlined, null)))),
+            React.createElement(Button, { className: "annual-report-downloadbutton" },
+                React.createElement(Space, null,
+                    React.createElement("a", { href: selectedurl, target: "_blank", rel: "noopener noreferrer", download: true },
+                        React.createElement(LinkOutlined, { className: "common-progress-icon", style: { color: "#3F3A47" } })))))),
         React.createElement("div", { className: "filter-container" },
             React.createElement("div", { className: "date-filter" },
                 React.createElement(RangePicker, { ranges: {