@unitedstatespowersquadrons/components 1.0.1 → 1.0.3

package/Toasts/Toast.tsx

@@ -1,10 +1,10 @@
 import React from "react";
 import classNames from "classnames";
 import { createUseStyles } from "react-jss";
-import FontAwesomeIcon from "../FontAwesomeIcon";
 import { DismissFunc, ToastProps, ToastRemoveAppAction, Toast_Status } from "./types";
-import { DispatchFunc } from "../types";
 import createDismissToast from "./createDismissToast";
+import FontAwesomeIcon from "../FontAwesomeIcon";
+import { DispatchFunc } from "../types";
 
 interface BaseProps {
   toast: ToastProps;

package/eslint.config.mjs

@@ -3,6 +3,8 @@ import eslint from "@eslint/js";
 import stylisticJs from "@stylistic/eslint-plugin";
 import react from "eslint-plugin-react";
 import reactHooks from "eslint-plugin-react-hooks";
+import importPlugin from "eslint-plugin-import";
+import importNewlines from "eslint-plugin-import-newlines";
 import tseslint from "typescript-eslint";
 
 export default tseslint.config(
@@ -143,6 +145,20 @@ export default tseslint.config(
       "stylistic/no-extra-semi": "error",
       "stylistic/semi": ["error", "always"],
       "stylistic/no-multiple-empty-lines": "error",
+      "stylistic/array-element-newline": [
+        "error",
+        {
+          "ArrayExpression": "consistent",
+          "ArrayPattern": { "minItems": 3 },
+        }
+      ],
+      "stylistic/object-property-newline": [
+        "error",
+        {
+          // "ArrayExpression": "consistent",
+          "allowAllPropertiesOnSameLine": true,
+        }
+      ],
 
       "react/display-name": "error",
       "react/jsx-boolean-value": ["error", "always"],
@@ -180,6 +196,31 @@ export default tseslint.config(
 
       "react-hooks/exhaustive-deps": "error",
       "react-hooks/rules-of-hooks": "error",
+
+      "import/order": [
+        "error",
+        {
+          "groups": [
+            "builtin",
+            "external", // "package"
+            "object",
+            "internal",
+            "index",    // "./"
+            "sibling",  // "./directory"
+            "parent",   // "../directory"
+            // Then the omitted imports: type, unknown
+          ],
+        }
+      ],
+
+      "import-newlines/enforce": [
+        "error",
+        {
+          "items": 5,
+          "max-len": 120,
+          "semi": false
+        }
+      ],
     },
     settings: {
       react: {
@@ -207,6 +248,8 @@ export default tseslint.config(
       "stylistic": stylisticJs,
       "react": react,
       "react-hooks": reactHooks,
+      "import": importPlugin,
+      "import-newlines": importNewlines,
     },
   },
 );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unitedstatespowersquadrons/components",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "USPS shared React components library",
   "main": "index.tsx",
   "scripts": {
@@ -26,6 +26,8 @@
     "@stylistic/eslint-plugin": "^5.1.0",
     "@types/react": "^19.1.8",
     "eslint": "^9.30.1",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-import-newlines": "^1.4.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
     "typescript-eslint": "^8.36.0"

package/types.ts

@@ -18,6 +18,7 @@ export type DispatchHandler<T> = (action: T) => {
 export type OnClickHandler = (event: React.MouseEvent<HTMLButtonElement>) => void;
 export type OnInputChangeHandler = (event: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => void;
 export type OnClickOrKeyboardHandler = (event: OnClickOrKeyboardEvent) => void;
+export type OnMouseMoveHandler = (event: React.MouseEvent<HTMLDivElement>) => void;
 
 type OnClickOrKeyboardEvent =
   | React.MouseEvent<HTMLButtonElement>