@homebound/form-state 2.25.1 → 2.25.2

package/dist/FormStateApp.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextField = exports.FormStateApp = void 0;
+exports.FormStateApp = FormStateApp;
+exports.TextField = TextField;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const mobx_react_1 = require("mobx-react");
 const index_1 = require("./index");
@@ -33,7 +34,6 @@ function FormStateApp() {
                                 })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Rows" }), (0, jsx_runtime_1.jsxs)("table", { cellPadding: "4px", children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { children: "touched" }), (0, jsx_runtime_1.jsx)("th", { children: "valid" }), (0, jsx_runtime_1.jsx)("th", { children: "dirty" }), (0, jsx_runtime_1.jsx)("th", { children: "errors" })] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: formState.books.touched.toString() }), (0, jsx_runtime_1.jsx)("td", { children: formState.books.valid.toString() }), (0, jsx_runtime_1.jsx)("td", { children: formState.books.dirty.toString() }), (0, jsx_runtime_1.jsx)("td", { children: formState.books.errors })] }) })] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Form" }), (0, jsx_runtime_1.jsxs)("table", { cellPadding: "4px", children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { children: "touched" }), (0, jsx_runtime_1.jsx)("th", { children: "valid" }), (0, jsx_runtime_1.jsx)("th", { children: "dirty" })] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: formState.touched.toString() }), (0, jsx_runtime_1.jsx)("td", { children: formState.valid.toString() }), (0, jsx_runtime_1.jsx)("td", { children: formState.dirty.toString() })] }) })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("button", { "data-testid": "touch", onClick: () => (formState.touched = !formState.touched), children: "touch" }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "revertChanges", onClick: () => formState.revertChanges(), children: "revert" }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "commitChanges", onClick: () => formState.commitChanges(), children: "commit" }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "set", onClick: () => formState.set({ firstName: "a2" }), children: "set" })] })] })] }) }));
         } }));
 }
-exports.FormStateApp = FormStateApp;
 // Configure the fields/behavior for AuthorInput's fields
 const formConfig = index_1.f.config({
     firstName: index_1.f.value().req(),
@@ -52,4 +52,3 @@ function TextField(props) {
                             field.set(e.target.value);
                         } }) }), (0, jsx_runtime_1.jsxs)("table", { cellPadding: "4px", children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { children: "touched" }), (0, jsx_runtime_1.jsx)("th", { children: "valid" }), (0, jsx_runtime_1.jsx)("th", { children: "dirty" }), (0, jsx_runtime_1.jsx)("th", { children: "readOnly" }), (0, jsx_runtime_1.jsx)("th", { children: "errors" }), (0, jsx_runtime_1.jsx)("th", { children: "original value" })] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { "data-testid": `${field.key}_touched`, children: field.touched.toString() }), (0, jsx_runtime_1.jsx)("td", { "data-testid": `${field.key}_valid`, children: field.valid.toString() }), (0, jsx_runtime_1.jsx)("td", { "data-testid": `${field.key}_dirty`, children: field.dirty.toString() }), (0, jsx_runtime_1.jsx)("td", { "data-testid": `${field.key}_readOnly`, children: field.readOnly.toString() }), (0, jsx_runtime_1.jsx)("td", { "data-testid": `${field.key}_errors`, children: field.errors }), (0, jsx_runtime_1.jsx)("td", { "data-testid": `${field.key}_original`, children: field.originalValue })] }) })] })] })) }));
 }
-exports.TextField = TextField;

package/dist/configBuilders.d.ts

