remix-validated-form 4.1.8 → 4.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/browser/internal/state/controlledFields.d.ts +0 -4
  3. package/browser/internal/state/controlledFields.js +0 -16
  4. package/build/internal/state/controlledFields.d.ts +0 -4
  5. package/build/internal/state/controlledFields.js +1 -20
  6. package/package.json +2 -2
package/.turbo/turbo-build.log CHANGED
@@ -1,9 +1,9 @@
1
1
  $ npm run build:browser && npm run build:main
2
2
 
3
- > remix-validated-form@4.1.7 build:browser
3
+ > remix-validated-form@4.1.8 build:browser
4
4
  > tsc --module ESNext --outDir ./browser
5
5
 
6
6
 
7
- > remix-validated-form@4.1.7 build:main
7
+ > remix-validated-form@4.1.8 build:main
8
8
  > tsc --module CommonJS --outDir ./build
9
9
 
package/browser/internal/state/controlledFields.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  import { PrimitiveAtom } from "jotai";
2
2
  import { InternalFormId } from "./atomUtils";
3
- export declare type ValueSerializer = (val: unknown) => string;
4
3
  export declare const controlledFieldsAtom: {
5
4
  (param: InternalFormId): import("jotai").Atom<Record<string, PrimitiveAtom<unknown>>> & {
6
5
  write: (get: {
@@ -59,8 +58,5 @@ export declare const setControlledFieldValueAtom: import("jotai").Atom<null> & {
59
58
  } & {
60
59
  init: null;
61
60
  };
62
- export declare const useAllControlledFields: (formId: InternalFormId) => Record<string, PrimitiveAtom<unknown>>;
63
61
  export declare const useControlledFieldValue: (formId: InternalFormId, field: string) => any;
64
62
  export declare const useControllableValue: (formId: InternalFormId, field: string) => readonly [any, (value: unknown) => Promise<void>];
65
- export declare const useFieldSerializer: (formId: InternalFormId, field: string) => ValueSerializer;
66
- export declare const useRegisterFieldSerializer: (formId: InternalFormId, field: string, serializer?: ValueSerializer | undefined) => void;
package/browser/internal/state/controlledFields.js CHANGED
@@ -9,13 +9,6 @@ const refCountAtom = fieldAtomFamily(() => atom(0));
9
9
  const fieldValueAtom = fieldAtomFamily(() => atom(undefined));
10
10
  const fieldValueHydratedAtom = fieldAtomFamily(() => atom(false));
11
11
  const pendingValidateAtom = fieldAtomFamily(() => atom(undefined));
12
- const valueSerializerAtom = fieldAtomFamily(() => atom({
13
- serializer: (value) => {
14
- if (value === undefined)
15
- return "";
16
- return JSON.stringify(value);
17
- },
18
- }));
19
12
  const registerAtom = atom(null, (get, set, { formId, field }) => {
20
13
  set(refCountAtom({ formId, field }), (prev) => prev + 1);
21
14
  const newRefCount = get(refCountAtom({ formId, field }));
@@ -44,7 +37,6 @@ export const setControlledFieldValueAtom = atom(null, async (_get, set, { formId
44
37
  await new Promise((resolve) => set(pending, resolve));
45
38
  set(pending, undefined);
46
39
  });
47
- export const useAllControlledFields = (formId) => useFormAtomValue(controlledFieldsAtom(formId));
48
40
  export const useControlledFieldValue = (formId, field) => {
49
41
  const fieldAtom = fieldValueAtom({ formId, field });
50
42
  const [value, setValue] = useFormAtom(fieldAtom);
@@ -83,11 +75,3 @@ export const useControllableValue = (formId, field) => {
83
75
  const value = useControlledFieldValue(formId, field);
84
76
  return [value, setValue];
85
77
  };
86
- export const useFieldSerializer = (formId, field) => useFormAtomValue(valueSerializerAtom({ formId, field })).serializer;
87
- export const useRegisterFieldSerializer = (formId, field, serializer) => {
88
- const setSerializer = useFormUpdateAtom(valueSerializerAtom({ formId, field }));
89
- useEffect(() => {
90
- if (serializer)
91
- setSerializer({ serializer });
92
- }, [serializer, setSerializer]);
93
- };
package/build/internal/state/controlledFields.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  import { PrimitiveAtom } from "jotai";
2
2
  import { InternalFormId } from "./atomUtils";
3
- export declare type ValueSerializer = (val: unknown) => string;
4
3
  export declare const controlledFieldsAtom: {
5
4
  (param: InternalFormId): import("jotai").Atom<Record<string, PrimitiveAtom<unknown>>> & {
6
5
  write: (get: {
@@ -59,8 +58,5 @@ export declare const setControlledFieldValueAtom: import("jotai").Atom<null> & {
59
58
  } & {
60
59
  init: null;
61
60
  };
62
- export declare const useAllControlledFields: (formId: InternalFormId) => Record<string, PrimitiveAtom<unknown>>;
63
61
  export declare const useControlledFieldValue: (formId: InternalFormId, field: string) => any;
64
62
  export declare const useControllableValue: (formId: InternalFormId, field: string) => readonly [any, (value: unknown) => Promise<void>];
65
- export declare const useFieldSerializer: (formId: InternalFormId, field: string) => ValueSerializer;
66
- export declare const useRegisterFieldSerializer: (formId: InternalFormId, field: string, serializer?: ValueSerializer | undefined) => void;
package/build/internal/state/controlledFields.js CHANGED
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.useRegisterFieldSerializer = exports.useFieldSerializer = exports.useControllableValue = exports.useControlledFieldValue = exports.useAllControlledFields = exports.setControlledFieldValueAtom = exports.controlledFieldsAtom = void 0;
6
+ exports.useControllableValue = exports.useControlledFieldValue = exports.setControlledFieldValueAtom = exports.controlledFieldsAtom = void 0;
7
7
  const jotai_1 = require("jotai");
8
8
  const omit_1 = __importDefault(require("lodash/omit"));
9
9
  const react_1 = require("react");
@@ -15,13 +15,6 @@ const refCountAtom = (0, atomUtils_1.fieldAtomFamily)(() => (0, jotai_1.atom)(0)
15
15
  const fieldValueAtom = (0, atomUtils_1.fieldAtomFamily)(() => (0, jotai_1.atom)(undefined));
16
16
  const fieldValueHydratedAtom = (0, atomUtils_1.fieldAtomFamily)(() => (0, jotai_1.atom)(false));
17
17
  const pendingValidateAtom = (0, atomUtils_1.fieldAtomFamily)(() => (0, jotai_1.atom)(undefined));
18
- const valueSerializerAtom = (0, atomUtils_1.fieldAtomFamily)(() => (0, jotai_1.atom)({
19
- serializer: (value) => {
20
- if (value === undefined)
21
- return "";
22
- return JSON.stringify(value);
23
- },
24
- }));
25
18
  const registerAtom = (0, jotai_1.atom)(null, (get, set, { formId, field }) => {
26
19
  set(refCountAtom({ formId, field }), (prev) => prev + 1);
27
20
  const newRefCount = get(refCountAtom({ formId, field }));
@@ -50,8 +43,6 @@ exports.setControlledFieldValueAtom = (0, jotai_1.atom)(null, async (_get, set,
50
43
  await new Promise((resolve) => set(pending, resolve));
51
44
  set(pending, undefined);
52
45
  });
53
- const useAllControlledFields = (formId) => (0, hooks_1.useFormAtomValue)((0, exports.controlledFieldsAtom)(formId));
54
- exports.useAllControlledFields = useAllControlledFields;
55
46
  const useControlledFieldValue = (formId, field) => {
56
47
  const fieldAtom = fieldValueAtom({ formId, field });
57
48
  const [value, setValue] = (0, hooks_1.useFormAtom)(fieldAtom);
@@ -92,13 +83,3 @@ const useControllableValue = (formId, field) => {
92
83
  return [value, setValue];
93
84
  };
94
85
  exports.useControllableValue = useControllableValue;
95
- const useFieldSerializer = (formId, field) => (0, hooks_1.useFormAtomValue)(valueSerializerAtom({ formId, field })).serializer;
96
- exports.useFieldSerializer = useFieldSerializer;
97
- const useRegisterFieldSerializer = (formId, field, serializer) => {
98
- const setSerializer = (0, hooks_1.useFormUpdateAtom)(valueSerializerAtom({ formId, field }));
99
- (0, react_1.useEffect)(() => {
100
- if (serializer)
101
- setSerializer({ serializer });
102
- }, [serializer, setSerializer]);
103
- };
104
- exports.useRegisterFieldSerializer = useRegisterFieldSerializer;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "remix-validated-form",
3
- "version": "4.1.8",
3
+ "version": "4.1.9",
4
4
  "description": "Form component and utils for easy form validation in remix",
5
5
  "browser": "./browser/index.js",
6
6
  "main": "./build/index.js",
@@ -35,7 +35,7 @@
35
35
  "peerDependencies": {
36
36
  "@remix-run/react": "1.x",
37
37
  "@remix-run/server-runtime": "1.x",
38
- "react": "^17.0.2"
38
+ "react": "^17.0.2 || ^18.0.0"
39
39
  },
40
40
  "devDependencies": {
41
41
  "@remix-run/react": "^1.2.1",