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

package/dist/esm/index.js

@@ -2337,6 +2337,10 @@ var ActionType$1;
     ActionType["UpdateColumnVisibility"] = "update-column-visibility";
     // Toggle the column visibility customization modal
     ActionType["ToggleColVisCusModalVisibility"] = "toggle-col-vis-cus-modal-visibility";
+    // Show all columns
+    ActionType["ShowAllColumns"] = "show-all-columns";
+    // Hide all columns
+    ActionType["HideAllColumns"] = "hide-all-columns";
 })(ActionType$1 || (ActionType$1 = {}));
 /**
  * Reducer that executes actions
@@ -2366,6 +2370,20 @@ const reducer$1 = (state, action) => {
         case ActionType$1.ToggleColVisCusModalVisibility: {
             return Object.assign(Object.assign({}, state), { columnVisibilityCustomizationModalVisible: !state.columnVisibilityCustomizationModalVisible });
         }
+        case ActionType$1.ShowAllColumns: {
+            const { columnVisibilityMap } = state;
+            Object.keys(columnVisibilityMap).forEach((param) => {
+                columnVisibilityMap[param] = true;
+            });
+            return Object.assign(Object.assign({}, state), { columnVisibilityMap });
+        }
+        case ActionType$1.HideAllColumns: {
+            const { columnVisibilityMap } = state;
+            Object.keys(columnVisibilityMap).forEach((param) => {
+                columnVisibilityMap[param] = false;
+            });
+            return Object.assign(Object.assign({}, state), { columnVisibilityMap });
+        }
         default: {
             return state;
         }
@@ -2421,18 +2439,37 @@ const IntelliTable = (props) => {
     if (columnVisibilityCustomizationModalVisible) {
         // Create modal
         modal = (React.createElement(Modal, { type: ModalType$1.Okay, title: "Choose columns to show:", onClose: () => {
+                const noColumnsSelected = (Object.values(columnVisibilityMap)
+                    .every((isSelected) => {
+                    return !isSelected;
+                }));
+                if (noColumnsSelected) {
+                    return alert$1('Choose at least one column', 'To continue, you have to choose at least one column to show');
+                }
                 dispatch({
                     type: ActionType$1.ToggleColVisCusModalVisibility,
                 });
-            }, okayVariant: Variant$1.Light }, columns.map((column) => {
-            return (React.createElement(CheckboxButton, { key: column.param, id: `IntelliTable-${id}-toggle-visibility-${column.param}`, className: "mb-2", text: column.title, onChanged: (checked) => {
+            }, okayVariant: Variant$1.Light },
+            columns.map((column) => {
+                return (React.createElement(CheckboxButton, { key: column.param, id: `IntelliTable-${id}-toggle-visibility-${column.param}`, className: "mb-2", text: column.title, onChanged: (checked) => {
+                        dispatch({
+                            type: ActionType$1.UpdateColumnVisibility,
+                            param: column.param,
+                            visible: checked,
+                        });
+                    }, checked: columnVisibilityMap[column.param], ariaLabel: `show "${column.title}" column in the ${title} table`, checkedVariant: Variant$1.Light, uncheckedVariant: Variant$1.Secondary }));
+            }),
+            React.createElement("div", { className: "mt-3" }, "Or you can:"),
+            React.createElement("button", { type: "button", id: `IntelliTable-${id}-select-all-columns`, className: "btn btn-secondary me-2", "aria-label": `show all columns in the ${title} table`, onClick: () => {
                     dispatch({
-                        type: ActionType$1.UpdateColumnVisibility,
-                        param: column.param,
-                        visible: checked,
+                        type: ActionType$1.ShowAllColumns,
                     });
-                }, checked: columnVisibilityMap[column.param], ariaLabel: `show "${column.title}" column`, checkedVariant: Variant$1.Light, uncheckedVariant: Variant$1.Secondary }));
-        })));
+                } }, "Select All"),
+            React.createElement("button", { type: "button", id: `IntelliTable-${id}-select-none-columns`, className: "btn btn-secondary", "aria-label": `hide all columns in the ${title} table`, onClick: () => {
+                    dispatch({
+                        type: ActionType$1.HideAllColumns,
+                    });
+                } }, "Deselect All")));
     }
     /*----------------------------------------*/
     /*                 Main UI                */
