dce-reactkit 3.7.16 → 3.7.18

package/dist/esm/types/components/ToggleSwitch.d.ts

@@ -13,6 +13,7 @@ type Props = {
      */
     onToggle: (isOn: boolean) => void;
     id?: string;
+    className?: string;
     description: string;
     backgroundVariantWhenOn?: Variant;
 };

package/dist/esm/types/stylesheets/shared.css.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Universal stylesheet
+ * @author Gabe Abrams
+ */
+declare const shared = "\n/* Button with no style */\n.btn-nostyle {\n  border: 0 !important;\n  background: transparent !important;\n  outline: 0 !important;\n  font-size: inherit !important;\n  color: inherit !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n";
+export default shared;

package/dist/index.d.ts

@@ -617,6 +617,7 @@ type Props$2 = {
      */
     onToggle: (isOn: boolean) => void;
     id?: string;
+    className?: string;
     description: string;
     backgroundVariantWhenOn?: Variant;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dce-reactkit",
-  "version": "3.7.16",
+  "version": "3.7.18",
   "description": "Shared components for Harvard DCE apps",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/components/AppWrapper.tsx

@@ -37,8 +37,13 @@ import {
   isDarkModeOn,
 } from '../client/initClient';
 import waitMs from '../helpers/waitMs';
+
+// Import constants
 import NUM_MODAL_PORTALS from '../constants/NUM_MODAL_PORTALS';
 
+// Import style
+import sharedStyle from '../stylesheets/shared.css';
+
 /*------------------------------------------------------------------------*/
 /* -------------------------------- Props ------------------------------- */
 /*------------------------------------------------------------------------*/
@@ -383,6 +388,8 @@ const style = `
       opacity: 1;
     }
   }
+
+  ${sharedStyle}
 `;
 
 /*------------------------------------------------------------------------*/

package/src/components/ToggleSwitch.tsx

@@ -29,6 +29,8 @@ type Props = {
   onToggle: (isOn: boolean) => void,
   // Unique ID for the toggle switch
   id?: string,
+  // Custom className for the toggle switch
+  className?: string,
   // A description for what it means when the toggle switch is on
   // E.g. "airplane mode is active"
   // Description will be placed into a sentence with the structure:
@@ -54,6 +56,7 @@ const ToggleSwitch: React.FC<Props> = (props) => {
     isOn,
     onToggle,
     id,
+    className,
     description,
     backgroundVariantWhenOn = Variant.Info,
   } = props;
@@ -76,7 +79,7 @@ const ToggleSwitch: React.FC<Props> = (props) => {
     <button
       id={id}
       aria-label={`If on, ${description}. Currently ${isOn ? 'on' : 'off'}. Click to turn ${isOn ? 'off' : 'on'}.`}
-      className={`alert alert-${backgroundVariant} bg-${backgroundVariant} mb-0 rounded-pill d-inline-block pt-0 pb-0 px-3`}
+      className={`alert alert-${backgroundVariant} bg-${backgroundVariant} mb-0 rounded-pill d-inline-block pt-0 pb-0 px-3 ${className ?? ''}`}
       onClick={() => {
         onToggle(!isOn);
       }}

package/src/helpers/genRouteHandler.ts

@@ -738,7 +738,13 @@ const genRouteHandler = (
       const html = genErrorPage(renderOpts);
       send(html, renderOpts.status ?? 500);
 
-      // Log
+      // Log server-side error if not a session expired error or 404
+      if (renderOpts.status && renderOpts.status === 404) {
+        return;
+      }
+      if (renderOpts.title?.toLowerCase().includes('session expired')) {
+        return;
+      }
       logServerEvent({
         context: LogBuiltInMetadata.Context.ServerRenderedErrorPage,
         error: {

package/src/stylesheets/shared.css.ts

@@ -0,0 +1,18 @@
+/**
+ * Universal stylesheet
+ * @author Gabe Abrams
+ */
+const shared = `
+/* Button with no style */
+.btn-nostyle {
+  border: 0 !important;
+  background: transparent !important;
+  outline: 0 !important;
+  font-size: inherit !important;
+  color: inherit !important;
+  padding: 0 !important;
+  margin: 0 !important;
+}
+`;
+
+export default shared;