dce-reactkit 3.6.3 → 3.6.5

package/dist/cjs/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var reactFontawesome = require('@fortawesome/react-fontawesome');
 var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
+var reactFontawesome = require('@fortawesome/react-fontawesome');
 var freeRegularSvgIcons = require('@fortawesome/free-regular-svg-icons');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -78,6 +78,23 @@ var ReactKitErrorCode;
 })(ReactKitErrorCode || (ReactKitErrorCode = {}));
 var ReactKitErrorCode$1 = ReactKitErrorCode;
 
+/**
+ * Bootstrap variants
+ * @author Gabe Abrams
+ */
+var Variant;
+(function (Variant) {
+    Variant["Primary"] = "primary";
+    Variant["Secondary"] = "secondary";
+    Variant["Success"] = "success";
+    Variant["Warning"] = "warning";
+    Variant["Info"] = "info";
+    Variant["Danger"] = "danger";
+    Variant["Light"] = "light";
+    Variant["Dark"] = "dark";
+})(Variant || (Variant = {}));
+var Variant$1 = Variant;
+
 /**
  * Displays an error
  * @author Gabe Abrams
@@ -91,7 +108,7 @@ const ErrorBox = (props) => {
     /*------------------------------------------------------------------------*/
     var _a;
     /* -------------- Props ------------- */
-    const { error, title = 'An Error Occurred', onClose, } = props;
+    const { error, title = 'An Error Occurred', onClose, variant = Variant$1.Danger, icon = freeSolidSvgIcons.faExclamationTriangle, } = props;
     /*------------------------------------------------------------------------*/
     /* ------------------------------- Render ------------------------------- */
     /*------------------------------------------------------------------------*/
@@ -119,12 +136,12 @@ const ErrorBox = (props) => {
                 String((_a = error.code) !== null && _a !== void 0 ? _a : ReactKitErrorCode$1.NoCode).toUpperCase())));
     }
     // Main UI
