dce-reactkit 3.2.2-beta.7 → 3.2.2-beta.8
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.
- package/dist/cjs/index.js +19 -11
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +19 -11
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/LogReviewer.tsx +18 -11
package/dist/cjs/index.js
CHANGED
|
@@ -2611,6 +2611,7 @@ const style = `
|
|
|
2611
2611
|
border: 0.05rem solid black;
|
|
2612
2612
|
border-radius: 0.5rem;
|
|
2613
2613
|
overflow: hidden;
|
|
2614
|
+
padding: 0.7rem;
|
|
2614
2615
|
|
|
2615
2616
|
/* Solid background */
|
|
2616
2617
|
background-color: white;
|
|
@@ -2641,6 +2642,18 @@ const style = `
|
|
|
2641
2642
|
/* Vertical scroll */
|
|
2642
2643
|
overflow-y: auto;
|
|
2643
2644
|
}
|
|
2645
|
+
|
|
2646
|
+
.LogReviewer-header-close-button {
|
|
2647
|
+
border: 0 !important;
|
|
2648
|
+
background-color: transparent !important;
|
|
2649
|
+
padding-top: 0 !important;
|
|
2650
|
+
padding-bottom: 0 !important;
|
|
2651
|
+
margin: 0 !important;
|
|
2652
|
+
color: #333 !important;
|
|
2653
|
+
}
|
|
2654
|
+
.LogReviewer-header-close-button:hover {
|
|
2655
|
+
color: #000 !important;
|
|
2656
|
+
}
|
|
2644
2657
|
`;
|
|
2645
2658
|
/*------------------------------------------------------------------------*/
|
|
2646
2659
|
/* Static Functions */
|
|
@@ -2948,7 +2961,7 @@ const LogReviewer = (props) => {
|
|
|
2948
2961
|
const filterToggles = (React__default["default"].createElement("div", { className: "LogReviewer-filter-toggles mb-2" },
|
|
2949
2962
|
React__default["default"].createElement("h3", { className: "m-0" }, "Filters:"),
|
|
2950
2963
|
React__default["default"].createElement("div", { className: "LogReviewer-filter-toggle-buttons" },
|
|
2951
|
-
React__default["default"].createElement("button", { type: "button", id: "LogReviewer-toggle-date-filter-drawer", className: `btn btn-${FilterDrawer.Date === expandedFilterDrawer} me-2`, "aria-label": "toggle date filter drawer", onClick: () => {
|
|
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: () => {
|
|
2952
2965
|
dispatch({
|
|
2953
2966
|
type: ActionType.ToggleFilterDrawer,
|
|
2954
2967
|
filterDrawer: FilterDrawer.Date,
|
|
@@ -2956,7 +2969,7 @@ const LogReviewer = (props) => {
|
|
|
2956
2969
|
} },
|
|
2957
2970
|
React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faCalendar, className: "me-2" }),
|
|
2958
2971
|
"Date"),
|
|
2959
|
-
React__default["default"].createElement("button", { type: "button", id: "LogReviewer-toggle-context-filter-drawer", className: `btn btn-${FilterDrawer.Context === expandedFilterDrawer} me-2`, "aria-label": "toggle context filter drawer", onClick: () => {
|
|
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: () => {
|
|
2960
2973
|
dispatch({
|
|
2961
2974
|
type: ActionType.ToggleFilterDrawer,
|
|
2962
2975
|
filterDrawer: FilterDrawer.Context,
|
|
@@ -2964,7 +2977,7 @@ const LogReviewer = (props) => {
|
|
|
2964
2977
|
} },
|
|
2965
2978
|
React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faCircle, className: "me-2" }),
|
|
2966
2979
|
"Context"),
|
|
2967
|
-
(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} me-2`, "aria-label": "toggle tag filter drawer", onClick: () => {
|
|
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: () => {
|
|
2968
2981
|
dispatch({
|
|
2969
2982
|
type: ActionType.ToggleFilterDrawer,
|
|
2970
2983
|
filterDrawer: FilterDrawer.Tag,
|
|
@@ -2972,7 +2985,7 @@ const LogReviewer = (props) => {
|
|
|
2972
2985
|
} },
|
|
2973
2986
|
React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faTag, className: "me-2" }),
|
|
2974
2987
|
"Tag")),
|
|
2975
|
-
React__default["default"].createElement("button", { type: "button", id: "LogReviewer-toggle-action-filter-drawer", className: `btn btn-${FilterDrawer.Action === expandedFilterDrawer} me-2`, "aria-label": "toggle action and error filter drawer", onClick: () => {
|
|
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: () => {
|
|
2976
2989
|
dispatch({
|
|
2977
2990
|
type: ActionType.ToggleFilterDrawer,
|
|
2978
2991
|
filterDrawer: FilterDrawer.Action,
|
|
@@ -2980,7 +2993,7 @@ const LogReviewer = (props) => {
|
|
|
2980
2993
|
} },
|
|
2981
2994
|
React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faHammer, className: "me-2" }),
|
|
2982
2995
|
"Action"),
|
|
2983
|
-
React__default["default"].createElement("button", { type: "button", id: "LogReviewer-toggle-advanced-filter-drawer", className: `btn btn-${FilterDrawer.Advanced === expandedFilterDrawer}`, "aria-label": "toggle advanced filter drawer", onClick: () => {
|
|
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: () => {
|
|
2984
2997
|
dispatch({
|
|
2985
2998
|
type: ActionType.ToggleFilterDrawer,
|
|
2986
2999
|
filterDrawer: FilterDrawer.Advanced,
|
|
@@ -3763,12 +3776,7 @@ const LogReviewer = (props) => {
|
|
|
3763
3776
|
React__default["default"].createElement("div", { className: "LogReviewer-header" },
|
|
3764
3777
|
React__default["default"].createElement("div", { className: "LogReviewer-header-title" },
|
|
3765
3778
|
React__default["default"].createElement("h3", { className: "m-0" }, "Log Review Dashboard")),
|
|
3766
|
-
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,
|
|
3767
|
-
border: 0,
|
|
3768
|
-
backgroundColor: 'transparent',
|
|
3769
|
-
padding: 0,
|
|
3770
|
-
margin: 0,
|
|
3771
|
-
} },
|
|
3779
|
+
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 },
|
|
3772
3780
|
React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faTimes }))),
|
|
3773
3781
|
React__default["default"].createElement("div", { className: "LogReviewer-contents" }, body))));
|
|
3774
3782
|
};
|