@undp/carbon-library 1.0.29 → 1.0.31

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 import { PlusOutlined, FilterOutlined, BankOutlined, SafetyOutlined, ExperimentOutlined, UploadOutlined, EllipsisOutlined, StarOutlined, SearchOutlined, ToolOutlined, EyeOutlined, EditOutlined, DeleteOutlined, BlockOutlined, BulbOutlined, ClockCircleOutlined, UserOutlined } from '@ant-design/icons';
-import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, Tooltip, Select, Modal, Alert, Card, Skeleton, Popover, List, Typography, Tag, Checkbox, InputNumber, Spin, Progress } from 'antd';
+import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, Tooltip, Select, Modal, Alert, Skeleton, Card, Popover, List, Typography, Tag, Checkbox, InputNumber, Spin, Progress } from 'antd';
 import React, { useState, useEffect, useRef } from 'react';
 import { DateTime } from 'luxon';
 import { Buffer } from 'buffer';
@@ -1344,7 +1344,7 @@ var OrganisationStatus = function (props) {
 var CompanyProfileComponent = function (props) {
     var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, useConnection = props.useConnection, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, onNavigateToCompanyEdit = props.onNavigateToCompanyEdit, regionField = props.regionField;
     var _a = useConnection(), get = _a.get, put = _a.put;
-    var _b = useState([]), companyDetails = _b[0], setCompanyDetails = _b[1];
+    var _b = useState(undefined), companyDetails = _b[0], setCompanyDetails = _b[1];
     var state = useLocation().state;
     var _c = useState(true), isLoading = _c[0], setIsLoading = _c[1];
     var _d = useState({}), actionInfo = _d[0], setActionInfo = _d[1];
@@ -1492,8 +1492,11 @@ var CompanyProfileComponent = function (props) {
                     !isLoading &&
                     parseInt(companyDetails.state) !== 1 ? (React.createElement(Button, { className: "btn-activate", onClick: onReActivateOrganisation }, t("companyProfile:reActivate"))) : (""),
                 ability.can(Action.Update, plainToClass(Company, companyDetails)) &&
-                    !isLoading && companyDetails && (React.createElement(Button, { className: "mg-left-1", type: "primary", onClick: function () { return onNavigateToCompanyEdit(companyDetails); } }, t("common:edit"))))),
-        React.createElement("div", { className: "content-body" },
+                    !isLoading &&
+                    companyDetails && (React.createElement(Button, { className: "mg-left-1", type: "primary", onClick: function () { return onNavigateToCompanyEdit(companyDetails); } }, t("common:edit"))))),
+        !companyDetails && (React.createElement("div", { className: "content-body" },
+            React.createElement(Skeleton, { active: true }))),
+        companyDetails && (React.createElement("div", { className: "content-body" },
             React.createElement(Row, { gutter: 16 },
                 React.createElement(Col, { md: 24, lg: 8 },
                     React.createElement(Card, { className: "card-container" },
@@ -1551,7 +1554,9 @@ var CompanyProfileComponent = function (props) {
                                         : "-")),
                                 parseInt(companyDetails.state) === 0 ? (React.createElement(Row, { className: "field" },
                                     React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:remarks")),
-                                    React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.remarks ? companyDetails.remarks : "-"))) : (""))))))),
+                                    React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.remarks
+                                        ? companyDetails.remarks
+                                        : "-"))) : ("")))))))),
         React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onDeauthoriseOrgConfirmed, onActionCanceled: onDeauthoriseOrgCanceled, openModal: openDeauthorisationModal, errorMsg: errorMsg, loading: isLoading }),
         React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onReactivateOrgConfirmed, onActionCanceled: onReactivateOrgCanceled, openModal: openReactivateModal, errorMsg: errorMsg, loading: isLoading })));
 };
@@ -4917,8 +4922,8 @@ var LanguageSelection = function (props) {
 var UserProfileComponent = function (props) {
     var t = props.t, i18n = props.i18n, useConnection = props.useConnection, onNavigateUpdateUser = props.onNavigateUpdateUser, onNavigateLogin = props.onNavigateLogin, useUserContext = props.useUserContext;
     var get = useConnection().get;
-    var _a = useState([]), organisationDetails = _a[0], setOrganisationDetails = _a[1];
-    var _b = useState([]), userDetails = _b[0], setUserDetails = _b[1];
+    var _a = useState(undefined), organisationDetails = _a[0], setOrganisationDetails = _a[1];
+    var _b = useState(undefined), userDetails = _b[0], setUserDetails = _b[1];
     var updateToken = useConnection().updateToken;
     var removeUserInfo = useUserContext().removeUserInfo;
     var _c = useState(false), isLoading = _c[0], setIsLoading = _c[1];
@@ -4967,7 +4972,10 @@ var UserProfileComponent = function (props) {
                             onNavigateUpdateUser(organisationDetails, userDetails);
                         } }, t("userProfile:edit"))),
                     React.createElement(LanguageSelection, { i18n: i18n })))),
-        React.createElement("div", { className: "content-body" },
+        !userDetails ||
+            (!organisationDetails && (React.createElement("div", { className: "content-body" },
+                React.createElement(Skeleton, { active: true })))),
+        userDetails && organisationDetails && (React.createElement("div", { className: "content-body" },
             React.createElement(Row, { gutter: 16 },
                 React.createElement(Col, { md: 24, lg: 8 },
                     React.createElement(Card, { className: "card-container" },
@@ -5045,7 +5053,7 @@ var UserProfileComponent = function (props) {
                                     React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:creditBalance")),
                                     React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.creditBalance
                                         ? organisationDetails.creditBalance
-                                        : "-"))))))))));
+                                        : "-")))))))))));
 };
 
 var css_248z$1 = ".legend-item-container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 14px;\n  font-weight: 400;\n  margin-left: 0.75rem; }\n  .legend-item-container .text {\n    margin-left: 0.2rem; }\n";