dce-reactkit 3.2.2-beta.9 → 3.2.4

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

@@ -4,6 +4,7 @@
  */
 import React from 'react';
 declare type Props = {
+    customBackgroundColor?: string;
     children: React.ReactNode;
 };
 declare const Drawer: React.FC<Props>;

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

@@ -12,6 +12,7 @@ declare type Props = {
         [k: string]: any;
     }[];
     columns: IntelliTableColumn[];
+    csvName?: string;
 };
 declare const IntelliTable: React.FC<Props>;
 export default IntelliTable;

package/dist/esm/types/components/ItemPicker/NestableItemList.d.ts

@@ -1,6 +1,7 @@
 /**
  * Reusable nested item picker
  * @author Yuen Ler Chow
+ * @author Gabe Abrams
  */
 import React from 'react';
 import PickableItem from './types/PickableItem';

package/dist/esm/types/dynamicConstants/DynamicWord.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Dynamic words determined by the user's platform
+ * @author Gabe Abrams
+ */
+declare const DynamicWord: {
+    Click: string;
+    ClickCapitalized: string;
+    App: string;
+    AppCapitalized: string;
+    Device: string;
+    DeviceCapitalized: string;
+};
+export default DynamicWord;

package/dist/esm/types/helpers/isMobileOrTablet.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Check if the user is on a mobile device or tablet
+ * from https://stackoverflow.com/questions/11381673/detecting-a-mobile-browser
+ * @returns true if user is on a mobile device
+ */
+declare const isMobileOrTablet: () => boolean;
+export default isMobileOrTablet;

package/dist/esm/types/index.d.ts

@@ -20,6 +20,7 @@ import ErrorWithCode from './errors/ErrorWithCode';
 import MINUTE_IN_MS from './constants/MINUTE_IN_MS';
 import HOUR_IN_MS from './constants/HOUR_IN_MS';
 import DAY_IN_MS from './constants/DAY_IN_MS';
+import DynamicWord from './dynamicConstants/DynamicWord';
 import abbreviate from './helpers/abbreviate';
 import avg from './helpers/avg';
 import ceilToNumDecimals from './helpers/ceilToNumDecimals';
@@ -49,6 +50,7 @@ import initLogCollection from './server/initLogCollection';
 import getMonthName from './helpers/getMonthName';
 import genCSV from './helpers/genCSV';
 import canReviewLogs from './helpers/canReviewLogs';
+import isMobileOrTablet from './helpers/isMobileOrTablet';
 import ModalButtonType from './types/ModalButtonType';
 import ModalSize from './types/ModalSize';
 import ModalType from './types/ModalType';
@@ -64,4 +66,4 @@ import LogBuiltInMetadata from './types/LogBuiltInMetadata';
 import LogMetadataType from './types/LogMetadataType';
 import IntelliTableColumn from './types/IntelliTableColumn';
 import PickableItem from './components/ItemPicker/types/PickableItem';
-export { AppWrapper, LoadingSpinner, ErrorBox, Modal, TabBox, RadioButton, CheckboxButton, ButtonInputGroup, SimpleDateChooser, Drawer, PopSuccessMark, PopFailureMark, PopPendingMark, CopiableBox, ItemPicker, LogReviewer, IntelliTable, CSVDownloadButton, alert, confirm, showFatalError, ErrorWithCode, MINUTE_IN_MS, HOUR_IN_MS, DAY_IN_MS, abbreviate, avg, ceilToNumDecimals, floorToNumDecimals, forceNumIntoBounds, padDecimalZeros, padZerosLeft, roundToNumDecimals, sum, waitMs, getOrdinal, getTimeInfoInET, stubServerEndpoint, startMinWait, getHumanReadableDate, getPartOfDay, stringsToHumanReadableList, onlyKeepLetters, parallelLimit, getMonthName, genCSV, canReviewLogs, visitServerEndpoint, logClientEvent, initServer, genRouteHandler, handleError, handleSuccess, initLogCollection, ModalButtonType, ModalSize, ModalType, ReactKitErrorCode, Variant, DayOfWeek, Log, LogType, LogSource, LogAction, LogBuiltInMetadata, LogMetadataType, IntelliTableColumn, PickableItem, ParamType, };
+export { AppWrapper, LoadingSpinner, ErrorBox, Modal, TabBox, RadioButton, CheckboxButton, ButtonInputGroup, SimpleDateChooser, Drawer, PopSuccessMark, PopFailureMark, PopPendingMark, CopiableBox, ItemPicker, LogReviewer, IntelliTable, CSVDownloadButton, alert, confirm, showFatalError, ErrorWithCode, MINUTE_IN_MS, HOUR_IN_MS, DAY_IN_MS, DynamicWord, abbreviate, avg, ceilToNumDecimals, floorToNumDecimals, forceNumIntoBounds, padDecimalZeros, padZerosLeft, roundToNumDecimals, sum, waitMs, getOrdinal, getTimeInfoInET, stubServerEndpoint, startMinWait, getHumanReadableDate, getPartOfDay, stringsToHumanReadableList, onlyKeepLetters, parallelLimit, getMonthName, genCSV, canReviewLogs, isMobileOrTablet, visitServerEndpoint, logClientEvent, initServer, genRouteHandler, handleError, handleSuccess, initLogCollection, ModalButtonType, ModalSize, ModalType, ReactKitErrorCode, Variant, DayOfWeek, Log, LogType, LogSource, LogAction, LogBuiltInMetadata, LogMetadataType, IntelliTableColumn, PickableItem, ParamType, };

