dce-reactkit 3.2.2-beta.41 → 3.2.2-beta.44

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.41",
+  "version": "3.2.2-beta.44",
   "description": "Shared components for Harvard DCE apps",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

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

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
@@ -633,7 +645,7 @@ const IntelliTable: React.FC<Props> = (props) => {
           <CSVDownloadButton
             aria-label={`download data as csv for ${title}`}
             id={`IntelliTable-${id}-download-as-csv`}
-            filename={`${title}.csv`}
+            filename={filename}
             csv={csv}
           />
           {/* Show/Hide Columns */}

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>
     );
@@ -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) => {