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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/cjs/index.js +43 -38
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/index.js +43 -38
  4. package/dist/esm/index.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/LogReviewer.tsx +68 -53
package/dist/esm/index.js CHANGED
@@ -3132,8 +3132,8 @@ const LogReviewer = (props) => {
3132
3132
  [
3133
3133
  ((_a = LogMetadata.Context) !== null && _a !== void 0 ? _a : {}),
3134
3134
  LogBuiltInMetadata.Context,
3135
- ].forEach((contextMap) => {
3136
- Object.keys(contextMap).forEach((context) => {
3135
+ ].forEach((partialContextMap) => {
3136
+ Object.keys(partialContextMap).forEach((context) => {
3137
3137
  // Add context
3138
3138
  contextMap[context] = context;
3139
3139
  // If context has children, add an "uncategorized" subcontext
@@ -3147,8 +3147,8 @@ const LogReviewer = (props) => {
3147
3147
  [
3148
3148
  ((_b = LogMetadata.Target) !== null && _b !== void 0 ? _b : {}),
3149
3149
  LogBuiltInMetadata.Target,
3150
- ].forEach((targetMap) => {
3151
- Object.keys(targetMap).forEach((target) => {
3150
+ ].forEach((partialTargetMap) => {
3151
+ Object.keys(partialTargetMap).forEach((target) => {
3152
3152
  targetMap[target] = target;
3153
3153
  });
3154
3154
  });
@@ -3414,7 +3414,10 @@ const LogReviewer = (props) => {
3414
3414
  initDateFilterState,
3415
3415
  initTagFilterState,
3416
3416
  });
3417
- } }, "Reset"))));
3417
+ } },
3418
+ React.createElement(FontAwesomeIcon, { icon: faTimes }),
3419
+ ' ',
3420
+ "Reset"))));
3418
3421
  // Filter drawer
3419
3422
  let filterDrawer;
3420
3423
  if (expandedFilterDrawer) {
@@ -3573,35 +3576,37 @@ const LogReviewer = (props) => {
3573
3576
  }, ariaLabel: "only show error logs", selected: actionErrorFilterState.type === LogType$1.Error, noMarginOnRight: true })),
