@rh-support/react-context 0.3.3 → 0.3.4

package/lib/esm/components/HostnameAwarenessModal/HostnameAwarenessModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HostnameAwarenessModal.d.ts","sourceRoot":"","sources":["../../../../src/components/HostnameAwarenessModal/HostnameAwarenessModal.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAatC,eAAO,MAAM,sBAAsB,mBAkJlC,CAAC"}
+{"version":3,"file":"HostnameAwarenessModal.d.ts","sourceRoot":"","sources":["../../../../src/components/HostnameAwarenessModal/HostnameAwarenessModal.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAatC,eAAO,MAAM,sBAAsB,mBA0JlC,CAAC"}

package/lib/esm/components/HostnameAwarenessModal/HostnameAwarenessModal.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import './hostnameAwarenessModal.css';
 import { accounts } from '@cee-eng/hydrajs';
-import { Button, Checkbox, Modal, ModalVariant, Switch, Tooltip } from '@patternfly/react-core';
+import { Button, Checkbox, Modal, ModalVariant, Spinner, Switch, Tooltip } from '@patternfly/react-core';
 import InfoIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { useFetch } from '@rh-support/components';
 import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
@@ -27,6 +27,7 @@ export const HostnameAwarenessModal = () => {
     const [isHostnamesChecked, setisHostnamesChecked] = useState(false);
     //preserving initial state to disable modal load
     const [alreadyCheckedCloseModal, setAlreadyCheckedCloseModal] = useState(false);
+    const [isHostnamesLoading, setIsHostnamesLoading] = useState(true);
     const userOriginalHostnamesCount = () => __awaiter(void 0, void 0, void 0, function* () {
         try {
             const originalHostnameVisibilityObj = yield getHostnamesVisibilityObj();
@@ -47,6 +48,7 @@ export const HostnameAwarenessModal = () => {
         setisHostnamesChecked(fetchedHostnameStatus.shareHostnameWithRHT);
         // This is needed so we preserve initial state we do not close modal upon updating names.
         setAlreadyCheckedCloseModal(fetchedHostnameStatus.shareHostnameWithRHT);
+        setIsHostnamesLoading(false);
     });
     useEffect(() => {
         userOriginalHostnamesCount();
@@ -66,12 +68,14 @@ export const HostnameAwarenessModal = () => {
     // for hostnames swich
     const onHostnameSwitchChange = () => __awaiter(void 0, void 0, void 0, function* () {
         try {
+            setIsHostnamesLoading(true);
             yield updateHostnameDefault(!isHostnamesChecked, accountNumber);
             setisHostnamesChecked(!isHostnamesChecked);
         }
         catch (error) {
             console.log(error);
         }
+        setIsHostnamesLoading(false);
     });
     //for the checkbox
     const onDoNotAskAgain = () => {
@@ -91,7 +95,8 @@ export const HostnameAwarenessModal = () => {
         return (React.createElement(React.Fragment, null,
             React.createElement(Switch, { label: "Share hostnames", isChecked: isHostnamesChecked, onChange: onHostnameSwitchChange, className: "push-top-narrow" }),
             React.createElement(Tooltip, { content: shareHostnamesClarificationCopy, position: "right" },
-                React.createElement(InfoIcon, { className: "pf-u-ml-sm hostnameInfoIcon" }))));
+                React.createElement(InfoIcon, { className: "pf-u-ml-sm hostnameInfoIcon" })),
+            isHostnamesLoading && (React.createElement(Spinner, { isSVG: true, size: "lg", className: "pf-u-ml-sm hostnameSpinner", "aria-label": "Hostname loading" }))));
     };
     //Do not show modal if user cannot share hostnames.
     const canUseHostName = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.HOSTNAME);

package/lib/esm/components/HostnameAwarenessModal/hostnameAwarenessModal.css

@@ -6,3 +6,7 @@ svg.hostnameInfoIcon {
     vertical-align: -0.65rem !important;
     margin-left: -0.1rem !important;
 }
+
+svg.hostnameSpinner {
+    vertical-align: -0.65rem !important;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/react-context",
-    "version": "0.3.3",
+    "version": "0.3.4",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -87,5 +87,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "8ad6dda321ad690b179be7346240345a57f1749b"
+    "gitHead": "cd70b3e8d05162414bc78e541020c3de692d892b"
 }