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/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
  });
@@ -3581,35 +3581,37 @@ const LogReviewer = (props) => {
3581
3581
  }, ariaLabel: "only show error logs", selected: actionErrorFilterState.type === LogType$1.Error, noMarginOnRight: true })),
3582
3582
  (actionErrorFilterState.type === undefined
3583
3583
  || 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
- })))),
3584
+ React__default["default"].createElement(ButtonInputGroup, { label: "Action", className: "mb-2" },
3585
+ React__default["default"].createElement("div", { className: "grid gap-1" }, Object.keys(LogAction$1)
3586
+ .map((action) => {
3587
+ const description = genHumanReadableName(action);
3588
+ 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) => {
3589
+ actionErrorFilterState.action[action] = checked;
3590
+ console.log(actionErrorFilterState, action, checked);
3591
+ dispatch({
3592
+ type: ActionType.UpdateActionErrorFilterState,
3593
+ actionErrorFilterState,
3594
+ });
3595
+ } }));
3596
+ }))),
3597
+ React__default["default"].createElement(ButtonInputGroup, { label: "Target" },
3598
+ React__default["default"].createElement("div", { className: "grid gap-1" }, Object.keys(targetMap)
3599
+ .map((target) => {
3600
+ const description = genHumanReadableName(target);
3601
+ 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) => {
3602
+ actionErrorFilterState.target[target] = checked;
3603
+ console.log(actionErrorFilterState, target, checked);
3604
+ dispatch({
3605
+ type: ActionType.UpdateActionErrorFilterState,
3606
+ actionErrorFilterState,
3607
+ });
3608
+ } }));
3609
+ }))))),
3608
3610
  (actionErrorFilterState.type === undefined
3609
3611
  || actionErrorFilterState.type === LogType$1.Error) && (React__default["default"].createElement(TabBox, { title: "Error Log Details" },
3610
3612
  React__default["default"].createElement("div", { className: "input-group mb-2" },
3611
3613
  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) => {
3614
+ 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
3615
  actionErrorFilterState.errorMessage = e.target.value;
3614
3616
  dispatch({
3615
3617
  type: ActionType.UpdateActionErrorFilterState,
@@ -3618,7 +3620,7 @@ const LogReviewer = (props) => {
3618
3620
  } })),
3619
3621
  React__default["default"].createElement("div", { className: "input-group mb-2" },
3620
3622
  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) => {
3623
+ 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
3624
  actionErrorFilterState.errorCode = ((e.target.value)
3623
3625
  .trim()
3624
3626
  .toUpperCase());
@@ -3634,7 +3636,7 @@ const LogReviewer = (props) => {
3634
3636
  React__default["default"].createElement(TabBox, { title: "User Info" },
3635
3637
  React__default["default"].createElement("div", { className: "input-group mb-2" },
3636
3638
  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) => {
3639
+ 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
3640
  advancedFilterState.userFirstName = e.target.value;
3639
3641
  dispatch({
3640
3642
  type: ActionType.UpdateAdvancedFilterState,
@@ -3643,7 +3645,7 @@ const LogReviewer = (props) => {
3643
3645
  } })),
3644
3646
  React__default["default"].createElement("div", { className: "input-group mb-2" },
3645
3647
  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) => {
3648
+ 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
3649
  advancedFilterState.userLastName = e.target.value;
3648
3650
  dispatch({
3649
3651
  type: ActionType.UpdateAdvancedFilterState,
@@ -3652,7 +3654,7 @@ const LogReviewer = (props) => {
3652
3654
  } })),
3653
3655
  React__default["default"].createElement("div", { className: "input-group mb-2" },
3654
3656
  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) => {
3657
+ 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
3658
  advancedFilterState.userEmail = ((e.target.value)
3657
3659
  .trim());
3658
3660
  dispatch({
@@ -3662,7 +3664,7 @@ const LogReviewer = (props) => {
3662
3664
  } })),
3663
3665
  React__default["default"].createElement("div", { className: "input-group mb-2" },
3664
3666
  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) => {
3667
+ 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
3668
  const { value } = e.target;
3667
3669
  // Only update if value contains only numbers
3668
3670
  if (/^\d+$/.test(value)) {
@@ -3699,7 +3701,7 @@ const LogReviewer = (props) => {
3699
3701
  React__default["default"].createElement(TabBox, { title: "Course Info" },
3700
3702
  React__default["default"].createElement("div", { className: "input-group mb-2" },
3701
3703
  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) => {
3704
+ 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
3705
  advancedFilterState.courseName = e.target.value;
3704
3706
  dispatch({
3705
3707
  type: ActionType.UpdateAdvancedFilterState,
@@ -3708,7 +3710,7 @@ const LogReviewer = (props) => {
3708
3710
  } })),
3709
3711
  React__default["default"].createElement("div", { className: "input-group mb-2" },
3710
3712
  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) => {
3713
+ 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
3714
  const { value } = e.target;
3713
3715
  // Only update if value contains only numbers
3714
3716
  if (/^\d+$/.test(value)) {
@@ -3769,7 +3771,7 @@ const LogReviewer = (props) => {
3769
3771
  advancedFilterState.source !== LogSource$1.Client && (React__default["default"].createElement("div", { className: "mt-2" },
3770
3772
  React__default["default"].createElement("div", { className: "input-group mb-2" },
3771
3773
  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) => {
3774
+ 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
3775
  advancedFilterState.courseName = ((e.target.value)
3774
3776
  .trim());
3775
3777
  dispatch({