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

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 +39 -37
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/index.js +39 -37
  4. package/dist/esm/index.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/LogReviewer.tsx +64 -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
  });
@@ -3573,35 +3573,37 @@ const LogReviewer = (props) => {
3573
3573
  }, ariaLabel: "only show error logs", selected: actionErrorFilterState.type === LogType$1.Error, noMarginOnRight: true })),
3574
3574
  (actionErrorFilterState.type === undefined
3575
3575
  || 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
- })))),
3576
+ React.createElement(ButtonInputGroup, { label: "Action", className: "mb-2" },
3577
+ React.createElement("div", { className: "grid gap-1" }, Object.keys(LogAction$1)
3578
+ .map((action) => {
3579
+ const description = genHumanReadableName(action);
3580
+ 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) => {
3581
+ actionErrorFilterState.action[action] = checked;
3582
+ console.log(actionErrorFilterState, action, checked);
3583
+ dispatch({
3584
+ type: ActionType.UpdateActionErrorFilterState,
3585
+ actionErrorFilterState,
3586
+ });
3587
+ } }));
3588
+ }))),
3589
+ React.createElement(ButtonInputGroup, { label: "Target" },
3590
+ React.createElement("div", { className: "grid gap-1" }, Object.keys(targetMap)
3591
+ .map((target) => {
3592
+ const description = genHumanReadableName(target);
3593
+ 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) => {
3594
+ actionErrorFilterState.target[target] = checked;
3595
+ console.log(actionErrorFilterState, target, checked);
3596
+ dispatch({
3597
+ type: ActionType.UpdateActionErrorFilterState,
3598
+ actionErrorFilterState,
3599
+ });
3600
+ } }));
3601
+ }))))),
3600
3602
  (actionErrorFilterState.type === undefined
3601
3603
  || actionErrorFilterState.type === LogType$1.Error) && (React.createElement(TabBox, { title: "Error Log Details" },
3602
3604
  React.createElement("div", { className: "input-group mb-2" },
3603
3605
  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) => {
3606
+ 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
3607
  actionErrorFilterState.errorMessage = e.target.value;
3606
3608
  dispatch({
3607
3609
  type: ActionType.UpdateActionErrorFilterState,
@@ -3610,7 +3612,7 @@ const LogReviewer = (props) => {
3610
3612
  } })),
3611
3613
  React.createElement("div", { className: "input-group mb-2" },
3612
3614
  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) => {
3615
+ React.createElement("input", { type: "text", className: "form-control", "aria-label": "query for error code", value: actionErrorFilterState.errorCode, placeholder: "e.g. GC22", onChange: (e) => {
3614
3616
  actionErrorFilterState.errorCode = ((e.target.value)
3615
3617
  .trim()
3616
3618
  .toUpperCase());
@@ -3626,7 +3628,7 @@ const LogReviewer = (props) => {
3626
3628
  React.createElement(TabBox, { title: "User Info" },
3627
3629
  React.createElement("div", { className: "input-group mb-2" },
3628
3630
  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) => {
3631
+ 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
3632
  advancedFilterState.userFirstName = e.target.value;
3631
3633
  dispatch({
3632
3634
  type: ActionType.UpdateAdvancedFilterState,
@@ -3635,7 +3637,7 @@ const LogReviewer = (props) => {
3635
3637
  } })),
3636
3638
  React.createElement("div", { className: "input-group mb-2" },
3637
3639
  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) => {
3640
+ 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
3641
  advancedFilterState.userLastName = e.target.value;
3640
3642
  dispatch({
3641
3643
  type: ActionType.UpdateAdvancedFilterState,
@@ -3644,7 +3646,7 @@ const LogReviewer = (props) => {
3644
3646
  } })),
3645
3647
  React.createElement("div", { className: "input-group mb-2" },
3646
3648
  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) => {
3649
+ 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
3650
  advancedFilterState.userEmail = ((e.target.value)
3649
3651
  .trim());
3650
3652
  dispatch({
@@ -3654,7 +3656,7 @@ const LogReviewer = (props) => {
3654
3656
  } })),
3655
3657
  React.createElement("div", { className: "input-group mb-2" },
3656
3658
  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) => {
3659
+ 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
3660
  const { value } = e.target;
3659
3661
  // Only update if value contains only numbers
3660
3662
  if (/^\d+$/.test(value)) {
@@ -3691,7 +3693,7 @@ const LogReviewer = (props) => {
3691
3693
  React.createElement(TabBox, { title: "Course Info" },
3692
3694
  React.createElement("div", { className: "input-group mb-2" },
3693
3695
  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) => {
3696
+ 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
3697
  advancedFilterState.courseName = e.target.value;
3696
3698
  dispatch({
3697
3699
  type: ActionType.UpdateAdvancedFilterState,
@@ -3700,7 +3702,7 @@ const LogReviewer = (props) => {
3700
3702
  } })),
3701
3703
  React.createElement("div", { className: "input-group mb-2" },
3702
3704
  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) => {
3705
+ 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
3706
  const { value } = e.target;
3705
3707
  // Only update if value contains only numbers
3706
3708
  if (/^\d+$/.test(value)) {
@@ -3761,7 +3763,7 @@ const LogReviewer = (props) => {
3761
3763
  advancedFilterState.source !== LogSource$1.Client && (React.createElement("div", { className: "mt-2" },
3762
3764
  React.createElement("div", { className: "input-group mb-2" },
3763
3765
  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) => {
3766
+ 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
3767
  advancedFilterState.courseName = ((e.target.value)
3766
3768
  .trim());
3767
3769
  dispatch({