@undp/carbon-library 1.0.30 → 1.0.31

package/dist/cjs/index.js

@@ -1512,8 +1512,11 @@ var CompanyProfileComponent = function (props) {
                     !isLoading &&
                     parseInt(companyDetails.state) !== 1 ? (React.createElement(antd.Button, { className: "btn-activate", onClick: onReActivateOrganisation }, t("companyProfile:reActivate"))) : (""),
                 ability.can(Action.Update, classTransformer.plainToClass(Company, companyDetails)) &&
-                    !isLoading && companyDetails && (React.createElement(antd.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(antd.Button, { className: "mg-left-1", type: "primary", onClick: function () { return onNavigateToCompanyEdit(companyDetails); } }, t("common:edit"))))),
+        !companyDetails && (React.createElement("div", { className: "content-body" },
+            React.createElement(antd.Skeleton, { active: true }))),
+        companyDetails && (React.createElement("div", { className: "content-body" },
             React.createElement(antd.Row, { gutter: 16 },
                 React.createElement(antd.Col, { md: 24, lg: 8 },
                     React.createElement(antd.Card, { className: "card-container" },
@@ -1571,7 +1574,9 @@ var CompanyProfileComponent = function (props) {
                                         : "-")),
                                 parseInt(companyDetails.state) === 0 ? (React.createElement(antd.Row, { className: "field" },
                                     React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:remarks")),
-                                    React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.remarks ? companyDetails.remarks : "-"))) : (""))))))),
+                                    React.createElement(antd.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 })));
 };
@@ -4987,7 +4992,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(antd.Skeleton, { active: true })))),
+        userDetails && organisationDetails && (React.createElement("div", { className: "content-body" },
             React.createElement(antd.Row, { gutter: 16 },
                 React.createElement(antd.Col, { md: 24, lg: 8 },
                     React.createElement(antd.Card, { className: "card-container" },
@@ -5065,7 +5073,7 @@ var UserProfileComponent = function (props) {
                                     React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:creditBalance")),
                                     React.createElement(antd.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";