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

package/dist/esm/index.js

@@ -3434,7 +3434,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: [],
@@ -3461,6 +3461,7 @@ const LogReviewer = (props) => {
                             // Add to pickable items list
                             pickableItems.push(item);
                         }
+                        return;
                     }
                     // Has subcategories
                     const children = (Object.keys(value)
@@ -3493,7 +3494,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 +3525,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((_f = LogMetadata.Tag) !== null && _f !== void 0 ? _f : {})
+                        .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
@@ -3616,7 +3618,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 +3683,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 +3707,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;