dce-reactkit 3.2.2-beta.8 → 3.2.2-beta.9

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 +20 -13
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/components/ItemPicker/index.d.ts +1 -0
  4. package/dist/esm/index.js +20 -13
  5. package/dist/esm/index.js.map +1 -1
  6. package/dist/esm/types/components/ItemPicker/index.d.ts +1 -0
  7. package/dist/index.d.ts +1 -0
  8. package/package.json +1 -1
  9. package/src/components/ItemPicker/index.tsx +4 -0
  10. package/src/components/LogReviewer.tsx +26 -16
package/dist/cjs/index.js CHANGED
@@ -2070,7 +2070,7 @@ const ItemPicker = (props) => {
2070
2070
  /*------------------------------------------------------------------------*/
2071
2071
  /* -------------- Props ------------- */
2072
2072
  // Destructure all props
2073
- const { title, items, onChanged, } = props;
2073
+ const { title, items, onChanged, noBottomMargin, } = props;
2074
2074
  /*------------------------------------------------------------------------*/
2075
2075
  /* Component Functions */
2076
2076
  /*------------------------------------------------------------------------*/
@@ -2080,7 +2080,7 @@ const ItemPicker = (props) => {
2080
2080
  /*----------------------------------------*/
2081
2081
  /* Main UI */
2082
2082
  /*----------------------------------------*/
2083
- return (React__default["default"].createElement(TabBox, { title: title },
2083
+ return (React__default["default"].createElement(TabBox, { title: title, noBottomMargin: noBottomMargin },
2084
2084
  React__default["default"].createElement("div", { style: { overflowX: 'auto' } },
2085
2085
  React__default["default"].createElement(NestableItemList, { items: items, onChanged: onChanged }))));
2086
2086
  };
@@ -2652,6 +2652,11 @@ const style = `
2652
2652
  color: #333 !important;
2653
2653
  }
2654
2654
  .LogReviewer-header-close-button:hover {
2655
+ border: 0 !important;
2656
+ background-color: transparent !important;
2657
+ padding-top: 0 !important;
2658
+ padding-bottom: 0 !important;
2659
+ margin: 0 !important;
2655
2660
  color: #000 !important;
2656
2661
  }
2657
2662
  `;
@@ -2960,8 +2965,8 @@ const LogReviewer = (props) => {
2960
2965
  // Filter toggle
2961
2966
  const filterToggles = (React__default["default"].createElement("div", { className: "LogReviewer-filter-toggles mb-2" },
2962
2967
  React__default["default"].createElement("h3", { className: "m-0" }, "Filters:"),
2963
- React__default["default"].createElement("div", { className: "LogReviewer-filter-toggle-buttons" },
2964
- React__default["default"].createElement("button", { type: "button", id: "LogReviewer-toggle-date-filter-drawer", className: `btn btn-${FilterDrawer.Date === expandedFilterDrawer ? 'warning' : 'secondary'} me-2`, "aria-label": "toggle date filter drawer", onClick: () => {
2968
+ React__default["default"].createElement("div", { className: "LogReviewer-filter-toggle-buttons alert alert-secondary p-2 m-0" },
2969
+ React__default["default"].createElement("button", { type: "button", id: "LogReviewer-toggle-date-filter-drawer", className: `btn btn-${FilterDrawer.Date === expandedFilterDrawer ? 'warning' : 'light'} me-2`, "aria-label": "toggle date filter drawer", onClick: () => {
2965
2970
  dispatch({
2966
2971
  type: ActionType.ToggleFilterDrawer,
2967
2972
  filterDrawer: FilterDrawer.Date,
@@ -2969,7 +2974,7 @@ const LogReviewer = (props) => {
2969
2974
  } },
2970
2975
  React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faCalendar, className: "me-2" }),
2971
2976
  "Date"),
2972
- React__default["default"].createElement("button", { type: "button", id: "LogReviewer-toggle-context-filter-drawer", className: `btn btn-${FilterDrawer.Context === expandedFilterDrawer ? 'warning' : 'secondary'} me-2`, "aria-label": "toggle context filter drawer", onClick: () => {
2977
+ React__default["default"].createElement("button", { type: "button", id: "LogReviewer-toggle-context-filter-drawer", className: `btn btn-${FilterDrawer.Context === expandedFilterDrawer ? 'warning' : 'light'} me-2`, "aria-label": "toggle context filter drawer", onClick: () => {
2973
2978
  dispatch({
2974
2979
  type: ActionType.ToggleFilterDrawer,
2975
2980
  filterDrawer: FilterDrawer.Context,
@@ -2977,7 +2982,7 @@ const LogReviewer = (props) => {
2977
2982
  } },
2978
2983
  React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faCircle, className: "me-2" }),
2979
2984
  "Context"),
2980
- (LogMetadata.Tag && Object.keys(LogMetadata.Tag).length > 0) && (React__default["default"].createElement("button", { type: "button", id: "LogReviewer-toggle-tag-filter-drawer", className: `btn btn-${FilterDrawer.Tag === expandedFilterDrawer ? 'warning' : 'secondary'} me-2`, "aria-label": "toggle tag filter drawer", onClick: () => {
2985
+ (LogMetadata.Tag && Object.keys(LogMetadata.Tag).length > 0) && (React__default["default"].createElement("button", { type: "button", id: "LogReviewer-toggle-tag-filter-drawer", className: `btn btn-${FilterDrawer.Tag === expandedFilterDrawer ? 'warning' : 'light'} me-2`, "aria-label": "toggle tag filter drawer", onClick: () => {
2981
2986
  dispatch({
2982
2987
  type: ActionType.ToggleFilterDrawer,
2983
2988
  filterDrawer: FilterDrawer.Tag,
@@ -2985,7 +2990,7 @@ const LogReviewer = (props) => {
2985
2990
  } },
2986
2991
  React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faTag, className: "me-2" }),
2987
2992
  "Tag")),
2988
- React__default["default"].createElement("button", { type: "button", id: "LogReviewer-toggle-action-filter-drawer", className: `btn btn-${FilterDrawer.Action === expandedFilterDrawer ? 'warning' : 'secondary'} me-2`, "aria-label": "toggle action and error filter drawer", onClick: () => {
2993
+ React__default["default"].createElement("button", { type: "button", id: "LogReviewer-toggle-action-filter-drawer", className: `btn btn-${FilterDrawer.Action === expandedFilterDrawer ? 'warning' : 'light'} me-2`, "aria-label": "toggle action and error filter drawer", onClick: () => {
2989
2994
  dispatch({
2990
2995
  type: ActionType.ToggleFilterDrawer,
2991
2996
  filterDrawer: FilterDrawer.Action,
@@ -2993,7 +2998,7 @@ const LogReviewer = (props) => {
2993
2998
  } },
2994
2999
  React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faHammer, className: "me-2" }),
2995
3000
  "Action"),
2996
- React__default["default"].createElement("button", { type: "button", id: "LogReviewer-toggle-advanced-filter-drawer", className: `btn btn-${FilterDrawer.Advanced === expandedFilterDrawer ? 'warning' : 'secondary'}`, "aria-label": "toggle advanced filter drawer", onClick: () => {
3001
+ React__default["default"].createElement("button", { type: "button", id: "LogReviewer-toggle-advanced-filter-drawer", className: `btn btn-${FilterDrawer.Advanced === expandedFilterDrawer ? 'warning' : 'light'}`, "aria-label": "toggle advanced filter drawer", onClick: () => {
2997
3002
  dispatch({
2998
3003
  type: ActionType.ToggleFilterDrawer,
2999
3004
  filterDrawer: FilterDrawer.Advanced,
@@ -3760,10 +3765,12 @@ const LogReviewer = (props) => {
3760
3765
  ];
3761
3766
  // Create intelliTable
3762
3767
  const dataTable = (logs.length === 0
3763
- ? (React__default["default"].createElement("div", { className: "alert alert-warning" },
3764
- React__default["default"].createElement("h4", { className: "m-1" }, "No Logs to Show"),
3765
- React__default["default"].createElement("div", null, "Either your filters are too strict or no matching logs have been created yet.")))
3766
- : (React__default["default"].createElement(IntelliTable, { title: "Matching Logs", id: "logs", data: logs, columns: columns })));
3768
+ ? (React__default["default"].createElement(React__default["default"].Fragment, null,
3769
+ React__default["default"].createElement("h3", { className: "m-0" }, "Matching Logs:"),
3770
+ React__default["default"].createElement("div", { className: "alert alert-warning text-center" },
3771
+ React__default["default"].createElement("h4", { className: "m-1" }, "No Logs to Show"),
3772
+ React__default["default"].createElement("div", null, "Either your filters are too strict or no matching logs have been created yet."))))
3773
+ : (React__default["default"].createElement(IntelliTable, { title: "Matching Logs:", id: "logs", data: logs, columns: columns })));
3767
3774
  // Main body
3768
3775
  body = (React__default["default"].createElement(React__default["default"].Fragment, null,
3769
3776
  filters,
@@ -3775,7 +3782,7 @@ const LogReviewer = (props) => {
3775
3782
  React__default["default"].createElement("div", { className: "LogReviewer-inner-container" },
3776
3783
  React__default["default"].createElement("div", { className: "LogReviewer-header" },
3777
3784
  React__default["default"].createElement("div", { className: "LogReviewer-header-title" },
3778
- React__default["default"].createElement("h3", { className: "m-0" }, "Log Review Dashboard")),
3785
+ React__default["default"].createElement("h3", { className: "text-center m-0" }, "Log Review Dashboard")),
3779
3786
  React__default["default"].createElement("button", { type: "button", className: "LogReviewer-header-close-button btn btn-dark btn-lg", "aria-label": "close log reviewer panel", onClick: onClose },
3780
3787
  React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faTimes }))),
3781
3788
  React__default["default"].createElement("div", { className: "LogReviewer-contents" }, body))));