dce-reactkit 3.6.3 → 3.6.5

package/dist/cjs/types/components/ErrorBox.d.ts

@@ -3,10 +3,14 @@
  * @author Gabe Abrams
  */
 import React from 'react';
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
+import Variant from '../types/Variant';
 type Props = {
     error: any;
     title?: string;
     onClose?: () => void;
+    variant?: Variant;
+    icon?: IconProp;
 };
 declare const ErrorBox: React.FC<Props>;
 export default ErrorBox;

package/dist/cjs/types/helpers/visitServerEndpoint.d.ts

@@ -1,9 +1,3 @@
-/**
- * Set the session expiry handler
- * @author Gabe Abrams
- * @param handler new handler to use when session expires
- */
-export declare const setSessionExpiryHandler: (handler: () => void) => void;
 /**
  * Add a stub response
  * @author Gabe Abrams

package/dist/esm/index.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { useState, useRef, useEffect, useReducer, forwardRef, useContext, useLayoutEffect, createContext, useMemo, useCallback, Component, Fragment } from 'react';
+import { faExclamationTriangle, faHourglassEnd, faCircle, faDotCircle, faCheckSquare, faHourglass, faClipboard, faChevronDown, faChevronRight, faCloudDownloadAlt, faMinus, faCheckCircle, faXmarkCircle, faSort, faSortDown, faSortUp, faCalendar, faTag, faHammer, faList, faTimes, faSave, faTrash, faCog, faPlus, faCaretDown } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faExclamationTriangle, faCircle, faDotCircle, faCheckSquare, faHourglass, faClipboard, faChevronDown, faChevronRight, faCloudDownloadAlt, faMinus, faCheckCircle, faXmarkCircle, faSort, faSortDown, faSortUp, faCalendar, faTag, faHammer, faList, faTimes, faSave, faTrash, faCog, faPlus, faCaretDown } from '@fortawesome/free-solid-svg-icons';
 import { faCircle as faCircle$1, faSquareMinus, faSquare } from '@fortawesome/free-regular-svg-icons';
 
 /******************************************************************************
@@ -52,6 +52,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
@@ -65,7 +82,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 = faExclamationTriangle, } = props;
     /*------------------------------------------------------------------------*/
     /* ------------------------------- Render ------------------------------- */
     /*------------------------------------------------------------------------*/
@@ -93,12 +110,12 @@ const ErrorBox = (props) => {
                 String((_a = error.code) !== null && _a !== void 0 ? _a : ReactKitErrorCode$1.NoCode).toUpperCase())));
     }
     // Main UI
