@unitedstatespowersquadrons/components 1.0.12 → 1.1.0-pre.1

package/BaseActionButton.tsx

@@ -99,24 +99,18 @@ const BaseActionButton = (props: BaseActionButtonProps) => {
   } else if ("href" in props) {
     const { href, newTab } = props;
 
-    const onClick = () => {
-      if (newTab) {
-        open(href, "_blank");
-      } else {
-        location.href = href;
-      }
-    };
-
     return(
-      <button
-        className={classNames("action-button", classes.button, className)}
+      <a
+        href={href}
         id={id}
-        onClick={onClick}
+        rel={newTab ? "noreferrer" : undefined}
+        target={newTab ? "_blank" : undefined}
         title={title}
-        type="button"
       >
-        {children}
-      </button>
+        <button className={classNames("action-button", classes.button, className)} type="button">
+          {children}
+        </button>
+      </a>
     );
   } else {
     throw new Error("Invalid BaseActionButton configuration: must specify props: onClick | (href & method?)");

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/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.12",
+  "version": "1.1.0-pre.1",
   "description": "USPS shared React components library",
   "main": "index.tsx",
   "scripts": {