@undp/carbon-library 1.0.285-CARBON-287.0 → 1.0.285-CARBON-325.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (5) hide show
  1. package/dist/cjs/index.js +368 -29
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/index.js +369 -30
  4. package/dist/esm/index.js.map +1 -1
  5. package/package.json +1 -1
package/dist/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { PlusOutlined, FilterOutlined, 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, DownloadOutlined, CloseCircleOutlined } from '@ant-design/icons';
1
+ 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';
2
2
  import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, InputNumber, Tooltip, Select, Modal, Alert, Skeleton, Card, Tag, Checkbox, DatePicker, Popover, List, Typography, Spin, Tabs, Progress, Collapse } from 'antd';
3
3
  import React, { useState, useEffect, useRef } from 'react';
4
4
  import { DateTime } from 'luxon';
@@ -130,7 +130,7 @@ function styleInject(css, ref) {
130
130
  }
131
131
  }
132
132
 
133
- var css_248z$A = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #F0F0F0; }\n";
133
+ var css_248z$A = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #F0F0F0; }\n\n.company-data-download {\n margin-left: 15px;\n margin-top: 0.8rem; }\n";
134
134
  styleInject(css_248z$A);
135
135
 
136
136
  var css_248z$z = ".common-table-class .ant-table {\n border-radius: 1rem; }\n .common-table-class .ant-table .ant-table-thead {\n justify-content: center; }\n .common-table-class .ant-table .ant-table-thead .ant-table-cell {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-size: 0.8rem;\n text-align: center; }\n .common-table-class .ant-table .ant-table-tbody {\n font-size: 0.8rem;\n text-align: center;\n color: rgba(58, 53, 65, 0.8); }\n .common-table-class .ant-table .ant-table-cell {\n padding: 14px 12px; }\n .common-table-class .ant-table .ant-table-thead .ant-table-cell {\n text-transform: uppercase; }\n\n.ant-table-pagination.ant-pagination {\n margin: 16px 24px; }\n\n.ant-select-item-option-content {\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next, .ant-pagination-item {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n font-size: 0.8rem;\n font-family: \"Inter\"; }\n\n.ant-pagination-item-active:focus-visible {\n border-color: #16b1ff; }\n\n.ant-pagination-options-quick-jumper {\n font-size: 0.8rem;\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8);\n height: 30px;\n line-height: 30px; }\n .ant-pagination-options-quick-jumper input {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-options .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n font-size: 0.8rem;\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-options .ant-select-selection-item {\n height: 28px;\n color: rgba(58, 53, 65, 0.8);\n line-height: 26px !important; }\n\n.ant-pagination-options .ant-select-dropdown {\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8);\n font-size: 0.8rem; }\n";
@@ -507,6 +507,7 @@ var CompanyManagementComponent = function (props) {
507
507
  var _j = useState("All"), filterByOrganisationType = _j[0], setFilterByOrganisationType = _j[1];
508
508
  var _k = useState(""), sortOrder = _k[0], setSortOrder = _k[1];
509
509
  var _l = useState(""), sortField = _l[0], setSortField = _l[1];
510
+ var _m = useState(), dataQuery = _m[0], setDataQuery = _m[1];
510
511
  var ability = useAbilityContext();
511
512
  document.addEventListener("mousedown", function (event) {
512
513
  var organisationFilterArea1 = document.querySelector(".filter-bar");
@@ -712,6 +713,11 @@ var CompanyManagementComponent = function (props) {
712
713
  setTableData(availableCompanies);
713
714
  setTotalCompany((_b = (_a = response === null || response === void 0 ? void 0 : response.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.total);
714
715
  }
716
+ setDataQuery({
717
+ filterAnd: filterAnd(),
718
+ filterOr: filterOr(),
719
+ sort: sort(),
720
+ });
715
721
  setLoading(false);
716
722
  return [3 /*break*/, 4];
717
723
  case 3:
@@ -728,6 +734,50 @@ var CompanyManagementComponent = function (props) {
728
734
  }
729
735
  });
730
736
  }); };