-    return (React__default["default"].createElement("div", { className: "alert alert-danger text-center", style: {
+    return (React__default["default"].createElement("div", { className: `alert alert-${variant} text-center`, style: {
             maxWidth: '40rem',
             margin: 'auto',
         } },
         React__default["default"].createElement("h4", { className: "mb-1" },
-            React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faExclamationTriangle, className: "me-2" }),
+            React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: icon, className: "me-2" }),
             title),
         React__default["default"].createElement("div", null,
             errorText,
@@ -199,23 +216,6 @@ const waitMs = (ms = 0) => __awaiter(void 0, void 0, void 0, function* () {
     });
 });
 
-/**
- * Bootstrap variants
- * @author Gabe Abrams
- */
-var Variant;
-(function (Variant) {
-    Variant["Primary"] = "primary";
-    Variant["Secondary"] = "secondary";
-    Variant["Success"] = "success";
-    Variant["Warning"] = "warning";
-    Variant["Info"] = "info";
-    Variant["Danger"] = "danger";
-    Variant["Light"] = "light";
-    Variant["Dark"] = "dark";
-})(Variant || (Variant = {}));
-var Variant$1 = Variant;
-
 /**
  * Modal sizes
  * @author Gabe Abrams
@@ -670,38 +670,6 @@ var LogLevel;
 })(LogLevel || (LogLevel = {}));
 var LogLevel$1 = LogLevel;
 
-/*------------------------------------------------------------------------*/
-/* --------------------------- Static Helpers --------------------------- */
-/*------------------------------------------------------------------------*/
-// Timestamp after initialization when helpers should be available
-const timestampWhenHelpersShouldBeAvailable$1 = Date.now() + 2000;
-/**
- * Wait for a little while for a helper to exist
- * @author Gabe Abrams
- * @param checkForHelper a function that returns true if the helper exists
- * @returns true if the helper exists, false if the process timed out
- */
-const waitForHelper$1 = (checkForHelper) => __awaiter(void 0, void 0, void 0, function* () {
-    // Wait for helper to exist
-    while (!checkForHelper()) {
-        // Check if we should stop waiting
-        if (Date.now() > timestampWhenHelpersShouldBeAvailable$1) {
-            // Stop waiting
-            return false;
-        }
-        // Wait a little while
-        yield waitMs(10);
-    }
-    // Helper exists
-    return true;
-});
-/*------------------------------------------------------------------------*/
-/*                                Listener                                */
-/*------------------------------------------------------------------------*/
-// Handler for session expiry
-let sessionExpiryHandler;
-// Keep track of whether or not session expiry has already been handled
-let sessionAlreadyExpired = false;
 /*------------------------------------------------------------------------*/
 /*                               Stub Logic                               */
 /*------------------------------------------------------------------------*/
@@ -784,24 +752,7 @@ const visitServerEndpoint = (opts) => __awaiter(void 0, void 0, void 0, function
     if (!response.body.success) {
         // Session expired
         if (response.body.code === ReactKitErrorCode$1.SessionExpired) {
-            // Skip notice if session was already expired
-            if (sessionAlreadyExpired) {
-                // Never return (browser is already reloading)
-                yield new Promise(() => {
-                    // Promise that never returns
-                });
-            }
-            sessionAlreadyExpired = true;
-            // Wait for helper to exist
-            yield waitForHelper$1(() => {
-                return !!sessionExpiryHandler;
-            });
-            // Show session expiration message
-            {
-                // Fallback to alert
-                // eslint-disable-next-line no-alert
-                alert('Your session has expired. Please start over.');
-            }
+            showSessionExpiredMessage();
             // Never return (don't continue execution)
             yield new Promise(() => {
                 // Promise that never returns
@@ -929,7 +880,7 @@ let onAlertClosed;
  * @param title the title text to display at the top of the alert
  * @param text the text to display in the alert
  */
-const alert$1 = (title, text) => __awaiter(void 0, void 0, void 0, function* () {
+const alert = (title, text) => __awaiter(void 0, void 0, void 0, function* () {
     // Wait for helper to exist
     yield waitForHelper(() => {
         return !!setAlertInfo;
@@ -1050,7 +1001,7 @@ const showFatalError = (error, errorTitle = 'An Error Occurred') => __awaiter(vo
     });
     // Handle case where app hasn't loaded
     if (!setFatalErrorMessage || !setFatalErrorCode) {
-        alert$1(errorTitle, `${message} (code: ${code}). Please contact support.`);
+        alert(errorTitle, `${message} (code: ${code}). Please contact support.`);
         return;
     }
     // Use setters
@@ -1065,6 +1016,28 @@ const showFatalError = (error, errorTitle = 'An Error Occurred') => __awaiter(vo
 const addFatalErrorHandler = (handler) => {
     fatalErrorHandlers.push(handler);
 };
+/*----------------------------------------*/
+/* ----------- Session Expired ---------- */
+/*----------------------------------------*/
+// Stored copies of setters
+let setSessionHasExpired;
+/**
+ * Show the "session expired" message
+ * @author Gabe Abrams
+ */
+const showSessionExpiredMessage = () => __awaiter(void 0, void 0, void 0, function* () {
+    // Wait for helper to exist
+    yield waitForHelper(() => {
+        return !!setSessionHasExpired;
+    });
+    // Show session expired message
+    if (setSessionHasExpired) {
+        setSessionHasExpired(true);
+    }
+    else {
+        showFatalError('Your session has expired. Please start over.', 'Session Expired');
+    }
+});
 /*------------------------------------------------------------------------*/
 /* -------------------------------- Style ------------------------------- */
 /*------------------------------------------------------------------------*/
@@ -1117,6 +1090,7 @@ const AppWrapper = (props) => {
     setConfirmInfo = setConfirmInfoInner;
     // Session expired
     const [sessionHasExpired, setSessionHasExpiredInner,] = React.useState(false);
+    setSessionHasExpired = setSessionHasExpiredInner;
     /*------------------------------------------------------------------------*/
     /* ------------------------------- Render ------------------------------- */
     /*------------------------------------------------------------------------*/
@@ -1186,7 +1160,9 @@ const AppWrapper = (props) => {
             } },
             React__default["default"].createElement(ErrorBox, { title: (sessionHasExpired
                     ? 'Session Expired'
-                    : fatalErrorTitle), error: error })));
+                    : fatalErrorTitle), error: error, variant: (isDarkModeOn()
+                    ? Variant$1.Light
+                    : Variant$1.Secondary), icon: freeSolidSvgIcons.faHourglassEnd })));
     }
     /* --------------- App -------------- */
     if (!body) {
@@ -2143,7 +2119,7 @@ const CopiableBox = (props) => {
             yield navigator.clipboard.writeText(text);
         }
         catch (err) {
-            return alert$1('Unable to copy', 'Oops! We couldn\'t copy that to the clipboard. Please copy the text manually.');
+            return alert('Unable to copy', 'Oops! We couldn\'t copy that to the clipboard. Please copy the text manually.');
         }
         // Show copied notice
         dispatch({
@@ -2732,7 +2708,7 @@ const IntelliTable = (props) => {
                     return !isSelected;
                 }));
                 if (noColumnsSelected) {
-                    return alert$1('Choose at least one column', 'To continue, you have to choose at least one column to show');
+                    return alert('Choose at least one column', 'To continue, you have to choose at least one column to show');
                 }
                 dispatch({
                     type: ActionType$6.ToggleColVisCusModalVisibility,
@@ -3744,7 +3720,7 @@ const LogReviewer = (props) => {
                                 || (year === dateFilterState.startDate.year
                                     && month === dateFilterState.startDate.month
                                     && day < dateFilterState.startDate.day)) {
-                                return alert$1('Invalid Start Date', 'The start date cannot be before the end date.');
+                                return alert('Invalid Start Date', 'The start date cannot be before the end date.');
                             }
                             dateFilterState.endDate = { month, day, year };
                             handleDateRangeUpdated(dateFilterState);
@@ -40241,7 +40217,7 @@ const AddOrEditDBEntry = (props) => {
                 React__default["default"].createElement("button", { type: "button", id: "AddOrEditDBEntry-save-changes-button", className: "btn btn-primary btn-lg me-1", "aria-label": "Save changes", onClick: () => __awaiter(void 0, void 0, void 0, function* () {
                         // Show validation errors
                         if (validationError && validationError.length > 0) {
-                            return alert$1('Please fix the following error', validationError);
+                            return alert('Please fix the following error', validationError);
                         }
                         // Run the included validator if it exists
                         if (validateEntry) {
@@ -40249,7 +40225,7 @@ const AddOrEditDBEntry = (props) => {
                                 yield validateEntry(entry);
                             }
                             catch (error) {
-                                return alert$1('Please fix the following error', String(error));
+                                return alert('Please fix the following error', String(error));
                             }
                         }
                         save();
@@ -43174,7 +43150,7 @@ exports.Variant = Variant$1;
 exports.abbreviate = abbreviate;
 exports.addDBEditorEndpoints = addDBEditorEndpoints;
 exports.addFatalErrorHandler = addFatalErrorHandler;
-exports.alert = alert$1;
+exports.alert = alert;
 exports.avg = avg;
 exports.canReviewLogs = canReviewLogs;
 exports.ceilToNumDecimals = ceilToNumDecimals;