-    return (React__default.createElement("div", { className: "alert alert-danger text-center", style: {
+    return (React__default.createElement("div", { className: `alert alert-${variant} text-center`, style: {
             maxWidth: '40rem',
             margin: 'auto',
         } },
         React__default.createElement("h4", { className: "mb-1" },
-            React__default.createElement(FontAwesomeIcon, { icon: faExclamationTriangle, className: "me-2" }),
+            React__default.createElement(FontAwesomeIcon, { icon: icon, className: "me-2" }),
             title),
         React__default.createElement("div", null,
             errorText,
@@ -173,23 +190,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
@@ -644,38 +644,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                               */
 /*------------------------------------------------------------------------*/
@@ -758,24 +726,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
@@ -903,7 +854,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;
@@ -1024,7 +975,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
@@ -1039,6 +990,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 ------------------------------- */
 /*------------------------------------------------------------------------*/
@@ -1091,6 +1064,7 @@ const AppWrapper = (props) => {
     setConfirmInfo = setConfirmInfoInner;
     // Session expired
     const [sessionHasExpired, setSessionHasExpiredInner,] = useState(false);
+    setSessionHasExpired = setSessionHasExpiredInner;
     /*------------------------------------------------------------------------*/
     /* ------------------------------- Render ------------------------------- */
     /*------------------------------------------------------------------------*/
@@ -1160,7 +1134,9 @@ const AppWrapper = (props) => {
             } },
             React__default.createElement(ErrorBox, { title: (sessionHasExpired
                     ? 'Session Expired'
-                    : fatalErrorTitle), error: error })));
+                    : fatalErrorTitle), error: error, variant: (isDarkModeOn()
+                    ? Variant$1.Light
+                    : Variant$1.Secondary), icon: faHourglassEnd })));
     }
     /* --------------- App -------------- */
     if (!body) {
@@ -2117,7 +2093,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({
@@ -2706,7 +2682,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,
@@ -3718,7 +3694,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);
@@ -40215,7 +40191,7 @@ const AddOrEditDBEntry = (props) => {
                 React__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) {
@@ -40223,7 +40199,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();
@@ -43106,5 +43082,5 @@ var DayOfWeek;
 })(DayOfWeek || (DayOfWeek = {}));
 var DayOfWeek$1 = DayOfWeek;
 
-export { AppWrapper, AutoscrollToBottomContainer, ButtonInputGroup, CSVDownloadButton, CheckboxButton, CopiableBox, DAY_IN_MS, DBEntryFieldType$1 as DBEntryFieldType, DBEntryManagerPanel, DayOfWeek$1 as DayOfWeek, Drawer, DynamicWord, ErrorBox, ErrorWithCode, HOUR_IN_MS, IntelliTable, ItemPicker, LoadingSpinner, LogAction$1 as LogAction, LogBuiltInMetadata, LogReviewer, LogSource$1 as LogSource, LogType$1 as LogType, MINUTE_IN_MS, Modal, ModalButtonType$1 as ModalButtonType, ModalSize$1 as ModalSize, ModalType$1 as ModalType, ParamType$1 as ParamType, PopFailureMark, PopPendingMark, PopSuccessMark, RadioButton, ReactKitErrorCode$1 as ReactKitErrorCode, SimpleDateChooser, TabBox, ToggleSwitch, Tooltip, Variant$1 as Variant, abbreviate, addDBEditorEndpoints, addFatalErrorHandler, alert$1 as alert, avg, canReviewLogs, ceilToNumDecimals, compareArraysByProp, confirm, extractProp, floorToNumDecimals, forceNumIntoBounds, genCSV, genCommaList, genRouteHandler, getHumanReadableDate, getLocalTimeInfo, getMonthName, getOrdinal, getPartOfDay, getTimeInfoInET, handleError, handleSuccess, idify, initClient, initLogCollection, initServer, isMobileOrTablet, leaveToURL, logClientEvent, makeLinksClickable, onlyKeepLetters, padDecimalZeros, padZerosLeft, parallelLimit, roundToNumDecimals, showFatalError, startMinWait, stringsToHumanReadableList, stubServerEndpoint, sum, validateEmail, validatePhoneNumber, validateString, visitServerEndpoint, waitMs };
+export { AppWrapper, AutoscrollToBottomContainer, ButtonInputGroup, CSVDownloadButton, CheckboxButton, CopiableBox, DAY_IN_MS, DBEntryFieldType$1 as DBEntryFieldType, DBEntryManagerPanel, DayOfWeek$1 as DayOfWeek, Drawer, DynamicWord, ErrorBox, ErrorWithCode, HOUR_IN_MS, IntelliTable, ItemPicker, LoadingSpinner, LogAction$1 as LogAction, LogBuiltInMetadata, LogReviewer, LogSource$1 as LogSource, LogType$1 as LogType, MINUTE_IN_MS, Modal, ModalButtonType$1 as ModalButtonType, ModalSize$1 as ModalSize, ModalType$1 as ModalType, ParamType$1 as ParamType, PopFailureMark, PopPendingMark, PopSuccessMark, RadioButton, ReactKitErrorCode$1 as ReactKitErrorCode, SimpleDateChooser, TabBox, ToggleSwitch, Tooltip, Variant$1 as Variant, abbreviate, addDBEditorEndpoints, addFatalErrorHandler, alert, avg, canReviewLogs, ceilToNumDecimals, compareArraysByProp, confirm, extractProp, floorToNumDecimals, forceNumIntoBounds, genCSV, genCommaList, genRouteHandler, getHumanReadableDate, getLocalTimeInfo, getMonthName, getOrdinal, getPartOfDay, getTimeInfoInET, handleError, handleSuccess, idify, initClient, initLogCollection, initServer, isMobileOrTablet, leaveToURL, logClientEvent, makeLinksClickable, onlyKeepLetters, padDecimalZeros, padZerosLeft, parallelLimit, roundToNumDecimals, showFatalError, startMinWait, stringsToHumanReadableList, stubServerEndpoint, sum, validateEmail, validatePhoneNumber, validateString, visitServerEndpoint, waitMs };
 //# sourceMappingURL=index.js.map