737
+ var downloadCompanyData = function () { return __awaiter(void 0, void 0, void 0, function () {
738
+ var response, url, a, error_2;
739
+ var _a;
740
+ return __generator(this, function (_b) {
741
+ switch (_b.label) {
742
+ case 0:
743
+ setLoading(true);
744
+ _b.label = 1;
745
+ case 1:
746
+ _b.trys.push([1, 3, , 4]);
747
+ return [4 /*yield*/, post("national/organisation/download", {
748
+ filterAnd: dataQuery.filterAnd,
749
+ filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
750
+ sort: dataQuery.sort,
751
+ })];
752
+ case 2:
753
+ response = _b.sent();
754
+ if (response && response.data) {
755
+ url = response.data.url;
756
+ a = document.createElement('a');
757
+ a.href = url;
758
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
759
+ document.body.appendChild(a);
760
+ a.click();
761
+ document.body.removeChild(a); // Clean up the created <a> element
762
+ window.URL.revokeObjectURL(url);
763
+ }
764
+ setLoading(false);
765
+ return [3 /*break*/, 4];
766
+ case 3:
767
+ error_2 = _b.sent();
768
+ console.log("Error in exporting organisations", error_2);
769
+ message.open({
770
+ type: "error",
771
+ content: error_2.message,
772
+ duration: 3,
773
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
774
+ });
775
+ setLoading(false);
776
+ return [3 /*break*/, 4];
777
+ case 4: return [2 /*return*/];
778
+ }
779
+ });
780
+ }); };
731
781
  useEffect(function () {
732
782
  getAllCompany();
733
783
  }, [
@@ -815,7 +865,13 @@ var CompanyManagementComponent = function (props) {
815
865
  React.createElement(FilterOutlined, { style: {
816
866
  color: "rgba(58, 53, 65, 0.3)",
817
867
  fontSize: "20px",
818
- } }))))))),
868
+ } })))),
869
+ React.createElement("div", { className: "download-data-btn company-data-download" },
870
+ React.createElement("a", { onClick: downloadCompanyData },
871
+ React.createElement(DownloadOutlined, { style: {
872
+ color: "rgba(58, 53, 65, 0.3)",
873
+ fontSize: "20px",
874
+ } })))))),
819
875
  React.createElement(Row, null,
820
876
  React.createElement(Col, { span: 24 },
821
877
  React.createElement("div", { className: "userManagement-table-container" },
@@ -840,7 +896,7 @@ var CompanyManagementComponent = function (props) {
840
896
  var css_248z$v = ".company-details-form-container {\n width: 100%; }\n .company-details-form-container .company-details-form .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .company-details-form-container .company-details-form .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .company-details-form-container .company-details-form .row .website .ant-input {\n margin-left: 0.3rem; }\n .company-details-form-container .company-details-form .row .website .ant-input-group-addon {\n border: 1px solid #d9d9d9; }\n .company-details-form-container .company-details-form .row .logo-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n width: 100%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload {\n width: 20%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 75%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .company-details-form-container .company-details-form .row .details-part-one .space-container {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-one .space-container .ant-space-item {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #519e4f !important;\n border-color: #519e4f !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #519e4f; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffa070 !important;\n border-color: #ffa070 !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #ffa070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #9155fd !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #9155fd; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container {\n width: 45%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #16b1ff !important;\n border-color: #16b1ff !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #16b1ff; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container {\n width: 25%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #707070 !important;\n border-color: #707070 !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #707070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .anticon {\n margin-right: 0.5rem; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier .ant-radio-button-checked {\n background: rgba(128, 255, 0, 0.12);\n color: #519e4f; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev .ant-radio-button-checked {\n background: rgba(254, 241, 173, 0.5);\n color: #ffa070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov .ant-radio-button-checked {\n background: rgba(185, 226, 244, 0.56);\n color: #16b1ff; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister .ant-radio-button-checked {\n background: rgba(198, 144, 251, 0.12);\n color: #9155fd; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer .ant-radio-button-checked {\n background: rgba(176, 190, 197, 0.23);\n color: #707070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .role-icons {\n margin-right: 5px; }\n .company-details-form-container .company-details-form .row .details-part-two .space-container {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .space-container .ant-space-item {\n width: 100%; }\n\n.step-title-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .step-title-container .step-count {\n font-size: 2.2rem;\n font-weight: 800;\n margin-right: 0.4rem;\n color: rgba(58, 53, 65, 0.8); }\n .step-title-container .title {\n font-size: 1rem;\n font-weight: 600;\n color: #3a3541; }\n\n.add-company-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-company-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-company-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #16b1ff; }\n .add-company-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-company-main-container .adding-section {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n .add-company-main-container .adding-section .form-section {\n display: flex;\n margin-bottom: 2rem; }\n .add-company-main-container .adding-section .form-section .form-one {\n width: 100%; }\n .add-company-main-container .adding-section .form-section .steps {\n width: 15%; }\n .add-company-main-container .adding-section .form-section .steps-content {\n width: 85%; }\n .add-company-main-container .adding-section .steps-action {\n display: flex;\n flex-direction: row-reverse; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n height: auto;\n max-height: 200px; }\n\n.hide {\n display: none !important; }\n";
841
897
  styleInject(css_248z$v);
842
898
 
843
- var css_248z$u = "body {\n background-color: #f4f5fa;\n font-family: \"Inter\";\n font-weight: 400; }\n\n.ant-menu {\n background-color: #f4f5fa; }\n\n.ant-layout-header {\n background-color: #f4f5fa; }\n\n.ant-layout {\n background-color: #f4f5fa; }\n\n.ant-menu-submenu .ant-menu {\n background-color: #f4f5fa; }\n\n.ant-menu-item {\n background-color: #f4f5fa; }\n\n.ant-menu-sub {\n background-color: #f4f5fa; }\n\n.ant-table-content {\n font-family: \"Inter\"; }\n\n.ant-input {\n border-radius: 5px !important; }\n\n.ant-btn {\n border-radius: 5px !important; }\n\n.ant-input-group-addon:first-child {\n border-radius: 5px !important; }\n\n.ant-input-group .ant-input {\n width: 99% !important; }\n\n.ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n\n.ant-radio-group-large .ant-radio-button-wrapper {\n font-size: 0.8rem;\n width: 25%;\n border-radius: 5px !important; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n border-color: #40a9ff;\n border-radius: 5px;\n height: 40px; }\n .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-name,\n .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-name {\n color: #40a9ff !important; }\n\n.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {\n color: #40a9ff; }\n\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #d9d9d9 !important; }\n\n.ant-input-group-wrapper-status-error .ant-input-group-addon {\n border-color: #d9d9d9 !important; }\n\n.ant-form-item-explain-error {\n font-size: 13px;\n color: rgba(255, 77, 79, 0.8); }\n\n.ant-table-thead\n> tr\n> th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {\n background-color: transparent !important; }\n\n.ant-form-item-label > label {\n flex-direction: row-reverse !important;\n color: rgba(58, 53, 65, 0.5); }\n\n.ant-form-item-label\n> label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {\n margin-left: 0.2rem !important;\n color: rgba(255, 77, 79, 0.8) !important; }\n\n.ant-picker {\n border-radius: 5px !important;\n height: 35px !important; }\n\n.space-container {\n width: 100%; }\n .space-container .ant-space-item {\n width: 100%; }\n\n.PhoneInput .PhoneInputCountry {\n border: 1px solid #d9d9d9 !important;\n border-radius: 5px !important;\n padding: 0 1rem 0 1rem; }\n\n.PhoneInput .PhoneInputInput {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border: 1px solid #d9d9d9 !important;\n outline: none; }\n\n.filter-title {\n color: rgba(58, 53, 65, 0.8);\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 0.875rem; }\n\n.ant-radio-wrapper {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 22px;\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-list-item {\n color: rgba(58, 53, 65, 0.8); }\n\n.PhoneInput .PhoneInputInput:focus-visible,\n.PhoneInput .PhoneInputInput:hover {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border-right: 1px solid #40a9ff !important;\n outline: 1px solid #40a9ff; }\n\n.layout-content-container {\n padding-bottom: 100px; }\n .layout-content-container .ant-btn-primary {\n background-color: #16b1ff;\n color: #ffffff;\n border: none; }\n .layout-content-container .ant-btn {\n height: 32px;\n font-weight: 500;\n font-size: 0.8rem;\n border-radius: 0.3rem;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);\n min-width: 80px;\n box-shadow: none; }\n .layout-content-container .ant-btn span {\n text-transform: uppercase; }\n\n.content-container {\n padding: 0px 20px; }\n .content-container .title-bar {\n padding: 0px 0px 30px 0px; }\n .content-container .body-title {\n color: #16b1ff;\n font-weight: 500;\n font-size: 1.2rem; }\n .content-container .body-sub-title {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 400;\n font-size: 0.8rem; }\n\n.content-card {\n background-color: #ffffff;\n border-radius: 10px;\n width: 100%; }\n .content-card .action-bar {\n padding: 1.6rem 1.3rem 1.6rem 1.3rem; }\n .content-card .action-bar button {\n width: fit-content; }\n .content-card .filter-section {\n padding: 1.4rem 1.3rem 1.6rem 1.3rem;\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n justify-content: end; }\n .content-card .filter-section .search-bar {\n display: flex;\n flex-direction: row-reverse; }\n .content-card .filter-section .filter-bar {\n display: flex;\n flex-direction: row-reverse;\n margin-top: 0.8rem;\n width: 5%; }\n .content-card .filter-section .ant-input-affix-wrapper {\n border-radius: 0.313rem 0 0 0.313rem !important; }\n .content-card .filter-section .ant-input-search\n> .ant-input-group\n> .ant-input-group-addon:last-child\n.ant-input-search-button {\n padding-top: 0;\n padding-bottom: 0;\n border-radius: 0 0.313rem 0.313rem 0 !important; }\n\n.layout-content-container .ant-btn {\n min-width: 50px !important; }\n\n.table-actions-section {\n width: 100%;\n margin-bottom: 1rem; }\n\n.action-menu {\n min-width: 120px;\n color: rgba(58, 53, 65, 0.6); }\n .action-menu .action-icon {\n margin-right: 12px;\n display: flex; }\n .action-menu .anticon-edit {\n color: #16b1ff; }\n .action-menu .anticon-delete {\n color: #f25a29; }\n\n.ant-dropdown-menu {\n padding: 1rem 2rem 1rem 1rem !important;\n border-radius: 5px; }\n\n.ant-dropdown-menu-item-active {\n background-color: transparent !important; }\n\n.ant-popover-inner-content .action-menu {\n margin: -12px -16px; }\n .ant-popover-inner-content .action-menu .ant-list-item {\n padding: 11px 16px;\n justify-content: flex-start;\n cursor: pointer; }\n\n.ant-tag {\n border-radius: 20px; }\n\n.clickable {\n cursor: pointer; }\n\n.text-center {\n text-align: center; }\n\n.float-left {\n float: left; }\n\n.float-right {\n float: right; }\n\n.apexcharts-canvas {\n font-family: \"Inter\" !important; }\n\n.apexcharts-legend-text {\n font-family: \"Inter\" !important; }\n\n.ant-tag {\n padding: 1px 10px; }\n\n.flex-display {\n display: flex; }\n\n.ant-modal-footer {\n border-top: none;\n text-align: center; }\n .ant-modal-footer button {\n margin: 10px 20px;\n text-transform: uppercase;\n font-size: 0.8rem; }\n\n.ant-modal-header {\n border-radius: 15px;\n border: none; }\n\n.ant-modal-content {\n border-radius: 15px;\n border: none; }\n\n.ant-modal-header {\n border: none; }\n\n.ant-modal-body {\n text-align: center;\n color: rgba(58, 53, 65, 0.6);\n font-size: 0.8rem; }\n .ant-modal-body .ant-select-selector {\n text-align: left;\n border-radius: 5px !important;\n height: 32px; }\n .ant-modal-body .form-label {\n text-align: left; }\n .ant-modal-body .form-label .req-ast {\n color: rgba(255, 77, 79, 0.8);\n padding-left: 5px; }\n .ant-modal-body .ant-form .ant-input-password {\n padding: 6.5px 11px;\n font-size: 16px; }\n .ant-modal-body .ant-form .ant-form-item-explain-error {\n text-align: start; }\n\n.popup-header {\n text-align: center;\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-family: \"Inter\";\n font-size: 0.9rem;\n margin: 25px 20px -20px 20px; }\n .popup-header .icon {\n font-size: 4rem;\n margin-bottom: 15px;\n font-weight: 400; }\n .popup-header img {\n height: 100px; }\n\n.popup-success .icon {\n color: #5dc380; }\n\n.popup-success .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n\n.popup-success .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-success .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-primary .icon {\n color: #16b1ff; }\n\n.popup-primary .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n\n.popup-primary .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-primary .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-danger .icon {\n color: rgba(255, 77, 79, 0.8); }\n\n.popup-danger .ant-btn-primary {\n background: rgba(255, 77, 79, 0.8);\n border-radius: rgba(255, 77, 79, 0.8);\n border: none; }\n\n.popup-danger .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-danger .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.ant-modal-footer .ant-btn {\n height: 32px;\n border-radius: 4px;\n padding: 6px 16px;\n font-weight: 500; }\n\n.ant-modal-footer .ant-btn-default {\n color: rgba(140, 140, 140, 0.7) !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n\n.ant-tag-processing {\n color: #16b1ff;\n background: rgba(185, 226, 244, 0.4); }\n\n.filter-section input {\n font-family: 'Inter';\n font-size: 0.8rem !important; }\n\n.pull-right {\n float: right; }\n\n.disabled {\n opacity: 0.5; }\n\n.mg-left-3 {\n margin-left: 3rem; }\n\n.mg-left-2 {\n margin-left: 2rem !important; }\n\n.mg-left-1 {\n margin-left: 1rem; }\n\n.mg-top-1 {\n margin-top: 1rem; }\n\n.mg-top-2 {\n margin-top: 2rem; }\n\n.mg-bottom-1 {\n margin-bottom: 1rem !important; }\n\n.transfer-form {\n padding: 0px 15px;\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form .popup-credit-input .ant-form-item-explain-error {\n width: 200px; }\n .transfer-form .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 20px;\n align-items: center;\n justify-content: start;\n margin-left: 5px; }\n .transfer-form .ant-row {\n align-items: unset; }\n .transfer-form .sub-text {\n margin-bottom: 35px;\n font-size: 0.9rem;\n font-weight: 500; }\n .transfer-form .label {\n text-align: left;\n font-size: 0.9rem;\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form .seperator {\n font-size: 1.2rem;\n color: #d9d9d9; }\n .transfer-form .footer {\n margin-bottom: 0px;\n margin-top: 15px; }\n .transfer-form label {\n font-size: 0.8rem; }\n .transfer-form .ant-radio-wrapper {\n font-size: 0.9rem; }\n .transfer-form input {\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form button {\n text-transform: uppercase;\n font-weight: 500; }\n\n.color-error {\n color: rgba(255, 77, 79, 0.8); }\n\n.color-primary {\n color: #16b1ff; }\n\n.ant-input-number-input {\n text-align: right; }\n\n.text-left {\n text-align: left; }\n\n.ant-form-item .ant-radio-group {\n text-align: left; }\n\n.loading-center {\n margin: auto;\n text-align: center;\n position: absolute;\n top: 50%;\n left: 50%; }\n\n.ant-tag-purple {\n color: #976ed7; }\n\n.ant-tag-orange {\n color: #ff8f56; }\n\n.ant-tag-default {\n color: rgba(58, 53, 65, 0.5); }\n\n.ant-popover-inner {\n border-radius: 4px; }\n\n.ant-input-number {\n border-radius: 5px; }\n\n.ret-icon {\n background-color: rgba(254, 241, 173, 0.5);\n color: #ff8f56; }\n\n.flag-ret-icon {\n display: flex !important;\n background-color: #f4f5fa;\n font-size: 1.1rem !important;\n padding: 7px; }\n\n.b-icon {\n vertical-align: middle; }\n\n.ant-message-notice-content {\n padding: 0px;\n border-radius: 5px; }\n .ant-message-notice-content .ant-message-custom-content {\n font-size: 0.8rem;\n border-radius: 5px;\n padding: 17px 24px; }\n .ant-message-notice-content .ant-message-error {\n color: rgba(255, 77, 79, 0.8);\n border: 1px solid rgba(255, 77, 79, 0.8); }\n .ant-message-notice-content .ant-message-success {\n color: #5bce00;\n border: 1px solid #5bce00; }\n\n.ant-select-selection-item {\n color: rgba(58, 53, 65, 0.6); }\n\n.sub-text {\n font-size: 0.9rem;\n font-weight: 500; }\n\n.search-filter {\n margin-right: 15px; }\n\n.mg-bottom-0 {\n margin-bottom: 0px; }\n\n.padding-bottom-0 {\n padding-bottom: 0px; }\n\n.ellipsis-overflow {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical; }\n\n.nextline-overflow {\n overflow-wrap: break-word; }\n\n.ant-message {\n width: 50%;\n right: 0px;\n left: auto;\n min-width: 400px; }\n";
899
+ var css_248z$u = "body {\n background-color: #f4f5fa;\n font-family: \"Inter\";\n font-weight: 400; }\n\n.ant-menu {\n background-color: #f4f5fa; }\n\n.ant-layout-header {\n background-color: #f4f5fa; }\n\n.ant-layout {\n background-color: #f4f5fa; }\n\n.ant-menu-submenu .ant-menu {\n background-color: #f4f5fa; }\n\n.ant-menu-item {\n background-color: #f4f5fa; }\n\n.ant-menu-sub {\n background-color: #f4f5fa; }\n\n.ant-table-content {\n font-family: \"Inter\"; }\n\n.ant-input {\n border-radius: 5px !important; }\n\n.ant-btn {\n border-radius: 5px !important; }\n\n.ant-input-group-addon:first-child {\n border-radius: 5px !important; }\n\n.ant-input-group .ant-input {\n width: 99% !important; }\n\n.ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n\n.ant-radio-group-large .ant-radio-button-wrapper {\n font-size: 0.8rem;\n width: 25%;\n border-radius: 5px !important; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n border-color: #40a9ff;\n border-radius: 5px;\n height: 40px; }\n .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-name,\n .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-name {\n color: #40a9ff !important; }\n\n.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {\n color: #40a9ff; }\n\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #d9d9d9 !important; }\n\n.ant-input-group-wrapper-status-error .ant-input-group-addon {\n border-color: #d9d9d9 !important; }\n\n.ant-form-item-explain-error {\n font-size: 13px;\n color: rgba(255, 77, 79, 0.8); }\n\n.ant-table-thead\n> tr\n> th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {\n background-color: transparent !important; }\n\n.ant-form-item-label > label {\n flex-direction: row-reverse !important;\n color: rgba(58, 53, 65, 0.5); }\n\n.ant-form-item-label\n> label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {\n margin-left: 0.2rem !important;\n color: rgba(255, 77, 79, 0.8) !important; }\n\n.ant-picker {\n border-radius: 5px !important;\n height: 35px !important; }\n\n.space-container {\n width: 100%; }\n .space-container .ant-space-item {\n width: 100%; }\n\n.PhoneInput .PhoneInputCountry {\n border: 1px solid #d9d9d9 !important;\n border-radius: 5px !important;\n padding: 0 1rem 0 1rem; }\n\n.PhoneInput .PhoneInputInput {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border: 1px solid #d9d9d9 !important;\n outline: none; }\n\n.filter-title {\n color: rgba(58, 53, 65, 0.8);\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 0.875rem; }\n\n.ant-radio-wrapper {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 22px;\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-list-item {\n color: rgba(58, 53, 65, 0.8); }\n\n.PhoneInput .PhoneInputInput:focus-visible,\n.PhoneInput .PhoneInputInput:hover {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border-right: 1px solid #40a9ff !important;\n outline: 1px solid #40a9ff; }\n\n.layout-content-container {\n padding-bottom: 100px; }\n .layout-content-container .ant-btn-primary {\n background-color: #16b1ff;\n color: #ffffff;\n border: none; }\n .layout-content-container .ant-btn {\n height: 32px;\n font-weight: 500;\n font-size: 0.8rem;\n border-radius: 0.3rem;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);\n min-width: 80px;\n box-shadow: none; }\n .layout-content-container .ant-btn span {\n text-transform: uppercase; }\n\n.content-container {\n padding: 0px 20px; }\n .content-container .title-bar {\n padding: 0px 0px 30px 0px; }\n .content-container .body-title {\n color: #16b1ff;\n font-weight: 500;\n font-size: 1.2rem; }\n .content-container .body-sub-title {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 400;\n font-size: 0.8rem; }\n\n.content-card {\n background-color: #ffffff;\n border-radius: 10px;\n width: 100%; }\n .content-card .action-bar {\n padding: 1.6rem 1.3rem 1.6rem 1.3rem; }\n .content-card .action-bar button {\n width: fit-content; }\n .content-card .filter-section {\n padding: 1.4rem 1.3rem 1.6rem 1.3rem;\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n justify-content: end; }\n .content-card .filter-section .search-bar {\n display: flex;\n flex-direction: row-reverse; }\n .content-card .filter-section .filter-bar {\n display: flex;\n flex-direction: row-reverse;\n margin-top: 0.8rem;\n width: 5%; }\n .content-card .filter-section .ant-input-affix-wrapper {\n border-radius: 0.313rem 0 0 0.313rem !important; }\n .content-card .filter-section .ant-input-search\n> .ant-input-group\n> .ant-input-group-addon:last-child\n.ant-input-search-button {\n padding-top: 0;\n padding-bottom: 0;\n border-radius: 0 0.313rem 0.313rem 0 !important; }\n\n.layout-content-container .ant-btn {\n min-width: 50px !important; }\n\n.table-actions-section {\n width: 100%;\n margin-bottom: 1rem; }\n\n.action-menu {\n min-width: 120px;\n color: rgba(58, 53, 65, 0.6); }\n .action-menu .action-icon {\n margin-right: 12px;\n display: flex; }\n .action-menu .anticon-edit {\n color: #16b1ff; }\n .action-menu .anticon-delete {\n color: #f25a29; }\n\n.ant-dropdown-menu {\n padding: 1rem 2rem 1rem 1rem !important;\n border-radius: 5px; }\n\n.ant-dropdown-menu-item-active {\n background-color: transparent !important; }\n\n.ant-popover-inner-content .action-menu {\n margin: -12px -16px; }\n .ant-popover-inner-content .action-menu .ant-list-item {\n padding: 11px 16px;\n justify-content: flex-start;\n cursor: pointer; }\n\n.ant-tag {\n border-radius: 20px; }\n\n.clickable {\n cursor: pointer; }\n\n.text-center {\n text-align: center; }\n\n.float-left {\n float: left; }\n\n.float-right {\n float: right; }\n\n.apexcharts-canvas {\n font-family: \"Inter\" !important; }\n\n.apexcharts-legend-text {\n font-family: \"Inter\" !important; }\n\n.ant-tag {\n padding: 1px 10px; }\n\n.flex-display {\n display: flex; }\n\n.ant-modal-footer {\n border-top: none;\n text-align: center; }\n .ant-modal-footer button {\n margin: 10px 20px;\n text-transform: uppercase;\n font-size: 0.8rem; }\n\n.ant-modal-header {\n border-radius: 15px;\n border: none; }\n\n.ant-modal-content {\n border-radius: 15px;\n border: none; }\n\n.ant-modal-header {\n border: none; }\n\n.ant-modal-body {\n text-align: center;\n color: rgba(58, 53, 65, 0.6);\n font-size: 0.8rem; }\n .ant-modal-body .ant-select-selector {\n text-align: left;\n border-radius: 5px !important;\n height: 32px; }\n .ant-modal-body .form-label {\n text-align: left; }\n .ant-modal-body .form-label .req-ast {\n color: rgba(255, 77, 79, 0.8);\n padding-left: 5px; }\n .ant-modal-body .ant-form .ant-input-password {\n padding: 6.5px 11px;\n font-size: 16px; }\n .ant-modal-body .ant-form .ant-form-item-explain-error {\n text-align: start; }\n\n.popup-header {\n text-align: center;\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-family: \"Inter\";\n font-size: 0.9rem;\n margin: 25px 20px -20px 20px; }\n .popup-header .icon {\n font-size: 4rem;\n margin-bottom: 15px;\n font-weight: 400; }\n .popup-header img {\n height: 100px; }\n\n.popup-success .icon {\n color: #5dc380; }\n\n.popup-success .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n\n.popup-success .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-success .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-primary .icon {\n color: #16b1ff; }\n\n.popup-primary .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n\n.popup-primary .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-primary .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-danger .icon {\n color: rgba(255, 77, 79, 0.8); }\n\n.popup-danger .ant-btn-primary {\n background: rgba(255, 77, 79, 0.8);\n border-radius: rgba(255, 77, 79, 0.8);\n border: none; }\n\n.popup-danger .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-danger .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.ant-modal-footer .ant-btn {\n height: 32px;\n border-radius: 4px;\n padding: 6px 16px;\n font-weight: 500; }\n\n.ant-modal-footer .ant-btn-default {\n color: rgba(140, 140, 140, 0.7) !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n\n.ant-tag-processing {\n color: #16b1ff;\n background: rgba(185, 226, 244, 0.4); }\n\n.filter-section input {\n font-family: 'Inter';\n font-size: 0.8rem !important; }\n\n.pull-right {\n float: right; }\n\n.disabled {\n opacity: 0.5; }\n\n.mg-left-3 {\n margin-left: 3rem; }\n\n.mg-left-2 {\n margin-left: 2rem !important; }\n\n.mg-left-1 {\n margin-left: 1rem; }\n\n.mg-top-1 {\n margin-top: 1rem; }\n\n.mg-top-2 {\n margin-top: 2rem; }\n\n.mg-bottom-1 {\n margin-bottom: 1rem !important; }\n\n.transfer-form {\n padding: 0px 15px;\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form .popup-credit-input .ant-form-item-explain-error {\n width: 200px; }\n .transfer-form .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 20px;\n align-items: center;\n justify-content: start;\n margin-left: 5px; }\n .transfer-form .ant-row {\n align-items: unset; }\n .transfer-form .sub-text {\n margin-bottom: 35px;\n font-size: 0.9rem;\n font-weight: 500; }\n .transfer-form .label {\n text-align: left;\n font-size: 0.9rem;\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form .seperator {\n font-size: 1.2rem;\n color: #d9d9d9; }\n .transfer-form .footer {\n margin-bottom: 0px;\n margin-top: 15px; }\n .transfer-form label {\n font-size: 0.8rem; }\n .transfer-form .ant-radio-wrapper {\n font-size: 0.9rem; }\n .transfer-form input {\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form button {\n text-transform: uppercase;\n font-weight: 500; }\n\n.color-error {\n color: rgba(255, 77, 79, 0.8); }\n\n.color-primary {\n color: #16b1ff; }\n\n.ant-input-number-input {\n text-align: right; }\n\n.text-left {\n text-align: left; }\n\n.ant-form-item .ant-radio-group {\n text-align: left; }\n\n.loading-center {\n margin: auto;\n text-align: center;\n position: absolute;\n top: 50%;\n left: 50%; }\n\n.ant-tag-purple {\n color: #976ed7; }\n\n.ant-tag-orange {\n color: #ff8f56; }\n\n.ant-tag-default {\n color: rgba(58, 53, 65, 0.5); }\n\n.ant-popover-inner {\n border-radius: 4px; }\n\n.ant-input-number {\n border-radius: 5px; }\n\n.ret-icon {\n background-color: rgba(254, 241, 173, 0.5);\n color: #ff8f56; }\n\n.flag-ret-icon {\n display: flex !important;\n background-color: #f4f5fa;\n font-size: 1.1rem !important;\n padding: 7px; }\n\n.b-icon {\n vertical-align: middle; }\n\n.ant-message-notice-content {\n padding: 0px;\n border-radius: 5px; }\n .ant-message-notice-content .ant-message-custom-content {\n font-size: 0.8rem;\n border-radius: 5px;\n padding: 17px 24px; }\n .ant-message-notice-content .ant-message-error {\n color: rgba(255, 77, 79, 0.8);\n border: 1px solid rgba(255, 77, 79, 0.8); }\n .ant-message-notice-content .ant-message-success {\n color: #5bce00;\n border: 1px solid #5bce00; }\n\n.ant-select-selection-item {\n color: rgba(58, 53, 65, 0.6); }\n\n.sub-text {\n font-size: 0.9rem;\n font-weight: 500; }\n\n.search-filter {\n margin-right: 15px; }\n\n.download-data-btn {\n margin-left: 15px; }\n\n.mg-bottom-0 {\n margin-bottom: 0px; }\n\n.padding-bottom-0 {\n padding-bottom: 0px; }\n\n.ellipsis-overflow {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical; }\n\n.nextline-overflow {\n overflow-wrap: break-word; }\n\n.ant-message {\n width: 50%;\n right: 0px;\n left: auto;\n min-width: 400px; }\n";
844
900
  styleInject(css_248z$u);
845
901
 
846
902
  var UserManagementColumns;
@@ -7045,14 +7101,15 @@ var ProgrammeManagementComponent = function (props) {
7045
7101
  var _p = useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
7046
7102
  var userInfoState = useUserContext().userInfoState;
7047
7103
  var ability = useAbilityContext();
7104
+ var _q = useState(), dataQuery = _q[0], setDataQuery = _q[1];
7048
7105
  var stageObject = enableAddProgramme ? ProgrammeStageMRV : ProgrammeStageR;
7049
7106
  var statusOptions = Object.keys(stageObject).map(function (k, index) { return ({
7050
7107
  label: Object.values(stageObject)[index],
7051
7108
  value: k,
7052
7109
  }); });
7053
- var _q = useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _q[0], setSelectedStatus = _q[1];
7054
- var _r = useState(false), indeterminate = _r[0], setIndeterminate = _r[1];
7055
- var _s = useState(true), checkAll = _s[0], setCheckAll = _s[1];
7110
+ var _r = useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _r[0], setSelectedStatus = _r[1];
7111
+ var _s = useState(false), indeterminate = _s[0], setIndeterminate = _s[1];
7112
+ var _t = useState(true), checkAll = _t[0], setCheckAll = _t[1];
7056
7113
  var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
7057
7114
  return __generator(this, function (_a) {
7058
7115
  console.log(checkedValues);
@@ -7295,6 +7352,11 @@ var ProgrammeManagementComponent = function (props) {
7295
7352
  setTableData(response.data);
7296
7353
  setTotalProgramme(response.response.data.total);
7297
7354
  setLoading(false);
7355
+ setDataQuery({
7356
+ filterAnd: filter,
7357
+ filterOr: (filterOr === null || filterOr === void 0 ? void 0 : filterOr.length) > 0 ? filterOr : undefined,
7358
+ sort: sort,
7359
+ });
7298
7360
  return [3 /*break*/, 4];
7299
7361
  case 3:
7300
7362
  error_1 = _a.sent();
@@ -7352,6 +7414,50 @@ var ProgrammeManagementComponent = function (props) {
7352
7414
  }
7353
7415
  });
7354
7416
  }); };
7417
+ var downloadProgrammeData = function () { return __awaiter(void 0, void 0, void 0, function () {
7418
+ var response, url, a, error_3;
7419
+ var _a;
7420
+ return __generator(this, function (_b) {
7421
+ switch (_b.label) {
7422
+ case 0:
7423
+ setLoading(true);
7424
+ _b.label = 1;
7425
+ case 1:
7426
+ _b.trys.push([1, 3, , 4]);
7427
+ return [4 /*yield*/, post("national/programme/download", {
7428
+ filterAnd: dataQuery.filterAnd,
7429
+ filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
7430
+ sort: dataQuery.sort,
7431
+ })];
7432
+ case 2:
7433
+ response = _b.sent();
7434
+ if (response && response.data) {
7435
+ url = response.data.url;
7436
+ a = document.createElement('a');
7437
+ a.href = url;
7438
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
7439
+ document.body.appendChild(a);
7440
+ a.click();
7441
+ document.body.removeChild(a); // Clean up the created <a> element
7442
+ window.URL.revokeObjectURL(url);
7443
+ }
7444
+ setLoading(false);
7445
+ return [3 /*break*/, 4];
7446
+ case 3:
7447
+ error_3 = _b.sent();
7448
+ console.log("Error in exporting programmes", error_3);
7449
+ message.open({
7450
+ type: "error",
7451
+ content: error_3.message,
7452
+ duration: 3,
7453
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
7454
+ });
7455
+ setLoading(false);
7456
+ return [3 /*break*/, 4];
7457
+ case 4: return [2 /*return*/];
7458
+ }
7459
+ });
7460
+ }); };
7355
7461
  var onSearch = function () { return __awaiter(void 0, void 0, void 0, function () {
7356
7462
  return __generator(this, function (_a) {
7357
7463
  setSearch(searchText);
@@ -7440,7 +7546,13 @@ var ProgrammeManagementComponent = function (props) {
7440
7546
  return e.target.value === ""
7441
7547
  ? setSearch(e.target.value)
7442
7548
  : setSearchText(e.target.value);
7443
- }, onSearch: setSearch, style: { width: 265 } }))))),
7549
+ }, onSearch: setSearch, style: { width: 265 } })),
7550
+ React.createElement("div", { className: "download-data-btn" },
7551
+ React.createElement("a", { onClick: downloadProgrammeData },
7552
+ React.createElement(DownloadOutlined, { style: {
7553
+ color: "rgba(58, 53, 65, 0.3)",
7554
+ fontSize: "20px",
7555
+ } })))))),
7444
7556
  React.createElement(Row, null,
7445
7557
  React.createElement(Col, { span: 24 },
7446
7558
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -14857,7 +14969,7 @@ var UserProfileComponent = function (props) {
14857
14969
  : "-")))))))))));
