@os-design/form 1.0.8 → 1.0.10

package/dist/cjs/utils/deleteFromArray.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+var deleteFromArray = function deleteFromArray(arr, item) {
+  var index = arr.findIndex(function (i) {
+    return i === item;
+  });
+  if (index === -1) return;
+  arr.splice(index, 1);
+};
+var _default = deleteFromArray;
+exports["default"] = _default;
+//# sourceMappingURL=deleteFromArray.js.map

package/dist/cjs/utils/deleteFromArray.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deleteFromArray.js","names":["deleteFromArray","arr","item","index","findIndex","i","splice"],"sources":["../../../src/utils/deleteFromArray.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst deleteFromArray = (arr: any[], item: any) => {\n  const index = arr.findIndex((i) => i === item);\n  if (index === -1) return;\n  arr.splice(index, 1);\n};\n\nexport default deleteFromArray;\n"],"mappings":";;;;;;AAAA;AACA,IAAMA,eAAe,GAAG,SAAlBA,eAAe,CAAIC,GAAU,EAAEC,IAAS,EAAK;EACjD,IAAMC,KAAK,GAAGF,GAAG,CAACG,SAAS,CAAC,UAACC,CAAC;IAAA,OAAKA,CAAC,KAAKH,IAAI;EAAA,EAAC;EAC9C,IAAIC,KAAK,KAAK,CAAC,CAAC,EAAE;EAClBF,GAAG,CAACK,MAAM,CAACH,KAAK,EAAE,CAAC,CAAC;AACtB,CAAC;AAAC,eAEaH,eAAe;AAAA"}

package/dist/cjs/utils/isEqual.js

@@ -8,7 +8,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/dist/cjs/utils/path.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.set = exports.isObjectOrArray = exports.get = void 0;
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+/* eslint-disable @typescript-eslint/no-explicit-any,no-param-reassign */
+
+var isObjectOrArray = function isObjectOrArray(value) {
+  return _typeof(value) === 'object' && value !== null;
+};
+exports.isObjectOrArray = isObjectOrArray;
+var split = function split(path) {
+  var groups = path.match(/^([^.]*)\.(.*)$/);
+  return groups ? [groups[1], groups[2]] : null;
+};
+var get = function get(data, path) {
+  if (Object.hasOwn(data, path)) {
+    return data[path];
+  }
+  var groups = split(path);
+  if (!groups) return undefined;
+  var _groups = _slicedToArray(groups, 2),
+    key = _groups[0],
+    nextPath = _groups[1];
+  if (!Object.hasOwn(data, key)) return undefined;
+  if (!isObjectOrArray(data[key])) return undefined;
+  return get(data[key], nextPath);
+};
+exports.get = get;
+var set = function set(data, path, value) {
+  if (Object.hasOwn(data, path)) {
+    data[path] = value;
+    return true;
+  }
+  var groups = split(path);
+  if (!groups) return false;
+  var _groups2 = _slicedToArray(groups, 2),
+    key = _groups2[0],
+    nextPath = _groups2[1];
+  if (!Object.hasOwn(data, key)) return false;
+  if (!isObjectOrArray(data[key])) return false;
+  return set(data[key], nextPath, value);
+};
+exports.set = set;
+//# sourceMappingURL=path.js.map

package/dist/cjs/utils/path.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"path.js","names":["isObjectOrArray","value","split","path","groups","match","get","data","Object","hasOwn","undefined","key","nextPath","set"],"sources":["../../../src/utils/path.ts"],"sourcesContent":["import { StringMap } from '../types';\n\n/* eslint-disable @typescript-eslint/no-explicit-any,no-param-reassign */\n\nexport const isObjectOrArray = (value: any): value is object =>\n  typeof value === 'object' && value !== null;\n\nconst split = (path: string) => {\n  const groups = path.match(/^([^.]*)\\.(.*)$/);\n  return groups ? [groups[1], groups[2]] : null;\n};\n\nexport const get = (data: StringMap, path: string): any => {\n  if (Object.hasOwn(data, path)) {\n    return data[path];\n  }\n\n  const groups = split(path);\n  if (!groups) return undefined;\n\n  const [key, nextPath] = groups;\n  if (!Object.hasOwn(data, key)) return undefined;\n  if (!isObjectOrArray(data[key])) return undefined;\n\n  return get(data[key], nextPath);\n};\n\nexport const set = (data: StringMap, path: string, value: any): boolean => {\n  if (Object.hasOwn(data, path)) {\n    data[path] = value;\n    return true;\n  }\n\n  const groups = split(path);\n  if (!groups) return false;\n\n  const [key, nextPath] = groups;\n  if (!Object.hasOwn(data, key)) return false;\n  if (!isObjectOrArray(data[key])) return false;\n\n  return set(data[key], nextPath, value);\n};\n"],"mappings":";;;;;;;;;;;;;AAEA;;AAEO,IAAMA,eAAe,GAAG,SAAlBA,eAAe,CAAIC,KAAU;EAAA,OACxC,QAAOA,KAAK,MAAK,QAAQ,IAAIA,KAAK,KAAK,IAAI;AAAA;AAAC;AAE9C,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,IAAY,EAAK;EAC9B,IAAMC,MAAM,GAAGD,IAAI,CAACE,KAAK,CAAC,iBAAiB,CAAC;EAC5C,OAAOD,MAAM,GAAG,CAACA,MAAM,CAAC,CAAC,CAAC,EAAEA,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI;AAC/C,CAAC;AAEM,IAAME,GAAG,GAAG,SAANA,GAAG,CAAIC,IAAe,EAAEJ,IAAY,EAAU;EACzD,IAAIK,MAAM,CAACC,MAAM,CAACF,IAAI,EAAEJ,IAAI,CAAC,EAAE;IAC7B,OAAOI,IAAI,CAACJ,IAAI,CAAC;EACnB;EAEA,IAAMC,MAAM,GAAGF,KAAK,CAACC,IAAI,CAAC;EAC1B,IAAI,CAACC,MAAM,EAAE,OAAOM,SAAS;EAE7B,6BAAwBN,MAAM;IAAvBO,GAAG;IAAEC,QAAQ;EACpB,IAAI,CAACJ,MAAM,CAACC,MAAM,CAACF,IAAI,EAAEI,GAAG,CAAC,EAAE,OAAOD,SAAS;EAC/C,IAAI,CAACV,eAAe,CAACO,IAAI,CAACI,GAAG,CAAC,CAAC,EAAE,OAAOD,SAAS;EAEjD,OAAOJ,GAAG,CAACC,IAAI,CAACI,GAAG,CAAC,EAAEC,QAAQ,CAAC;AACjC,CAAC;AAAC;AAEK,IAAMC,GAAG,GAAG,SAANA,GAAG,CAAIN,IAAe,EAAEJ,IAAY,EAAEF,KAAU,EAAc;EACzE,IAAIO,MAAM,CAACC,MAAM,CAACF,IAAI,EAAEJ,IAAI,CAAC,EAAE;IAC7BI,IAAI,CAACJ,IAAI,CAAC,GAAGF,KAAK;IAClB,OAAO,IAAI;EACb;EAEA,IAAMG,MAAM,GAAGF,KAAK,CAACC,IAAI,CAAC;EAC1B,IAAI,CAACC,MAAM,EAAE,OAAO,KAAK;EAEzB,8BAAwBA,MAAM;IAAvBO,GAAG;IAAEC,QAAQ;EACpB,IAAI,CAACJ,MAAM,CAACC,MAAM,CAACF,IAAI,EAAEI,GAAG,CAAC,EAAE,OAAO,KAAK;EAC3C,IAAI,CAACX,eAAe,CAACO,IAAI,CAACI,GAAG,CAAC,CAAC,EAAE,OAAO,KAAK;EAE7C,OAAOE,GAAG,CAACN,IAAI,CAACI,GAAG,CAAC,EAAEC,QAAQ,EAAEX,KAAK,CAAC;AACxC,CAAC;AAAC"}

