Merge branch 'master' of https://github.com/reduxjs/redux-toolkit into fix-codemods

Author: aryaemami59

.github/workflows/tests.yml

@@ -91,7 +91,7 @@ jobs:
       - name: Install build artifact
         run: yarn workspace @reduxjs/toolkit add $(pwd)/package.tgz
 
-      - run: sed -i -e /@remap-prod-remove-line/d ./tsconfig.base.json ./vitest.config.ts ./src/tests/*.* ./src/query/tests/*.*
+      - run: sed -i -e /@remap-prod-remove-line/d ./tsconfig.base.json ./vitest.config.mts ./src/tests/*.* ./src/query/tests/*.*
 
       - name: Run tests, against dist
         run: yarn test
@@ -133,7 +133,7 @@ jobs:
       - name: Show installed RTK versions
         run: yarn info @reduxjs/toolkit
 
-      - run: sed -i -e /@remap-prod-remove-line/d ./tsconfig.base.json ./vitest.config.ts ./src/tests/*.* ./src/query/tests/*.*
+      - run: sed -i -e /@remap-prod-remove-line/d ./tsconfig.base.json ./vitest.config.mts ./src/tests/*.* ./src/query/tests/*.*
 
       - name: Test types
         run: |
@@ -149,7 +149,7 @@ jobs:
       fail-fast: false
       matrix:
         node: ['18.x']
-        example: ['cra4', 'cra5', 'next', 'vite', 'node-standard', 'node-esm', 'expo']
+        example: ['cra4', 'cra5', 'next', 'vite', 'node-standard', 'node-esm', 'react-native', 'expo']
     defaults:
       run:
         working-directory: ./examples/publish-ci/${{ matrix.example }}

.yarn/patches/msw-npm-0.40.2-2107d48752

@@ -46,6 +46,10 @@ interface ConfigureStoreOptions<
   P = S
 > {
   /**
+   * A single reducer function that will be used as the root reducer, or an
+   * object of slice reducers that will be passed to `combineReducers()`.
+   */
+  reducer: Reducer<S, A, P> | ReducersMapObject<S, A, P>
 
   /**
    * An array of Redux middleware to install. If not supplied, defaults to

docs/api/configureStore.mdx

@@ -527,7 +527,7 @@ If a thunk was cancelled, the result of the promise will be a `rejected` action
 So if you wanted to test that a thunk was cancelled before executing, you can do the following:
 
 ```ts no-transpile
-import { createAsyncThunk, isRejected } from '@reduxjs/toolkit'
+import { createAsyncThunk } from '@reduxjs/toolkit'
 
 test('this thunk should always be skipped', async () => {
   const thunk = createAsyncThunk(

docs/api/createAsyncThunk.mdx

@@ -0,0 +1,2 @@
+BUNDLE_PATH: "vendor/bundle"
+BUNDLE_FORCE_RUBY_PLATFORM: 1

examples/publish-ci/react-native/.bundle/config

@@ -0,0 +1,34 @@
+{
+  "extends": [
+    "eslint:recommended",
+    "@react-native",
+    "plugin:react/jsx-runtime",
+    "prettier"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": { "project": true, "tsconfigRootDir": "./" },
+  "plugins": ["@typescript-eslint"],
+  "root": true,
+  "rules": {
+    "@typescript-eslint/consistent-type-imports": [
+      2,
+      { "fixStyle": "separate-type-imports" }
+    ],
+    "@typescript-eslint/no-restricted-imports": [
+      2,
+      {
+        "paths": [
+          {
+            "name": "react-redux",
+            "importNames": ["useSelector", "useStore", "useDispatch"],
+            "message": "Please use pre-typed versions from `src/app/hooks.ts` instead."
+          }
+        ]
+      }
+    ]
+  },
+  "overrides": [
+    { "files": ["*.{c,m,}{t,j}s", "*.{t,j}sx"] },
+    { "files": ["*{test,spec}.{t,j}s?(x)"], "env": { "jest": true } }
+  ]
+}

examples/publish-ci/react-native/.eslintrc.json

@@ -0,0 +1,70 @@
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+ios/.xcode.env.local
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+*.hprof
+.cxx/
+*.keystore
+!debug.keystore
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+.yarn/
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+**/fastlane/report.xml
+**/fastlane/Preview.html
+**/fastlane/screenshots
+**/fastlane/test_output
+
+# Bundle artifact
+*.jsbundle
+
+# Ruby / CocoaPods
+/ios/Pods/
+/vendor/bundle/
+
+# Temporary files created by Metro to check the health of the file watcher
+.metro-health-check*
+
+# testing
+/coverage
+
+#IDE
+.vscode

examples/publish-ci/react-native/.gitignore

@@ -0,0 +1,4 @@
+{
+  "arrowParens": "avoid",
+  "semi": false
+}