14858
14970
  };
14859
14971
 
14860
- var css_248z$n = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #f0f0f0; }\n";
14972
+ var css_248z$n = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #f0f0f0; }\n\n.user-data-download {\n margin-left: 15px;\n margin-top: 0.8rem; }\n";
14861
14973
  styleInject(css_248z$n);
14862
14974
 
14863
14975
  var Search = Input.Search;
@@ -14883,6 +14995,7 @@ var UserManagementComponent = function (props) {
14883
14995
  var _r = useState({}), actionInfo = _r[0], setActionInfo = _r[1];
14884
14996
  var _s = useState(""), errorMsg = _s[0], setErrorMsg = _s[1];
14885
14997
  var _t = useState(false), openDeleteConfirmationModal = _t[0], setOpenDeleteConfirmationModal = _t[1];
14998
+ var _u = useState(), dataQuery = _u[0], setDataQuery = _u[1];
14886
14999
  var ability = useAbilityContext();
14887
15000
  document.addEventListener("mousedown", function (event) {
14888
15001
  var userFilterArea1 = document.querySelector(".filter-bar");
@@ -15238,6 +15351,11 @@ var UserManagementComponent = function (props) {
15238
15351
  setTableData(availableUsers);
15239
15352
  setTotalUser((_b = (_a = response === null || response === void 0 ? void 0 : response.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.total);
15240
15353
  }
15354
+ setDataQuery({
15355
+ filterAnd: filterAnd(),
15356
+ filterOr: filterOr(),
15357
+ sort: sort(),
15358
+ });
15241
15359
  setLoading(false);
15242
15360
  return [3 /*break*/, 4];
15243
15361
  case 3:
@@ -15255,6 +15373,50 @@ var UserManagementComponent = function (props) {
15255
15373
  }
15256
15374
  });
15257
15375
  }); };