package/dist/esm/BroadcastObserverManager.js

@@ -0,0 +1,18 @@
+import deleteFromArray from './utils/deleteFromArray';
+class BroadcastObserverManager {
+  constructor() {
+    this.broadcastObservers = void 0;
+    this.broadcastObservers = [];
+  }
+  subscribeToAll(observer) {
+    this.broadcastObservers.push(observer);
+    return {
+      unsubscribe: () => deleteFromArray(this.broadcastObservers, observer)
+    };
+  }
+  callBroadcastObservers(name, value) {
+    this.broadcastObservers.forEach(observer => observer(name, value));
+  }
+}
+export default BroadcastObserverManager;
+//# sourceMappingURL=BroadcastObserverManager.js.map

package/dist/esm/BroadcastObserverManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BroadcastObserverManager.js","names":["deleteFromArray","BroadcastObserverManager","constructor","broadcastObservers","subscribeToAll","observer","push","unsubscribe","callBroadcastObservers","name","value","forEach"],"sources":["../../src/BroadcastObserverManager.ts"],"sourcesContent":["import { Subscription } from './types';\nimport deleteFromArray from './utils/deleteFromArray';\n\nexport type BroadcastObserver<TName, TValue> = (\n  name: TName,\n  value: TValue\n) => void;\n\nclass BroadcastObserverManager<TName, TValue> {\n  private readonly broadcastObservers: Array<BroadcastObserver<TName, TValue>>;\n\n  public constructor() {\n    this.broadcastObservers = [];\n  }\n\n  public subscribeToAll(\n    observer: BroadcastObserver<TName, TValue>\n  ): Subscription {\n    this.broadcastObservers.push(observer);\n    return {\n      unsubscribe: () => deleteFromArray(this.broadcastObservers, observer),\n    };\n  }\n\n  protected callBroadcastObservers<N extends TName, V extends TValue>(\n    name: N,\n    value: V\n  ): void {\n    this.broadcastObservers.forEach((observer) => observer(name, value));\n  }\n}\n\nexport default BroadcastObserverManager;\n"],"mappings":"AACA,OAAOA,eAAe,MAAM,yBAAyB;AAOrD,MAAMC,wBAAwB,CAAgB;EAGrCC,WAAW,GAAG;IAAA,KAFJC,kBAAkB;IAGjC,IAAI,CAACA,kBAAkB,GAAG,EAAE;EAC9B;EAEOC,cAAc,CACnBC,QAA0C,EAC5B;IACd,IAAI,CAACF,kBAAkB,CAACG,IAAI,CAACD,QAAQ,CAAC;IACtC,OAAO;MACLE,WAAW,EAAE,MAAMP,eAAe,CAAC,IAAI,CAACG,kBAAkB,EAAEE,QAAQ;IACtE,CAAC;EACH;EAEUG,sBAAsB,CAC9BC,IAAO,EACPC,KAAQ,EACF;IACN,IAAI,CAACP,kBAAkB,CAACQ,OAAO,CAAEN,QAAQ,IAAKA,QAAQ,CAACI,IAAI,EAAEC,KAAK,CAAC,CAAC;EACtE;AACF;AAEA,eAAeT,wBAAwB"}

package/dist/esm/ErrorData.js

@@ -0,0 +1,20 @@
+import ErrorObserverManager from './ErrorObserverManager';
+class ErrorData extends ErrorObserverManager {
+  constructor(errors) {
+    super();
+    this.errors = void 0;
+    this.errors = errors;
+  }
+  get(name) {
+    return this.errors[name];
+  }
+  getAll() {
+    return this.errors;
+  }
+  set(name, value) {
+    this.errors[name] = value;
+    this.callObservers(name, value);
+  }
+}
+export default ErrorData;
+//# sourceMappingURL=ErrorData.js.map

