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/cjs/index.js CHANGED
@@ -3140,8 +3140,8 @@ const LogReviewer = (props) => {
3140
3140
  [
3141
3141
  ((_a = LogMetadata.Context) !== null && _a !== void 0 ? _a : {}),
3142
3142
  LogBuiltInMetadata.Context,
3143
- ].forEach((contextMap) => {
3144
- Object.keys(contextMap).forEach((context) => {
3143
+ ].forEach((partialContextMap) => {
3144
+ Object.keys(partialContextMap).forEach((context) => {
3145
3145
  // Add context
3146
3146
  contextMap[context] = context;
3147
3147
  // If context has children, add an "uncategorized" subcontext
@@ -3155,8 +3155,8 @@ const LogReviewer = (props) => {
3155
3155
  [
3156
3156
  ((_b = LogMetadata.Target) !== null && _b !== void 0 ? _b : {}),
3157
3157
  LogBuiltInMetadata.Target,
3158
- ].forEach((targetMap) => {
3159
- Object.keys(targetMap).forEach((target) => {
3158
+ ].forEach((partialTargetMap) => {
3159
+ Object.keys(partialTargetMap).forEach((target) => {
3160
3160
  targetMap[target] = target;
3161
3161
  });
3162
3162
  });
@@ -3422,7 +3422,10 @@ const LogReviewer = (props) => {
3422
3422
  initDateFilterState,
3423
3423
  initTagFilterState,
3424
3424
  });
3425
- } }, "Reset"))));
3425
+ } },
3426
+ React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faTimes }),
3427
+ ' ',
3428
+ "Reset"))));
3426
3429
  // Filter drawer
3427
3430
  let filterDrawer;
3428
3431
  if (expandedFilterDrawer) {
@@ -3581,35 +3584,37 @@ const LogReviewer = (props) => {
3581
3584
  }, ariaLabel: "only show error logs", selected: actionErrorFilterState.type === LogType$1.Error, noMarginOnRight: true })),
