@paragrav/rhf-utils 0.0.88 → 0.0.90

package/dist/esm/errors/nonfield/FormNonFieldErrorMarker.utils.mjs

@@ -1,6 +1,23 @@
-import o from "./FormNonFieldErrorMarkerHtmlAttribute.mjs";
-const t = (r) => `[role="alert"][${o}="${r}"]`, i = (r, e) => !!e.querySelector(t(r));
+import l from "./FormNonFieldErrorMarkerHtmlAttribute.mjs";
+const m = (r, e) => (
+  // list of selector variants
+  [
+    // equals
+    // e.g., attr="path"
+    ["", ""],
+    [
+      // @see https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors#attrvalue_4
+      "^",
+      // only match nested (avoid match 'field' with 'field1`)
+      "."
+    ]
+  ].map(
+    ([o, t]) => n(
+      l + o,
+      r + t
+    )
+  ).join(", ")
+), n = (r, e) => `[role="alert"][${r}="${e}"]`;
 export {
-  t as getFormNonFieldErrorMarkerQuerySelector,
-  i as isNonFieldErrorMarkerInDOM
+  m as getFormNonFieldErrorMarkerQuerySelector
 };

package/dist/esm/errors/nonfield/isNonFieldErrorMarkerInDOM.mjs

@@ -0,0 +1,5 @@
+import { getFormNonFieldErrorMarkerQuerySelector as o } from "./FormNonFieldErrorMarker.utils.mjs";
+const i = (r, e) => !!e.querySelector(o(r));
+export {
+  i as isNonFieldErrorMarkerInDOM
+};

package/dist/esm/errors/orphan/isOrphanFormError.mjs

@@ -1,10 +1,10 @@
 import m from "../isFieldErrorRefd.mjs";
-import { isNonFieldErrorMarkerInDOM as t } from "../nonfield/FormNonFieldErrorMarker.utils.mjs";
+import { isNonFieldErrorMarkerInDOM as t } from "../nonfield/isNonFieldErrorMarkerInDOM.mjs";
 import e from "../root/isFormErrorPathRoot.mjs";
 const d = (r, o, i) => (
   // not root path
   !e(r) && // non-field
-  !m(o) && // does not have marker
+  !m(o) && // not marked in DOM
   !t(r, i)
 );
 export {

package/dist/types/errors/nonfield/FormNonFieldErrorMarker.utils.d.ts

@@ -1,2 +1,16 @@
-export declare const getFormNonFieldErrorMarkerQuerySelector: (path: string) => string;
-export declare const isNonFieldErrorMarkerInDOM: (path: string, parentElement: Pick<HTMLElement, 'querySelector'>) => boolean;
+/**
+ * Returns query selector for matching non-field error marker.
+ * By default includes nested field matching. (See `options.excludeNested`.)
+ *
+ * @returns One or more selectors in a comma-separated list.
+ */
+export declare const getFormNonFieldErrorMarkerQuerySelector: (path: string, options?: {
+    /**
+     * Do not look for match as nested field.
+     *
+     * By default this is enabled to facilitate looking for fields that may be nested inside objects.
+     * For example, field arrays require objects as items, so actual field may be `field.value`.
+     * This should be safe, as fields are by definition leaf nodes, so will not have nested fields.
+     */
+    excludeNested?: boolean;
+}) => string;

package/dist/types/errors/nonfield/isNonFieldErrorMarkerInDOM.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Determine if a non-field error marker is in the DOM.
+ * Note: this will also look for nested markers to accommodate field arrays
+ */
+export declare const isNonFieldErrorMarkerInDOM: (path: string, parentElement: Pick<HTMLElement, 'querySelector'>) => boolean;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@paragrav/rhf-utils",
   "author": "paragrav.dev",
   "license": "MIT",
-  "version": "0.0.88",
+  "version": "0.0.90",
   "description": "Integration utilities for react-hook-form.",
   "type": "module",
   "sideEffects": false,
@@ -34,39 +34,6 @@
     "react-hook-form": "7",
     "zod": "3"
   },
-  "devDependencies": {
-    "@playwright/experimental-ct-react": "^1.44.0",
-    "@playwright/test": "^1.44.0",
-    "@rollup/plugin-typescript": "^11.1.6",
-    "@types/node": "^20.12.11",
-    "@types/react": "^18.3.1",
-    "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^7.8.0",
-    "@typescript-eslint/parser": "^7.8.0",
-    "@vitejs/plugin-react": "^4.2.1",
-    "cross-env": "^7.0.3",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-import-resolver-typescript": "^3.6.1",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-react": "^7.34.1",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-simple-import-sort": "^12.1.0",
-    "happy-dom": "^14.10.1",
-    "husky": "^9.0.11",
-    "lint-staged": "^15.2.2",
-    "prettier": "^3.2.5",
-    "rollup": "^4.17.2",
-    "typescript": "^5.4.5",
-    "vite": "^5.2.11",
-    "vite-plugin-dts": "^3.9.1",
-    "vite-tsconfig-paths": "^4.3.2",
-    "vitest": "^1.6.0"
-  },
-  "engines": {
-    "node": ">=20.12",
-    "pnpm": ">=9.0.6"
-  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/paragrav/rhf-utils.git"
@@ -84,18 +51,5 @@
     "utilities",
     "utils",
     "zod"
-  ],
-  "scripts": {
-    "build": "vite build",
-    "build:dev": "vite build --config vite.config.dev.ts",
-    "dev": "vite --config vite.config.dev.ts",
-    "lint": "eslint --ignore-path ./.gitignore --ext ts,tsx --report-unused-disable-directives --max-warnings 0 .",
-    "preinstall": "npx only-allow pnpm",
-    "preview": "vite preview --config vite.config.dev.ts",
-    "test": "vitest run",
-    "test:ct": "playwright test -c playwright-ct.config.ts",
-    "test:ct:ui": "playwright test -c playwright-ct.config.ts --ui",
-    "tsc": "tsc",
-    "validate": "cross-env CI=1 pnpm install && pnpm tsc & pnpm lint & pnpm test && pnpm test:ct"
-  }
+  ]
 }