@@ -9,17 +9,17 @@ export declare const f: {
     /** Creates the top-level config for a form, like an author or book. */
     config<T>(fields: ObjectConfigBuilderFields<T>): ObjectConfig<T>;
     /** Creates the config DSL for an object, like an author or book. */
-    object<T_1>(fields: ObjectConfigBuilderFields<T_1>): ObjectConfigBuilder<T_1>;
+    object<T>(fields: ObjectConfigBuilderFields<T>): ObjectConfigBuilder<T>;
     /** Creates the config DSL for an list of objects, like an author's list of books. */
     list<U>(fields: ObjectConfigBuilderFields<U>): ListFieldConfigBuilder<U>;
     /** Creates the config DSL for a primitive value, like a first name or phone number. */
     value<V>(): ValueFieldConfigBuilder<V>;
     /** A shortcut for creating a child object with a single `id` key. */
-    reference<V_1 extends {
+    reference<V extends {
         id?: unknown;
-    }>(fields?: ObjectConfigBuilderFields<V_1> | undefined): ObjectConfigBuilder<V_1>;
+    }>(fields?: ObjectConfigBuilderFields<V>): ObjectConfigBuilder<V>;
     /** A shorthand for creating a computed value. */
-    computed<V_2>(): ValueFieldConfigBuilder<V_2>;
+    computed<V>(): ValueFieldConfigBuilder<V>;
 };
 /**
  * Defines the fields that should be passed into `f.object({ ... })` for fhe form type `T`.

package/dist/fields/deepEquals.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.deepEquals = void 0;
+exports.deepEquals = deepEquals;
 /**
  * Our own `deepEquals` because either `fast-deep-equals` or `dequal` or etc actually
  * handle cyclic data structures, despite ChatGTP's assertions/hallucinations.
@@ -39,4 +39,3 @@ function deepEquals(a, b, visited = new Set()) {
     }
     return equal;
 }
-exports.deepEquals = deepEquals;

package/dist/fields/fragmentField.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.newFragmentField = void 0;
+exports.newFragmentField = newFragmentField;
 const mobx_1 = require("mobx");
 const utils_1 = require("../utils");
 function newFragmentField(parentInstance, key) {
@@ -23,4 +23,3 @@ function newFragmentField(parentInstance, key) {
     };
     return (0, mobx_1.makeAutoObservable)(obj, { value: false });
 }
-exports.newFragmentField = newFragmentField;

package/dist/fields/listField.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.newListFieldState = void 0;
+exports.newListFieldState = newListFieldState;
 const mobx_1 = require("mobx");
 const objectField_1 = require("./objectField");
 const rules_1 = require("../rules");
@@ -245,4 +245,3 @@ function newListFieldState(parentCopy, parentInstance, parentState, key, rules,
     (0, mobx_1.reaction)(() => proxy.rows.map((r) => r.value), () => _childTick.value++);
     return proxy;
 }
-exports.newListFieldState = newListFieldState;

package/dist/fields/objectField.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.newObjectState = exports.createObjectState = exports.fragment = void 0;
+exports.fragment = fragment;
+exports.createObjectState = createObjectState;
+exports.newObjectState = newObjectState;
 const mobx_1 = require("mobx");
 const fragmentField_1 = require("./fragmentField");
 const listField_1 = require("./listField");
@@ -10,7 +12,6 @@ const fragmentSym = Symbol("fragment");
 function fragment(value) {
     return value;
 }
-exports.fragment = fragment;
 /**
  * Creates a new `ObjectState` for a given form object `T` given config rules in `config`.
  *
@@ -22,7 +23,6 @@ function createObjectState(config, instance, opts = {}) {
     const noop = () => { };
     return newObjectState({ type: "object", config }, undefined, undefined, undefined, instance, undefined, opts.maybeAutoSave || noop);
 }
-exports.createObjectState = createObjectState;
 /** A more internal version of `createObjectState`. */
 function newObjectState(config, parentState, parentInstance, parentListState, instance, key, maybeAutoSave) {
     // This is what we return, but we only know it's value until we call `observable`, so
@@ -247,4 +247,3 @@ function newObjectState(config, parentState, parentInstance, parentListState, in
     (0, mobx_1.reaction)(() => getFields(proxy).map((f) => f.value), () => _tick.value++);
     return proxy;
 }
-exports.newObjectState = newObjectState;

package/dist/fields/valueField.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.newValueFieldState = void 0;
+exports.newValueFieldState = newValueFieldState;
 const is_plain_object_1 = require("is-plain-object");
 const mobx_1 = require("mobx");
 const proxies_1 = require("../proxies");
@@ -183,7 +183,6 @@ function newValueFieldState(parentCopy, parentInstance, parentState, key, rules,
     }
     return field;
 }