3582
3585
  (actionErrorFilterState.type === undefined
3583
3586
  || actionErrorFilterState.type === LogType$1.Action) && (React__default["default"].createElement(TabBox, { title: "Action Log Details" },
3584
- React__default["default"].createElement(ButtonInputGroup, { label: "Action", className: "mb-2" }, Object.keys(LogAction$1)
3585
- .map((action, i) => {
3586
- const description = genHumanReadableName(action);
3587
- return (React__default["default"].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) => {
3588
- actionErrorFilterState.action[action] = checked;
3589
- console.log(actionErrorFilterState, action, checked);
3590
- dispatch({
3591
- type: ActionType.UpdateActionErrorFilterState,
3592
- actionErrorFilterState,
3593
- });
3594
- } }));
3595
- })),
3596
- React__default["default"].createElement(ButtonInputGroup, { label: "Target" }, Object.keys(targetMap)
3597
- .map((target, i) => {
3598
- const description = genHumanReadableName(target);
3599
- return (React__default["default"].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) => {
3600
- actionErrorFilterState.target[target] = checked;
3601
- console.log(actionErrorFilterState, target, checked);
3602
- dispatch({
3603
- type: ActionType.UpdateActionErrorFilterState,
3604
- actionErrorFilterState,
3605
- });
3606
- }, noMarginOnRight: i === Object.keys(targetMap).length - 1 }));
3607
- })))),
3587
+ React__default["default"].createElement(ButtonInputGroup, { label: "Action", className: "mb-2" },
3588
+ React__default["default"].createElement("div", { className: "d-flex gap-1 flex-wrap" }, Object.keys(LogAction$1)
3589
+ .map((action) => {
3590
+ const description = genHumanReadableName(action);
3591
+ return (React__default["default"].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) => {
3592
+ actionErrorFilterState.action[action] = checked;
3593
+ console.log(actionErrorFilterState, action, checked);
3594
+ dispatch({
3595
+ type: ActionType.UpdateActionErrorFilterState,
3596
+ actionErrorFilterState,
3597
+ });
3598
+ } }));
3599
+ }))),
3600
+ React__default["default"].createElement(ButtonInputGroup, { label: "Target" },
3601
+ React__default["default"].createElement("div", { className: "d-flex gap-1 flex-wrap" }, Object.keys(targetMap)
3602
+ .map((target) => {
3603
+ const description = genHumanReadableName(target);
3604
+ return (React__default["default"].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) => {
3605
+ actionErrorFilterState.target[target] = checked;
3606
+ console.log(actionErrorFilterState, target, checked);
3607
+ dispatch({
3608
+ type: ActionType.UpdateActionErrorFilterState,
3609
+ actionErrorFilterState,
3610
+ });
3611
+ } }));
3612
+ }))))),
3608
3613
  (actionErrorFilterState.type === undefined
3609
3614
  || actionErrorFilterState.type === LogType$1.Error) && (React__default["default"].createElement(TabBox, { title: "Error Log Details" },
3610
3615
  React__default["default"].createElement("div", { className: "input-group mb-2" },
3611
3616
  React__default["default"].createElement("span", { className: "input-group-text" }, "Error Message"),
3612
- React__default["default"].createElement("input", { type: "text", className: "form-control", "aria-label": "query for error message", value: actionErrorFilterState.errorMessage, onChange: (e) => {
3617
+ React__default["default"].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) => {
3613
3618
  actionErrorFilterState.errorMessage = e.target.value;
3614
3619
  dispatch({
3615
3620
  type: ActionType.UpdateActionErrorFilterState,
@@ -3618,7 +3623,7 @@ const LogReviewer = (props) => {
3618
3623
  } })),
3619
3624
  React__default["default"].createElement("div", { className: "input-group mb-2" },
3620
3625
  React__default["default"].createElement("span", { className: "input-group-text" }, "Error Code"),
3621
- React__default["default"].createElement("input", { type: "text", className: "form-control", "aria-label": "query for error code", value: actionErrorFilterState.errorCode, onChange: (e) => {
3626
+ React__default["default"].createElement("input", { type: "text", className: "form-control", "aria-label": "query for error code", value: actionErrorFilterState.errorCode, placeholder: "e.g. GC22", onChange: (e) => {
3622
3627
  actionErrorFilterState.errorCode = ((e.target.value)
3623
3628
  .trim()
3624
3629
  .toUpperCase());
@@ -3634,7 +3639,7 @@ const LogReviewer = (props) => {
3634
3639
  React__default["default"].createElement(TabBox, { title: "User Info" },
3635
3640
  React__default["default"].createElement("div", { className: "input-group mb-2" },
3636
3641
  React__default["default"].createElement("span", { className: "input-group-text" }, "User First Name"),
3637
- React__default["default"].createElement("input", { type: "text", className: "form-control", "aria-label": "query for user first name", value: advancedFilterState.userFirstName, onChange: (e) => {
3642
+ React__default["default"].createElement("input", { type: "text", className: "form-control", "aria-label": "query for user first name", value: advancedFilterState.userFirstName, placeholder: "e.g. Divardo", onChange: (e) => {
3638
3643
  advancedFilterState.userFirstName = e.target.value;
3639
3644
  dispatch({
3640
3645
  type: ActionType.UpdateAdvancedFilterState,
@@ -3643,7 +3648,7 @@ const LogReviewer = (props) => {
3643
3648
  } })),
3644
3649
  React__default["default"].createElement("div", { className: "input-group mb-2" },
3645
3650
  React__default["default"].createElement("span", { className: "input-group-text" }, "User Last Name"),
3646
- React__default["default"].createElement("input", { type: "text", className: "form-control", "aria-label": "query for user last name", value: advancedFilterState.userLastName, onChange: (e) => {
3651
+ React__default["default"].createElement("input", { type: "text", className: "form-control", "aria-label": "query for user last name", value: advancedFilterState.userLastName, placeholder: "e.g. Calicci", onChange: (e) => {
3647
3652
  advancedFilterState.userLastName = e.target.value;
3648
3653
  dispatch({
3649
3654
  type: ActionType.UpdateAdvancedFilterState,
@@ -3652,7 +3657,7 @@ const LogReviewer = (props) => {
3652
3657
  } })),
3653
3658
  React__default["default"].createElement("div", { className: "input-group mb-2" },
3654
3659
  React__default["default"].createElement("span", { className: "input-group-text" }, "User Email"),
3655
- React__default["default"].createElement("input", { type: "text", className: "form-control", "aria-label": "query for user email", value: advancedFilterState.userEmail, onChange: (e) => {
3660
+ React__default["default"].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) => {
3656
3661
  advancedFilterState.userEmail = ((e.target.value)
3657
3662
  .trim());
3658
3663
  dispatch({
@@ -3662,7 +3667,7 @@ const LogReviewer = (props) => {
3662
3667
  } })),
3663
3668
  React__default["default"].createElement("div", { className: "input-group mb-2" },
3664
3669
  React__default["default"].createElement("span", { className: "input-group-text" }, "User Canvas Id"),
3665
- React__default["default"].createElement("input", { type: "text", className: "form-control", "aria-label": "query for user canvas id", value: advancedFilterState.userId, onChange: (e) => {
3670
+ React__default["default"].createElement("input", { type: "text", className: "form-control", "aria-label": "query for user canvas id", value: advancedFilterState.userId, placeholder: "e.g. 104985", onChange: (e) => {
3666
3671
  const { value } = e.target;
3667
3672
  // Only update if value contains only numbers
3668
3673
  if (/^\d+$/.test(value)) {
@@ -3699,7 +3704,7 @@ const LogReviewer = (props) => {
3699
3704
  React__default["default"].createElement(TabBox, { title: "Course Info" },
3700
3705
  React__default["default"].createElement("div", { className: "input-group mb-2" },
3701
3706
  React__default["default"].createElement("span", { className: "input-group-text" }, "Course Name"),
3702
- React__default["default"].createElement("input", { type: "text", className: "form-control", "aria-label": "query for course name", value: advancedFilterState.courseName, onChange: (e) => {
3707
+ React__default["default"].createElement("input", { type: "text", className: "form-control", "aria-label": "query for course name", value: advancedFilterState.courseName, placeholder: "e.g. GLC 200", onChange: (e) => {
3703
3708
  advancedFilterState.courseName = e.target.value;
3704
3709
  dispatch({
3705
3710
  type: ActionType.UpdateAdvancedFilterState,
@@ -3708,7 +3713,7 @@ const LogReviewer = (props) => {
3708
3713
  } })),
3709
3714
  React__default["default"].createElement("div", { className: "input-group mb-2" },
3710
3715
  React__default["default"].createElement("span", { className: "input-group-text" }, "Course Canvas Id"),
3711
- React__default["default"].createElement("input", { type: "text", className: "form-control", "aria-label": "query for course canvas id", value: advancedFilterState.courseId, onChange: (e) => {
3716
+ React__default["default"].createElement("input", { type: "text", className: "form-control", "aria-label": "query for course canvas id", value: advancedFilterState.courseId, placeholder: "e.g. 15948", onChange: (e) => {
3712
3717
  const { value } = e.target;
3713
3718
  // Only update if value contains only numbers
3714
3719
  if (/^\d+$/.test(value)) {
@@ -3769,7 +3774,7 @@ const LogReviewer = (props) => {
3769
3774
  advancedFilterState.source !== LogSource$1.Client && (React__default["default"].createElement("div", { className: "mt-2" },
3770
3775
  React__default["default"].createElement("div", { className: "input-group mb-2" },
3771
3776
  React__default["default"].createElement("span", { className: "input-group-text" }, "Server Route Path"),
3772
- React__default["default"].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) => {
3777
+ React__default["default"].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) => {
3773
3778
  advancedFilterState.courseName = ((e.target.value)
3774
3779
  .trim());
3775
3780
  dispatch({