dce-reactkit 2.0.7 → 2.0.10

package/lib/components/AppWrapper.d.ts

@@ -13,7 +13,8 @@ declare type Props = {
  * Show a fatal error message
  * @author Gabe Abrams
  * @param error the error to show
+ * @param [errorTitle] title of the error box
  */
-export declare const showFatalError: (error: any) => void;
+export declare const showFatalError: (error: any, errorTitle?: string) => void;
 declare const AppWrapper: (props: Props) => React.ReactElement;
 export default AppWrapper;

package/lib/components/AppWrapper.js

@@ -37,13 +37,16 @@ var ErrorWithCode_1 = __importDefault(require("../errors/ErrorWithCode"));
 // Stored copies of setters
 var setFatalErrorMessage;
 var setFatalErrorCode;
+var setFatalErrorTitle;
 /**
  * Show a fatal error message
  * @author Gabe Abrams
  * @param error the error to show
+ * @param [errorTitle] title of the error box
  */
-var showFatalError = function (error) {
+var showFatalError = function (error, errorTitle) {
     var _a, _b;
+    if (errorTitle === void 0) { errorTitle = 'An Error Occurred'; }
     // Determine message and code
     var message = (typeof error === 'string'
         ? error.trim()
@@ -58,6 +61,7 @@ var showFatalError = function (error) {
     // Use setters
     setFatalErrorMessage(message);
     setFatalErrorCode(code);
+    setFatalErrorTitle(errorTitle);
 };
 exports.showFatalError = showFatalError;
 /*------------------------------------------------------------------------*/
@@ -75,8 +79,10 @@ var AppWrapper = function (props) {
     setFatalErrorMessage = setFatalErrorMessageInner;
     var _c = (0, react_1.useState)(null), fatalErrorCode = _c[0], setFatalErrorCodeInner = _c[1];
     setFatalErrorCode = setFatalErrorCodeInner;
+    var _d = (0, react_1.useState)(null), fatalErrorTitle = _d[0], setFatalErrorTitleInner = _d[1];
+    setFatalErrorTitle = setFatalErrorTitleInner;
     // Session expired
-    var _d = (0, react_1.useState)(false), sessionHasExpired = _d[0], setSessionHasExpired = _d[1];
+    var _e = (0, react_1.useState)(false), sessionHasExpired = _e[0], setSessionHasExpired = _e[1];
     /*------------------------------------------------------------------------*/
     /*                           Lifecycle Functions                          */
     /*------------------------------------------------------------------------*/
@@ -114,7 +120,7 @@ var AppWrapper = function (props) {
                     : '#fff'),
             } }, { children: (0, jsx_runtime_1.jsx)(ErrorBox_1.default, { title: (sessionHasExpired
                     ? 'Session Expired'
-                    : undefined), error: error }) })));
+                    : fatalErrorTitle), error: error }) })));
     }
     // Show the app itself
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }));