package/dist/esm/types/types/LogAction.d.ts

@@ -3,21 +3,21 @@
  * @author Gabe Abrams
  */
 declare enum LogAction {
-    Open = "open",
-    Close = "close",
-    Cancel = "cancel",
-    Expand = "expand",
-    Collapse = "collapse",
-    View = "view",
-    Interrupt = "interrupt",
-    Create = "create",
-    Edit = "edit",
-    Delete = "delete",
-    Add = "add",
-    Remove = "remove",
-    Activate = "activate",
-    Deactivate = "deactivate",
-    Peek = "peek",
-    Unknown = "unknown"
+    Open = "Open",
+    Close = "Close",
+    Cancel = "Cancel",
+    Expand = "Expand",
+    Collapse = "Collapse",
+    View = "View",
+    Interrupt = "Interrupt",
+    Create = "Create",
+    Edit = "Edit",
+    Delete = "Delete",
+    Add = "Add",
+    Remove = "Remove",
+    Activate = "Activate",
+    Deactivate = "Deactivate",
+    Peek = "Peek",
+    Unknown = "Unknown"
 }
 export default LogAction;

package/dist/esm/types/types/LogBuiltInMetadata.d.ts

@@ -10,7 +10,7 @@ declare const LogBuiltInMetadata: {
         ClientFatalError: string;
     };
     Target: {
-        NoSpecificTarget: string;
+        NoTarget: string;
     };
 };
 export default LogBuiltInMetadata;

package/dist/esm/types/types/LogMetadataContextMap.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Type of the context map in a LogMetadata file
+ * @author Gabe Abrams
+ */
+declare type LogMetadataContextMap = {
+    [k: string]: (string | {
+        _: string;
+        [k: string]: string;
+    });
+};
+export default LogMetadataContextMap;

package/dist/esm/types/types/LogMetadataTagMap.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Type of the tag map inside a LogMetadata file
+ * @author Gabe Abrams
+ */
+declare type LogMetadataTagMap = {
+    [k: string]: string;
+};
+export default LogMetadataTagMap;

package/dist/esm/types/types/LogMetadataTargetMap.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Type of the target map inside a LogMetadata file
+ * @author Gabe Abrams
+ */
+declare type LogMetadataTargetMap = {
+    [k: string]: string;
+};
+export default LogMetadataTargetMap;

package/dist/esm/types/types/LogMetadataType.d.ts

@@ -1,19 +1,13 @@
+import LogMetadataContextMap from './LogMetadataContextMap';
+import LogMetadataTagMap from './LogMetadataTagMap';
+import LogMetadataTargetMap from './LogMetadataTargetMap';
 /**
  * Type of a LogMetadata file
  * @author Gabe Abrams
  */
 declare type LogMetadataType = {
-    Context?: {
-        [k: string]: (string | {
-            _: string;
-            [k: string]: string;
-        });
-    };
-    Tag?: {
-        [k: string]: string;
-    };
-    Target?: {
-        [k: string]: string;
-    };
+    Context?: LogMetadataContextMap;
+    Tag?: LogMetadataTagMap;
+    Target?: LogMetadataTargetMap;
 };
 export default LogMetadataType;

package/dist/index.d.ts

