dce-reactkit 3.2.5 → 3.2.6

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 (10) hide show
  1. package/dist/cjs/index.js +26 -26
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/components/ButtonInputGroup.d.ts +1 -0
  4. package/dist/esm/index.js +26 -26
  5. package/dist/esm/index.js.map +1 -1
  6. package/dist/esm/types/components/ButtonInputGroup.d.ts +1 -0
  7. package/dist/index.d.ts +1 -0
  8. package/package.json +1 -1
  9. package/src/components/ButtonInputGroup.tsx +12 -1
  10. package/src/components/LogReviewer.tsx +51 -51
package/dist/cjs/types/components/ButtonInputGroup.d.ts CHANGED
@@ -8,6 +8,7 @@ declare type Props = {
8
8
  minLabelWidth?: string;
9
9
  children: React.ReactNode;
10
10
  className?: string;
11
+ wrapButtonsAndAddGaps?: boolean;
11
12
  };
12
13
  declare const ButtonInputGroup: React.FC<Props>;
13
14
  export default ButtonInputGroup;
package/dist/esm/index.js CHANGED
@@ -1180,7 +1180,7 @@ const ButtonInputGroup = (props) => {
1180
1180
  /*------------------------------------------------------------------------*/
1181
1181
  /* -------------- Props ------------- */
1182
1182
  // Destructure all props
1183
- const { label, minLabelWidth, children, className, } = props;
1183
+ const { label, minLabelWidth, children, className, wrapButtonsAndAddGaps, } = props;
1184
1184
  /*------------------------------------------------------------------------*/
1185
1185
  /* Render */
1186
1186
  /*------------------------------------------------------------------------*/
@@ -1199,7 +1199,9 @@ const ButtonInputGroup = (props) => {
1199
1199
  borderTopLeftRadius: 0,
1200
1200
  borderBottomLeftRadius: 0,
1201
1201
  borderLeftWidth: 0,
1202
- } }, children))));
1202
+ } }, wrapButtonsAndAddGaps
1203
+ ? (React.createElement("div", { className: "d-flex gap-1 flex-wrap" }, children))
1204
+ : children))));
1203
1205
  };
1204
1206
 
1205
1207
  const monthNames = [
@@ -3585,30 +3587,28 @@ const LogReviewer = (props) => {
3585
3587
  }, ariaLabel: "only show error logs", selected: actionErrorFilterState.type === LogType$1.Error, noMarginOnRight: true })),
3586
3588
  (actionErrorFilterState.type === undefined
3587
3589
  || actionErrorFilterState.type === LogType$1.Action) && (React.createElement(TabBox, { title: "Action Log Details" },
3588
- React.createElement(ButtonInputGroup, { label: "Action", className: "mb-2" },
3589
- React.createElement("div", { className: "d-flex gap-1 flex-wrap" }, Object.keys(LogAction$1)
3590
- .map((action) => {
3591
- const description = genHumanReadableName(action);
3592
- 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) => {
3593
- actionErrorFilterState.action[action] = checked;
3594
- dispatch({
3595
- type: ActionType.UpdateActionErrorFilterState,
3596
- actionErrorFilterState,
3597
- });
3598
- } }));
3599
- }))),
3600
- React.createElement(ButtonInputGroup, { label: "Target" },
3601
- React.createElement("div", { className: "d-flex gap-1 flex-wrap" }, Object.keys(targetMap)
3602
- .map((target) => {
3603
- const description = genHumanReadableName(target);
3604
- 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], noMarginOnRight: true, onChanged: (checked) => {
3605
- actionErrorFilterState.target[target] = checked;
3606
- dispatch({
3607
- type: ActionType.UpdateActionErrorFilterState,
3608
- actionErrorFilterState,
3609
- });
3610
- } }));
3611
- }))))),
3590
+ React.createElement(ButtonInputGroup, { label: "Action", className: "mb-2", wrapButtonsAndAddGaps: true }, Object.keys(LogAction$1)
3591
+ .map((action) => {
3592
+ const description = genHumanReadableName(action);
3593
+ 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) => {
3594
+ actionErrorFilterState.action[action] = checked;
3595
+ dispatch({
3596
+ type: ActionType.UpdateActionErrorFilterState,
3597
+ actionErrorFilterState,
3598
+ });
3599
+ } }));
3600
+ })),
3601
+ React.createElement(ButtonInputGroup, { label: "Target", wrapButtonsAndAddGaps: true }, Object.keys(targetMap)
3602
+ .map((target) => {
3603
+ const description = genHumanReadableName(target);
3604
+ 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], noMarginOnRight: true, onChanged: (checked) => {
3605
+ actionErrorFilterState.target[target] = checked;
3606
+ dispatch({
3607
+ type: ActionType.UpdateActionErrorFilterState,
3608
+ actionErrorFilterState,
3609
+ });
3610
+ } }));
3611
+ })))),
3612
3612
  (actionErrorFilterState.type === undefined
3613
3613
  || actionErrorFilterState.type === LogType$1.Error) && (React.createElement(TabBox, { title: "Error Log Details" },
3614
3614
  React.createElement("div", { className: "input-group mb-2" },