package/lib/components/AppWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppWrapper.js","sourceRoot":"","sources":["../../src/components/AppWrapper.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AppWrapper.js","sourceRoot":"","sources":["../../src/components/AppWrapper.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dce-reactkit",
-  "version": "2.0.7",
+  "version": "2.0.10",
   "main": "index.js",
   "module": "index.js",
   "scripts": {

package/src/components/AppWrapper.tsx

@@ -39,13 +39,18 @@ type Props = {
 // Stored copies of setters
 let setFatalErrorMessage: (message: string) => void;
 let setFatalErrorCode: (code: string) => void;
+let setFatalErrorTitle: (title: string) => void;
 
 /**
  * Show a fatal error message
  * @author Gabe Abrams
  * @param error the error to show
+ * @param [errorTitle] title of the error box
  */
-export const showFatalError = (error: any) => {
+export const showFatalError = (
+  error: any,
+  errorTitle: string = 'An Error Occurred',
+) => {
   // Determine message and code
   const message: string = (
     typeof error === 'string'
@@ -66,6 +71,7 @@ export const showFatalError = (error: any) => {
   // Use setters
   setFatalErrorMessage(message);
   setFatalErrorCode(code);
+  setFatalErrorTitle(errorTitle);
 };
 
 /*------------------------------------------------------------------------*/
@@ -92,6 +98,8 @@ const AppWrapper = (props: Props): React.ReactElement => {
   setFatalErrorMessage = setFatalErrorMessageInner;
   const [fatalErrorCode, setFatalErrorCodeInner] = useState(null);
   setFatalErrorCode = setFatalErrorCodeInner;
+  const [fatalErrorTitle, setFatalErrorTitleInner] = useState(null);
+  setFatalErrorTitle = setFatalErrorTitleInner;
 
   // Session expired
   const [sessionHasExpired, setSessionHasExpired] = useState(false);
@@ -157,7 +165,7 @@ const AppWrapper = (props: Props): React.ReactElement => {
           title={(
             sessionHasExpired
               ? 'Session Expired'
-              : undefined
+              : fatalErrorTitle
           )}
           error={error}
         />

package/lib/components/AppWrapper.tsx

@@ -1,181 +0,0 @@
-/**
- * A wrapper for the entire React app that adds global functionality like
- *   handling for fatal error messages
- * @author Gabe Abrams
- */
-
-// Import React
-import React, { useState, useEffect } from 'react';
-
-// Import shared components
-import ErrorBox from './ErrorBox';
-
-// Import helpers
-import { setSessionExpiryHandler } from '../helpers/visitServerEndpoint';
-
-// Import shared types
-import ReactKitErrorCode from '../types/ReactKitErrorCode';
-
-// Import custom errors
-import ErrorWithCode from '../errors/ErrorWithCode';
-
-/*------------------------------------------------------------------------*/
-/*                                  Props                                 */
-/*------------------------------------------------------------------------*/
-
-type Props = {
-  // The entire app
-  children: React.ReactNode,
-  // True if this app is a dark-themed app
-  dark?: boolean,
-  // Custom session expired message
-  sessionExpiredMessage?: string,
-};
-
-/*------------------------------------------------------------------------*/
-/*                             Static Helpers                             */
-/*------------------------------------------------------------------------*/
-
-// Stored copies of setters
-let setFatalErrorMessage: (message: string) => void;
-let setFatalErrorCode: (code: string) => void;
-
-/**
- * Show a fatal error message
- * @author Gabe Abrams
- * @param error the error to show
- */
-export const showFatalError = (error: any) => {
-  // Determine message and code
-  const message: string = (
-    typeof error === 'string'
-      ? error.trim()
-      : String(error.message ?? 'An unknown error occurred.')
-  );
-  const code: string = (
-    typeof error === 'string'
-      ? ReactKitErrorCode.NoCode
-      : String(error.code ?? ReactKitErrorCode.NoCode)
-  );
-
-  // Handle case where app hasn't loaded
-  if (!setFatalErrorMessage || !setFatalErrorCode) {
-    return alert(`An error has occurred: ${message} (code: ${code}). Please contact support.`);
-  }
-
-  // Use setters
-  setFatalErrorMessage(message);
-  setFatalErrorCode(code);
-};
-
-/*------------------------------------------------------------------------*/
-/*                                Component                               */
-/*------------------------------------------------------------------------*/
-
-const AppWrapper = (props: Props): React.ReactElement => {
-  /*------------------------------------------------------------------------*/
-  /*                                  Setup                                 */
-  /*------------------------------------------------------------------------*/
-
-  /* -------------- Props ------------- */
-
-  const {
-    children,
-    dark,
-    sessionExpiredMessage = 'Your session has expired. Please go back to Canvas and start over.',
-  } = props;
-
-  /* -------------- State ------------- */
-
-  // Fatal error
-  const [fatalErrorMessage, setFatalErrorMessageInner] = useState(null);
-  setFatalErrorMessage = setFatalErrorMessageInner;
-  const [fatalErrorCode, setFatalErrorCodeInner] = useState(null);
-  setFatalErrorCode = setFatalErrorCodeInner;
-
-  // Session expired
-  const [sessionHasExpired, setSessionHasExpired] = useState(false);
-
-  /*------------------------------------------------------------------------*/
-  /*                           Lifecycle Functions                          */
-  /*------------------------------------------------------------------------*/
-
-  /**
-   * Mount
-   * @author Gabe Abrams
-   */
-  useEffect(
-    () => {
-      // Add session expired handler
-      setSessionExpiryHandler(() => {
-        // Session expired!
-        setSessionHasExpired(true);
-      });
-    },
-    [],
-  );
-
-  /*------------------------------------------------------------------------*/
-  /*                                 Render                                 */
-  /*------------------------------------------------------------------------*/
-
-  /*----------------------------------------*/
-  /*                 Main UI                */
-  /*----------------------------------------*/
-
-  // Show error
-  if (fatalErrorMessage || fatalErrorCode || sessionHasExpired) {
-    // Re-encapsulate in an error
-    const error = (
-      sessionHasExpired
-        ? new ErrorWithCode(
-          fatalErrorMessage,
-          fatalErrorCode,
-        )
-        : new ErrorWithCode(
-          sessionExpiredMessage,
-          ReactKitErrorCode.SessionExpired,
-        )
-    );
-
-    // Build error screen
-    return (
-      <div
-        style={{
-          display: 'block',
-          width: '100vw',
-          minHeight: '100vh',
-          paddingTop: '10rem',
-          backgroundColor: (
-            dark
-              ? '#222'
-              : '#fff'
-          ),
-        }}
-      >
-        <ErrorBox
-          title={(
-            sessionHasExpired
-              ? 'Session Expired'
-              : undefined
-          )}
-          error={error}
-        />
-      </div>
-    );
-  }
-
-  // Show the app itself
-  return (
-    <>
-      {children}
-    </>
-  );
-};
-
-/*------------------------------------------------------------------------*/
-/*                                 Wrap Up                                */
-/*------------------------------------------------------------------------*/
-
-// Export component
-export default AppWrapper;

package/lib/components/ErrorBox.tsx

@@ -1,124 +0,0 @@
-/**
- * Displays an error
- * @author Gabe Abrams
- */
-
-// Import React
-import React from 'react';
-
-// Import FontAwesome Icons
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
-
-// Import shared types
-import ReactKitErrorCode from '../types/ReactKitErrorCode';
-
-/*------------------------------------------------------------------------*/
-/*                                  Types                                 */
-/*------------------------------------------------------------------------*/
-
-type Props = {
-  // Error to display
-  error: any,
-  // Customized title of error box
-  title?: string,
-  // Handler for close,
-  onClose?: () => void,
-};
-
-/*------------------------------------------------------------------------*/
-/*                                Component                               */
-/*------------------------------------------------------------------------*/
-
-const ErrorBox: React.FC<Props> = (props) => {
-  /*------------------------------------------------------------------------*/
-  /*                                  Setup                                 */
-  /*------------------------------------------------------------------------*/
-
-  /* -------------- Props ------------- */
-
-  const {
-    error,
-    title = 'An Error Occurred',
-    onClose,
-  } = props;
-
-  /*------------------------------------------------------------------------*/
-  /*                                 Render                                 */
-  /*------------------------------------------------------------------------*/
-
-  // Determine error text
-  const errorText: string = (
-    typeof error === 'string'
-      ? error.trim()
-      : String(error.message || 'An unknown error occurred. Please contact support.')
-  );
-
-  // Error code box
-  let errorCodeBox;
-  if (error && (error as any).code) {
-    errorCodeBox = (
-      <span>
-        {' '}
-        <span
-          style={{
-            backgroundColor: 'white',
-            borderRadius: '5px',
-            paddingLeft: '3px',
-            paddingRight: '3px',
-            color: '#DC4150',
-            fontVariant: 'small-caps',
-            fontSize: '80%',
-            whiteSpace: 'nowrap',
-          }}
-        >
-          code:
-          {' '}
-          {String((error as any).code ?? ReactKitErrorCode.NoCode).toUpperCase()}
-        </span>
-      </span>
-    );
-  }
-
-  // Main UI
-  return (
-    <div
-      className="alert alert-danger text-center"
-      style={{
-        maxWidth: '650px',
-        margin: 'auto',
-      }}
-    >
-      <h4 className="mb-1">
-        <FontAwesomeIcon
-          icon={faExclamationTriangle}
-          className="me-2"
-        />
-        {title}
-      </h4>
-      <div>
-        {errorText}
-        {errorCodeBox}
-      </div>
-      {onClose && (
-        <div className="mt-2">
-          <button
-            type="button"
-            className="btn btn-light"
-            aria-label="dismiss error and close this activity or view"
-            onClick={onClose}
-          >
-            Close
-          </button>
-        </div>
-      )}
-    </div>
-  );
-};
-
-/*------------------------------------------------------------------------*/
-/*                                 Wrap Up                                */
-/*------------------------------------------------------------------------*/
-
-// Export component
-export default ErrorBox;

package/lib/components/LoadingSpinner.tsx

@@ -1,105 +0,0 @@
-/**
- * Loading spinner/indicator
- * @author Gabe Abrams
- */
-
-// Import FontAwesome Icons
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faCircle } from '@fortawesome/free-solid-svg-icons';
-
-/*------------------------------------------------------------------------*/
-/*                                  Style                                 */
-/*------------------------------------------------------------------------*/
-
-const style = `
-/* Blips */
-.LoadingSpinner-blip-1,
-.LoadingSpinner-blip-2,
-.LoadingSpinner-blip-3,
-.LoadingSpinner-blip-4 {
-  font-size: 25px;
-  opacity: 0.6;
-  margin-top: 20px;
-  margin-bottom: 20px;
-}
-
-/* First Blip */
-.LoadingSpinner-blip-1 {
-  animation: LoadingSpinner-pop-animation 2s infinite;
-}
-
-/* Second Blip */
-.LoadingSpinner-blip-2 {
-  animation: LoadingSpinner-pop-animation 2s infinite;
-  -webkit-animation-delay: 0.1s;
-  animation-delay: 0.1s;
-}
-
-/* Third Blip */
-.LoadingSpinner-blip-3 {
-  animation: LoadingSpinner-pop-animation 2s infinite;
-  animation-delay: 0.2s;
-}
-
-/* Fourth Blip */
-.LoadingSpinner-blip-4 {
-  animation: LoadingSpinner-pop-animation 2s infinite;
-  animation-delay: 0.3s;
-}
-
-/* Pop Animation for Each Blip */
-@keyframes LoadingSpinner-pop-animation {
-  0%  {
-    transform: scale(1.0);
-  }
-  10% {
-    transform: scale(1.5);
-  }
-  30% {
-    transform: scale(1.0);
-  }
-  100% {
-    transform: scale(1.0);
-  }
-}
-`;
-
-/*------------------------------------------------------------------------*/
-/*                                Component                               */
-/*------------------------------------------------------------------------*/
-
-const LoadingSpinner = () => {
-  /*------------------------------------------------------------------------*/
-  /*                                 Render                                 */
-  /*------------------------------------------------------------------------*/
-
-  // Add all four blips to a container
-  return (
-    <div className="text-center LoadingSpinner LoadingSpinner-container">
-      <style>{style}</style>
-      <FontAwesomeIcon
-        icon={faCircle}
-        className="LoadingSpinner-blip-1 me-1"
-      />
-      <FontAwesomeIcon
-        icon={faCircle}
-        className="LoadingSpinner-blip-2 me-1"
-      />
-      <FontAwesomeIcon
-        icon={faCircle}
-        className="LoadingSpinner-blip-3 me-1"
-      />
-      <FontAwesomeIcon
-        icon={faCircle}
-        className="LoadingSpinner-blip-4"
-      />
-    </div>
-  );
-};
-
-/*------------------------------------------------------------------------*/
-/*                                 Wrap Up                                */
-/*------------------------------------------------------------------------*/
-
-// Export component
-export default LoadingSpinner;