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

package/dist/cjs/index.js

@@ -2107,6 +2107,29 @@ const ItemPicker = (props) => {
             React__default["default"].createElement(NestableItemList, { items: items, onChanged: onChanged }))));
 };
 
+// Import shared helpers
+/**
+ * Get a human-readable description of a date (all in ET)
+ * @author Gabe Abrams
+ * @param [dateOrTimestamp=today] the date or timestamp for the date to describe
+ * @returns human-readable description of the date
+ */
+const getHumanReadableDate = (dateOrTimestamp) => {
+    // Get the date info
+    const { month, day, year, } = getTimeInfoInET(dateOrTimestamp);
+    const currYear = getTimeInfoInET().year;
+    // Get the short month description
+    const monthName = getMonthName(month).short;
+    // Create start of description
+    let description = `${monthName} ${day}${getOrdinal(day)}`;
+    // Add on year if it's different
+    if (year !== currYear) {
+        description += ` ${year}`;
+    }
+    // Return description
+    return description;
+};
+
 /**
  * Path of the route for storing client-side logs
  * @author Gabe Abrams
@@ -2242,6 +2265,7 @@ const genCSV = (data, columns) => {
         .join(','));
     // Add each row
     data.forEach((datum) => {
+        csv += '\n';
         csv += (columns
             .map((column) => {
             let contents;
@@ -2370,6 +2394,11 @@ const IntelliTable = (props) => {
     const data = ((props.data && props.data.length > 0)
         ? props.data
         : [{ id: 'empty-row' }]);
+    if (props.csvName) {
+        (props.csvName.endsWith('.csv')
+            ? props.csvName
+            : `${props.csvName}.csv`);
+    }
     /* -------------- State ------------- */
     // Initial state
     const initColumnVisibilityMap = {};
@@ -2562,9 +2591,12 @@ const IntelliTable = (props) => {
                 const noValue = (value === undefined
                     || value === null);
                 visibleValue = (noValue
-                    ? (React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faCheckCircle }))
-                    : (React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faXmarkCircle })));
+                    ? (React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faMinus }))
+                    : (React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: fullValue ? freeSolidSvgIcons.faCheckCircle : freeSolidSvgIcons.faXmarkCircle })));
                 title = (fullValue ? 'True' : 'False');
+                if (noValue) {
+                    title = 'Empty Cell';
+                }
             }
             else if (column.type === ParamType$1.Int) {
                 fullValue = Number.parseInt(value, 10);
@@ -2573,6 +2605,9 @@ const IntelliTable = (props) => {
                     ? (React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faMinus }))
                     : fullValue);
                 title = String(fullValue);
+                if (noValue) {
+                    title = 'Empty Cell';
+                }
             }
             else if (column.type === ParamType$1.Float) {
                 fullValue = Number.parseFloat(value);
@@ -2581,6 +2616,9 @@ const IntelliTable = (props) => {
                     ? (React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faMinus }))
                     : roundToNumDecimals(fullValue, 2));
                 title = String(fullValue);
+                if (noValue) {
+                    title = 'Empty Cell';
+                }
             }
             else if (column.type === ParamType$1.String) {
                 fullValue = String(value).trim();
@@ -2591,6 +2629,9 @@ const IntelliTable = (props) => {
                     ? (React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faMinus }))
                     : fullValue);
                 title = `"${value}"`;
+                if (noValue) {
+                    title = 'Empty Cell';
+                }
             }
             else if (column.type === ParamType$1.JSON) {
                 fullValue = JSON.stringify(value);
@@ -2600,6 +2641,7 @@ const IntelliTable = (props) => {
                 visibleValue = (noValue
                     ? (React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faMinus }))
                     : fullValue);
+                title = "JSON Object";
             }
             // Create UI
             return (React__default["default"].createElement("td", { key: `${datum.id}-${column.param}`, title: title, style: {
@@ -3133,14 +3175,24 @@ const LogReviewer = (props) => {
                     } },
                     React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faHammer, className: "me-2" }),
                     "Action"),
-                React__default["default"].createElement("button", { type: "button", id: "LogReviewer-toggle-advanced-filter-drawer", className: `btn btn-${FilterDrawer.Advanced === expandedFilterDrawer ? 'warning' : 'light'}`, "aria-label": "toggle advanced filter drawer", onClick: () => {
+                React__default["default"].createElement("button", { type: "button", id: "LogReviewer-toggle-advanced-filter-drawer", className: `btn btn-${FilterDrawer.Advanced === expandedFilterDrawer ? 'warning' : 'light'} me-2`, "aria-label": "toggle advanced filter drawer", onClick: () => {
                         dispatch({
                             type: ActionType.ToggleFilterDrawer,
                             filterDrawer: FilterDrawer.Advanced,
                         });
                     } },
                     React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faList, className: "me-2" }),
-                    "Advanced"))));
+                    "Advanced"),
+                React__default["default"].createElement("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"))));
         // Filter drawer
         let filterDrawer;
         if (expandedFilterDrawer) {
@@ -3481,7 +3533,7 @@ const LogReviewer = (props) => {
         // Filters UI
         const filters = (React__default["default"].createElement(React__default["default"].Fragment, null,
             filterToggles,
-            filterDrawer && (React__default["default"].createElement(Drawer, null, filterDrawer))));
+            filterDrawer && (React__default["default"].createElement(Drawer, { customBackgroundColor: "#eee" }, filterDrawer))));
         // Actually filter the logs
         // > Perform filters
         const logs = [];
@@ -3929,7 +3981,7 @@ const LogReviewer = (props) => {
                 React__default["default"].createElement("div", null, "Either your filters are too strict or no matching logs have been created yet.")))
             : undefined);
         // Create intelliTable
-        const dataTable = (React__default["default"].createElement(IntelliTable, { title: "Matching Logs:", id: "logs", data: logs, columns: columns }));
+        const dataTable = (React__default["default"].createElement(IntelliTable, { title: "Matching Logs:", csvName: `Logs from ${getHumanReadableDate()}`, id: "logs", data: logs, columns: columns }));
         // Main body
         body = (React__default["default"].createElement(React__default["default"].Fragment, null,
             filters,
@@ -5176,29 +5228,6 @@ const startMinWait = (minWaitMs) => {
     });
 };
 
-// Import shared helpers
-/**
- * Get a human-readable description of a date (all in ET)
- * @author Gabe Abrams
- * @param [dateOrTimestamp=today] the date or timestamp for the date to describe
- * @returns human-readable description of the date
- */
-const getHumanReadableDate = (dateOrTimestamp) => {
-    // Get the date info
-    const { month, day, year, } = getTimeInfoInET(dateOrTimestamp);
-    const currYear = getTimeInfoInET().year;
-    // Get the short month description
-    const monthName = getMonthName(month).short;
-    // Create start of description
-    let description = `${monthName} ${day}${getOrdinal(day)}`;
-    // Add on year if it's different
-    if (year !== currYear) {
-        description += ` ${year}`;
-    }
-    // Return description
-    return description;
-};
-
 /**
  * Get the current part of day (morning, evening, etc.)
  * @author Gabe Abrams