15376
+ var downloadUserData = function () { return __awaiter(void 0, void 0, void 0, function () {
15377
+ var response, url, a, error_3;
15378
+ var _a;
15379
+ return __generator(this, function (_b) {
15380
+ switch (_b.label) {
15381
+ case 0:
15382
+ setLoading(true);
15383
+ _b.label = 1;
15384
+ case 1:
15385
+ _b.trys.push([1, 3, , 4]);
15386
+ return [4 /*yield*/, post("national/user/download", {
15387
+ filterAnd: dataQuery.filterAnd,
15388
+ filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
15389
+ sort: dataQuery.sort,
15390
+ })];
15391
+ case 2:
15392
+ response = _b.sent();
15393
+ if (response && response.data) {
15394
+ url = response.data.url;
15395
+ a = document.createElement('a');
15396
+ a.href = url;
15397
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
15398
+ document.body.appendChild(a);
15399
+ a.click();
15400
+ document.body.removeChild(a); // Clean up the created <a> element
15401
+ window.URL.revokeObjectURL(url);
15402
+ }
15403
+ setLoading(false);
15404
+ return [3 /*break*/, 4];
15405
+ case 3:
15406
+ error_3 = _b.sent();
15407
+ console.log("Error in exporting users", error_3);
15408
+ message.open({
15409
+ type: "error",
15410
+ content: error_3.message,
15411
+ duration: 3,
15412
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
15413
+ });
15414
+ setLoading(false);
15415
+ return [3 /*break*/, 4];
15416
+ case 4: return [2 /*return*/];
15417
+ }
15418
+ });
15419
+ }); };
15258
15420
  useEffect(function () {
15259
15421
  getAllUser();
15260
15422
  }, [
@@ -15377,7 +15539,13 @@ var UserManagementComponent = function (props) {
15377
15539
  React.createElement(FilterOutlined, { style: {
15378
15540
  color: "rgba(58, 53, 65, 0.3)",
15379
15541
  fontSize: "20px",
15380
- } }))))))),
15542
+ } })))),
15543
+ React.createElement("div", { className: "download-data-btn user-data-download" },
15544
+ React.createElement("a", { onClick: downloadUserData },
15545
+ React.createElement(DownloadOutlined, { style: {
15546
+ color: "rgba(58, 53, 65, 0.3)",
15547
+ fontSize: "20px",
15548
+ } })))))),
15381
15549
  React.createElement(Row, null,
15382
15550
  React.createElement(Col, { span: 24 },
15383
15551
  React.createElement("div", { className: "userManagement-table-container" },
@@ -16063,6 +16231,7 @@ var InvestmentManagementComponent = function (props) {
16063
16231
  var _u = useSettingsContext(), isTransferFrozen = _u.isTransferFrozen; _u.setTransferFrozen;
16064
16232
  var _v = useState([]), ministrySectoralScope = _v[0], setMinistrySectoralScope = _v[1];
16065
16233
  var _w = useState(false), ministryLevelFilter = _w[0], setMinistryLevelFilter = _w[1];
16234
+ var _x = useState(), dataQuery = _x[0], setDataQuery = _x[1];
16066
16235
  var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
16067
16236
  return __generator(this, function (_a) {
16068
16237
  console.log(checkedValues);
@@ -16159,6 +16328,12 @@ var InvestmentManagementComponent = function (props) {
16159
16328
  console.log(response);
16160
16329
  setTableData(response.data);
16161
16330
  setTotalProgramme(response.response.data.total);
16331
+ setDataQuery({
16332
+ filterAnd: filter,
16333
+ filterOr: dataFilter,
16334
+ sort: sort,
16335
+ filterBy: filterBy,
16336
+ });
16162
16337
  setLoading(false);
16163
16338
  return [3 /*break*/, 4];
16164
16339
  case 3:
@@ -16176,8 +16351,53 @@ var InvestmentManagementComponent = function (props) {
16176
16351
  }
16177
16352
  });
16178
16353
  }); };
16354
+ var downloadInvestmentData = function () { return __awaiter(void 0, void 0, void 0, function () {
16355
+ var response, url, a, error_2;
16356
+ var _a;
16357
+ return __generator(this, function (_b) {
16358
+ switch (_b.label) {
16359
+ case 0:
16360
+ setLoading(true);
16361
+ _b.label = 1;
16362
+ case 1:
16363
+ _b.trys.push([1, 3, , 4]);
16364
+ return [4 /*yield*/, post("national/programme/investments/download", {
16365
+ filterAnd: dataQuery.filterAnd,
16366
+ filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
16367
+ sort: dataQuery.sort,
16368
+ filterBy: dataQuery.filterBy,
16369
+ })];
16370
+ case 2:
16371
+ response = _b.sent();
16372
+ if (response && response.data) {
16373
+ url = response.data.url;
16374
+ a = document.createElement('a');
16375
+ a.href = url;
16376
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
16377
+ document.body.appendChild(a);
16378
+ a.click();
16379
+ document.body.removeChild(a); // Clean up the created <a> element
16380
+ window.URL.revokeObjectURL(url);
16381
+ }
16382
+ setLoading(false);
16383
+ return [3 /*break*/, 4];
16384
+ case 3:
16385
+ error_2 = _b.sent();
16386
+ console.log("Error in exporting investments", error_2);
16387
+ message.open({
16388
+ type: "error",
16389
+ content: error_2.message,
16390
+ duration: 3,
16391
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
16392
+ });
16393
+ setLoading(false);
16394
+ return [3 /*break*/, 4];
16395
+ case 4: return [2 /*return*/];
16396
+ }
16397
+ });
16398
+ }); };
16179
16399
  var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
16180
- var response, error_2;
16400
+ var response, error_3;
16181
16401
  var _a, _b, _c, _d, _e, _f;
16182
16402
  return __generator(this, function (_g) {
16183
16403
  switch (_g.label) {
@@ -16209,8 +16429,8 @@ var InvestmentManagementComponent = function (props) {
16209
16429
  setLoading(false);
16210
16430
  return [3 /*break*/, 4];
16211
16431
  case 3:
16212
- error_2 = _g.sent();
16213
- console.log("Error in getting users", error_2);
16432
+ error_3 = _g.sent();
16433
+ console.log("Error in getting users", error_3);
16214
16434
  setLoading(false);
16215
16435
  return [3 /*break*/, 4];
16216
16436
  case 4: return [2 /*return*/];
@@ -16241,7 +16461,7 @@ var InvestmentManagementComponent = function (props) {
16241
16461
  ministryLevelFilter,
16242
16462
  ]);
16243
16463
  var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
16244
- var response, successMsg, error_3;
16464
+ var response, successMsg, error_4;
16245
16465
  return __generator(this, function (_a) {
16246
16466
  switch (_a.label) {
16247
16467
  case 0:
@@ -16271,10 +16491,10 @@ var InvestmentManagementComponent = function (props) {
16271
16491
  setModalVisible(false);
16272
16492
  return [3 /*break*/, 4];
16273
16493
  case 3:
16274
- error_3 = _a.sent();
16275
- console.log("Error in Cancelling transfer request", error_3);
16494
+ error_4 = _a.sent();
16495
+ console.log("Error in Cancelling transfer request", error_4);
16276
16496
  setLoading(false);
16277
- return [2 /*return*/, error_3.message];
16497
+ return [2 /*return*/, error_4.message];
16278
16498
  case 4: return [2 /*return*/];
16279
16499
  }
16280
16500
  });
@@ -16540,7 +16760,13 @@ var InvestmentManagementComponent = function (props) {
16540
16760
  return e.target.value === ""
16541
16761
  ? setSearch(e.target.value)
16542
16762
  : setSearchText(e.target.value);
16543
- }, onSearch: setSearch, style: { width: 265 } }))))),
16763
+ }, onSearch: setSearch, style: { width: 265 } })),
16764
+ React.createElement("div", { className: "download-data-btn" },
16765
+ React.createElement("a", { onClick: downloadInvestmentData },
16766
+ React.createElement(DownloadOutlined, { style: {
16767
+ color: "rgba(58, 53, 65, 0.3)",
16768
+ fontSize: "20px",
16769
+ } })))))),
16544
16770
  React.createElement(Row, null,
16545
16771
  React.createElement(Col, { span: 24 },
16546
16772
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -17440,6 +17666,7 @@ var NdcActionManagementComponent = function (props) {
17440
17666
  var _m = useState(), dataFilter = _m[0]; _m[1];
17441
17667
  var _o = useState([]), ministrySectoralScope = _o[0], setMinistrySectoralScope = _o[1];
17442
17668
  var _p = useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
17669
+ var _q = useState(), dataQuery = _q[0], setDataQuery = _q[1];
17443
17670
  var Search = Input.Search;
17444
17671
  var post = useConnection().post;
17445
17672
  var userInfoState = useUserContext().userInfoState;
@@ -17447,7 +17674,7 @@ var NdcActionManagementComponent = function (props) {
17447
17674
  label: addSpaces(Object.values(NdcActionStatus)[index]),
17448
17675
  value: Object.values(NdcActionStatus)[index],
17449
17676
  }); });
