@unitedstatespowersquadrons/components 1.0.11 → 1.0.13

package/Readme.md

@@ -20,6 +20,26 @@ yarn
 
 More detailed information is available for [Toasts](Toasts/Readme.md) usage.
 
+## Reducer
+
+To create a reducer, follow the following pattern, follow the pattern described
+in [Reducer/Example](Reducer/Example).
+
+### State without Dispatch
+
+If you only need access to app state, but no dispatchable events, you can use
+the simplified generator function:
+
+```ts
+import { createContext } from "react";
+import { buildUnreducableState } from "@unitedstatespowersquadrons/components";
+import { AppState } from "./types";
+
+const StateContext = createContext<AppState | null>(null);
+
+export const { AppProvider, useAppState } = buildUnreducableState<AppState>(StateContext);
+```
+
 ## Automated Testing
 
 GitHub Actions will automatically run `eslint` and `tsc` on branch pushes.

package/Reducer/Example/reducer.tsx

@@ -4,7 +4,7 @@ import * as ReducerHandlers from "./reducerHandlers";
 import { AppState, ServerResponse } from "./types";
 import { buildReducer, RailsAppAction } from "../";
 
-// If you want to add additional data to the server response, use type `RailsAppAction<ExampleServerResponse>`.
+// If you want to add additional data to the server response, use type `RailsAppAction<ServerResponse>`.
 // Otherwise, just use type `RailsAppAction`.
 //
 // If you need to access the available `type`s for your defined AppAction, use `AppActionType<AppAction>`

package/Reducer/Example/reducerHandlers.tsx

@@ -1,5 +1,4 @@
 import { AppAction } from "./reducer";
-import { ServerResponse } from "./types";
 import { DispatchFunc, DispatchHandler } from "../types";
 import wrapDispatch from "../wrapDispatch";
 
@@ -21,5 +20,5 @@ export const doSomething = (
 
   // If you want to add additional data to the server response, pass in type `ServerResponse`.
   // Otherwise, just leave the second type parameter unspecified.
-  return wrapDispatch<AppAction, ServerResponse>(dispatch, [actionType], handler);
+  return wrapDispatch(dispatch, [actionType], handler);
 };

package/Reducer/index.tsx

@@ -1,3 +1,4 @@
 export { default as wrapDispatch } from "./wrapDispatch";
 export { default as buildReducer } from "./buildReducer";
+export { default as buildUnreducableState } from "./buildUnreducableState";
 export type * from "./types";

package/Toasts/toastHelpers.ts

@@ -13,13 +13,9 @@ export function createDismissToast(dispatch: DispatchFunc<ToastRemoveAppAction>)
 }
 
 export function handleToasts<T extends AppStateWithToasts>(draft: Draft<T>, toasts: Toast[]) {
-  const handleToastsFunc = () => {
-    if (toasts.length > 0) {
-      toasts.forEach(toast => addToast(draft, toast));
-    }
-  };
-
-  return handleToastsFunc;
+  if (toasts.length > 0) {
+    toasts.forEach(toast => addToast(draft, toast));
+  }
 }
 
 export function addToast<T extends AppStateWithToasts>(draft: Draft<T>, toastOptions: Toast) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unitedstatespowersquadrons/components",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "description": "USPS shared React components library",
   "main": "index.tsx",
   "scripts": {