@@ -275,6 +275,7 @@ declare const SimpleDateChooser: React.FC<Props$9>;
  */
 
 declare type Props$8 = {
+    customBackgroundColor?: string;
     children: React.ReactNode;
 };
 declare const Drawer: React.FC<Props$8>;
@@ -368,23 +369,41 @@ declare type Props$3 = {
 };
 declare const ItemPicker: React.FC<Props$3>;
 
+/**
+ * Type of the context map in a LogMetadata file
+ * @author Gabe Abrams
+ */
+declare type LogMetadataContextMap = {
+    [k: string]: (string | {
+        _: string;
+        [k: string]: string;
+    });
+};
+
+/**
+ * Type of the tag map inside a LogMetadata file
+ * @author Gabe Abrams
+ */
+declare type LogMetadataTagMap = {
+    [k: string]: string;
+};
+
+/**
+ * Type of the target map inside a LogMetadata file
+ * @author Gabe Abrams
+ */
+declare type LogMetadataTargetMap = {
+    [k: string]: string;
+};
+
 /**
  * Type of a LogMetadata file
  * @author Gabe Abrams
  */
 declare type LogMetadataType = {
-    Context?: {
-        [k: string]: (string | {
-            _: string;
-            [k: string]: string;
-        });
-    };
-    Tag?: {
-        [k: string]: string;
-    };
-    Target?: {
-        [k: string]: string;
-    };
+    Context?: LogMetadataContextMap;
+    Tag?: LogMetadataTagMap;
+    Target?: LogMetadataTargetMap;
 };
 
 /**
@@ -440,6 +459,7 @@ declare type Props$1 = {
         [k: string]: any;
     }[];
     columns: IntelliTableColumn[];
+    csvName?: string;
 };
 declare const IntelliTable: React.FC<Props$1>;
 
@@ -489,6 +509,19 @@ declare const HOUR_IN_MS = 3600000;
  */
 declare const DAY_IN_MS = 86400000;
 
+/**
+ * Dynamic words determined by the user's platform
+ * @author Gabe Abrams
+ */
+declare const DynamicWord: {
+    Click: string;
+    ClickCapitalized: string;
+    App: string;
+    AppCapitalized: string;
+    Device: string;
+    DeviceCapitalized: string;
+};
+
 /**
  * Shorten text so it fits into a certain number of chars
  * @author Gabe Abrams
@@ -669,22 +702,22 @@ declare type LogSourceSpecificInfo = ({
  * @author Gabe Abrams
  */
 declare enum LogAction {
-    Open = "open",
-    Close = "close",
-    Cancel = "cancel",
-    Expand = "expand",
-    Collapse = "collapse",
-    View = "view",
-    Interrupt = "interrupt",
-    Create = "create",
-    Edit = "edit",
-    Delete = "delete",
-    Add = "add",
-    Remove = "remove",
-    Activate = "activate",
-    Deactivate = "deactivate",
-    Peek = "peek",
-    Unknown = "unknown"
+    Open = "Open",
+    Close = "Close",
+    Cancel = "Cancel",
+    Expand = "Expand",
+    Collapse = "Collapse",
+    View = "View",
+    Interrupt = "Interrupt",
+    Create = "Create",
+    Edit = "Edit",
+    Delete = "Delete",
+    Add = "Add",
+    Remove = "Remove",
+    Activate = "Activate",
+    Deactivate = "Deactivate",
+    Peek = "Peek",
+    Unknown = "Unknown"
 }
 
 /**
@@ -984,6 +1017,13 @@ declare const genCSV: (data: {
  */
 declare const canReviewLogs: () => Promise<boolean>;
 