3574
3577
  (actionErrorFilterState.type === undefined
3575
3578
  || actionErrorFilterState.type === LogType$1.Action) && (React.createElement(TabBox, { title: "Action Log Details" },
3576
- React.createElement(ButtonInputGroup, { label: "Action", className: "mb-2" }, Object.keys(LogAction$1)
3577
- .map((action, i) => {
3578
- const description = genHumanReadableName(action);
3579
- return (React.createElement(CheckboxButton, { key: action, id: `LogReviewer-action-${action}-checkbox`, text: description, ariaLabel: `include logs with action type "${description}" in results`, noMarginOnRight: i === Object.keys(LogAction$1).length - 1, checked: actionErrorFilterState.action[action], onChanged: (checked) => {
3580
- actionErrorFilterState.action[action] = checked;
3581
- console.log(actionErrorFilterState, action, checked);
3582
- dispatch({
3583
- type: ActionType.UpdateActionErrorFilterState,
3584
- actionErrorFilterState,
3585
- });
3586
- } }));
3587
- })),
3588
- React.createElement(ButtonInputGroup, { label: "Target" }, Object.keys(targetMap)
3589
- .map((target, i) => {
3590
- const description = genHumanReadableName(target);
3591
- 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) => {
3592
- actionErrorFilterState.target[target] = checked;
3593
- console.log(actionErrorFilterState, target, checked);
3594
- dispatch({
3595
- type: ActionType.UpdateActionErrorFilterState,
3596
- actionErrorFilterState,
3597
- });
3598
- }, noMarginOnRight: i === Object.keys(targetMap).length - 1 }));
3599
- })))),
3579
+ React.createElement(ButtonInputGroup, { label: "Action", className: "mb-2" },
3580
+ React.createElement("div", { className: "d-flex gap-1 flex-wrap" }, Object.keys(LogAction$1)
3581
+ .map((action) => {
3582
+ const description = genHumanReadableName(action);
3583
+ 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) => {
3584
+ actionErrorFilterState.action[action] = checked;
3585
+ console.log(actionErrorFilterState, action, checked);
3586
+ dispatch({
3587
+ type: ActionType.UpdateActionErrorFilterState,
3588
+ actionErrorFilterState,
3589
+ });
3590
+ } }));
3591
+ }))),
3592
+ React.createElement(ButtonInputGroup, { label: "Target" },
3593
+ React.createElement("div", { className: "d-flex gap-1 flex-wrap" }, Object.keys(targetMap)
3594
+ .map((target) => {
3595
+ const description = genHumanReadableName(target);
3596
+ 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) => {
3597
+ actionErrorFilterState.target[target] = checked;
3598
+ console.log(actionErrorFilterState, target, checked);
3599
+ dispatch({
3600
+ type: ActionType.UpdateActionErrorFilterState,
3601
+ actionErrorFilterState,
3602
+ });
3603
+ } }));
3604
+ }))))),
3600
3605
  (actionErrorFilterState.type === undefined
3601
3606
  || actionErrorFilterState.type === LogType$1.Error) && (React.createElement(TabBox, { title: "Error Log Details" },
3602
3607
  React.createElement("div", { className: "input-group mb-2" },
3603
3608
  React.createElement("span", { className: "input-group-text" }, "Error Message"),
3604
- React.createElement("input", { type: "text", className: "form-control", "aria-label": "query for error message", value: actionErrorFilterState.errorMessage, onChange: (e) => {
3609
+ React.createElement("input", { type: "text", className: "form-control", "aria-label": "query for error message", value: actionErrorFilterState.errorMessage, placeholder: "e.g. undefined is not a function", onChange: (e) => {
3605
3610
  actionErrorFilterState.errorMessage = e.target.value;
3606
3611
  dispatch({
3607
3612
  type: ActionType.UpdateActionErrorFilterState,
@@ -3610,7 +3615,7 @@ const LogReviewer = (props) => {
3610
3615
  } })),
3611
3616
  React.createElement("div", { className: "input-group mb-2" },
3612
3617
  React.createElement("span", { className: "input-group-text" }, "Error Code"),
3613
- React.createElement("input", { type: "text", className: "form-control", "aria-label": "query for error code", value: actionErrorFilterState.errorCode, onChange: (e) => {
3618
+ React.createElement("input", { type: "text", className: "form-control", "aria-label": "query for error code", value: actionErrorFilterState.errorCode, placeholder: "e.g. GC22", onChange: (e) => {
3614
3619
  actionErrorFilterState.errorCode = ((e.target.value)
3615
3620
  .trim()
3616
3621
  .toUpperCase());
@@ -3626,7 +3631,7 @@ const LogReviewer = (props) => {
3626
3631
  React.createElement(TabBox, { title: "User Info" },
3627
3632
  React.createElement("div", { className: "input-group mb-2" },
3628
3633
  React.createElement("span", { className: "input-group-text" }, "User First Name"),
3629
- React.createElement("input", { type: "text", className: "form-control", "aria-label": "query for user first name", value: advancedFilterState.userFirstName, onChange: (e) => {
3634
+ React.createElement("input", { type: "text", className: "form-control", "aria-label": "query for user first name", value: advancedFilterState.userFirstName, placeholder: "e.g. Divardo", onChange: (e) => {
3630
3635
  advancedFilterState.userFirstName = e.target.value;
3631
3636
  dispatch({
3632
3637
  type: ActionType.UpdateAdvancedFilterState,
@@ -3635,7 +3640,7 @@ const LogReviewer = (props) => {
3635
3640
  } })),
3636
3641
  React.createElement("div", { className: "input-group mb-2" },
3637
3642
  React.createElement("span", { className: "input-group-text" }, "User Last Name"),
3638
- React.createElement("input", { type: "text", className: "form-control", "aria-label": "query for user last name", value: advancedFilterState.userLastName, onChange: (e) => {
3643
+ React.createElement("input", { type: "text", className: "form-control", "aria-label": "query for user last name", value: advancedFilterState.userLastName, placeholder: "e.g. Calicci", onChange: (e) => {
3639
3644
  advancedFilterState.userLastName = e.target.value;
3640
3645
  dispatch({
3641
3646
  type: ActionType.UpdateAdvancedFilterState,
@@ -3644,7 +3649,7 @@ const LogReviewer = (props) => {
3644
3649
  } })),
3645
3650
  React.createElement("div", { className: "input-group mb-2" },
3646
3651
  React.createElement("span", { className: "input-group-text" }, "User Email"),
3647
- React.createElement("input", { type: "text", className: "form-control", "aria-label": "query for user email", value: advancedFilterState.userEmail, onChange: (e) => {
3652
+ React.createElement("input", { type: "text", className: "form-control", "aria-label": "query for user email", value: advancedFilterState.userEmail, placeholder: "e.g. calicci@fas.harvard.edu", onChange: (e) => {
3648
3653
  advancedFilterState.userEmail = ((e.target.value)
3649
3654
  .trim());
3650
3655
  dispatch({
@@ -3654,7 +3659,7 @@ const LogReviewer = (props) => {
3654
3659
  } })),
3655
3660
  React.createElement("div", { className: "input-group mb-2" },
3656
3661
  React.createElement("span", { className: "input-group-text" }, "User Canvas Id"),
3657
- React.createElement("input", { type: "text", className: "form-control", "aria-label": "query for user canvas id", value: advancedFilterState.userId, onChange: (e) => {
3662
+ React.createElement("input", { type: "text", className: "form-control", "aria-label": "query for user canvas id", value: advancedFilterState.userId, placeholder: "e.g. 104985", onChange: (e) => {
3658
3663
  const { value } = e.target;
3659
3664
  // Only update if value contains only numbers
3660
3665
  if (/^\d+$/.test(value)) {
@@ -3691,7 +3696,7 @@ const LogReviewer = (props) => {
3691
3696
  React.createElement(TabBox, { title: "Course Info" },
3692
3697
  React.createElement("div", { className: "input-group mb-2" },
3693
3698
  React.createElement("span", { className: "input-group-text" }, "Course Name"),
3694
- React.createElement("input", { type: "text", className: "form-control", "aria-label": "query for course name", value: advancedFilterState.courseName, onChange: (e) => {
3699
+ React.createElement("input", { type: "text", className: "form-control", "aria-label": "query for course name", value: advancedFilterState.courseName, placeholder: "e.g. GLC 200", onChange: (e) => {
3695
3700
  advancedFilterState.courseName = e.target.value;
3696
3701
  dispatch({
3697
3702
  type: ActionType.UpdateAdvancedFilterState,
@@ -3700,7 +3705,7 @@ const LogReviewer = (props) => {
3700
3705
  } })),
3701
3706
  React.createElement("div", { className: "input-group mb-2" },
3702
3707
  React.createElement("span", { className: "input-group-text" }, "Course Canvas Id"),
3703
- React.createElement("input", { type: "text", className: "form-control", "aria-label": "query for course canvas id", value: advancedFilterState.courseId, onChange: (e) => {
3708
+ React.createElement("input", { type: "text", className: "form-control", "aria-label": "query for course canvas id", value: advancedFilterState.courseId, placeholder: "e.g. 15948", onChange: (e) => {
3704
3709
  const { value } = e.target;
3705
3710
  // Only update if value contains only numbers
3706
3711
  if (/^\d+$/.test(value)) {
@@ -3761,7 +3766,7 @@ const LogReviewer = (props) => {
3761
3766
  advancedFilterState.source !== LogSource$1.Client && (React.createElement("div", { className: "mt-2" },
3762
3767
  React.createElement("div", { className: "input-group mb-2" },
3763
3768
  React.createElement("span", { className: "input-group-text" }, "Server Route Path"),
3764
- React.createElement("input", { type: "text", className: "form-control", "aria-label": "query for server route path", placeholder: "e.g. /api/ttm/courses/12345", value: advancedFilterState.routePath, onChange: (e) => {
3769
+ React.createElement("input", { type: "text", className: "form-control", "aria-label": "query for server route path", value: advancedFilterState.routePath, placeholder: "e.g. /api/ttm/courses/12345", onChange: (e) => {
3765
3770
  advancedFilterState.courseName = ((e.target.value)
3766
3771
  .trim());
3767
3772
  dispatch({