dce-reactkit 3.6.17 → 3.6.19

package/dist/cjs/index.js

@@ -621,7 +621,11 @@ const Modal = (props) => {
                     React__default["default"].createElement("h5", { className: "modal-title", style: {
                             fontWeight: 'bold',
                         } }, title),
-                    onClose && (React__default["default"].createElement("button", { type: "button", className: "btn-close", "aria-label": "Close", onClick: () => {
+                    onClose && (React__default["default"].createElement("button", { type: "button", className: "Modal-x-button btn-close", "aria-label": "Close", style: {
+                            backgroundColor: (isDarkModeOn()
+                                ? 'white'
+                                : undefined),
+                        }, onClick: () => {
                             // Handle close
                             handleClose(ModalButtonType$1.Cancel);
                         } }))),
@@ -2086,7 +2090,7 @@ var ActionType$9;
  * @param state current state
  * @param action action to execute
  */
-const reducer$9 = (state, action) => {
+const reducer$a = (state, action) => {
     switch (action.type) {
         case ActionType$9.IndicateRecentlyCopied: {
             return {
@@ -2119,7 +2123,7 @@ const CopiableBox = (props) => {
         recentlyCopied: false,
     };
     // Initialize state
-    const [state, dispatch] = React.useReducer(reducer$9, initialState);
+    const [state, dispatch] = React.useReducer(reducer$a, initialState);
     // Destructure common state
     const { recentlyCopied, } = state;
     /*------------------------------------------------------------------------*/
@@ -2212,7 +2216,7 @@ var ActionType$8;
  * @param state current state
  * @param action action to execute
  */
-const reducer$8 = (state, action) => {
+const reducer$9 = (state, action) => {
     switch (action.type) {
         case ActionType$8.ToggleChild: {
             return Object.assign(Object.assign({}, state), { childExpanded: Object.assign(Object.assign({}, state.childExpanded), { [String(action.id)]: !state.childExpanded[String(action.id)] }) });
@@ -2243,7 +2247,7 @@ const NestableItemList = (props) => {
         childExpanded: initChildExpanded,
     };
     // Initialize state
-    const [state, dispatch] = React.useReducer(reducer$8, initialState);
+    const [state, dispatch] = React.useReducer(reducer$9, initialState);
     // Destructure common state
     const { childExpanded, } = state;
     /*------------------------------------------------------------------------*/
@@ -2628,7 +2632,7 @@ var ActionType$7;
  * @param state current state
  * @param action action to execute
  */
-const reducer$7 = (state, action) => {
+const reducer$8 = (state, action) => {
     switch (action.type) {
         case ActionType$7.ToggleSortColumn: {
             if (action.param !== state.sortColumnParam) {
@@ -2704,7 +2708,7 @@ const IntelliTable = (props) => {
         columnVisibilityCustomizationModalVisible: false,
     };
     // Initialize state
-    const [state, dispatch] = React.useReducer(reducer$7, initialState);
+    const [state, dispatch] = React.useReducer(reducer$8, initialState);
     // Destructure common state
     const { sortColumnParam, sortType, columnVisibilityMap, columnVisibilityCustomizationModalVisible, } = state;
     /*------------------------------------------------------------------------*/
@@ -3382,7 +3386,7 @@ var ActionType$6;
  * @param state current state
  * @param action action to execute
  */
-const reducer$6 = (state, action) => {
+const reducer$7 = (state, action) => {
     switch (action.type) {
         case ActionType$6.StartLoading: {
             return Object.assign(Object.assign({}, state), { loading: true });
@@ -3542,7 +3546,7 @@ const LogReviewer = (props) => {
         advancedFilterState: initAdvancedFilterState,
     };
     // Initialize state
-    const [state, dispatch] = React.useReducer(reducer$6, initialState);
+    const [state, dispatch] = React.useReducer(reducer$7, initialState);
     // Destructure common state
     const { loading, logMap, expandedFilterDrawer, dateFilterState, contextFilterState, tagFilterState, actionErrorFilterState, advancedFilterState, } = state;
     /*------------------------------------------------------------------------*/
@@ -39693,7 +39697,7 @@ var ActionType$5;
  * @param action action to execute
  * @returns updated state
  */
-const reducer$5 = (state, action) => {
+const reducer$6 = (state, action) => {
     switch (action.type) {
         case ActionType$5.SetInputValue: {
             return Object.assign(Object.assign({}, state), { inputValue: action.value });
@@ -39715,7 +39719,7 @@ const CreatableMultiselect = (props) => {
         inputValue: '',
     };
     // Initialize state
-    const [state, dispatch] = React.useReducer(reducer$5, initialState);
+    const [state, dispatch] = React.useReducer(reducer$6, initialState);
     // Destructure common state
     const { inputValue } = state;
     /*------------------------------------------------------------------------*/
@@ -39897,7 +39901,7 @@ var ActionType$4;
  * @param action action to execute
  * @returns updated state
  */
-const reducer$4 = (state, action) => {
+const reducer$5 = (state, action) => {
     switch (action.type) {
         case ActionType$4.UpdateDBEntry: {
             return Object.assign(Object.assign({}, state), { entry: action.dbEntry });
@@ -39927,7 +39931,7 @@ const AddOrEditDBEntry = (props) => {
         saving: false,
     };
     // Initialize state
-    const [state, dispatch] = React.useReducer(reducer$4, initialState);
+    const [state, dispatch] = React.useReducer(reducer$5, initialState);
     // Destructure common state
     const { entry, saving, } = state;
     /*------------------------------------------------------------------------*/
@@ -40301,7 +40305,7 @@ var ActionType$3;
  * @param action action to execute
  * @returns updated state
  */
-const reducer$3 = (state, action) => {
+const reducer$4 = (state, action) => {
     switch (action.type) {
         case ActionType$3.FinishLoading: {
             return Object.assign(Object.assign({}, state), { loading: false, dbEntries: action.dbEntries });
@@ -40365,7 +40369,7 @@ const DBEntryManagerPanel = (props) => {
         loading: true,
     };
     // Initialize state
-    const [state, dispatch] = React.useReducer(reducer$3, initialState);
+    const [state, dispatch] = React.useReducer(reducer$4, initialState);
     // Destructure common state
     const { adding, dbEntryToEdit, dbEntries, loading, } = state;
     /*------------------------------------------------------------------------*/
@@ -40710,7 +40714,7 @@ var ActionType$2;
  * @param state current state
  * @param action action to execute
  */
-const reducer$2 = (state, action) => {
+const reducer$3 = (state, action) => {
     switch (action.type) {
         case ActionType$2.Show: {
             return Object.assign(Object.assign({}, state), { isVisible: true });
@@ -40749,7 +40753,7 @@ const Tooltip = (props) => {
         nudgePx: 0,
     };
     // Initialize state
-    const [state, dispatch] = React.useReducer(reducer$2, initialState);
+    const [state, dispatch] = React.useReducer(reducer$3, initialState);
     // Destructure common state
     const { isVisible, nudgePx, squareBottomLeft, squareBottomRight, } = state;
     /* -------------- Refs -------------- */
@@ -41008,7 +41012,7 @@ var ActionType$1;
  * @param state current state
  * @param action action to execute
  */
-const reducer$1 = (state, action) => {
+const reducer$2 = (state, action) => {
     switch (action.type) {
         case ActionType$1.HideJumpToBottomButton: {
             return Object.assign(Object.assign({}, state), { jumpToBottomButtonVisible: false });
@@ -41037,7 +41041,7 @@ const AutoscrollToBottomContainer = (props) => {
         jumpToBottomButtonVisible: false,
     };
     // Initialize state
-    const [state, dispatch] = React.useReducer(reducer$1, initialState);
+    const [state, dispatch] = React.useReducer(reducer$2, initialState);
     // Destructure common state
     const { jumpToBottomButtonVisible, } = state;
     /* -------------- Refs -------------- */
@@ -41232,7 +41236,7 @@ var ActionType;
  * @param state current state
  * @param action action to execute
  */
-const reducer = (state, action) => {
+const reducer$1 = (state, action) => {
     switch (action.type) {
         case ActionType.StartHover: {
             return Object.assign(Object.assign({}, state), { hoveredOptionId: action.hoveredOptionId });
@@ -41261,7 +41265,7 @@ const MultiSwitch = (props) => {
         hoveredOptionId: undefined,
     };
     // Initialize state
-    const [state, dispatch] = React.useReducer(reducer, initialState);
+    const [state, dispatch] = React.useReducer(reducer$1, initialState);
     // Destructure common state
     const { hoveredOptionId, } = state;
     /*------------------------------------------------------------------------*/
@@ -43374,6 +43378,40 @@ const prefixWithAOrAn = (text, capitalize = false) => {
     return `${prefix} ${text}`;
 };
 
+/* -------- State Definition -------- */
+/* ------------- Reducer ------------ */
+/**
+ * Reducer that executes actions
+ * @author Gabe Abrams
+ * @param state current state
+ */
+const reducer = (state) => {
+    return {
+        renderCount: state.renderCount + 1,
+    };
+};
+/* -------------- Main -------------- */
+/**
+ * Create a function that forces a render of a component. Use this only when
+ *   absolutely necessary
+ * @author Gabe Abrams
+ * @param useReducer the useReducer hook
+ * @returns forceRender function
+ */
+const useForceRender = (useReducer) => {
+    // Initial state
+    const initialState = {
+        renderCount: 0,
+    };
+    // Initialize state
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const [state, dispatch] = useReducer(reducer, initialState);
+    // Create and return the forceRender function
+    return () => {
+        dispatch();
+    };
+};
+
 /**
  * Days of the week
  * @author Gabe Abrams
@@ -43473,6 +43511,7 @@ exports.startMinWait = startMinWait;
 exports.stringsToHumanReadableList = stringsToHumanReadableList;
 exports.stubServerEndpoint = stubServerEndpoint;
 exports.sum = sum;
+exports.useForceRender = useForceRender;
 exports.validateEmail = validateEmail;
 exports.validatePhoneNumber = validatePhoneNumber;
 exports.validateString = validateString;