- Update the DND createStore due to it being marked for deprecation.

Signed-off-by: Dave Richer <dave@imexsystems.ca>
This commit is contained in:
Dave Richer
2024-06-14 13:39:51 -04:00
parent 4602648fe5
commit 2997dd4e4d

View File

@@ -1,5 +1,4 @@
/* eslint-disable no-underscore-dangle */ import { configureStore } from "@reduxjs/toolkit";
import { applyMiddleware, createStore, compose } from "redux";
import reducer from "./reducer"; import reducer from "./reducer";
import lift from "./middleware/lift"; import lift from "./middleware/lift";
import style from "./middleware/style"; import style from "./middleware/style";
@@ -12,21 +11,18 @@ import dimensionMarshalStopper from "./middleware/dimension-marshal-stopper";
import focus from "./middleware/focus"; import focus from "./middleware/focus";
import autoScroll from "./middleware/auto-scroll"; import autoScroll from "./middleware/auto-scroll";
import pendingDrop from "./middleware/pending-drop"; import pendingDrop from "./middleware/pending-drop";
// We are checking if window is available before using it.
// This is needed for universal apps that render the component server side.
// Details: https://github.com/zalmoxisus/redux-devtools-extension#12-advanced-store-setup
const composeEnhancers =
import.meta.env.DEV && typeof window !== "undefined" && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
name: "react-beautiful-dnd"
})
: compose;
const createBoardStore = ({ dimensionMarshal, focusMarshal, styleMarshal, getResponders, announce, autoScroller }) => const createBoardStore = ({ dimensionMarshal, focusMarshal, styleMarshal, getResponders, announce, autoScroller }) =>
createStore( configureStore({
reducer, reducer,
composeEnhancers( middleware: (getDefaultMiddleware) =>
applyMiddleware( //Note: No additional defaults seem required as per original source
getDefaultMiddleware({
immutableCheck: false,
serializableCheck: false,
actionCreatorCheck: false,
thunk: false
}).concat([
// ## Debug middleware // ## Debug middleware
// > uncomment to use // > uncomment to use
@@ -66,8 +62,8 @@ const createBoardStore = ({ dimensionMarshal, focusMarshal, styleMarshal, getRes
focus(focusMarshal), focus(focusMarshal),
// Fire responders for consumers (after update to store) // Fire responders for consumers (after update to store)
responders(getResponders, announce) responders(getResponders, announce)
) ]),
) devTools: import.meta.env.DEV
); });
export default createBoardStore; export default createBoardStore;