-exports.newValueFieldState = newValueFieldState;
 /**
  * Returns a proxy that looks exactly like the original `field`, in terms of valid/touched/errors/etc., but
  * has any methods that use `V` overridden to use be `V2`.

package/dist/formState.stories.d.ts

@@ -1,3 +1,4 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+import { Meta } from "@storybook/react";
+declare const _default: Meta;
 export default _default;
 export declare function AppExample(): import("react/jsx-runtime").JSX.Element;

package/dist/formState.stories.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppExample = void 0;
+exports.AppExample = AppExample;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const FormStateApp_1 = require("./FormStateApp");
 exports.default = {
@@ -10,4 +10,3 @@ exports.default = {
 function AppExample() {
     return (0, jsx_runtime_1.jsx)(FormStateApp_1.FormStateApp, {});
 }
-exports.AppExample = AppExample;

package/dist/index.d.ts

@@ -1,9 +1,9 @@
-export { ObjectConfig } from "./config";
 export { f } from "./configBuilders";
-export { FragmentField } from "./fields/fragmentField";
-export { ListFieldState } from "./fields/listField";
-export { Fragment, ObjectState, createObjectState, fragment } from "./fields/objectField";
-export { FieldState, ValueAdapter } from "./fields/valueField";
-export { Rule, required } from "./rules";
+export { type FragmentField } from "./fields/fragmentField";
+export { type ListFieldState } from "./fields/listField";
+export { createObjectState, type Fragment, type ObjectState, type fragment } from "./fields/objectField";
+export { type FieldState, type ValueAdapter } from "./fields/valueField";
+export { required, type Rule } from "./rules";
 export { useFormState } from "./useFormState";
 export { useFormStates } from "./useFormStates";
+export { type ObjectConfig } from "./config";

package/dist/index.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFormStates = exports.useFormState = exports.required = exports.fragment = exports.createObjectState = exports.f = void 0;
+exports.useFormStates = exports.useFormState = exports.required = exports.createObjectState = exports.f = void 0;
 var configBuilders_1 = require("./configBuilders");
 Object.defineProperty(exports, "f", { enumerable: true, get: function () { return configBuilders_1.f; } });
 var objectField_1 = require("./fields/objectField");
 Object.defineProperty(exports, "createObjectState", { enumerable: true, get: function () { return objectField_1.createObjectState; } });
-Object.defineProperty(exports, "fragment", { enumerable: true, get: function () { return objectField_1.fragment; } });
 var rules_1 = require("./rules");
 Object.defineProperty(exports, "required", { enumerable: true, get: function () { return rules_1.required; } });
 var useFormState_1 = require("./useFormState");

package/dist/proxies.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.newDelegateProxy = void 0;
+exports.newDelegateProxy = newDelegateProxy;
 /**
  * Creates a new combined object with keys in `overrides` taking precedence, and then
  * any other keys falling back to `delegate`.
@@ -18,4 +18,3 @@ function newDelegateProxy(delegate, overrides) {
         },
     });
 }
-exports.newDelegateProxy = newDelegateProxy;

package/dist/useFormState.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFormState = void 0;
+exports.useFormState = useFormState;
 const is_plain_object_1 = require("is-plain-object");
 const react_1 = require("react");
 const objectField_1 = require("./fields/objectField");
@@ -118,7 +118,6 @@ function useFormState(opts) {
     }, [form, readOnly, loading]);
     return form;
 }
-exports.useFormState = useFormState;
 function setLoading(form, opts) {
     const { loading, init } = opts;
     if (loading !== undefined) {

package/dist/useFormStates.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFormStates = void 0;
+exports.useFormStates = useFormStates;
 const react_1 = require("react");
 const objectField_1 = require("./fields/objectField");
 const utils_1 = require("./utils");
@@ -95,7 +95,6 @@ function useFormStates(opts) {
     [objectStateCache, config]);
     return { getFormState };
 }
-exports.useFormStates = useFormStates;
 // If the user's autoSave hook makes some last-minute `.set` calls to sneak
 // in some business logic right before their GraphQL mutation call, ignore it
 // so that we don't infinite loop.

package/dist/utils.js

@@ -1,17 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.deepClone = exports.hasToJSON = exports.areEqual = exports.isEmpty = exports.isNotUndefined = exports.pickFields = exports.isQuery = exports.isInput = exports.initValue = exports.assertNever = exports.fail = void 0;
+exports.fail = fail;
+exports.assertNever = assertNever;
+exports.initValue = initValue;
+exports.isInput = isInput;
+exports.isQuery = isQuery;
+exports.pickFields = pickFields;
+exports.isNotUndefined = isNotUndefined;
+exports.isEmpty = isEmpty;
+exports.areEqual = areEqual;
+exports.hasToJSON = hasToJSON;
+exports.deepClone = deepClone;
 const is_plain_object_1 = require("is-plain-object");
 const mobx_1 = require("mobx");
 const deepEquals_1 = require("./fields/deepEquals");
 function fail(message) {
     throw new Error(message || "Failed");
 }
-exports.fail = fail;
 function assertNever(x) {
     throw new Error("Unexpected object: " + x);
 }
-exports.assertNever = assertNever;
 /** Introspects the `init` prop to see if it has a `map` function/etc. and returns the form value. */
 function initValue(config, init) {
     let value;
@@ -30,15 +38,12 @@ function initValue(config, init) {
     // Given our form config, pick out only the subset of fields out of `value` (unless it's a mobx class)
     return pickFields(config, value !== null && value !== void 0 ? value : {});
 }
-exports.initValue = initValue;
 function isInput(init) {
     return !!init && typeof init === "object" && "input" in init;
 }
-exports.isInput = isInput;
 function isQuery(init) {
     return !!init && typeof init === "object" && "query" in init && "map" in init;
 }
-exports.isQuery = isQuery;
 /**
  * Picks ony fields out of `instance` that are in the `formConfig`.
  *
@@ -85,15 +90,12 @@ function pickFields(formConfig, instance) {
         }
     }));
 }
-exports.pickFields = pickFields;
 function isNotUndefined(value) {
     return value !== undefined;
 }
-exports.isNotUndefined = isNotUndefined;
 function isEmpty(value) {
     return value === undefined || value === null || value === "";
 }
-exports.isEmpty = isEmpty;
 /**
  * An equals that does deep-ish equality.
  *
@@ -122,11 +124,9 @@ function areEqual(a, b, strictOrder) {
     }
     return a === b;
 }
-exports.areEqual = areEqual;
 function hasToJSON(o) {
     return !!(o && typeof o === "object" && "toJSON" in o);
 }
-exports.hasToJSON = hasToJSON;
 /** Make a clone of `obj`, but only recurse into POJOs and Arrays...and stores. */
 function deepClone(obj, map = new WeakMap()) {
     if (obj && typeof obj === "object" && ((0, is_plain_object_1.isPlainObject)(obj) || Array.isArray(obj) || (0, mobx_1.isObservable)(obj))) {
@@ -141,7 +141,6 @@ function deepClone(obj, map = new WeakMap()) {
         return obj;
     }
 }
-exports.deepClone = deepClone;
 /** Returns all property names, including mobx computeds (non-enumerable) & inherited. */
 function getAllPropertyNames(obj) {
     const proto = Object.getPrototypeOf(obj);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/form-state",
-  "version": "2.25.1",
+  "version": "2.25.2",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",
@@ -37,30 +37,24 @@
     "react": ">=16"
   },
   "devDependencies": {
-    "@babel/core": "^7.13.1",
-    "@babel/preset-env": "^7.22.15",
-    "@babel/preset-react": "^7.22.15",
-    "@babel/preset-typescript": "^7.22.15",
-    "@homebound/rtl-utils": "2.65.2",
+    "@homebound/rtl-utils": "2.66.2",
     "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-essentials": "^7.6.5",
-    "@storybook/addon-links": "^7.6.5",
-    "@storybook/addons": "^7.6.5",
-    "@storybook/react": "^7.6.5",
-    "@storybook/react-webpack5": "^7.6.5",
-    "@testing-library/dom": "^9.3.3",
-    "@testing-library/jest-dom": "^6.1.5",
-    "@testing-library/react": "^14.1.2",
-    "@tsconfig/recommended": "^1.0.2",
-    "@types/jest": "^29.5.4",
-    "@types/react": "^18.2.21",
-    "@types/react-dom": "^18.2.7",
+    "@storybook/addon-essentials": "^8.3.5",
+    "@storybook/addon-links": "^8.3.5",
+    "@storybook/react": "^8.3.5",
+    "@storybook/react-vite": "^8.3.5",
+    "@storybook/types": "^8.3.5",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.2",
+    "@testing-library/react": "^16.0.1",
+    "@tsconfig/recommended": "^1.0.7",
+    "@types/jest": "^29.5.13",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1",
     "@typescript-eslint/eslint-plugin": "^4.17.0",
     "@typescript-eslint/parser": "^4.17.0",
-    "babel-eslint": "^10.1.0",
-    "babel-loader": "^8.2.2",
-    "conventional-changelog-conventionalcommits": "^4.5.0",
+    "conventional-changelog-conventionalcommits": "^8.0.0",
     "eslint": "^7.21.0",
     "eslint-config-prettier": "^8.1.0",
     "eslint-config-react-app": "^6.0.0",
@@ -71,22 +65,24 @@
     "eslint-plugin-react-hooks": "^4.2.0",
     "husky": "^3.1.0",
     "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.6.4",
-    "lint-staged": "^14.0.1",
-    "mobx": "^6.10.2",
-    "mobx-react": "^9.0.1",
-    "prettier": "2.8.8",
-    "prettier-plugin-organize-imports": "^3.2.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "semantic-release": "^22.0.12",
-    "storybook": "^7.6.5",
-    "ts-jest": "^29.1.1",
+    "jest-environment-jsdom": "^29.7.0",
+    "lint-staged": "^15.2.10",
+    "mobx": "^6.13.5",
+    "mobx-react": "^9.1.1",
+    "prettier": "3.3.3",
+    "prettier-plugin-organize-imports": "^4.1.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "semantic-release": "^24.1.2",
+    "storybook": "^8.3.5",
+    "ts-jest": "^29.2.5",
     "ts-node": "^10.9.2",
-    "ts-patch": "^3.1.1",
-    "tslib": "^2.6.2",
-    "typescript": "^5.3.3",
-    "typescript-transform-paths": "^3.4.6"
+    "ts-patch": "^3.2.1",
+    "tslib": "^2.8.0",
+    "typescript": "5.5.4",
+    "typescript-transform-paths": "^3.5.1",
+    "vite": "^5.4.9",
+    "vite-tsconfig-paths": "^5.0.1"
   },
   "packageManager": "yarn@3.6.3"
 }