examples/publish-ci/react-native/.prettierrc.json

@@ -0,0 +1 @@
+{}

examples/publish-ci/react-native/.watchmanconfig

@@ -0,0 +1,105 @@
+import { screen, waitFor } from "@testing-library/react-native"
+import { App } from "./App"
+import { renderWithProviders } from "./src/utils/test-utils"
+
+test("App should have correct initial render", () => {
+  renderWithProviders(<App />)
+
+  // The app should be rendered correctly
+  expect(screen.getByText(/learn more redux/i)).toBeOnTheScreen()
+
+  // Initial state: count should be 0, incrementValue should be 2
+  expect(screen.getByLabelText("Count")).toHaveTextContent("0")
+  expect(screen.getByLabelText("Set increment amount")).toHaveDisplayValue("2")
+})
+
+test("Increment value and Decrement value should work as expected", async () => {
+  const { user } = renderWithProviders(<App />)
+
+  // Click on "+" => Count should be 1
+  await user.press(screen.getByLabelText("Increment value"))
+  expect(screen.getByLabelText("Count")).toHaveTextContent("1")
+
+  // Click on "-" => Count should be 0
+  await user.press(screen.getByLabelText("Decrement value"))
+  expect(screen.getByLabelText("Count")).toHaveTextContent("0")
+})
+
+test("Add Amount should work as expected", async () => {
+  const { user } = renderWithProviders(<App />)
+
+  // "Add Amount" button is clicked => Count should be 2
+  await user.press(screen.getByText("Add Amount"))
+  expect(screen.getByLabelText("Count")).toHaveTextContent("2")
+
+  const incrementValueInput = screen.getByLabelText("Set increment amount")
+  // incrementValue is 2, click on "Add Amount" => Count should be 4
+  await user.clear(incrementValueInput)
+  await user.type(incrementValueInput, "2")
+  await user.press(screen.getByText("Add Amount"))
+  expect(screen.getByLabelText("Count")).toHaveTextContent("4")
+
+  // [Negative number] incrementValue is -1, click on "Add Amount" => Count should be 3
+  await user.clear(incrementValueInput)
+  await user.type(incrementValueInput, "-1")
+  await user.press(screen.getByText("Add Amount"))
+  expect(screen.getByLabelText("Count")).toHaveTextContent("3")
+})
+
+it("Add Async should work as expected", async () => {
+  const { user } = renderWithProviders(<App />)
+
+  // "Add Async" button is clicked => Count should be 2
+  await user.press(screen.getByText("Add Async"))
+
+  await waitFor(() => {
+    expect(screen.getByLabelText("Count")).toHaveTextContent("2")
+  })
+
+  const incrementValueInput = screen.getByLabelText("Set increment amount")
+  // incrementValue is 2, click on "Add Async" => Count should be 4
+  await user.clear(incrementValueInput)
+  await user.type(incrementValueInput, "2")
+
+  await user.press(screen.getByText("Add Async"))
+  await waitFor(() => {
+    expect(screen.getByLabelText("Count")).toHaveTextContent("4")
+  })
+
+  // [Negative number] incrementValue is -1, click on "Add Async" => Count should be 3
+  await user.clear(incrementValueInput)
+  await user.type(incrementValueInput, "-1")
+  await user.press(screen.getByText("Add Async"))
+  await waitFor(() => {
+    expect(screen.getByLabelText("Count")).toHaveTextContent("3")
+  })
+})
+
+test("Add If Odd should work as expected", async () => {
+  const { user } = renderWithProviders(<App />)
+
+  // "Add If Odd" button is clicked => Count should stay 0
+  await user.press(screen.getByText("Add If Odd"))
+  expect(screen.getByLabelText("Count")).toHaveTextContent("0")
+
+  // Click on "+" => Count should be updated to 1
+  await user.press(screen.getByLabelText("Increment value"))
+  expect(screen.getByLabelText("Count")).toHaveTextContent("1")
+
+  // "Add If Odd" button is clicked => Count should be updated to 3
+  await user.press(screen.getByText("Add If Odd"))
+  expect(screen.getByLabelText("Count")).toHaveTextContent("3")
+
+  const incrementValueInput = screen.getByLabelText("Set increment amount")
+  // incrementValue is 1, click on "Add If Odd" => Count should be updated to 4
+  await user.clear(incrementValueInput)
+  await user.type(incrementValueInput, "1")
+  await user.press(screen.getByText("Add If Odd"))
+  expect(screen.getByLabelText("Count")).toHaveTextContent("4")
+
+  // click on "Add If Odd" => Count should stay 4
+  await user.clear(incrementValueInput)
+  await user.type(incrementValueInput, "-1")
+  await user.press(screen.getByText("Add If Odd"))
+  expect(screen.getByLabelText("Count")).toHaveTextContent("4")
+})