@@ -2658,7 +2695,9 @@ const IntelliTable = (props) => {
     })
         .length);
     // Build CSV
-    const csv = genCSV(data, columns);
+    const csv = genCSV(data, columns.filter((column) => {
+        return columnVisibilityMap[column.param];
+    }));
     // Build main UI
     return (React.createElement("div", { className: `IntelliTable-container-${id}` },
         modal,
@@ -2784,6 +2823,195 @@ const style = `
   }
 `;
 /*------------------------------------------------------------------------*/
+/*                                Constants                               */
+/*------------------------------------------------------------------------*/
+const columns = [
+    {
+        title: 'First Name',
+        param: 'userFirstName',
+        type: ParamType$1.String,
+    },
+    {
+        title: 'Last Name',
+        param: 'userLastName',
+        type: ParamType$1.String,
+    },
+    {
+        title: 'Email',
+        param: 'userEmail',
+        type: ParamType$1.String,
+    },
+    {
+        title: 'Canvas Id',
+        param: 'userId',
+        type: ParamType$1.Int,
+    },
+    {
+        title: 'Student?',
+        param: 'isLearner',
+        type: ParamType$1.Boolean,
+    },
+    {
+        title: 'Teaching Staff?',
+        param: 'isTTM',
+        type: ParamType$1.Boolean,
+        startsHidden: true,
+    },
+    {
+        title: 'Admin?',
+        param: 'isAdmin',
+        type: ParamType$1.Boolean,
+        startsHidden: true,
+    },
+    {
+        title: 'Course Canvas Id',
+        param: 'courseId',
+        type: ParamType$1.Int,
+        startsHidden: true,
+    },
+    {
+        title: 'Course Name',
+        param: 'courseName',
+        type: ParamType$1.String,
+    },
+    {
+        title: 'Browser Name',
+        param: 'browser.name',
+        type: ParamType$1.String,
+        startsHidden: true,
+    },
+    {
+        title: 'Browser Version',
+        param: 'browser.version',
+        type: ParamType$1.String,
+        startsHidden: true,
+    },
+    {
+        title: 'OS',
+        param: 'device.os',
+        type: ParamType$1.String,
+        startsHidden: true,
+    },
+    {
+        title: 'Mobile?',
+        param: 'device.isMobile',
+        type: ParamType$1.Boolean,
+        startsHidden: true,
+    },
+    {
+        title: 'Year',
+        param: 'year',
+        type: ParamType$1.Int,
+    },
+    {
+        title: 'Month',
+        param: 'month',
+        type: ParamType$1.Int,
+    },
+    {
+        title: 'Day',
+        param: 'day',
+        type: ParamType$1.Int,
+    },
+    {
+        title: 'Hour',
+        param: 'hour',
+        type: ParamType$1.Int,
+    },
+    {
+        title: 'Minute',
+        param: 'minute',
+        type: ParamType$1.Int,
+        startsHidden: true,
+    },
+    {
+        title: 'Timestamp',
+        param: 'timestamp',
+        type: ParamType$1.Int,
+        startsHidden: true,
+    },
+    {
+        title: 'Context',
+        param: 'context',
+        type: ParamType$1.String,
+    },
+    {
+        title: 'Subcontext',
+        param: 'subcontext',
+        type: ParamType$1.String,
+    },
+    {
+        title: 'Tags',
+        param: 'tags',
+        type: ParamType$1.JSON,
+        startsHidden: true,
+    },
+    {
+        title: 'Log Level',
+        param: 'level',
+        type: ParamType$1.String,
+        startsHidden: true,
+    },
+    {
+        title: 'Metadata',
+        param: 'metadata',
+        type: ParamType$1.JSON,
+        startsHidden: true,
+    },
+    {
+        title: 'Source',
+        param: 'source',
+        type: ParamType$1.String,
+    },
+    {
+        title: 'Server Route Path',
+        param: 'routePath',
+        type: ParamType$1.String,
+        startsHidden: true,
+    },
+    {
+        title: 'Server Route Template',
+        param: 'routeTemplate',
+        type: ParamType$1.String,
+        startsHidden: true,
+    },
+    {
+        title: 'Type',
+        param: 'type',
+        type: ParamType$1.String,
+    },
+    {
+        title: 'Error Message',
+        param: 'errorMessage',
+        type: ParamType$1.String,
+        startsHidden: true,
+    },
+    {
+        title: 'Error Code',
+        param: 'errorCode',
+        type: ParamType$1.String,
+        startsHidden: true,
+    },
+    {
+        title: 'Error Stack',
+        param: 'errorStack',
+        type: ParamType$1.String,
+        startsHidden: true,
+    },
+    {
+        title: 'Action Target',
+        param: 'target',
+        type: ParamType$1.String,
+        startsHidden: true,
+    },
+    {
+        title: 'Action Type',
+        param: 'action',
+        type: ParamType$1.String,
+        startsHidden: true,
+    },
+];
+/*------------------------------------------------------------------------*/
 /*                            Static Functions                            */
 /*------------------------------------------------------------------------*/
 /**
@@ -2895,34 +3123,34 @@ const LogReviewer = (props) => {
     /*------------------------------------------------------------------------*/
     /*                                  Setup                                 */
     /*------------------------------------------------------------------------*/
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _a, _b, _c, _d, _e, _f;
     /* -------------- Props ------------- */
     // Destructure props
     const { LogMetadata, onClose, } = props;
-    // Add built-in LogMetadata
-    // > Add "uncategorized" subcontext to each context
-    Object.keys((_a = LogMetadata.Context) !== null && _a !== void 0 ? _a : {}).forEach((context) => {
-        if (
-        // Context exists
-        LogMetadata.Context
-            // Context has children already
-            && typeof LogMetadata.Context[context] !== 'string') {
-            LogMetadata.Context[context][LogBuiltInMetadata.Context.Uncategorized] = (LogBuiltInMetadata.Context.Uncategorized);
-        }
-    });
-    // > Add built-in contexts
-    LogMetadata.Context = ((_b = LogMetadata.Context) !== null && _b !== void 0 ? _b : {});
-    Object.keys(LogBuiltInMetadata.Context).forEach((context) => {
-        if (LogMetadata.Context) {
-            LogMetadata.Context[context] = context;
-        }
+    // Create complete map of contexts
+    const contextMap = {};
+    [
+        ((_a = LogMetadata.Context) !== null && _a !== void 0 ? _a : {}),
+        LogBuiltInMetadata.Context,
+    ].forEach((contextMap) => {
+        Object.keys(contextMap).forEach((context) => {
+            // Add context
+            contextMap[context] = context;
+            // If context has children, add an "uncategorized" subcontext
+            if (typeof contextMap[context] !== 'string') {
+                contextMap[context][LogBuiltInMetadata.Context.Uncategorized] = (LogBuiltInMetadata.Context.Uncategorized);
+            }
+        });
     });
-    // > Add built-in targets
-    LogMetadata.Target = ((_c = LogMetadata.Target) !== null && _c !== void 0 ? _c : {});
-    Object.keys(LogBuiltInMetadata.Target).forEach((target) => {
-        if (LogMetadata.Target) {
-            LogMetadata.Target[target] = target;
-        }
+    // Create complete map of targets
+    const targetMap = {};
+    [
+        ((_b = LogMetadata.Target) !== null && _b !== void 0 ? _b : {}),
+        LogBuiltInMetadata.Target,
+    ].forEach((targetMap) => {
+        Object.keys(targetMap).forEach((target) => {
+            targetMap[target] = target;
+        });
     });
     /* -------------- State ------------- */
     // Create initial date filter state
@@ -2943,7 +3171,7 @@ const LogReviewer = (props) => {
     };
     // Create initial context filter state
     const initContextFilterState = {};
-    Object.keys((_d = LogMetadata.Context) !== null && _d !== void 0 ? _d : {}).forEach((context) => {
+    Object.keys((_c = LogMetadata.Context) !== null && _c !== void 0 ? _c : {}).forEach((context) => {
         var _a, _b;
         const contextValue = ((_a = LogMetadata.Context) !== null && _a !== void 0 ? _a : {})[context];
         if (typeof contextValue === 'string') {
@@ -2965,7 +3193,7 @@ const LogReviewer = (props) => {
     });
     // Create initial tag filter state
     const initTagFilterState = {};
-    Object.keys((_e = LogMetadata.Tag) !== null && _e !== void 0 ? _e : {}).forEach((tag) => {
+    Object.keys((_d = LogMetadata.Tag) !== null && _d !== void 0 ? _d : {}).forEach((tag) => {
         initTagFilterState[tag] = false;
     });
     // Create advanced filter state
@@ -2992,7 +3220,7 @@ const LogReviewer = (props) => {
         target: {},
         action: {},
     };
-    Object.values((_f = LogMetadata.Target) !== null && _f !== void 0 ? _f : {}).forEach((target) => {
+    Object.values((_e = LogMetadata.Target) !== null && _e !== void 0 ? _e : {}).forEach((target) => {
         initActionErrorFilterState.target[target] = true;
     });
     Object.values(LogAction$1).forEach((action) => {
@@ -3186,7 +3414,7 @@ const LogReviewer = (props) => {
                             initDateFilterState,
                             initTagFilterState,
                         });
-                    } }, "Reset All"))));
+                    } }, "Reset"))));
         // Filter drawer
         let filterDrawer;
         if (expandedFilterDrawer) {
@@ -3214,10 +3442,16 @@ const LogReviewer = (props) => {
             }
             else if (expandedFilterDrawer === FilterDrawer.Context) {
                 // Create item picker items
-                const pickableItems = (Object.keys((_g = LogMetadata.Context) !== null && _g !== void 0 ? _g : {})
-                    .map((context) => {
-                    var _a;
-                    const value = ((_a = LogMetadata.Context) !== null && _a !== void 0 ? _a : {})[context];
+                const builtInPickableItem = {
+                    id: '_',
+                    name: 'Auto-logged',
+                    isGroup: true,
+                    children: [],
+                };
+                const pickableItems = [];
+                Object.keys(contextMap)
+                    .forEach((context) => {
+                    const value = (contextMap)[context];
                     if (typeof value === 'string') {
                         // No subcategories
                         const item = {
@@ -3226,13 +3460,24 @@ const LogReviewer = (props) => {
                             isGroup: false,
                             checked: !!contextFilterState[context],
                         };
-                        return item;
+                        // Add built-in items to its own folder
+                        const isBuiltIn = context in LogBuiltInMetadata.Context;
+                        if (isBuiltIn) {
+                            // Add to built-in pickable item
+                            builtInPickableItem.children.push(item);
+                        }
+                        else {
+                            // Add to pickable items list
+                            pickableItems.push(item);
+                        }
                     }
                     // Has subcategories
                     const children = (Object.keys(value)
+                        // Remove parent name
                         .filter((subcontext) => {
                         return subcontext !== '_';
                     })
+                        // Create child pickable items
                         .map((subcontext) => {
                         return {
                             id: subcontext,
@@ -3247,19 +3492,32 @@ const LogReviewer = (props) => {
                         isGroup: true,
                         children,
                     };
-                    return item;
-                }));
+                    pickableItems.push(item);
+                });
+                // Add built-in contexts to end ofl ist
+                pickableItems.push(builtInPickableItem);
                 // Create filter UI
                 filterDrawer = (React.createElement(ItemPicker, { title: "Context", items: pickableItems, onChanged: (updatedItems) => {
                         // Update our state
                         updatedItems.forEach((pickableItem) => {
                             if (pickableItem.isGroup) {
                                 // Has subcontexts
-                                pickableItem.children.forEach((subcontextItem) => {
-                                    if (!subcontextItem.isGroup) {
-                                        contextFilterState[pickableItem.id][subcontextItem.id] = (subcontextItem.checked);
-                                    }
-                                });
+                                if (pickableItem.id === '_') {
+                                    // Built-in
+                                    // Treat as if these were top-level contexts
+                                    pickableItem.children.forEach((subcontextItem) => {
+                                        contextFilterState[subcontextItem.id] = ('checked' in subcontextItem
+                                            && subcontextItem.checked);
+                                    });
+                                }
+                                else {
+                                    // Not built-in
+                                    pickableItem.children.forEach((subcontextItem) => {
+                                        if (!subcontextItem.isGroup) {
+                                            contextFilterState[pickableItem.id][subcontextItem.id] = (subcontextItem.checked);
+                                        }
+                                    });
+                                }
                             }
                             else {
                                 // No subcontexts
@@ -3274,17 +3532,19 @@ const LogReviewer = (props) => {
             }
             else if (expandedFilterDrawer === FilterDrawer.Tag) {
                 // Create filter UI
-                filterDrawer = (React.createElement(TabBox, { title: "Tags" }, Object.keys((_h = LogMetadata.Tag) !== null && _h !== void 0 ? _h : {})
-                    .map((tag, i) => {
-                    const description = genHumanReadableName(tag);
-                    return (React.createElement(CheckboxButton, { id: `LogReviewer-tag-${tag}-checkbox`, text: description, ariaLabel: `require that logs be tagged with "${description}" or any other selected tag`, noMarginOnRight: i === Object.keys(tagFilterState).length - 1, checked: tagFilterState[tag], onChanged: (checked) => {
-                            tagFilterState[tag] = checked;
-                            dispatch({
-                                type: ActionType.UpdateTagFilterState,
-                                tagFilterState,
-                            });
-                        } }));
-                })));
+                filterDrawer = (React.createElement(TabBox, { title: "Tags" },
+                    React.createElement("div", null, "If any are selected, logs must contain at least one but not necessarily all of the selected tags."),
+                    Object.keys((_f = LogMetadata.Tag) !== null && _f !== void 0 ? _f : {})
+                        .map((tag, i) => {
+                        const description = genHumanReadableName(tag);
+                        return (React.createElement(CheckboxButton, { id: `LogReviewer-tag-${tag}-checkbox`, text: description, ariaLabel: `require that logs be tagged with "${description}" or any other selected tag`, noMarginOnRight: i === Object.keys(tagFilterState).length - 1, checked: tagFilterState[tag], onChanged: (checked) => {
+                                tagFilterState[tag] = checked;
+                                dispatch({
+                                    type: ActionType.UpdateTagFilterState,
+                                    tagFilterState,
+                                });
+                            } }));
+                    })));
             }
             else if (expandedFilterDrawer === FilterDrawer.Action) {
                 // Create filter UI
@@ -3325,21 +3585,18 @@ const LogReviewer = (props) => {
                                     });
                                 } }));
                         })),
-                        React.createElement(ButtonInputGroup, { label: "Target" },
-                            (Object.keys((_j = LogMetadata.Target) !== null && _j !== void 0 ? _j : {}).length === 0) && (React.createElement("div", null, "This app does not have any targets yet.")),
-                            Object.keys((_k = LogMetadata.Target) !== null && _k !== void 0 ? _k : {})
-                                .map((target, i) => {
-                                var _a;
-                                const description = genHumanReadableName(target);
-                                return (React.createElement(CheckboxButton, { key: target, id: `LogReviewer-target-${target}-checkbox`, text: description, ariaLabel: `include logs with target "${description}" in results`, checked: actionErrorFilterState.target[target], onChanged: (checked) => {
-                                        actionErrorFilterState.target[target] = checked;
-                                        console.log(actionErrorFilterState, target, checked);
-                                        dispatch({
-                                            type: ActionType.UpdateActionErrorFilterState,
-                                            actionErrorFilterState,
-                                        });
-                                    }, noMarginOnRight: i === Object.keys((_a = LogMetadata.Target) !== null && _a !== void 0 ? _a : {}).length - 1 }));
-                            })))),
+                        React.createElement(ButtonInputGroup, { label: "Target" }, Object.keys(targetMap)
+                            .map((target, i) => {
+                            const description = genHumanReadableName(target);
+                            return (React.createElement(CheckboxButton, { key: target, id: `LogReviewer-target-${target}-checkbox`, text: description, ariaLabel: `include logs with target "${description}" in results`, checked: actionErrorFilterState.target[target], onChanged: (checked) => {
+                                    actionErrorFilterState.target[target] = checked;
+                                    console.log(actionErrorFilterState, target, checked);
+                                    dispatch({
+                                        type: ActionType.UpdateActionErrorFilterState,
+                                        actionErrorFilterState,
+                                    });
+                                }, noMarginOnRight: i === Object.keys(targetMap).length - 1 }));
+                        })))),
                     (actionErrorFilterState.type === undefined
                         || actionErrorFilterState.type === LogType$1.Error) && (React.createElement(TabBox, { title: "Error Log Details" },
                         React.createElement("div", { className: "input-group mb-2" },
@@ -3781,193 +4038,6 @@ const LogReviewer = (props) => {
         /*----------------------------------------*/
         /*                  Data                  */
         /*----------------------------------------*/
-        // Create data table
-        const columns = [
-            {
-                title: 'First Name',
-                param: 'userFirstName',
-                type: ParamType$1.String,
-            },
-            {
-                title: 'Last Name',
-                param: 'userLastName',
-                type: ParamType$1.String,
-            },
-            {
-                title: 'Email',
-                param: 'userEmail',
-                type: ParamType$1.String,
-            },
-            {
-                title: 'Canvas Id',
-                param: 'userId',
-                type: ParamType$1.Int,
-            },
-            {
-                title: 'Student?',
-                param: 'isLearner',
-                type: ParamType$1.Boolean,
-            },
-            {
-                title: 'Teaching Staff?',
-                param: 'isTTM',
-                type: ParamType$1.Boolean,
-                startsHidden: true,
-            },
-            {
-                title: 'Admin?',
-                param: 'isAdmin',
-                type: ParamType$1.Boolean,
-                startsHidden: true,
-            },
-            {
-                title: 'Course Canvas Id',
-                param: 'courseId',
-                type: ParamType$1.Int,
-                startsHidden: true,
-            },
-            {
-                title: 'Course Name',
-                param: 'courseName',
-                type: ParamType$1.String,
-            },
-            {
-                title: 'Browser Name',
-                param: 'browser.name',
-                type: ParamType$1.String,
-                startsHidden: true,
-            },
-            {
-                title: 'Browser Version',
-                param: 'browser.version',
-                type: ParamType$1.String,
-                startsHidden: true,
-            },
-            {
-                title: 'OS',
-                param: 'device.os',
-                type: ParamType$1.String,
-                startsHidden: true,
-            },
-            {
-                title: 'Mobile?',
-                param: 'device.isMobile',
-                type: ParamType$1.Boolean,
-                startsHidden: true,
-            },
-            {
-                title: 'Year',
-                param: 'year',
-                type: ParamType$1.Int,
-            },
-            {
-                title: 'Month',
-                param: 'month',
-                type: ParamType$1.Int,
-            },
-            {
-                title: 'Day',
-                param: 'day',
-                type: ParamType$1.Int,
-            },
-            {
-                title: 'Hour',
-                param: 'hour',
-                type: ParamType$1.Int,
-            },
-            {
-                title: 'Minute',
-                param: 'minute',
-                type: ParamType$1.Int,
-                startsHidden: true,
-            },
-            {
-                title: 'Timestamp',
-                param: 'timestamp',
-                type: ParamType$1.Int,
-                startsHidden: true,
-            },
-            {
-                title: 'Context',
-                param: 'context',
-                type: ParamType$1.String,
-            },
-            {
-                title: 'Subcontext',
-                param: 'subcontext',
-                type: ParamType$1.String,
-            },
-            {
-                title: 'Tags',
-                param: 'tags',
-                type: ParamType$1.JSON,
-                startsHidden: true,
-            },
-            {
-                title: 'Log Level',
-                param: 'level',
-                type: ParamType$1.String,
-                startsHidden: true,
-            },
-            {
-                title: 'Metadata',
-                param: 'metadata',
-                type: ParamType$1.JSON,
-                startsHidden: true,
-            },
-            {
-                title: 'Source',
-                param: 'source',
-                type: ParamType$1.String,
-            },
-            {
-                title: 'Server Route Path',
-                param: 'routePath',
-                type: ParamType$1.String,
-                startsHidden: true,
-            },
-            {
-                title: 'Server Route Template',
-                param: 'routeTemplate',
-                type: ParamType$1.String,
-                startsHidden: true,
-            },
-            {
-                title: 'Type',
-                param: 'type',
-                type: ParamType$1.String,
-            },
-            {
-                title: 'Error Message',
-                param: 'errorMessage',
-                type: ParamType$1.String,
-                startsHidden: true,
-            },
-            {
-                title: 'Error Code',
-                param: 'errorCode',
-                type: ParamType$1.String,
-                startsHidden: true,
-            },
-            {
-                title: 'Error Stack',
-                param: 'errorStack',
-                type: ParamType$1.String,
-                startsHidden: true,
-            },
-            {
-                title: 'Action Target',
-                param: 'target',
-                type: ParamType$1.String,
-                startsHidden: true,
-            },
-            {
-                title: 'Action Type',
-                param: 'action',
-                type: ParamType$1.String,
-                startsHidden: true,
-            },
-        ];
         // Nothing to show notice
         const noLogsNotice = (logs.length === 0
             ? (React.createElement("div", { className: "alert alert-warning text-center mt-2" },