package/dist/esm/ErrorData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorData.js","names":["ErrorObserverManager","ErrorData","constructor","errors","get","name","getAll","set","value","callObservers"],"sources":["../../src/ErrorData.ts"],"sourcesContent":["import ErrorObserverManager from './ErrorObserverManager';\nimport { StringMap } from './types';\n\nclass ErrorData<\n  TErrors extends StringMap<string | undefined>,\n  TName extends keyof TErrors = keyof TErrors\n> extends ErrorObserverManager<TErrors> {\n  private readonly errors: TErrors;\n\n  public constructor(errors: TErrors) {\n    super();\n    this.errors = errors;\n  }\n\n  public get<T extends TName>(name: T): TErrors[T] {\n    return this.errors[name];\n  }\n\n  public getAll(): TErrors {\n    return this.errors;\n  }\n\n  public set<T extends TName>(name: T, value: TErrors[T]): void {\n    this.errors[name] = value;\n    this.callObservers(name, value);\n  }\n}\n\nexport default ErrorData;\n"],"mappings":"AAAA,OAAOA,oBAAoB,MAAM,wBAAwB;AAGzD,MAAMC,SAAS,SAGLD,oBAAoB,CAAU;EAG/BE,WAAW,CAACC,MAAe,EAAE;IAClC,KAAK,EAAE;IAAC,KAHOA,MAAM;IAIrB,IAAI,CAACA,MAAM,GAAGA,MAAM;EACtB;EAEOC,GAAG,CAAkBC,IAAO,EAAc;IAC/C,OAAO,IAAI,CAACF,MAAM,CAACE,IAAI,CAAC;EAC1B;EAEOC,MAAM,GAAY;IACvB,OAAO,IAAI,CAACH,MAAM;EACpB;EAEOI,GAAG,CAAkBF,IAAO,EAAEG,KAAiB,EAAQ;IAC5D,IAAI,CAACL,MAAM,CAACE,IAAI,CAAC,GAAGG,KAAK;IACzB,IAAI,CAACC,aAAa,CAACJ,IAAI,EAAEG,KAAK,CAAC;EACjC;AACF;AAEA,eAAeP,SAAS"}

package/dist/esm/ErrorObserverManager.js

@@ -0,0 +1,26 @@
+import BroadcastObserverManager from './BroadcastObserverManager';
+import deleteFromArray from './utils/deleteFromArray';
+class ErrorObserverManager extends BroadcastObserverManager {
+  constructor() {
+    super();
+    this.observers = void 0;
+    this.observers = {};
+  }
+  getObservers(name) {
+    if (!this.observers[name]) this.observers[name] = [];
+    return this.observers[name];
+  }
+  subscribe(name, observer) {
+    const observers = this.getObservers(name);
+    observers.push(observer);
+    return {
+      unsubscribe: () => deleteFromArray(observers, observer)
+    };
+  }
+  callObservers(name, value) {
+    this.callBroadcastObservers(name, value);
+    this.getObservers(name).forEach(observer => observer(value));
+  }
+}
+export default ErrorObserverManager;
+//# sourceMappingURL=ErrorObserverManager.js.map

package/dist/esm/ErrorObserverManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorObserverManager.js","names":["BroadcastObserverManager","deleteFromArray","ErrorObserverManager","constructor","observers","getObservers","name","subscribe","observer","push","unsubscribe","callObservers","value","callBroadcastObservers","forEach"],"sources":["../../src/ErrorObserverManager.ts"],"sourcesContent":["import BroadcastObserverManager from './BroadcastObserverManager';\nimport { Observer, StringMap, Subscription } from './types';\nimport deleteFromArray from './utils/deleteFromArray';\n\nexport type ErrorObserver = Observer<string | undefined>;\n\nclass ErrorObserverManager<\n  TErrors extends StringMap<string | undefined>,\n  TName extends keyof TErrors = keyof TErrors\n> extends BroadcastObserverManager<TName, string | undefined> {\n  private readonly observers: {\n    [K in TName]?: ErrorObserver[];\n  };\n\n  public constructor() {\n    super();\n    this.observers = {};\n  }\n\n  private getObservers<T extends TName>(name: T): ErrorObserver[] {\n    if (!this.observers[name]) this.observers[name] = [];\n    return this.observers[name] as ErrorObserver[];\n  }\n\n  public subscribe<T extends TName>(\n    name: T,\n    observer: ErrorObserver\n  ): Subscription {\n    const observers = this.getObservers(name);\n    observers.push(observer);\n    return { unsubscribe: () => deleteFromArray(observers, observer) };\n  }\n\n  protected callObservers<T extends TName>(name: T, value: string | undefined) {\n    this.callBroadcastObservers(name, value);\n    this.getObservers(name).forEach((observer) => observer(value));\n  }\n}\n\nexport default ErrorObserverManager;\n"],"mappings":"AAAA,OAAOA,wBAAwB,MAAM,4BAA4B;AAEjE,OAAOC,eAAe,MAAM,yBAAyB;AAIrD,MAAMC,oBAAoB,SAGhBF,wBAAwB,CAA4B;EAKrDG,WAAW,GAAG;IACnB,KAAK,EAAE;IAAC,KALOC,SAAS;IAMxB,IAAI,CAACA,SAAS,GAAG,CAAC,CAAC;EACrB;EAEQC,YAAY,CAAkBC,IAAO,EAAmB;IAC9D,IAAI,CAAC,IAAI,CAACF,SAAS,CAACE,IAAI,CAAC,EAAE,IAAI,CAACF,SAAS,CAACE,IAAI,CAAC,GAAG,EAAE;IACpD,OAAO,IAAI,CAACF,SAAS,CAACE,IAAI,CAAC;EAC7B;EAEOC,SAAS,CACdD,IAAO,EACPE,QAAuB,EACT;IACd,MAAMJ,SAAS,GAAG,IAAI,CAACC,YAAY,CAACC,IAAI,CAAC;IACzCF,SAAS,CAACK,IAAI,CAACD,QAAQ,CAAC;IACxB,OAAO;MAAEE,WAAW,EAAE,MAAMT,eAAe,CAACG,SAAS,EAAEI,QAAQ;IAAE,CAAC;EACpE;EAEUG,aAAa,CAAkBL,IAAO,EAAEM,KAAyB,EAAE;IAC3E,IAAI,CAACC,sBAAsB,CAACP,IAAI,EAAEM,KAAK,CAAC;IACxC,IAAI,CAACP,YAAY,CAACC,IAAI,CAAC,CAACQ,OAAO,CAAEN,QAAQ,IAAKA,QAAQ,CAACI,KAAK,CAAC,CAAC;EAChE;AACF;AAEA,eAAeV,oBAAoB"}

