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/esm/index.js
CHANGED
|
@@ -2603,6 +2603,7 @@ const style = `
|
|
|
2603
2603
|
border: 0.05rem solid black;
|
|
2604
2604
|
border-radius: 0.5rem;
|
|
2605
2605
|
overflow: hidden;
|
|
2606
|
+
padding: 0.7rem;
|
|
2606
2607
|
|
|
2607
2608
|
/* Solid background */
|
|
2608
2609
|
background-color: white;
|
|
@@ -2633,6 +2634,18 @@ const style = `
|
|
|
2633
2634
|
/* Vertical scroll */
|
|
2634
2635
|
overflow-y: auto;
|
|
2635
2636
|
}
|
|
2637
|
+
|
|
2638
|
+
.LogReviewer-header-close-button {
|
|
2639
|
+
border: 0 !important;
|
|
2640
|
+
background-color: transparent !important;
|
|
2641
|
+
padding-top: 0 !important;
|
|
2642
|
+
padding-bottom: 0 !important;
|
|
2643
|
+
margin: 0 !important;
|
|
2644
|
+
color: #333 !important;
|
|
2645
|
+
}
|
|
2646
|
+
.LogReviewer-header-close-button:hover {
|
|
2647
|
+
color: #000 !important;
|
|
2648
|
+
}
|
|
2636
2649
|
`;
|
|
2637
2650
|
/*------------------------------------------------------------------------*/
|
|
2638
2651
|
/* Static Functions */
|
|
@@ -2940,7 +2953,7 @@ const LogReviewer = (props) => {
|
|
|
2940
2953
|
const filterToggles = (React.createElement("div", { className: "LogReviewer-filter-toggles mb-2" },
|
|
2941
2954
|
React.createElement("h3", { className: "m-0" }, "Filters:"),
|
|
2942
2955
|
React.createElement("div", { className: "LogReviewer-filter-toggle-buttons" },
|
|
2943
|
-
React.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: () => {
|
|
2956
|
+
React.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: () => {
|
|
2944
2957
|
dispatch({
|
|
2945
2958
|
type: ActionType.ToggleFilterDrawer,
|
|
2946
2959
|
filterDrawer: FilterDrawer.Date,
|
|
@@ -2948,7 +2961,7 @@ const LogReviewer = (props) => {
|
|
|
2948
2961
|
} },
|
|
2949
2962
|
React.createElement(FontAwesomeIcon, { icon: faCalendar, className: "me-2" }),
|
|
2950
2963
|
"Date"),
|
|
2951
|
-
React.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: () => {
|
|
2964
|
+
React.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: () => {
|
|
2952
2965
|
dispatch({
|
|
2953
2966
|
type: ActionType.ToggleFilterDrawer,
|
|
2954
2967
|
filterDrawer: FilterDrawer.Context,
|
|
@@ -2956,7 +2969,7 @@ const LogReviewer = (props) => {
|
|
|
2956
2969
|
} },
|
|
2957
2970
|
React.createElement(FontAwesomeIcon, { icon: faCircle, className: "me-2" }),
|
|
2958
2971
|
"Context"),
|
|
2959
|
-
(LogMetadata.Tag && Object.keys(LogMetadata.Tag).length > 0) && (React.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: () => {
|
|
2972
|
+
(LogMetadata.Tag && Object.keys(LogMetadata.Tag).length > 0) && (React.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: () => {
|
|
2960
2973
|
dispatch({
|
|
2961
2974
|
type: ActionType.ToggleFilterDrawer,
|
|
2962
2975
|
filterDrawer: FilterDrawer.Tag,
|
|
@@ -2964,7 +2977,7 @@ const LogReviewer = (props) => {
|
|
|
2964
2977
|
} },
|
|
2965
2978
|
React.createElement(FontAwesomeIcon, { icon: faTag, className: "me-2" }),
|
|
2966
2979
|
"Tag")),
|
|
2967
|
-
React.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: () => {
|
|
2980
|
+
React.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: () => {
|
|
2968
2981
|
dispatch({
|
|
2969
2982
|
type: ActionType.ToggleFilterDrawer,
|
|
2970
2983
|
filterDrawer: FilterDrawer.Action,
|
|
@@ -2972,7 +2985,7 @@ const LogReviewer = (props) => {
|
|
|
2972
2985
|
} },
|
|
2973
2986
|
React.createElement(FontAwesomeIcon, { icon: faHammer, className: "me-2" }),
|
|
2974
2987
|
"Action"),
|
|
2975
|
-
React.createElement("button", { type: "button", id: "LogReviewer-toggle-advanced-filter-drawer", className: `btn btn-${FilterDrawer.Advanced === expandedFilterDrawer}`, "aria-label": "toggle advanced filter drawer", onClick: () => {
|
|
2988
|
+
React.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: () => {
|
|
2976
2989
|
dispatch({
|
|
2977
2990
|
type: ActionType.ToggleFilterDrawer,
|
|
2978
2991
|
filterDrawer: FilterDrawer.Advanced,
|
|
@@ -3755,12 +3768,7 @@ const LogReviewer = (props) => {
|
|
|
3755
3768
|
React.createElement("div", { className: "LogReviewer-header" },
|
|
3756
3769
|
React.createElement("div", { className: "LogReviewer-header-title" },
|
|
3757
3770
|
React.createElement("h3", { className: "m-0" }, "Log Review Dashboard")),
|
|
3758
|
-
React.createElement("button", { type: "button", className: "LogReviewer-header-close-button btn btn-dark btn-lg", "aria-label": "close log reviewer panel", onClick: onClose,
|
|
3759
|
-
border: 0,
|
|
3760
|
-
backgroundColor: 'transparent',
|
|
3761
|
-
padding: 0,
|
|
3762
|
-
margin: 0,
|
|
3763
|
-
} },
|
|
3771
|
+
React.createElement("button", { type: "button", className: "LogReviewer-header-close-button btn btn-dark btn-lg", "aria-label": "close log reviewer panel", onClick: onClose },
|
|
3764
3772
|
React.createElement(FontAwesomeIcon, { icon: faTimes }))),
|
|
3765
3773
|
React.createElement("div", { className: "LogReviewer-contents" }, body))));
|
|
3766
3774
|
};
|