dce-reactkit 3.11.0 → 3.11.1-beta.tooltip.1

package/dist/esm/types/client/initClient.d.ts

@@ -19,12 +19,6 @@ type SendRequestFunction = (opts: {
         [x: string]: any;
     };
 }>;
-declare let noServer: boolean;
-/**
- * Check if there is no server for this app
- * @author Gabe Abrams
- */
-export declare const appHasNoServer: () => boolean;
 /**
  * Get the send request function
  * @author Gabe Abrams
@@ -50,18 +44,10 @@ export declare const isDarkModeOn: () => boolean;
  * @param opts object containing all arguments
  * @param opts.sendRequest caccl send request functions
  * @param [opts.sessionExpiredMessage] a custom session expired message
- * @param [opts.darkModeOn] if true, dark mode is enabled
- * @param [opts.noServer] if true, there is no server for this app
  */
-declare const initClient: (opts: ({
+declare const initClient: (opts: {
     sendRequest: SendRequestFunction;
     sessionExpiredMessage?: string;
     darkModeOn?: boolean;
-    noServer?: false;
-} | {
-    darkModeOn?: boolean;
-    noServer: true;
-    sendRequest?: undefined;
-    sessionExpiredMessage?: undefined;
-})) => void;
+}) => void;
 export default initClient;

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

@@ -2,5 +2,5 @@
  * 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\n/* Tooltip on Very Top */\n.tooltip {\n  z-index: 9000000000 !important;\n}\n\n/* Tooltip White Text */\n.tooltip .tooltip-inner {\n  color: white !important;\n}\n";
+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\n/* Tooltip on Very Top */\n.tooltip {\n  z-index: 9000000000 !important;\n}\n";
 export default shared;

package/dist/index.d.ts