17450
- var _q = useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _q[0], setSelectedStatus = _q[1];
17677
+ var _r = useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _r[0], setSelectedStatus = _r[1];
17451
17678
  var getNdcActionNames = function (action) {
17452
17679
  switch (action) {
17453
17680
  case NdcActionTypes.Adaptation:
@@ -17629,6 +17856,11 @@ var NdcActionManagementComponent = function (props) {
17629
17856
  response = _a.sent();
17630
17857
  setTableData(response.data);
17631
17858
  setTotalProgramme(response.response.data.total);
17859
+ setDataQuery({
17860
+ filterAnd: filter,
17861
+ filterBy: filterBy,
17862
+ sort: sort,
17863
+ });
17632
17864
  setLoading(false);
17633
17865
  return [3 /*break*/, 4];
17634
17866
  case 3:
@@ -17687,6 +17919,49 @@ var NdcActionManagementComponent = function (props) {
17687
17919
  }
17688
17920
  });
17689
17921
  }); };
17922
+ var downloadNdcData = function () { return __awaiter(void 0, void 0, void 0, function () {
17923
+ var response, url, a, error_3;
17924
+ return __generator(this, function (_a) {
17925
+ switch (_a.label) {
17926
+ case 0:
17927
+ setLoading(true);
17928
+ _a.label = 1;
17929
+ case 1:
17930
+ _a.trys.push([1, 3, , 4]);
17931
+ return [4 /*yield*/, post("national/programme/queryNdcActions/download", {
17932
+ filterAnd: dataQuery.filterAnd,
17933
+ filterBy: dataQuery.filterBy,
17934
+ sort: dataQuery.sort,
17935
+ })];
17936
+ case 2:
17937
+ response = _a.sent();
17938
+ if (response && response.data) {
17939
+ url = response.data.url;
17940
+ a = document.createElement('a');
17941
+ a.href = url;
17942
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
17943
+ document.body.appendChild(a);
17944
+ a.click();
17945
+ document.body.removeChild(a); // Clean up the created <a> element
17946
+ window.URL.revokeObjectURL(url);
17947
+ }
17948
+ setLoading(false);
17949
+ return [3 /*break*/, 4];
17950
+ case 3:
17951
+ error_3 = _a.sent();
17952
+ console.log("Error in exporting NDC Actions", error_3);
17953
+ message.open({
17954
+ type: "error",
17955
+ content: error_3.message,
17956
+ duration: 3,
17957
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
17958
+ });
17959
+ setLoading(false);
17960
+ return [3 /*break*/, 4];
17961
+ case 4: return [2 /*return*/];
17962
+ }
17963
+ });
17964
+ }); };
17690
17965
  useEffect(function () {
17691
17966
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
17692
17967
  getUserDetails();
@@ -17782,7 +18057,13 @@ var NdcActionManagementComponent = function (props) {
17782
18057
  return e.target.value === ""
17783
18058
  ? setSearch(e.target.value)
17784
18059
  : setSearchText(e.target.value);
17785
- }, onSearch: setSearch, style: { width: 265 } }))))),
18060
+ }, onSearch: setSearch, style: { width: 265 } })),
18061
+ React.createElement("div", { className: "download-data-btn" },
18062
+ React.createElement("a", { onClick: downloadNdcData },
18063
+ React.createElement(DownloadOutlined, { style: {
18064
+ color: "rgba(58, 53, 65, 0.3)",
18065
+ fontSize: "20px",
18066
+ } })))))),
17786
18067
  React.createElement(Row, null,
17787
18068
  React.createElement(Col, { span: 24 },
17788
18069
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -22216,7 +22497,7 @@ var NdcActionViewComponent = function (props) {
22216
22497
  var css_248z$e = ".credit-transfer-management .certify-list {\n width: 110px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .credit-transfer-management .certify-list .profile-icon {\n margin-bottom: 4px; }\n\n.credit-transfer-management .table-actions-section {\n margin-bottom: 0px; }\n .credit-transfer-management .table-actions-section input {\n font-family: \"Inter\";\n font-size: 0.8rem; }\n\n.credit-transfer-management .all-check {\n margin-right: 10px; }\n .credit-transfer-management .all-check .ant-checkbox-inner::after {\n background-color: rgba(58, 53, 65, 0.5); }\n .credit-transfer-management .all-check .ant-checkbox-checked .ant-checkbox-inner::after {\n background-color: transparent; }\n .credit-transfer-management .all-check .ant-checkbox-checked .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.5);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Retired'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='AwaitingAuthorization'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Issued'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Transferred'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.credit-transfer-modal-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin: 2rem 0 0 0;\n width: 100%; }\n .credit-transfer-modal-container .icon-credit {\n margin-bottom: 15px; }\n .credit-transfer-modal-container .credit-transfer-details {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-bottom: 10px; }\n .credit-transfer-modal-container .credit-transfer-details .content-credit-transfer {\n font-family: 'Inter' !important;\n font-style: normal;\n font-weight: 600;\n font-size: 0.9rem;\n line-height: 1.3rem;\n padding: 0 1rem 0 1rem;\n text-align: center;\n color: rgba(58, 53, 65, 0.8) !important; }\n .credit-transfer-modal-container .credit-transfer-details .sub-content-credit-transfer {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 0.8rem;\n line-height: 1.375rem;\n text-align: center;\n color: rgba(58, 53, 65, 0.5); }\n .credit-transfer-modal-container .remarks-credit-transfer {\n flex-direction: row;\n width: 100%;\n padding: 0.5rem 1rem 0 1rem; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form-item-explain-error {\n display: flex;\n flex-direction: row; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form {\n width: 100%; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form .ant-form-item-label > label {\n font-size: 0.8rem; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: 1rem; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns .center {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns .width-60 {\n width: 60%; }\n\n.common-table-class .ant-table .ant-table-thead .ant-table-cell {\n font-size: 0.75rem;\n font-weight: 600; }\n";
22217
22498
  styleInject(css_248z$e);
22218
22499
 
22219
- var css_248z$d = ".credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n\n.credit-transfer-management .transfer-freeze-icon {\n float: right; }\n .credit-transfer-management .transfer-freeze-icon .pause-circle {\n color: rgba(255, 77, 79, 0.8); }\n .credit-transfer-management .transfer-freeze-icon .play-circle {\n color: rgba(118, 195, 39, 0.6); }\n";
22500
+ var css_248z$d = ".credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n\n.credit-transfer-management .ministry-level-filter-checkbox {\n margin-left: 0px !important; }\n\n.credit-transfer-management .transfer-freeze-icon {\n float: right; }\n .credit-transfer-management .transfer-freeze-icon .pause-circle {\n color: rgba(255, 77, 79, 0.8); }\n .credit-transfer-management .transfer-freeze-icon .play-circle {\n color: rgba(118, 195, 39, 0.6); }\n";
22220
22501
  styleInject(css_248z$d);
22221
22502
 
22222
22503
  function n(){return (n=Object.assign?Object.assign.bind():function(a){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&(a[e]=t[e]);}return a}).apply(this,arguments)}function t(a,n){if(null==a)return {};var t,e,r={},s=Object.keys(a);for(e=0;e<s.length;e++)n.indexOf(t=s[e])>=0||(r[t]=a[t]);return r}var e={ac:!0,ad:!0,ae:!0,af:!0,afar:!0,ag:!0,ai:!0,al:!0,am:!0,ao:!0,aq:!0,ar:!0,as:!0,at:!0,au:!0,"au-aboriginal":!0,"au-act":!0,"au-nsw":!0,"au-nt":!0,"au-qld":!0,"au-tas":!0,"au-vic":!0,"au-wa":!0,aw:!0,ax:!0,az:!0,ba:!0,bb:!0,bd:!0,be:!0,bf:!0,bg:!0,bh:!0,bi:!0,bj:!0,bl:!0,bm:!0,bn:!0,bo:!0,"bq-bo":!0,"bq-sa":!0,"bq-se":!0,bq:!0,br:!0,bs:!0,bt:!0,bv:!0,bw:!0,by:!0,bz:!0,"ca-bc":!0,ca:!0,cc:!0,cd:!0,cf:!0,cg:!0,"ch-gr":!0,ch:!0,ci:!0,ck:!0,cl:!0,cm:!0,"cn-xj":!0,cn:!0,co:!0,cp:!0,cq:!0,cr:!0,cu:!0,cv:!0,cw:!0,cx:!0,cy:!0,cz:!0,de:!0,dg:!0,dj:!0,dk:!0,dm:!0,do:!0,dz:!0,ea:!0,earth:!0,east_african_federation:!0,easter_island:!0,"ec-w":!0,ec:!0,ee:!0,eg:!0,eh:!0,er:!0,"es-ar":!0,"es-ce":!0,"es-cn":!0,"es-ct":!0,"es-ga":!0,"es-ib":!0,"es-ml":!0,"es-pv":!0,"es-variant":!0,es:!0,"et-or":!0,"et-ti":!0,et:!0,eu:!0,european_union:!0,ewe:!0,fi:!0,fj:!0,fk:!0,fm:!0,fo:!0,"fr-20r":!0,"fr-bre":!0,"fr-cp":!0,fr:!0,fx:!0,ga:!0,"gb-con":!0,"gb-eng":!0,"gb-nir":!0,"gb-ork":!0,"gb-sct":!0,"gb-wls":!0,gb:!0,gd:!0,"ge-ab":!0,ge:!0,gf:!0,gg:!0,gh:!0,gi:!0,gl:!0,gm:!0,gn:!0,gp:!0,gq:!0,gr:!0,gs:!0,gt:!0,gu:!0,guarani:!0,gw:!0,gy:!0,hausa:!0,hk:!0,hm:!0,hmong:!0,hn:!0,hr:!0,ht:!0,hu:!0,ic:!0,id:!0,"id-jb":!0,"id-jt":!0,ie:!0,il:!0,im:!0,"in-as":!0,"in-gj":!0,"in-ka":!0,"in-or":!0,"in-tn":!0,in:!0,io:!0,iq:!0,ir:!0,is:!0,"it-23":!0,"it-82":!0,"it-88":!0,it:!0,je:!0,jm:!0,jo:!0,jp:!0,kanuri:!0,ke:!0,kg:!0,kh:!0,ki:!0,kikuyu:!0,km:!0,kn:!0,kongo:!0,kp:!0,kr:!0,kurdistan:!0,kw:!0,ky:!0,kz:!0,la:!0,lb:!0,lc:!0,li:!0,lk:!0,lr:!0,ls:!0,lt:!0,lu:!0,lv:!0,ly:!0,ma:!0,malayali:!0,manipur:!0,maori:!0,mc:!0,md:!0,me:!0,mf:!0,mg:!0,mh:!0,mizoram:!0,mk:!0,ml:!0,mm:!0,mn:!0,mo:!0,mp:!0,mq:!0,mr:!0,ms:!0,mt:!0,mu:!0,mv:!0,mw:!0,mx:!0,my:!0,mz:!0,na:!0,nato:!0,nc:!0,ne:!0,nf:!0,ng:!0,ni:!0,"nl-fr":!0,nl:!0,no:!0,northern_cyprus:!0,np:!0,nr:!0,nu:!0,nz:!0,occitania:!0,olympics:!0,om:!0,otomi:!0,pa:!0,pe:!0,pf:!0,pg:!0,ph:!0,"pk-jk":!0,"pk-sd":!0,pk:!0,pl:!0,pm:!0,pn:!0,pr:!0,ps:!0,"pt-20":!0,"pt-30":!0,pt:!0,pw:!0,py:!0,qa:!0,quechua:!0,re:!0,ro:!0,rs:!0,ru:!0,"ru-ba":!0,"ru-ce":!0,"ru-cu":!0,"ru-da":!0,"ru-ko":!0,"ru-ta":!0,"ru-ud":!0,rw:!0,sa:!0,sami:!0,sb:!0,sc:!0,sd:!0,se:!0,sg:!0,"sh-ac":!0,"sh-hl":!0,"sh-ta":!0,sh:!0,si:!0,sj:!0,sk:!0,sl:!0,sm:!0,sn:!0,so:!0,somaliland:!0,south_ossetia:!0,soviet_union:!0,sr:!0,ss:!0,st:!0,su:!0,sv:!0,sx:!0,sy:!0,sz:!0,ta:!0,tc:!0,td:!0,tf:!0,tg:!0,th:!0,tibet:!0,tj:!0,tk:!0,tl:!0,tm:!0,tn:!0,to:!0,torres_strait_islands:!0,tr:!0,transnistria:!0,tt:!0,tv:!0,tw:!0,tz:!0,ua:!0,ug:!0,uk:!0,um:!0,un:!0,united_nations:!0,"us-hi":!0,us:!0,uy:!0,uz:!0,va:!0,vc:!0,ve:!0,vg:!0,vi:!0,vn:!0,vu:!0,wf:!0,wiphala:!0,ws:!0,xk:!0,xx:!0,ye:!0,yorubaland:!0,yt:!0,za:!0,zm:!0,zw:!0},s=["countryCode","cdnUrl"],c=function(a,t,e,r){return void 0===r&&(r=""),n({},e,{title:e.title||a,height:e.height||100,src:""+(t||"https://hatscripts.github.io/circle-flags/flags/")+r+a+".svg"})},u=function(r){var i=r.countryCode,u=r.cdnUrl,o=t(r,s);return React.createElement("img",n({"data-testid":"circle-country-flag"},c(function(a){return e[a]?a:"xx"}(i).toLowerCase(),u,o)))};
@@ -22395,6 +22676,7 @@ var CreditTransferComponent = function (props) {
22395
22676
  var _y = useSettingsContext(), isTransferFrozen = _y.isTransferFrozen, setTransferFrozen = _y.setTransferFrozen;
22396
22677
  var _z = useState([]), ministrySectoralScope = _z[0], setMinistrySectoralScope = _z[1];
22397
22678
  var _0 = useState(false), ministryLevelFilter = _0[0], setMinistryLevelFilter = _0[1];
22679
+ var _1 = useState(), dataQuery = _1[0], setDataQuery = _1[1];
22398
22680
  var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
22399
22681
  return __generator(this, function (_a) {
22400
22682
  console.log(checkedValues);
@@ -22498,6 +22780,12 @@ var CreditTransferComponent = function (props) {
22498
22780
  console.log(response);
22499
22781
  setTableData(response.data);
22500
22782
  setTotalProgramme(response.response.data.total);
22783
+ setDataQuery({
22784
+ filterAnd: filter,
22785
+ filterOr: dataFilter,
22786
+ sort: sort,
22787
+ filterBy: filterBy,
22788
+ });
22501
22789
  setLoading(false);
22502
22790
  return [3 /*break*/, 4];
22503
22791
  case 3:
@@ -22515,8 +22803,53 @@ var CreditTransferComponent = function (props) {
22515
22803
  }
22516
22804
  });
22517
22805
  }); };
22806
+ var downloadTransferData = function () { return __awaiter(void 0, void 0, void 0, function () {
22807
+ var response, url, a, error_2;
22808
+ var _a;
22809
+ return __generator(this, function (_b) {
22810
+ switch (_b.label) {
22811
+ case 0:
22812
+ setLoading(true);
22813
+ _b.label = 1;
22814
+ case 1:
22815
+ _b.trys.push([1, 3, , 4]);
22816
+ return [4 /*yield*/, post("national/programme/transfers/download", {
22817
+ filterAnd: dataQuery.filterAnd,
22818
+ filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
22819
+ sort: dataQuery.sort,
22820
+ filterBy: dataQuery.filterBy,
22821
+ })];
22822
+ case 2:
22823
+ response = _b.sent();
22824
+ if (response && response.data) {
22825
+ url = response.data.url;
22826
+ a = document.createElement('a');
22827
+ a.href = url;
22828
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
22829
+ document.body.appendChild(a);
22830
+ a.click();
22831
+ document.body.removeChild(a); // Clean up the created <a> element
22832
+ window.URL.revokeObjectURL(url);
22833
+ }
22834
+ setLoading(false);
22835
+ return [3 /*break*/, 4];
22836
+ case 3:
22837
+ error_2 = _b.sent();
22838
+ console.log("Error in exporting transfers", error_2);
22839
+ message.open({
22840
+ type: "error",
22841
+ content: error_2.message,
22842
+ duration: 3,
22843
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
22844
+ });
22845
+ setLoading(false);
22846
+ return [3 /*break*/, 4];
22847
+ case 4: return [2 /*return*/];
22848
+ }
22849
+ });
22850
+ }); };
22518
22851
  var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
22519
- var response, error_2;
22852
+ var response, error_3;
22520
22853
  var _a, _b, _c, _d, _e, _f;
22521
22854
  return __generator(this, function (_g) {
22522
22855
  switch (_g.label) {
@@ -22548,8 +22881,8 @@ var CreditTransferComponent = function (props) {
22548
22881
  setLoading(false);
22549
22882
  return [3 /*break*/, 4];
22550
22883
  case 3:
22551
- error_2 = _g.sent();
22552
- console.log("Error in getting users", error_2);
22884
+ error_3 = _g.sent();
22885
+ console.log("Error in getting users", error_3);
22553
22886
  setLoading(false);
22554
22887
  return [3 /*break*/, 4];
22555
22888
  case 4: return [2 /*return*/];
@@ -22573,7 +22906,7 @@ var CreditTransferComponent = function (props) {
22573
22906
  }
22574
22907
  }, []);
22575
22908
  var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
22576
- var response, successMsg, error_3;
22909
+ var response, successMsg, error_4;
22577
22910
  return __generator(this, function (_a) {
22578
22911
  switch (_a.label) {
22579
22912
  case 0:
@@ -22603,10 +22936,10 @@ var CreditTransferComponent = function (props) {
22603
22936
  setModalVisible(false);
22604
22937
  return [3 /*break*/, 4];
22605
22938
  case 3:
22606
- error_3 = _a.sent();
22607
- console.log("Error in Cancelling transfer request", error_3);
22939
+ error_4 = _a.sent();
22940
+ console.log("Error in Cancelling transfer request", error_4);
22608
22941
  setLoading(false);
22609
- return [2 /*return*/, error_3.message];
22942
+ return [2 /*return*/, error_4.message];
22610
22943
  case 4: return [2 /*return*/];
22611
22944
  }
22612
22945
  });
@@ -22955,7 +23288,7 @@ var CreditTransferComponent = function (props) {
22955
23288
  ]
22956
23289
  : undefined);
22957
23290
  } }, t("view:seeMine")),
22958
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY && (React.createElement(Checkbox, { className: "label", onChange: function (v) {
23291
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY && (React.createElement(Checkbox, { className: "label ministry-level-filter-checkbox", onChange: function (v) {
22959
23292
  if (v.target.checked) {
22960
23293
  setMinistryLevelFilter(true);
22961
23294
  }
@@ -22968,7 +23301,13 @@ var CreditTransferComponent = function (props) {
22968
23301
  return e.target.value === ""
22969
23302
  ? setSearch(e.target.value)
22970
23303
  : setSearchText(e.target.value);
22971
- }, onSearch: setSearch, style: { width: 265 } }))))),
23304
+ }, onSearch: setSearch, style: { width: 265 } })),
23305
+ React.createElement("div", { className: "download-data-btn" },
23306
+ React.createElement("a", { onClick: downloadTransferData },
23307
+ React.createElement(DownloadOutlined, { style: {
23308
+ color: "rgba(58, 53, 65, 0.3)",
23309
+ fontSize: "20px",
23310
+ } })))))),
22972
23311
  React.createElement(Row, null,
22973
23312
  React.createElement(Col, { span: 24 },
22974
23313
  React.createElement("div", { className: "programmeManagement-table-container" },