dce-reactkit 3.2.2-beta.40 → 3.2.2-beta.42

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/index.d.ts

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

package/package.json

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

package/src/components/IntelliTable.tsx

@@ -51,6 +51,8 @@ type Props = {
   }[],
   // Column information
   columns: IntelliTableColumn[],
+  // Name of the CSV file. If excluded, title is used
+  csvName?: string,
 };
 
 // Sort types
@@ -192,6 +194,16 @@ const IntelliTable: React.FC<Props> = (props) => {
       : [{ id: 'empty-row' }]
   );
 
+  // Get CSV filename
+  let filename = `${title}.csv`;
+  if (props.csvName) {
+    filename = (
+      props.csvName.endsWith('.csv')
+        ? props.csvName
+        : `${props.csvName}.csv`
+    );
+  }
+
   /* -------------- State ------------- */
 
   // Initial state
@@ -480,16 +492,19 @@ const IntelliTable: React.FC<Props> = (props) => {
             noValue
               ? (
                 <FontAwesomeIcon
-                  icon={faCheckCircle}
+                  icon={faMinus}
                 />
               )
               : (
                 <FontAwesomeIcon
-                  icon={faXmarkCircle}
+                  icon={fullValue ? faCheckCircle : faXmarkCircle}
                 />
               )
           );
           title = (fullValue ? 'True' : 'False');
+          if (noValue) {
+            title = 'Empty Cell';
+          }
         } else if (column.type === ParamType.Int) {
           fullValue = Number.parseInt(value, 10);
           const noValue = Number.isNaN(fullValue);
@@ -503,6 +518,9 @@ const IntelliTable: React.FC<Props> = (props) => {
               : fullValue
           );
           title = String(fullValue);
+          if (noValue) {
+            title = 'Empty Cell';
+          }
         } else if (column.type === ParamType.Float) {
           fullValue = Number.parseFloat(value);
           const noValue = Number.isNaN(fullValue);
@@ -516,6 +534,9 @@ const IntelliTable: React.FC<Props> = (props) => {
               : roundToNumDecimals(fullValue as number, 2)
           );
           title = String(fullValue);
+          if (noValue) {
+            title = 'Empty Cell';
+          }
         } else if (column.type === ParamType.String) {
           fullValue = String(value).trim();
           const noValue = (
@@ -533,6 +554,9 @@ const IntelliTable: React.FC<Props> = (props) => {
               : fullValue
           );
           title = `"${value}"`;
+          if (noValue) {
+            title = 'Empty Cell';
+          }
         } else if (column.type === ParamType.JSON) {
           fullValue = JSON.stringify(value);
           const noValue = (
@@ -549,6 +573,7 @@ const IntelliTable: React.FC<Props> = (props) => {
               )
               : fullValue
           );
+          title="JSON Object"
         }
 
         // Create UI

package/src/components/LogReviewer.tsx

@@ -22,6 +22,7 @@ import {
 import visitServerEndpoint from '../helpers/visitServerEndpoint';
 import getTimeInfoInET from '../helpers/getTimeInfoInET';
 import { alert, showFatalError } from './AppWrapper';
+import getHumanReadableDate from '../helpers/getHumanReadableDate';
 
 // Import shared constants
 import LOG_REVIEW_ROUTE_PATH_PREFIX from '../constants/LOG_REVIEW_ROUTE_PATH_PREFIX';
@@ -901,7 +902,7 @@ const LogReviewer: React.FC<Props> = (props) => {
           <button
             type="button"
             id="LogReviewer-toggle-advanced-filter-drawer"
-            className={`btn btn-${FilterDrawer.Advanced === expandedFilterDrawer ? 'warning' : 'light'}`}
+            className={`btn btn-${FilterDrawer.Advanced === expandedFilterDrawer ? 'warning' : 'light'} me-2`}
             aria-label="toggle advanced filter drawer"
             onClick={() => {
               dispatch({
@@ -916,6 +917,25 @@ const LogReviewer: React.FC<Props> = (props) => {
             />
             Advanced
           </button>
+          {/* Reset */}
+          <button
+            type="button"
+            id="LogReviewer-reset-filters-button"
+            className="btn btn-light"
+            aria-label="reset filters"
+            onClick={() => {
+              dispatch({
+                type: ActionType.ResetFilters,
+                initActionErrorFilterState,
+                initAdvancedFilterState,
+                initContextFilterState,
+                initDateFilterState,
+                initTagFilterState,
+              });
+            }}
+          >
+            Reset All
+          </button>
         </div>
       </div>
     );
@@ -1582,7 +1602,7 @@ const LogReviewer: React.FC<Props> = (props) => {
       <>
         {filterToggles}
         {filterDrawer && (
-          <Drawer>
+          <Drawer customBackgroundColor="#eee">
             {filterDrawer}
           </Drawer>
         )}
@@ -2131,6 +2151,7 @@ const LogReviewer: React.FC<Props> = (props) => {
     const dataTable = (
       <IntelliTable
         title="Matching Logs:"
+        csvName={`Logs from ${getHumanReadableDate()}`}
         id="logs"
         data={logs}
         columns={columns}

package/src/helpers/genCSV.ts

@@ -43,6 +43,7 @@ const genCSV = (
 
   // Add each row
   data.forEach((datum) => {
+    csv += '\n';
     csv += (
       columns
         .map((column) => {