dce-reactkit 3.2.2-beta.52 → 3.2.2-beta.54

package/dist/esm/index.js

@@ -3111,7 +3111,7 @@ const LogReviewer = (props) => {
     /*------------------------------------------------------------------------*/
     /*                                  Setup                                 */
     /*------------------------------------------------------------------------*/
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d;
     /* -------------- Props ------------- */
     // Destructure props
     const { LogMetadata, onClose, } = props;
@@ -3159,7 +3159,7 @@ const LogReviewer = (props) => {
     };
     // Create initial context filter state
     const initContextFilterState = {};
-    Object.keys((_c = LogMetadata.Context) !== null && _c !== void 0 ? _c : {}).forEach((context) => {
+    Object.keys(contextMap).forEach((context) => {
         var _a, _b;
         const contextValue = ((_a = LogMetadata.Context) !== null && _a !== void 0 ? _a : {})[context];
         if (typeof contextValue === 'string') {
@@ -3181,7 +3181,7 @@ const LogReviewer = (props) => {
     });
     // Create initial tag filter state
     const initTagFilterState = {};
-    Object.keys((_d = LogMetadata.Tag) !== null && _d !== void 0 ? _d : {}).forEach((tag) => {
+    Object.keys((_c = LogMetadata.Tag) !== null && _c !== void 0 ? _c : {}).forEach((tag) => {
         initTagFilterState[tag] = false;
     });
     // Create advanced filter state
@@ -3208,16 +3208,12 @@ const LogReviewer = (props) => {
         target: {},
         action: {},
     };
-    Object.values((_e = LogMetadata.Target) !== null && _e !== void 0 ? _e : {}).forEach((target) => {
+    Object.values(targetMap).forEach((target) => {
         initActionErrorFilterState.target[target] = true;
     });
     Object.values(LogAction$1).forEach((action) => {
         initActionErrorFilterState.action[action] = true;
     });
-    // Add built-in targets
-    Object.values(LogBuiltInMetadata.Target).forEach((target) => {
-        initActionErrorFilterState.target[target] = true;
-    });
     // Initial state
     const initialState = {
         loading: true,
@@ -3434,7 +3430,7 @@ const LogReviewer = (props) => {
             else if (expandedFilterDrawer === FilterDrawer.Context) {
                 // Create item picker items
                 const builtInPickableItem = {
-                    id: '_',
+                    id: 'built-in-contexts',
                     name: 'Auto-logged',
                     isGroup: true,
                     children: [],
@@ -3442,7 +3438,7 @@ const LogReviewer = (props) => {
                 const pickableItems = [];
                 Object.keys(contextMap)
                     .forEach((context) => {
-                    const value = (contextMap)[context];
+                    const value = contextMap[context];
                     if (typeof value === 'string') {
                         // No subcategories
                         const item = {
@@ -3461,6 +3457,7 @@ const LogReviewer = (props) => {
                             // Add to pickable items list
                             pickableItems.push(item);
                         }
+                        return;
                     }
                     // Has subcategories
                     const children = (Object.keys(value)
@@ -3493,7 +3490,7 @@ const LogReviewer = (props) => {
                         updatedItems.forEach((pickableItem) => {
                             if (pickableItem.isGroup) {
                                 // Has subcontexts
-                                if (pickableItem.id === '_') {
+                                if (pickableItem.id === 'built-in-contexts') {
                                     // Built-in
                                     // Treat as if these were top-level contexts
                                     pickableItem.children.forEach((subcontextItem) => {
@@ -3524,18 +3521,19 @@ const LogReviewer = (props) => {
             else if (expandedFilterDrawer === FilterDrawer.Tag) {
                 // Create filter UI
                 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) => {
+                    React.createElement("div", null, "If any tags are selected, logs must contain at least one (but not necessarily all) of the selected tags."),
+                    React.createElement("div", { className: "d-flex gap-1 flex-wrap" }, Object.keys((_d = LogMetadata.Tag) !== null && _d !== void 0 ? _d : {})
+                        .map((tag) => {
                         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) => {
+                        return (React.createElement(CheckboxButton, { key: tag, id: `LogReviewer-tag-${tag}-checkbox`, text: description, ariaLabel: `require that logs be tagged with "${description}" or any other selected tag`, checked: tagFilterState[tag], onChanged: (checked) => {
                                 tagFilterState[tag] = checked;
+                                console.log(tagFilterState);
                                 dispatch({
                                     type: ActionType.UpdateTagFilterState,
                                     tagFilterState,
                                 });
                             } }));
-                    })));
+                    }))));
             }
             else if (expandedFilterDrawer === FilterDrawer.Action) {
                 // Create filter UI
@@ -3570,7 +3568,6 @@ const LogReviewer = (props) => {
                                 const description = genHumanReadableName(action);
                                 return (React.createElement(CheckboxButton, { key: action, id: `LogReviewer-action-${action}-checkbox`, text: description, ariaLabel: `include logs with action type "${description}" in results`, noMarginOnRight: true, checked: actionErrorFilterState.action[action], onChanged: (checked) => {
                                         actionErrorFilterState.action[action] = checked;
-                                        console.log(actionErrorFilterState, action, checked);
                                         dispatch({
                                             type: ActionType.UpdateActionErrorFilterState,
                                             actionErrorFilterState,
@@ -3583,7 +3580,6 @@ const LogReviewer = (props) => {
                                 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], noMarginOnRight: true, onChanged: (checked) => {
                                         actionErrorFilterState.target[target] = checked;
-                                        console.log(actionErrorFilterState, target, checked);
                                         dispatch({
                                             type: ActionType.UpdateActionErrorFilterState,
                                             actionErrorFilterState,
@@ -3616,7 +3612,7 @@ const LogReviewer = (props) => {
             else if (expandedFilterDrawer === FilterDrawer.Advanced) {
                 // Create advanced filter ui
                 filterDrawer = (React.createElement(React.Fragment, null,
-                    React.createElement(TabBox, { title: "User Info" },
+                    React.createElement(TabBox, { title: "User" },
                         React.createElement("div", { className: "input-group mb-2" },
                             React.createElement("span", { className: "input-group-text" }, "User First Name"),
                             React.createElement("input", { type: "text", className: "form-control", "aria-label": "query for user first name", value: advancedFilterState.userFirstName, placeholder: "e.g. Divardo", onChange: (e) => {
@@ -3681,7 +3677,7 @@ const LogReviewer = (props) => {
                                         advancedFilterState,
                                     });
                                 }, checked: advancedFilterState.includeAdmins, ariaLabel: "show logs from admins" }))),
-                    React.createElement(TabBox, { title: "Course Info" },
+                    React.createElement(TabBox, { title: "Course" },
                         React.createElement("div", { className: "input-group mb-2" },
                             React.createElement("span", { className: "input-group-text" }, "Course Name"),
                             React.createElement("input", { type: "text", className: "form-control", "aria-label": "query for course name", value: advancedFilterState.courseName, placeholder: "e.g. GLC 200", onChange: (e) => {
@@ -3705,7 +3701,7 @@ const LogReviewer = (props) => {
                                         advancedFilterState,
                                     });
                                 } }))),
-                    React.createElement(TabBox, { title: "Device Info" },
+                    React.createElement(TabBox, { title: "Device" },
                         React.createElement(ButtonInputGroup, { label: "Device Type" },
                             React.createElement(RadioButton, { text: "All Devices", ariaLabel: "show logs from all devices", selected: advancedFilterState.isMobile === undefined, onSelected: () => {
                                     advancedFilterState.isMobile = undefined;