@@ -810,20 +810,12 @@ type SendRequestFunction = (opts: {
  * @param opts object containing all arguments
  * @param opts.sendRequest caccl send request functions
  * @param [opts.sessionExpiredMessage] a custom session expired message
- * @param [opts.darkModeOn] if true, dark mode is enabled
- * @param [opts.noServer] if true, there is no server for this app
  */
-declare const initClient: (opts: ({
+declare const initClient: (opts: {
     sendRequest: SendRequestFunction;
     sessionExpiredMessage?: string;
     darkModeOn?: boolean;
-    noServer?: false;
-} | {
-    darkModeOn?: boolean;
-    noServer: true;
-    sendRequest?: undefined;
-    sessionExpiredMessage?: undefined;
-})) => void;
+}) => void;
 
 /**
  * Shorten text so it fits into a certain number of chars

package/package.json

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

package/src/client/initClient.tsx

@@ -47,18 +47,6 @@ const initialized = new Promise((resolve) => {
   onInitialized = resolve;
 });
 
-/* ------------ No Server ----------- */
-
-let noServer = false;
-
-/**
- * Check if there is no server for this app
- * @author Gabe Abrams
- */
-export const appHasNoServer = () => {
-  return noServer;
-};
-
 /* ---------- Send Request ---------- */
 
 let storedSendRequest: SendRequestFunction;
@@ -131,46 +119,20 @@ export const isDarkModeOn = () => {
  * @param opts object containing all arguments
  * @param opts.sendRequest caccl send request functions
  * @param [opts.sessionExpiredMessage] a custom session expired message
- * @param [opts.darkModeOn] if true, dark mode is enabled
- * @param [opts.noServer] if true, there is no server for this app
  */
 const initClient = (
-  opts: (
-    | {
-      // Copy of CACCL's send request function
-      sendRequest: SendRequestFunction,
-      // Custom session expired message
-      sessionExpiredMessage?: string,
-      // If true, dark mode is enabled
-      darkModeOn?: boolean,
-      // If true, there is no server for this app
-      noServer?: false,
-    }
-    | {
-      // If true, dark mode is enabled
-      darkModeOn?: boolean,
-      // If true, there is no server for this app
-      noServer: true
-      // Copy of CACCL's send request function
-      sendRequest?: undefined,
-      // Custom session expired message
-      sessionExpiredMessage?: undefined,
-    }
-  ),
+  opts: {
+    // Copy of CACCL's send request function
+    sendRequest: SendRequestFunction,
+    // Custom session expired message
+    sessionExpiredMessage?: string,
+    // If true, dark mode is enabled
+    darkModeOn?: boolean,
+  },
 ) => {
-  // Handle separately if there is no server
-  if (opts.noServer) {
-    // Store values
-    storedSendRequest = async () => {
-      throw new Error('Cannot send requests because there is no server');
-    };
-  } else {
-    // Store values
-    storedSendRequest = opts.sendRequest;
-    sessionExpiredMessage = opts.sessionExpiredMessage;
-  }
-
-  // Handle universal parts
+  // Store values
+  storedSendRequest = opts.sendRequest;
+  sessionExpiredMessage = opts.sessionExpiredMessage;
   darkModeOn = !!opts.darkModeOn;
 
   // Mark as initialized

package/src/components/AppWrapper.tsx

@@ -608,23 +608,23 @@ const AppWrapper: React.FC<Props> = (props: Props): React.ReactElement => {
 
   // Prompt
   const [promptInfo, setPromptInfoInner] = useState<
-    | undefined
-    | {
-      title: string,
-      currentInputFieldText: string,
-      opts: {
-        textAboveInputField?: string,
-        placeholder?: string,
-        defaultText?: string,
-        confirmButtonText?: string,
-        confirmButtonVariant?: Variant,
-        cancelButtonText?: string,
-        cancelButtonVariant?: Variant,
-        minNumChars?: number,
-        findValidationError?: (text: string) => string | undefined,
-        ariaLabel?: string,
-      }
+  | undefined
+  | {
+    title: string,
+    currentInputFieldText: string,
+    opts: {
+      textAboveInputField?: string,
+      placeholder?: string,
+      defaultText?: string,
+      confirmButtonText?: string,
+      confirmButtonVariant?: Variant,
+      cancelButtonText?: string,
+      cancelButtonVariant?: Variant,
+      minNumChars?: number,
+      findValidationError?: (text: string) => string | undefined,
+      ariaLabel?: string,
     }
+  }
   >(undefined);
   setPromptInfo = setPromptInfoInner;
 
@@ -918,7 +918,7 @@ const AppWrapper: React.FC<Props> = (props: Props): React.ReactElement => {
       ? `
         .tooltip-inner {
           background-color: white;
-          color: black;
+          color: black !important;
           border: 0.1rem solid black;
           pointer-events: none;
         }
@@ -931,7 +931,7 @@ const AppWrapper: React.FC<Props> = (props: Props): React.ReactElement => {
       : `
         .tooltip-inner {
           background-color: black;
-          color: white;
+          color: white !important;
           border: 0.1rem solid white;
           pointer-events: none;
         }

package/src/components/CheckboxButton.tsx

@@ -130,7 +130,6 @@ const CheckboxButton: React.FC<Props> = (props) => {
                 className="ps-1 text-start text-break"
                 style={{
                   whiteSpace: 'pre-wrap',
-                  tabSize: 2,
                 }}
               >
                 {text}

package/src/components/RadioButton.tsx

@@ -114,7 +114,6 @@ const RadioButton: React.FC<Props> = (props) => {
                 className="ps-1 text-start text-break"
                 style={{
                   whiteSpace: 'pre-wrap',
-                  tabSize: 2,
                 }}
               >
                 {text}

package/src/helpers/logClientEvent.tsx

@@ -7,9 +7,6 @@ import LogLevel from '../types/LogLevel';
 // Import shared functions
 import visitServerEndpoint from './visitServerEndpoint';
 
-// Import status
-import { appHasNoServer } from '../client/initClient';
-
 /* ------- Metadata Populator ------- */
 
 // Type of a metadata populator function
@@ -39,11 +36,6 @@ export const setClientEventMetadataPopulator = (
  * @author Gabe Abrams
  */
 const logClientEvent: LogFunction = async (opts) => {
-  // Don't write to the server if there is none
-  if (appHasNoServer()) {
-    return;
-  }
-
   // Populate metadata
   let metadata = (opts.metadata ?? {});
   if (metadataPopulator) {

package/src/helpers/visitServerEndpoint.tsx

@@ -102,7 +102,6 @@ const visitServerEndpoint = async (
     params?: { [key in string]: any },
   },
 ): Promise<any> => {
-  // Set default method
   const method = (opts.method ?? 'GET');
   // Handle stubs
   const stubResponse = stubResponses[method]?.[opts.path];

package/src/stylesheets/shared.css.ts

@@ -18,11 +18,6 @@ const shared = `
 .tooltip {
   z-index: 9000000000 !important;
 }
-
-/* Tooltip White Text */
-.tooltip .tooltip-inner {
-  color: white !important;
-}
 `;
 
 export default shared;