@os-design/form 1.0.8 → 1.0.10

package/README.md

@@ -6,7 +6,7 @@ Create forms in React and React Native much faster and easier.
 
 - 🤓 Rerenders only updated fields, not the whole form.
 - 📱 Use with any design system or native components. Supports React Native.
-- 0️⃣ Tiny size (~1.5 KB). Zero dependencies.
+- 0️⃣ Tiny size (~2 KB). Zero dependencies.
 - 📙 Lots of useful features.
 
 ## Installation
@@ -52,6 +52,54 @@ const Form: React.FC = () => {
 
 The `props` is an object that contains 2 properties: `value` and `onChange`, so you can just pass all the properties of this object to your input component for simplicity.
 
+## 🙉 Complex form
+
+Let's look at another example. We need to add multiple fields with options to the form (e.g. `min` and `max`). These options should be stored in the `options` form property.
+
+```tsx
+interface ComplexFormData {
+  name: string;
+  options: {
+    min: number | null;
+    max: number | null;
+  };
+}
+```
+
+We can add a `Field` with the name `options` and render 2 fields at once, but in this case, every time one of these options changes, all the option fields will be rerendered. It's not good for performance.
+
+To solve this problem and update only those options that have changed, we need to add separate `Field` components and specify the path to the field in the name property. For example, in our case we have to add 2 fields with the following names: `options.min` and `options.max` (the properties are separated by a dot).
+
+```tsx
+const Form: React.FC = () => {
+  const { Field, form } = useForm<ComplexFormData>({
+    name: '',
+    options: { min: null, max: null },
+  });
+
+  const onSubmit = useCallback(() => {
+    console.log(form.values.getAll());
+  }, []);
+
+  return (
+    <>
+      <Field name='name' render={(props) => <Input {...props} />} />
+      <Field
+        name='options.min'
+        render={(props) => <InputNumber {...props} />}
+      />
+      <Field
+        name='options.max'
+        render={(props) => <InputNumber {...props} />}
+      />
+      <Button onClick={onSubmit}>Add</Button>
+    </>
+  );
+};
+```
+
+The path can also contain an index of array. For example, `options.items.0.status`.
+
 ## ❗ Showing errors
 
 If the user entered incorrect values, the form should display errors. To support errors, you need to make 2 steps: pass the errors to the form and display them next to the input components.
@@ -102,7 +150,8 @@ interface FormData {
 
 // Component to display errors unrelated to any fields
 const Error: React.FC = () => {
-  const error = useError<FormData>('_error');
+  const { useError } = useExistingForm<FormData>();
+  const error = useError('_error'); // You can use a path (e.g. `options.min`)
   return error ? <Alert type='error'>{error}</Alert> : null;
 };
 
@@ -120,8 +169,8 @@ const Form: React.FC = () => {
     console.log(form.values.getAll()); // { title: '', content: '' }
   }, []);
 
-  // Wrap your form in a `FormProvider` to pass the `form`
-  // to the child components (to the `Error` component in our case)
+  // Wrap your form in a `FormProvider`
+  // to pass the `form` to child components
   return (
     <FormProvider form={form}>
       <>
@@ -271,6 +320,8 @@ const Form: React.FC = () => {
 };
 ```
 
+Note that `modifiedFields` can contain paths (e.g. `options.min`), so the above implementation of `onlyChangedValues` only works for forms without nested data. Create your own implementation if you want to support nested data.
+
 ## ↩️ Resetting a field to its initial value
 
 Let's assume the user changed his profile data in the form, but then decided to rollback one of the field values. It would be really cool if the user could just click the button next to the input component and the field value would return to the initial value.
@@ -348,27 +399,18 @@ const Form: React.FC = () => {
 
 ## 🎚️ Transforming field values
 
-There are few cases where this is necessary:
-
-1. Your input component does not support the field type. For example, you want to enter numbers in the text input that uses the string type.
-2. The value in the store is not equal to the value in the input component. For example, the price is entered in dollars, but you store it in cents.
-3. The value should be post-processed. For example, the email address should always be in lowercase.
-
-Let's consider the first case. To implement it, you should set 2 transformers:
-
-- `toValue` - transforms the value before putting it into the input component.
-- `fromValue` - transforms the value before calling the onChange event handler.
+The entered value in the field can be transformed. For example, the email address should always be entered in lowercase. To implement it, you should set a transformer to the field. This transformer is called before the `onChange` handler is called. The type of the received and returned value must be the same.
 
 ```tsx
-interface PersonData {
-  name: string;
-  age: number;
+interface SignInData {
+  email: string;
+  password: string;
 }
 
 const Form: React.FC = () => {
-  const { Field, form } = useForm<PersonData>({
-    name: 'Kate',
-    age: 18,
+  const { Field, form } = useForm<SignInData>({
+    email: '',
+    password: '',
   });
 
   const onSubmit = useCallback(() => {
@@ -377,14 +419,13 @@ const Form: React.FC = () => {
 
   return (
     <>
-      <Field name='name' render={(props) => <Input {...props} />} />
       <Field
-        name='age'
-        toValue={(value) => value.toString()} // To input component
-        fromValue={(value) => Number(value)} // From input component
+        name='email'
+        transformer={(value) => value.toLowerCase()} // Make email in lowercase
         render={(props) => <Input {...props} />}
       />
-      <Button onClick={onSubmit}>Save</Button>
+      <Field name='password' render={(props) => <InputPassword {...props} />} />
+      <Button onClick={onSubmit}>Sign In</Button>
     </>
   );
 };
@@ -416,6 +457,8 @@ const Form: React.FC = () => {
   }, []);
 
   useTransformer('title', (value) => ({
+    // Update any number of fields, not just one.
+    // You can use a path (e.g. `'options.min': 0`).
     metaTitle: `The length of the title is ${value.length}`,
   }));
 
@@ -429,15 +472,6 @@ const Form: React.FC = () => {
 };
 ```
 
-You can update any number of fields, not just one. For example, every time the title changes, we can set `metaTitle` and `metaDescription` to an empty string.
-
-```tsx
-useTransformer('title', () => ({
-  metaTitle: '',
-  metaDescription: '',
-}));
-```
-
 ## 👀 Tracking field changes
 
 You can track changes for a specific field using the `useValue` hook.
@@ -460,7 +494,7 @@ const Form: React.FC = () => {
     console.log(form.values.getAll());
   }, []);
 
-  const title = useValue('title');
+  const title = useValue('title'); // You can use a path (e.g. `options.min`)
 
   useEffect(() => {
     // Send a request to the server
@@ -495,7 +529,7 @@ const Form: React.FC = () => {
   }, []);
 
   useEffect(() => {
-    const subscription = form.values.subscribeToAllFields((name, value) => {
+    const subscription = form.values.subscribeToAll((name, value) => {
       console.log(`${name} = ${value}`);
     });
     return () => subscription.unsubscribe();

package/dist/cjs/BroadcastObserverManager.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _deleteFromArray = _interopRequireDefault(require("./utils/deleteFromArray"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var BroadcastObserverManager = /*#__PURE__*/function () {
+  function BroadcastObserverManager() {
+    _classCallCheck(this, BroadcastObserverManager);
+    this.broadcastObservers = void 0;
+    this.broadcastObservers = [];
+  }
+  _createClass(BroadcastObserverManager, [{
+    key: "subscribeToAll",
+    value: function subscribeToAll(observer) {
+      var _this = this;
+      this.broadcastObservers.push(observer);
+      return {
+        unsubscribe: function unsubscribe() {
+          return (0, _deleteFromArray["default"])(_this.broadcastObservers, observer);
+        }
+      };
+    }
+  }, {
+    key: "callBroadcastObservers",
+    value: function callBroadcastObservers(name, value) {
+      this.broadcastObservers.forEach(function (observer) {
+        return observer(name, value);
+      });
+    }
+  }]);
+  return BroadcastObserverManager;
+}();
+var _default = BroadcastObserverManager;
+exports["default"] = _default;
+//# sourceMappingURL=BroadcastObserverManager.js.map

package/dist/cjs/BroadcastObserverManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BroadcastObserverManager.js","names":["BroadcastObserverManager","broadcastObservers","observer","push","unsubscribe","deleteFromArray","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;AAAsD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOhDA,wBAAwB;EAG5B,oCAAqB;IAAA;IAAA,KAFJC,kBAAkB;IAGjC,IAAI,CAACA,kBAAkB,GAAG,EAAE;EAC9B;EAAC;IAAA;IAAA,OAED,wBACEC,QAA0C,EAC5B;MAAA;MACd,IAAI,CAACD,kBAAkB,CAACE,IAAI,CAACD,QAAQ,CAAC;MACtC,OAAO;QACLE,WAAW,EAAE;UAAA,OAAM,IAAAC,2BAAe,EAAC,KAAI,CAACJ,kBAAkB,EAAEC,QAAQ,CAAC;QAAA;MACvE,CAAC;IACH;EAAC;IAAA;IAAA,OAED,gCACEI,IAAO,EACPC,KAAQ,EACF;MACN,IAAI,CAACN,kBAAkB,CAACO,OAAO,CAAC,UAACN,QAAQ;QAAA,OAAKA,QAAQ,CAACI,IAAI,EAAEC,KAAK,CAAC;MAAA,EAAC;IACtE;EAAC;EAAA;AAAA;AAAA,eAGYP,wBAAwB;AAAA"}

package/dist/cjs/{SubscribableData.js → ErrorData.js}

@@ -5,11 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _SubscriptionManager2 = _interopRequireDefault(require("./SubscriptionManager"));
+var _ErrorObserverManager2 = _interopRequireDefault(require("./ErrorObserverManager"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -17,36 +19,36 @@ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) ===
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-var SubscribableData = /*#__PURE__*/function (_SubscriptionManager) {
-  _inherits(SubscribableData, _SubscriptionManager);
-  var _super = _createSuper(SubscribableData);
-  function SubscribableData(data) {
+var ErrorData = /*#__PURE__*/function (_ErrorObserverManager) {
+  _inherits(ErrorData, _ErrorObserverManager);
+  var _super = _createSuper(ErrorData);
+  function ErrorData(errors) {
     var _this;
-    _classCallCheck(this, SubscribableData);
+    _classCallCheck(this, ErrorData);
     _this = _super.call(this);
-    _this.data = void 0;
-    _this.data = data;
+    _this.errors = void 0;
+    _this.errors = errors;
     return _this;
   }
-  _createClass(SubscribableData, [{
+  _createClass(ErrorData, [{
     key: "get",
     value: function get(name) {
-      return this.data[name];
+      return this.errors[name];
     }
   }, {
     key: "getAll",
     value: function getAll() {
-      return this.data;
+      return this.errors;
     }
   }, {
     key: "set",
     value: function set(name, value) {
-      this.data[name] = value;
-      this.call(name, value);
+      this.errors[name] = value;
+      this.callObservers(name, value);
     }
   }]);
-  return SubscribableData;
-}(_SubscriptionManager2["default"]);
-var _default = SubscribableData;
+  return ErrorData;
+}(_ErrorObserverManager2["default"]);
+var _default = ErrorData;
 exports["default"] = _default;
-//# sourceMappingURL=SubscribableData.js.map
+//# sourceMappingURL=ErrorData.js.map

package/dist/cjs/ErrorData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorData.js","names":["ErrorData","errors","name","value","callObservers","ErrorObserverManager"],"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;AAA0D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAGpDA,SAAS;EAAA;EAAA;EAMb,mBAAmBC,MAAe,EAAE;IAAA;IAAA;IAClC;IAAQ,MAHOA,MAAM;IAIrB,MAAKA,MAAM,GAAGA,MAAM;IAAC;EACvB;EAAC;IAAA;IAAA,OAED,aAA4BC,IAAO,EAAc;MAC/C,OAAO,IAAI,CAACD,MAAM,CAACC,IAAI,CAAC;IAC1B;EAAC;IAAA;IAAA,OAED,kBAAyB;MACvB,OAAO,IAAI,CAACD,MAAM;IACpB;EAAC;IAAA;IAAA,OAED,aAA4BC,IAAO,EAAEC,KAAiB,EAAQ;MAC5D,IAAI,CAACF,MAAM,CAACC,IAAI,CAAC,GAAGC,KAAK;MACzB,IAAI,CAACC,aAAa,CAACF,IAAI,EAAEC,KAAK,CAAC;IACjC;EAAC;EAAA;AAAA,EAnBOE,iCAAoB;AAAA,eAsBfL,SAAS;AAAA"}

package/dist/cjs/ErrorObserverManager.js

@@ -0,0 +1,64 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _BroadcastObserverManager = _interopRequireDefault(require("./BroadcastObserverManager"));
+var _deleteFromArray = _interopRequireDefault(require("./utils/deleteFromArray"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var ErrorObserverManager = /*#__PURE__*/function (_BroadcastObserverMan) {
+  _inherits(ErrorObserverManager, _BroadcastObserverMan);
+  var _super = _createSuper(ErrorObserverManager);
+  function ErrorObserverManager() {
+    var _this;
+    _classCallCheck(this, ErrorObserverManager);
+    _this = _super.call(this);
+    _this.observers = void 0;
+    _this.observers = {};
+    return _this;
+  }
+  _createClass(ErrorObserverManager, [{
+    key: "getObservers",
+    value: function getObservers(name) {
+      if (!this.observers[name]) this.observers[name] = [];
+      return this.observers[name];
+    }
+  }, {
+    key: "subscribe",
+    value: function subscribe(name, observer) {
+      var observers = this.getObservers(name);
+      observers.push(observer);
+      return {
+        unsubscribe: function unsubscribe() {
+          return (0, _deleteFromArray["default"])(observers, observer);
+        }
+      };
+    }
+  }, {
+    key: "callObservers",
+    value: function callObservers(name, value) {
+      this.callBroadcastObservers(name, value);
+      this.getObservers(name).forEach(function (observer) {
+        return observer(value);
+      });
+    }
+  }]);
+  return ErrorObserverManager;
+}(_BroadcastObserverManager["default"]);
+var _default = ErrorObserverManager;
+exports["default"] = _default;
+//# sourceMappingURL=ErrorObserverManager.js.map

package/dist/cjs/ErrorObserverManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorObserverManager.js","names":["ErrorObserverManager","observers","name","observer","getObservers","push","unsubscribe","deleteFromArray","value","callBroadcastObservers","forEach","BroadcastObserverManager"],"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;AAEA;AAAsD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAIhDA,oBAAoB;EAAA;EAAA;EAQxB,gCAAqB;IAAA;IAAA;IACnB;IAAQ,MALOC,SAAS;IAMxB,MAAKA,SAAS,GAAG,CAAC,CAAC;IAAC;EACtB;EAAC;IAAA;IAAA,OAED,sBAAsCC,IAAO,EAAmB;MAC9D,IAAI,CAAC,IAAI,CAACD,SAAS,CAACC,IAAI,CAAC,EAAE,IAAI,CAACD,SAAS,CAACC,IAAI,CAAC,GAAG,EAAE;MACpD,OAAO,IAAI,CAACD,SAAS,CAACC,IAAI,CAAC;IAC7B;EAAC;IAAA;IAAA,OAED,mBACEA,IAAO,EACPC,QAAuB,EACT;MACd,IAAMF,SAAS,GAAG,IAAI,CAACG,YAAY,CAACF,IAAI,CAAC;MACzCD,SAAS,CAACI,IAAI,CAACF,QAAQ,CAAC;MACxB,OAAO;QAAEG,WAAW,EAAE;UAAA,OAAM,IAAAC,2BAAe,EAACN,SAAS,EAAEE,QAAQ,CAAC;QAAA;MAAC,CAAC;IACpE;EAAC;IAAA;IAAA,OAED,uBAAyCD,IAAO,EAAEM,KAAyB,EAAE;MAC3E,IAAI,CAACC,sBAAsB,CAACP,IAAI,EAAEM,KAAK,CAAC;MACxC,IAAI,CAACJ,YAAY,CAACF,IAAI,CAAC,CAACQ,OAAO,CAAC,UAACP,QAAQ;QAAA,OAAKA,QAAQ,CAACK,KAAK,CAAC;MAAA,EAAC;IAChE;EAAC;EAAA;AAAA,EA3BOG,oCAAwB;AAAA,eA8BnBX,oBAAoB;AAAA"}

package/dist/cjs/Form.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _ErrorData = _interopRequireDefault(require("./ErrorData"));
+var _clone = _interopRequireDefault(require("./utils/clone"));
+var _ValueData = _interopRequireDefault(require("./ValueData"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var Form = /*#__PURE__*/function () {
+  function Form(initValues) {
+    _classCallCheck(this, Form);
+    this.initValues = void 0;
+    this.values = void 0;
+    this.errors = void 0;
+    this.initValues = initValues;
+    this.values = new _ValueData["default"]((0, _clone["default"])(initValues));
+    this.errors = new _ErrorData["default"]({});
+  }
+  _createClass(Form, [{
+    key: "reset",
+    value: function reset() {
+      var _this = this;
+      // Reset values
+      Object.keys(this.values.getAll()).forEach(function (name) {
+        _this.values.set(name, (0, _clone["default"])(_this.initValues[name]));
+      });
+
+      // Reset errors
+      Object.keys(this.errors.getAll()).forEach(function (name) {
+        _this.errors.set(name, undefined);
+      });
+    }
+  }]);
+  return Form;
+}();
+var _default = Form;
+exports["default"] = _default;
+//# sourceMappingURL=Form.js.map

package/dist/cjs/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","names":["Form","initValues","values","errors","ValueData","clone","ErrorData","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;AAEA;AACA;AAAoC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAE9BA,IAAI;EAUR,cAAmBC,UAAmB,EAAE;IAAA;IAAA,KANjCA,UAAU;IAAA,KAEDC,MAAM;IAAA,KAENC,MAAM;IAGpB,IAAI,CAACF,UAAU,GAAGA,UAAU;IAC5B,IAAI,CAACC,MAAM,GAAG,IAAIE,qBAAS,CAAC,IAAAC,iBAAK,EAACJ,UAAU,CAAC,CAAC;IAC9C,IAAI,CAACE,MAAM,GAAG,IAAIG,qBAAS,CAAC,CAAC,CAAC,CAAY;EAC5C;EAAC;IAAA;IAAA,OAED,iBAAe;MAAA;MACb;MACAC,MAAM,CAACC,IAAI,CAAC,IAAI,CAACN,MAAM,CAACO,MAAM,EAAE,CAAC,CAACC,OAAO,CAAC,UAACC,IAAI,EAAK;QAClD,KAAI,CAACT,MAAM,CAACU,GAAG,CAACD,IAAI,EAAmB,IAAAN,iBAAK,EAAC,KAAI,CAACJ,UAAU,CAACU,IAAI,CAAC,CAAC,CAAC;MACtE,CAAC,CAAC;;MAEF;MACAJ,MAAM,CAACC,IAAI,CAAC,IAAI,CAACL,MAAM,CAACM,MAAM,EAAE,CAAC,CAACC,OAAO,CAAC,UAACC,IAAI,EAAK;QAClD,KAAI,CAACR,MAAM,CAACS,GAAG,CACbD,IAAI,EACJE,SAAS,CACV;MACH,CAAC,CAAC;IACJ;EAAC;EAAA;AAAA;AAAA,eAGYb,IAAI;AAAA"}

package/dist/cjs/Node.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _deleteFromArray = _interopRequireDefault(require("./utils/deleteFromArray"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var Node = /*#__PURE__*/function () {
+  function Node() {
+    var parent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    var name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    _classCallCheck(this, Node);
+    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 = [];
+  }
+  _createClass(Node, [{
+    key: "getNode",
+    value: function getNode(name) {
+      return this.nodes[name];
+    }
+  }, {
+    key: "createNode",
+    value: function createNode(name) {
+      this.nodes[name] = new Node(this, name);
+      return this.nodes[name];
+    }
+  }, {
+    key: "deleteNode",
+    value: function deleteNode(name) {
+      delete this.nodes[name];
+    }
+  }, {
+    key: "addObserver",
+    value: function addObserver(observer) {
+      this.observers.push(observer);
+    }
+  }, {
+    key: "deleteObserver",
+    value: function deleteObserver(observer) {
+      (0, _deleteFromArray["default"])(this.observers, observer);
+    }
+  }]);
+  return Node;
+}();
+var _default = Node;
+exports["default"] = _default;
+//# sourceMappingURL=Node.js.map

package/dist/cjs/Node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Node.js","names":["Node","parent","name","nodes","observers","observer","push","deleteFromArray"],"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;AAAsD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAEhDA,IAAI;EASR,gBAA0D;IAAA,IAAvCC,MAAmB,uEAAG,IAAI;IAAA,IAAEC,IAAI,uEAAG,EAAE;IAAA;IAAA,KARxCA,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;EAAC;IAAA;IAAA,OAED,iBAAeF,IAAY,EAAoB;MAC7C,OAAO,IAAI,CAACC,KAAK,CAACD,IAAI,CAAC;IACzB;EAAC;IAAA;IAAA,OAED,oBAAkBA,IAAY,EAAQ;MACpC,IAAI,CAACC,KAAK,CAACD,IAAI,CAAC,GAAG,IAAIF,IAAI,CAAC,IAAI,EAAEE,IAAI,CAAC;MACvC,OAAO,IAAI,CAACC,KAAK,CAACD,IAAI,CAAC;IACzB;EAAC;IAAA;IAAA,OAED,oBAAkBA,IAAY,EAAQ;MACpC,OAAO,IAAI,CAACC,KAAK,CAACD,IAAI,CAAC;IACzB;EAAC;IAAA;IAAA,OAED,qBAAmBG,QAAkB,EAAQ;MAC3C,IAAI,CAACD,SAAS,CAACE,IAAI,CAACD,QAAQ,CAAC;IAC/B;EAAC;IAAA;IAAA,OAED,wBAAsBA,QAAkB,EAAQ;MAC9C,IAAAE,2BAAe,EAAC,IAAI,CAACH,SAAS,EAAEC,QAAQ,CAAC;IAC3C;EAAC;EAAA;AAAA;AAAA,eAGYL,IAAI;AAAA"}

package/dist/cjs/ValueData.js

@@ -0,0 +1,55 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _path = require("./utils/path");
+var _ValueObserverManager2 = _interopRequireDefault(require("./ValueObserverManager"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var ValueData = /*#__PURE__*/function (_ValueObserverManager) {
+  _inherits(ValueData, _ValueObserverManager);
+  var _super = _createSuper(ValueData);
+  function ValueData(values) {
+    var _this;
+    _classCallCheck(this, ValueData);
+    _this = _super.call(this);
+    _this.values = void 0;
+    _this.values = values;
+    return _this;
+  }
+  _createClass(ValueData, [{
+    key: "get",
+    value: function get(name) {
+      return (0, _path.get)(this.values, name);
+    }
+  }, {
+    key: "getAll",
+    value: function getAll() {
+      return this.values;
+    }
+  }, {
+    key: "set",
+    value: function set(name, value) {
+      var ok = (0, _path.set)(this.values, name, value);
+      if (ok) this.callObservers(name, this.values);
+    }
+  }]);
+  return ValueData;
+}(_ValueObserverManager2["default"]);
+var _default = ValueData;
+exports["default"] = _default;
+//# sourceMappingURL=ValueData.js.map

package/dist/cjs/ValueData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueData.js","names":["ValueData","values","name","get","value","ok","set","callObservers","ValueObserverManager"],"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;AACA;AAA0D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAEpDA,SAAS;EAAA;EAAA;EAMb,mBAAmBC,MAAe,EAAE;IAAA;IAAA;IAClC;IAAQ,MAHOA,MAAM;IAIrB,MAAKA,MAAM,GAAGA,MAAM;IAAC;EACvB;EAAC;IAAA;IAAA,OAED,aAA4BC,IAAO,EAA0B;MAC3D,OAAO,IAAAC,SAAG,EAAC,IAAI,CAACF,MAAM,EAAEC,IAAI,CAAC;IAC/B;EAAC;IAAA;IAAA,OAED,kBAAyB;MACvB,OAAO,IAAI,CAACD,MAAM;IACpB;EAAC;IAAA;IAAA,OAED,aAA4BC,IAAO,EAAEE,KAA6B,EAAQ;MACxE,IAAMC,EAAE,GAAG,IAAAC,SAAG,EAAC,IAAI,CAACL,MAAM,EAAEC,IAAI,EAAEE,KAAK,CAAC;MACxC,IAAIC,EAAE,EAAE,IAAI,CAACE,aAAa,CAACL,IAAI,EAAE,IAAI,CAACD,MAAM,CAAC;IAC/C;EAAC;EAAA;AAAA,EAnBOO,iCAAoB;AAAA,eAsBfR,SAAS;AAAA"}