package/dist/esm/Form.js

@@ -0,0 +1,26 @@
+import ErrorData from './ErrorData';
+import clone from './utils/clone';
+import ValueData from './ValueData';
+class Form {
+  constructor(initValues) {
+    this.initValues = void 0;
+    this.values = void 0;
+    this.errors = void 0;
+    this.initValues = initValues;
+    this.values = new ValueData(clone(initValues));
+    this.errors = new ErrorData({});
+  }
+  reset() {
+    // Reset values
+    Object.keys(this.values.getAll()).forEach(name => {
+      this.values.set(name, clone(this.initValues[name]));
+    });
+
+    // Reset errors
+    Object.keys(this.errors.getAll()).forEach(name => {
+      this.errors.set(name, undefined);
+    });
+  }
+}
+export default Form;
+//# sourceMappingURL=Form.js.map

package/dist/esm/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","names":["ErrorData","clone","ValueData","Form","constructor","initValues","values","errors","reset","Object","keys","getAll","forEach","name","set","undefined"],"sources":["../../src/Form.ts"],"sourcesContent":["import ErrorData from './ErrorData';\nimport { Errors, Path, StringMap } from './types';\nimport clone from './utils/clone';\nimport ValueData from './ValueData';\n\nclass Form<\n  TValues extends StringMap = StringMap,\n  TErrors extends Errors<TValues> = Errors<TValues>\n> {\n  public initValues: TValues;\n\n  public readonly values: ValueData<TValues>;\n\n  public readonly errors: ErrorData<TErrors>;\n\n  public constructor(initValues: TValues) {\n    this.initValues = initValues;\n    this.values = new ValueData(clone(initValues));\n    this.errors = new ErrorData({} as TErrors);\n  }\n\n  public reset() {\n    // Reset values\n    Object.keys(this.values.getAll()).forEach((name) => {\n      this.values.set(name as Path<TValues>, clone(this.initValues[name]));\n    });\n\n    // Reset errors\n    Object.keys(this.errors.getAll()).forEach((name) => {\n      this.errors.set(\n        name as keyof TErrors,\n        undefined as TErrors[keyof TErrors]\n      );\n    });\n  }\n}\n\nexport default Form;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,aAAa;AAEnC,OAAOC,KAAK,MAAM,eAAe;AACjC,OAAOC,SAAS,MAAM,aAAa;AAEnC,MAAMC,IAAI,CAGR;EAOOC,WAAW,CAACC,UAAmB,EAAE;IAAA,KANjCA,UAAU;IAAA,KAEDC,MAAM;IAAA,KAENC,MAAM;IAGpB,IAAI,CAACF,UAAU,GAAGA,UAAU;IAC5B,IAAI,CAACC,MAAM,GAAG,IAAIJ,SAAS,CAACD,KAAK,CAACI,UAAU,CAAC,CAAC;IAC9C,IAAI,CAACE,MAAM,GAAG,IAAIP,SAAS,CAAC,CAAC,CAAC,CAAY;EAC5C;EAEOQ,KAAK,GAAG;IACb;IACAC,MAAM,CAACC,IAAI,CAAC,IAAI,CAACJ,MAAM,CAACK,MAAM,EAAE,CAAC,CAACC,OAAO,CAAEC,IAAI,IAAK;MAClD,IAAI,CAACP,MAAM,CAACQ,GAAG,CAACD,IAAI,EAAmBZ,KAAK,CAAC,IAAI,CAACI,UAAU,CAACQ,IAAI,CAAC,CAAC,CAAC;IACtE,CAAC,CAAC;;IAEF;IACAJ,MAAM,CAACC,IAAI,CAAC,IAAI,CAACH,MAAM,CAACI,MAAM,EAAE,CAAC,CAACC,OAAO,CAAEC,IAAI,IAAK;MAClD,IAAI,CAACN,MAAM,CAACO,GAAG,CACbD,IAAI,EACJE,SAAS,CACV;IACH,CAAC,CAAC;EACJ;AACF;AAEA,eAAeZ,IAAI"}

package/dist/esm/Node.js

@@ -0,0 +1,31 @@
+import deleteFromArray from './utils/deleteFromArray';
+class Node {
+  constructor(parent = null, name = '') {
+    this.name = void 0;
+    this.parent = void 0;
+    this.nodes = void 0;
+    this.observers = void 0;
+    this.name = name;
+    this.parent = parent;
+    this.nodes = {};
+    this.observers = [];
+  }
+  getNode(name) {
+    return this.nodes[name];
+  }
+  createNode(name) {
+    this.nodes[name] = new Node(this, name);
+    return this.nodes[name];
+  }
+  deleteNode(name) {
+    delete this.nodes[name];
+  }
+  addObserver(observer) {
+    this.observers.push(observer);
+  }
+  deleteObserver(observer) {
+    deleteFromArray(this.observers, observer);
+  }
+}
+export default Node;
+//# sourceMappingURL=Node.js.map

package/dist/esm/Node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Node.js","names":["deleteFromArray","Node","constructor","parent","name","nodes","observers","getNode","createNode","deleteNode","addObserver","observer","push","deleteObserver"],"sources":["../../src/Node.ts"],"sourcesContent":["import { Observer } from './types';\nimport deleteFromArray from './utils/deleteFromArray';\n\nclass Node {\n  public readonly name: string;\n\n  public readonly parent: Node | null;\n\n  public readonly nodes: Record<string, Node>;\n\n  public readonly observers: Observer[];\n\n  public constructor(parent: Node | null = null, name = '') {\n    this.name = name;\n    this.parent = parent;\n    this.nodes = {};\n    this.observers = [];\n  }\n\n  public getNode(name: string): Node | undefined {\n    return this.nodes[name];\n  }\n\n  public createNode(name: string): Node {\n    this.nodes[name] = new Node(this, name);\n    return this.nodes[name];\n  }\n\n  public deleteNode(name: string): void {\n    delete this.nodes[name];\n  }\n\n  public addObserver(observer: Observer): void {\n    this.observers.push(observer);\n  }\n\n  public deleteObserver(observer: Observer): void {\n    deleteFromArray(this.observers, observer);\n  }\n}\n\nexport default Node;\n"],"mappings":"AACA,OAAOA,eAAe,MAAM,yBAAyB;AAErD,MAAMC,IAAI,CAAC;EASFC,WAAW,CAACC,MAAmB,GAAG,IAAI,EAAEC,IAAI,GAAG,EAAE,EAAE;IAAA,KAR1CA,IAAI;IAAA,KAEJD,MAAM;IAAA,KAENE,KAAK;IAAA,KAELC,SAAS;IAGvB,IAAI,CAACF,IAAI,GAAGA,IAAI;IAChB,IAAI,CAACD,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACE,KAAK,GAAG,CAAC,CAAC;IACf,IAAI,CAACC,SAAS,GAAG,EAAE;EACrB;EAEOC,OAAO,CAACH,IAAY,EAAoB;IAC7C,OAAO,IAAI,CAACC,KAAK,CAACD,IAAI,CAAC;EACzB;EAEOI,UAAU,CAACJ,IAAY,EAAQ;IACpC,IAAI,CAACC,KAAK,CAACD,IAAI,CAAC,GAAG,IAAIH,IAAI,CAAC,IAAI,EAAEG,IAAI,CAAC;IACvC,OAAO,IAAI,CAACC,KAAK,CAACD,IAAI,CAAC;EACzB;EAEOK,UAAU,CAACL,IAAY,EAAQ;IACpC,OAAO,IAAI,CAACC,KAAK,CAACD,IAAI,CAAC;EACzB;EAEOM,WAAW,CAACC,QAAkB,EAAQ;IAC3C,IAAI,CAACL,SAAS,CAACM,IAAI,CAACD,QAAQ,CAAC;EAC/B;EAEOE,cAAc,CAACF,QAAkB,EAAQ;IAC9CX,eAAe,CAAC,IAAI,CAACM,SAAS,EAAEK,QAAQ,CAAC;EAC3C;AACF;AAEA,eAAeV,IAAI"}

package/dist/esm/ValueData.js

@@ -0,0 +1,21 @@
+import { get, set } from './utils/path';
+import ValueObserverManager from './ValueObserverManager';
+class ValueData extends ValueObserverManager {
+  constructor(values) {
+    super();
+    this.values = void 0;
+    this.values = values;
+  }
+  get(name) {
+    return get(this.values, name);
+  }
+  getAll() {
+    return this.values;
+  }
+  set(name, value) {
+    const ok = set(this.values, name, value);
+    if (ok) this.callObservers(name, this.values);
+  }
+}
+export default ValueData;
+//# sourceMappingURL=ValueData.js.map

package/dist/esm/ValueData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueData.js","names":["get","set","ValueObserverManager","ValueData","constructor","values","name","getAll","value","ok","callObservers"],"sources":["../../src/ValueData.ts"],"sourcesContent":["import { PathReturn, Path, StringMap } from './types';\nimport { get, set } from './utils/path';\nimport ValueObserverManager from './ValueObserverManager';\n\nclass ValueData<\n  TValues extends StringMap,\n  TName extends Path<TValues> = Path<TValues>\n> extends ValueObserverManager<TValues> {\n  private readonly values: TValues;\n\n  public constructor(values: TValues) {\n    super();\n    this.values = values;\n  }\n\n  public get<T extends TName>(name: T): PathReturn<TValues, T> {\n    return get(this.values, name);\n  }\n\n  public getAll(): TValues {\n    return this.values;\n  }\n\n  public set<T extends TName>(name: T, value: PathReturn<TValues, T>): void {\n    const ok = set(this.values, name, value);\n    if (ok) this.callObservers(name, this.values);\n  }\n}\n\nexport default ValueData;\n"],"mappings":"AACA,SAASA,GAAG,EAAEC,GAAG,QAAQ,cAAc;AACvC,OAAOC,oBAAoB,MAAM,wBAAwB;AAEzD,MAAMC,SAAS,SAGLD,oBAAoB,CAAU;EAG/BE,WAAW,CAACC,MAAe,EAAE;IAClC,KAAK,EAAE;IAAC,KAHOA,MAAM;IAIrB,IAAI,CAACA,MAAM,GAAGA,MAAM;EACtB;EAEOL,GAAG,CAAkBM,IAAO,EAA0B;IAC3D,OAAON,GAAG,CAAC,IAAI,CAACK,MAAM,EAAEC,IAAI,CAAC;EAC/B;EAEOC,MAAM,GAAY;IACvB,OAAO,IAAI,CAACF,MAAM;EACpB;EAEOJ,GAAG,CAAkBK,IAAO,EAAEE,KAA6B,EAAQ;IACxE,MAAMC,EAAE,GAAGR,GAAG,CAAC,IAAI,CAACI,MAAM,EAAEC,IAAI,EAAEE,KAAK,CAAC;IACxC,IAAIC,EAAE,EAAE,IAAI,CAACC,aAAa,CAACJ,IAAI,EAAE,IAAI,CAACD,MAAM,CAAC;EAC/C;AACF;AAEA,eAAeF,SAAS"}

package/dist/esm/ValueObserverManager.js

@@ -0,0 +1,67 @@
+import BroadcastObserverManager from './BroadcastObserverManager';
+import Node from './Node';
+import { get, isObjectOrArray } from './utils/path';
+const split = path => path.split('.');
+class ValueObserverManager extends BroadcastObserverManager {
+  constructor() {
+    super();
+    this.root = void 0;
+    this.root = new Node();
+  }
+  findNode(path) {
+    const keys = split(path);
+    let cur = this.root;
+    keys.forEach(key => {
+      cur = cur.getNode(key) || cur.createNode(key);
+    });
+    return cur;
+  }
+  subscribe(name, observer) {
+    const node = this.findNode(name);
+    node.addObserver(observer);
+    return {
+      unsubscribe: () => {
+        node.deleteObserver(observer);
+        if (node.observers.length === 0) {
+          node.parent?.deleteNode(node.name);
+        }
+      }
+    };
+  }
+  callObservers(name, data) {
+    this.callBroadcastObservers(name, get(data, name));
+    this.callNodeObservers(name, data);
+  }
+  callNodeObservers(name, data) {
+    const keys = split(name);
+    let curNode = this.root;
+    let curData = data;
+
+    // Call the observers for the root node
+    curNode.observers.forEach(observer => observer(curData));
+
+    // Call observers on each node from the root to the specified one
+    for (let i = 0; i < keys.length; i += 1) {
+      const key = keys[i];
+      const node = curNode.getNode(key);
+      if (!node || !isObjectOrArray(curData)) return;
+      curNode = node;
+      curData = curData[key];
+      // eslint-disable-next-line @typescript-eslint/no-loop-func
+      curNode.observers.forEach(observer => observer(curData));
+    }
+
+    // Call observers of all child nodes started from the specified one
+    this.callChildObservers(curNode, curData);
+  }
+  callChildObservers(parent, data) {
+    if (!isObjectOrArray(data)) return;
+    Object.entries(parent.nodes).forEach(([name, node]) => {
+      const value = data[name];
+      node.observers.forEach(observer => observer(value));
+      this.callChildObservers(node, value);
+    });
+  }
+}
+export default ValueObserverManager;
+//# sourceMappingURL=ValueObserverManager.js.map

package/dist/esm/ValueObserverManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueObserverManager.js","names":["BroadcastObserverManager","Node","get","isObjectOrArray","split","path","ValueObserverManager","constructor","root","findNode","keys","cur","forEach","key","getNode","createNode","subscribe","name","observer","node","addObserver","unsubscribe","deleteObserver","observers","length","parent","deleteNode","callObservers","data","callBroadcastObservers","callNodeObservers","curNode","curData","i","callChildObservers","Object","entries","nodes","value"],"sources":["../../src/ValueObserverManager.ts"],"sourcesContent":["import BroadcastObserverManager from './BroadcastObserverManager';\nimport Node from './Node';\nimport { Observer, PathReturn, Path, StringMap, Subscription } from './types';\nimport { get, isObjectOrArray } from './utils/path';\n\nconst split = (path: string) => path.split('.');\n\nclass ValueObserverManager<\n  TValues extends StringMap,\n  TName extends Path<TValues> = Path<TValues>\n> extends BroadcastObserverManager<TName, TValues[TName]> {\n  private readonly root: Node;\n\n  public constructor() {\n    super();\n    this.root = new Node();\n  }\n\n  private findNode(path: string) {\n    const keys = split(path);\n    let cur = this.root;\n    keys.forEach((key) => {\n      cur = cur.getNode(key) || cur.createNode(key);\n    });\n    return cur;\n  }\n\n  public subscribe<T extends TName>(\n    name: T,\n    observer: Observer<PathReturn<TValues, T>>\n  ): Subscription {\n    const node = this.findNode(name);\n    node.addObserver(observer);\n\n    return {\n      unsubscribe: () => {\n        node.deleteObserver(observer);\n        if (node.observers.length === 0) {\n          node.parent?.deleteNode(node.name);\n        }\n      },\n    };\n  }\n\n  protected callObservers<T extends TName>(name: T, data: TValues): void {\n    this.callBroadcastObservers(name, get(data, name));\n    this.callNodeObservers(name, data);\n  }\n\n  private callNodeObservers<T extends TName>(name: T, data: TValues): void {\n    const keys = split(name);\n    let curNode = this.root;\n    let curData = data;\n\n    // Call the observers for the root node\n    curNode.observers.forEach((observer) => observer(curData));\n\n    // Call observers on each node from the root to the specified one\n    for (let i = 0; i < keys.length; i += 1) {\n      const key = keys[i];\n      const node = curNode.getNode(key);\n      if (!node || !isObjectOrArray(curData)) return;\n      curNode = node;\n      curData = curData[key];\n      // eslint-disable-next-line @typescript-eslint/no-loop-func\n      curNode.observers.forEach((observer) => observer(curData));\n    }\n\n    // Call observers of all child nodes started from the specified one\n    this.callChildObservers(curNode, curData);\n  }\n\n  private callChildObservers(parent: Node, data: TValues): void {\n    if (!isObjectOrArray(data)) return;\n    Object.entries(parent.nodes).forEach(([name, node]) => {\n      const value = data[name];\n      node.observers.forEach((observer) => observer(value));\n      this.callChildObservers(node, value);\n    });\n  }\n}\n\nexport default ValueObserverManager;\n"],"mappings":"AAAA,OAAOA,wBAAwB,MAAM,4BAA4B;AACjE,OAAOC,IAAI,MAAM,QAAQ;AAEzB,SAASC,GAAG,EAAEC,eAAe,QAAQ,cAAc;AAEnD,MAAMC,KAAK,GAAIC,IAAY,IAAKA,IAAI,CAACD,KAAK,CAAC,GAAG,CAAC;AAE/C,MAAME,oBAAoB,SAGhBN,wBAAwB,CAAwB;EAGjDO,WAAW,GAAG;IACnB,KAAK,EAAE;IAAC,KAHOC,IAAI;IAInB,IAAI,CAACA,IAAI,GAAG,IAAIP,IAAI,EAAE;EACxB;EAEQQ,QAAQ,CAACJ,IAAY,EAAE;IAC7B,MAAMK,IAAI,GAAGN,KAAK,CAACC,IAAI,CAAC;IACxB,IAAIM,GAAG,GAAG,IAAI,CAACH,IAAI;IACnBE,IAAI,CAACE,OAAO,CAAEC,GAAG,IAAK;MACpBF,GAAG,GAAGA,GAAG,CAACG,OAAO,CAACD,GAAG,CAAC,IAAIF,GAAG,CAACI,UAAU,CAACF,GAAG,CAAC;IAC/C,CAAC,CAAC;IACF,OAAOF,GAAG;EACZ;EAEOK,SAAS,CACdC,IAAO,EACPC,QAA0C,EAC5B;IACd,MAAMC,IAAI,GAAG,IAAI,CAACV,QAAQ,CAACQ,IAAI,CAAC;IAChCE,IAAI,CAACC,WAAW,CAACF,QAAQ,CAAC;IAE1B,OAAO;MACLG,WAAW,EAAE,MAAM;QACjBF,IAAI,CAACG,cAAc,CAACJ,QAAQ,CAAC;QAC7B,IAAIC,IAAI,CAACI,SAAS,CAACC,MAAM,KAAK,CAAC,EAAE;UAC/BL,IAAI,CAACM,MAAM,EAAEC,UAAU,CAACP,IAAI,CAACF,IAAI,CAAC;QACpC;MACF;IACF,CAAC;EACH;EAEUU,aAAa,CAAkBV,IAAO,EAAEW,IAAa,EAAQ;IACrE,IAAI,CAACC,sBAAsB,CAACZ,IAAI,EAAEf,GAAG,CAAC0B,IAAI,EAAEX,IAAI,CAAC,CAAC;IAClD,IAAI,CAACa,iBAAiB,CAACb,IAAI,EAAEW,IAAI,CAAC;EACpC;EAEQE,iBAAiB,CAAkBb,IAAO,EAAEW,IAAa,EAAQ;IACvE,MAAMlB,IAAI,GAAGN,KAAK,CAACa,IAAI,CAAC;IACxB,IAAIc,OAAO,GAAG,IAAI,CAACvB,IAAI;IACvB,IAAIwB,OAAO,GAAGJ,IAAI;;IAElB;IACAG,OAAO,CAACR,SAAS,CAACX,OAAO,CAAEM,QAAQ,IAAKA,QAAQ,CAACc,OAAO,CAAC,CAAC;;IAE1D;IACA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGvB,IAAI,CAACc,MAAM,EAAES,CAAC,IAAI,CAAC,EAAE;MACvC,MAAMpB,GAAG,GAAGH,IAAI,CAACuB,CAAC,CAAC;MACnB,MAAMd,IAAI,GAAGY,OAAO,CAACjB,OAAO,CAACD,GAAG,CAAC;MACjC,IAAI,CAACM,IAAI,IAAI,CAAChB,eAAe,CAAC6B,OAAO,CAAC,EAAE;MACxCD,OAAO,GAAGZ,IAAI;MACda,OAAO,GAAGA,OAAO,CAACnB,GAAG,CAAC;MACtB;MACAkB,OAAO,CAACR,SAAS,CAACX,OAAO,CAAEM,QAAQ,IAAKA,QAAQ,CAACc,OAAO,CAAC,CAAC;IAC5D;;IAEA;IACA,IAAI,CAACE,kBAAkB,CAACH,OAAO,EAAEC,OAAO,CAAC;EAC3C;EAEQE,kBAAkB,CAACT,MAAY,EAAEG,IAAa,EAAQ;IAC5D,IAAI,CAACzB,eAAe,CAACyB,IAAI,CAAC,EAAE;IAC5BO,MAAM,CAACC,OAAO,CAACX,MAAM,CAACY,KAAK,CAAC,CAACzB,OAAO,CAAC,CAAC,CAACK,IAAI,EAAEE,IAAI,CAAC,KAAK;MACrD,MAAMmB,KAAK,GAAGV,IAAI,CAACX,IAAI,CAAC;MACxBE,IAAI,CAACI,SAAS,CAACX,OAAO,CAAEM,QAAQ,IAAKA,QAAQ,CAACoB,KAAK,CAAC,CAAC;MACrD,IAAI,CAACJ,kBAAkB,CAACf,IAAI,EAAEmB,KAAK,CAAC;IACtC,CAAC,CAAC;EACJ;AACF;AAEA,eAAehC,oBAAoB"}

package/dist/esm/index.js

@@ -1,66 +1,37 @@
-import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
-import SubscribableData from './SubscribableData';
-import clone from './utils/clone';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import Form from './Form';
+import useFormContext from './useFormContext';
 import isEqual from './utils/isEqual';
+import { get } from './utils/path';
 import useDeepEqualMemo from './utils/useDeepEqualMemo';
-export * from './SubscriptionManager';
-
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-export class Form {
-  constructor(initValues) {
-    this.initValues = void 0;
-    this.values = void 0;
-    this.errors = void 0;
-    this.initValues = initValues;
-    this.values = new SubscribableData(clone(initValues));
-    this.errors = new SubscribableData({});
-  }
-  reset() {
-    // Reset values
-    Object.keys(this.values.getAll()).forEach(name => {
-      this.values.set(name, this.initValues[name]);
-    });
-
-    // Reset errors
-    Object.keys(this.errors.getAll()).forEach(name => {
-      this.errors.set(name, undefined);
-    });
-  }
-}
-const FormContext = /*#__PURE__*/createContext(null);
-// eslint-disable-next-line react/function-component-definition
-export function FormProvider({
-  form,
-  children
-}) {
-  return /*#__PURE__*/React.createElement(FormContext.Provider, {
-    value: form
-  }, children);
-}
+export * from './BroadcastObserverManager';
+export * from './ErrorObserverManager';
+export { default as Form } from './Form';
+export * from './types';
+export * from './useFormContext';
 const createUseValueHook = form => name => {
   const [value, setValue] = useState(form.values.get(name));
   useEffect(() => {
-    const subscription = form.values.subscribeToField(name, v => {
+    const subscription = form.values.subscribe(name, v => {
       setValue(v);
     });
     return () => subscription.unsubscribe();
   }, [name]);
   return value;
 };
-export const useError = (name, form) => {
-  const currentForm = useContext(FormContext) || form;
-  if (!currentForm) throw new Error('Specify the form');
-  const [value, setValue] = useState(currentForm.errors.get(name));
+const createUseErrorHook = form => name => {
+  const [value, setValue] = useState(form.errors.get(name));
   useEffect(() => {
-    const subscription = currentForm.errors.subscribeToField(name, v => {
+    const subscription = form.errors.subscribe(name, v => {
       setValue(v);
     });
     return () => subscription.unsubscribe();
-  }, [currentForm.errors, name]);
+  }, [name]);
   return value;
 };
 const createUseTransformerHook = form => {
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
   const useValue = createUseValueHook(form);
   return (name, transformer) => {
     const value = useValue(name);
@@ -71,6 +42,7 @@ const createUseTransformerHook = form => {
     useEffect(() => {
       const partialValues = transformerRef.current(value);
       Object.entries(partialValues).forEach(([n, v]) => {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         form.values.set(n, v);
       });
     }, [value]);
@@ -78,36 +50,36 @@ const createUseTransformerHook = form => {
 };
 const createFieldComponent = form => {
   const useValue = createUseValueHook(form);
+  const useError = createUseErrorHook(form);
   return props => {
     const {
       name,
-      toValue,
-      fromValue,
+      transformer = v => v,
       render
     } = props;
     const value = useValue(name);
-    const transformedValue = useMemo(() => toValue ? toValue(value) : value, [toValue, value]);
-    const error = useError(name, form);
-    const modified = useMemo(() => !isEqual(value, form.initValues[name]), [name, value]);
-    const reset = useCallback(() => form.values.set(name, form.initValues[name]), [name]);
-    const fromValueRef = useRef(fromValue);
+    const error = useError(name);
+    const initValue = useMemo(() => get(form.initValues, name), [name]);
+    const modified = useMemo(() => !isEqual(value, initValue), [initValue, value]);
+    const reset = useCallback(() => form.values.set(name, initValue), [initValue, name]);
+    const transformerRef = useRef(transformer);
     useEffect(() => {
-      fromValueRef.current = fromValue;
-    }, [fromValue]);
+      transformerRef.current = transformer;
+    }, [transformer]);
     const onChange = useCallback(v => {
-      form.values.set(name, fromValueRef.current ? fromValueRef.current(v) : v);
-      form.errors.set(name, undefined);
+      form.values.set(name, transformerRef.current(v));
+      form.errors.set(name, undefined); // Reset the error when the value is changed
     }, [name]);
     const renderRef = useRef(render);
     useEffect(() => {
       renderRef.current = render;
     }, [render]);
     const inputProps = useMemo(() => ({
-      value: transformedValue,
+      value,
       onChange
-    }), [onChange, transformedValue]);
+    }), [onChange, value]);
     const fieldState = useMemo(() => ({
-      error: error || null,
+      error,
       modified,
       reset
     }), [error, modified, reset]);
@@ -125,8 +97,8 @@ const useModifiedFields = form => {
     initValuesRef.current = form.initValues;
   }, [form.initValues]);
   useEffect(() => {
-    const subscription = form.values.subscribeToAllFields((name, value) => {
-      const isInitValue = isEqual(value, initValuesRef.current[name]);
+    const subscription = form.values.subscribeToAll((name, value) => {
+      const isInitValue = isEqual(value, get(initValuesRef.current, name));
       const fields = modifiedFieldsRef.current;
       if (fields.includes(name)) {
         if (isInitValue) {
@@ -141,27 +113,33 @@ const useModifiedFields = form => {
   return modifiedFields;
 };
 const useFormResponse = form => {
+  const Field = useMemo(() => createFieldComponent(form), [form]);
   const useValue = useMemo(() => createUseValueHook(form), [form]);
+  const useError = useMemo(() => createUseErrorHook(form), [form]);
   const useTransformer = useMemo(() => createUseTransformerHook(form), [form]);
-  const Field = useMemo(() => createFieldComponent(form), [form]);
   const modifiedFields = useModifiedFields(form);
   const modified = useMemo(() => modifiedFields.length > 0, [modifiedFields.length]);
   return useMemo(() => ({
     form,
     Field,
     useValue,
+    useError,
     useTransformer,
     modifiedFields,
     modified
-  }), [Field, form, modified, modifiedFields, useTransformer, useValue]);
+  }), [Field, form, modified, modifiedFields, useError, useTransformer, useValue]);
 };
 export const useForm = initValues => {
   const memoizedInitValues = useDeepEqualMemo(() => initValues, [initValues]);
-  const form = useMemo(() => new Form(memoizedInitValues), [memoizedInitValues]);
-  return useFormResponse(form);
+  const formRef = useRef(new Form(memoizedInitValues));
+  useEffect(() => {
+    formRef.current.initValues = memoizedInitValues;
+    formRef.current.reset();
+  }, [memoizedInitValues]);
+  return useFormResponse(formRef.current);
 };
 export const useExistingForm = () => {
-  const form = useContext(FormContext);
+  const form = useFormContext();
   if (!form) throw new Error('Wrap your form in a FormProvider');
   return useFormResponse(form);
 };