+/**
+ * Check if the user is on a mobile device or tablet
+ * from https://stackoverflow.com/questions/11381673/detecting-a-mobile-browser
+ * @returns true if user is on a mobile device
+ */
+declare const isMobileOrTablet: () => boolean;
+
 /**
  * List of error codes built into the react kit
  * @author Gabe Abrams
@@ -1028,8 +1068,8 @@ declare const LogBuiltInMetadata: {
         ClientFatalError: string;
     };
     Target: {
-        NoSpecificTarget: string;
+        NoTarget: string;
     };
 };
 
-export { AppWrapper, ButtonInputGroup, CSVDownloadButton, CheckboxButton, CopiableBox, DAY_IN_MS, DayOfWeek, Drawer, ErrorBox, ErrorWithCode, HOUR_IN_MS, IntelliTable, IntelliTableColumn, ItemPicker, LoadingSpinner, Log, LogAction, LogBuiltInMetadata, LogMetadataType, LogReviewer, LogSource, LogType, MINUTE_IN_MS, Modal, ModalButtonType, ModalSize, ModalType, ParamType, PickableItem, PopFailureMark, PopPendingMark, PopSuccessMark, RadioButton, ReactKitErrorCode, SimpleDateChooser, TabBox, Variant, abbreviate, alert, avg, canReviewLogs, ceilToNumDecimals, confirm, floorToNumDecimals, forceNumIntoBounds, genCSV, genRouteHandler, getHumanReadableDate, getMonthName, getOrdinal, getPartOfDay, getTimeInfoInET, handleError, handleSuccess, initLogCollection, initServer, logClientEvent, onlyKeepLetters, padDecimalZeros, padZerosLeft, parallelLimit, roundToNumDecimals, showFatalError, startMinWait, stringsToHumanReadableList, stubServerEndpoint, sum, visitServerEndpoint, waitMs };
+export { AppWrapper, ButtonInputGroup, CSVDownloadButton, CheckboxButton, CopiableBox, DAY_IN_MS, DayOfWeek, Drawer, DynamicWord, ErrorBox, ErrorWithCode, HOUR_IN_MS, IntelliTable, IntelliTableColumn, ItemPicker, LoadingSpinner, Log, LogAction, LogBuiltInMetadata, LogMetadataType, LogReviewer, LogSource, LogType, MINUTE_IN_MS, Modal, ModalButtonType, ModalSize, ModalType, ParamType, PickableItem, PopFailureMark, PopPendingMark, PopSuccessMark, RadioButton, ReactKitErrorCode, SimpleDateChooser, TabBox, Variant, abbreviate, alert, avg, canReviewLogs, ceilToNumDecimals, confirm, floorToNumDecimals, forceNumIntoBounds, genCSV, genRouteHandler, getHumanReadableDate, getMonthName, getOrdinal, getPartOfDay, getTimeInfoInET, handleError, handleSuccess, initLogCollection, initServer, isMobileOrTablet, logClientEvent, onlyKeepLetters, padDecimalZeros, padZerosLeft, parallelLimit, roundToNumDecimals, showFatalError, startMinWait, stringsToHumanReadableList, stubServerEndpoint, sum, visitServerEndpoint, waitMs };

package/package.json

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

package/src/components/ButtonInputGroup.tsx

@@ -69,7 +69,7 @@ const ButtonInputGroup: React.FC<Props> = (props) => {
 
         {/* Contents */}
         <span
-          className="input-group-text flex-grow-1 rounded-right"
+          className="input-group-text flex-grow-1 rounded-right d-flex flex-wrap"
           style={{
             backgroundColor: 'white',
             borderTopLeftRadius: 0,

package/src/components/CSVDownloadButton.tsx

@@ -70,7 +70,7 @@ const CSVDownloadButton: React.FC<Props> = (props) => {
     <a
       id={id}
       download={filename}
-      href={`data:application/octet-stream,${csv}`}
+      href={`data:application/octet-stream,${encodeURIComponent(csv)}`}
       className={`CSVDownloadButton-button ${className ?? 'btn btn-secondary'}`}
       aria-label={(
         ariaLabel
@@ -84,8 +84,8 @@ const CSVDownloadButton: React.FC<Props> = (props) => {
         <>
           <FontAwesomeIcon
             icon={faCloudDownloadAlt}
-            className="mr-2"
           />
+          {' '}
           Download CSV
         </>
       )}

package/src/components/Drawer.tsx

@@ -12,6 +12,8 @@ import React from 'react';
 
 // Props definition
 type Props = {
+  // Custom background color
+  customBackgroundColor?: string,
   // Children to display
   children: React.ReactNode,
 };
@@ -49,6 +51,7 @@ const Drawer: React.FC<Props> = (props) => {
 
   // Destructure all props
   const {
+    customBackgroundColor,
     children,
   } = props;
 
@@ -61,7 +64,12 @@ const Drawer: React.FC<Props> = (props) => {
   /*----------------------------------------*/
 
   return (
-    <div className="Drawer-container">
+    <div
+      className="Drawer-container"
+      style={{
+        backgroundColor: (customBackgroundColor ?? undefined),
+      }}
+    >
       <style>{style}</style>
       {children}
     </div>