@reactables/react-forms 0.6.0-alpha.0 → 0.7.0-alpha.0

package/dist/Components/Form.d.ts

@@ -1,14 +1,7 @@
 import React from 'react';
 import { ControlModels, RxFormActions } from '@reactables/forms';
-interface HookedRxForm {
-    state: ControlModels.Form<unknown>;
-    actions: RxFormActions;
-}
+export type HookedRxForm = [ControlModels.Form<unknown>, RxFormActions];
 export declare const FormContext: React.Context<HookedRxForm>;
-export interface FormChildrenProps {
-    state: ControlModels.Form<unknown>;
-    actions: RxFormActions;
-}
 interface FormProps {
     rxForm: HookedRxForm;
     children?: React.ReactNode;

package/dist/Hooks/useForm.d.ts

@@ -1,7 +1,3 @@
 import { AbstractControlConfig } from '@reactables/forms';
-export declare const useForm: (config: AbstractControlConfig) => {
-    state: import("@reactables/forms/dist/Models/Controls").Form<unknown>;
-    actions: {
-        [x: string]: (payload?: any) => void;
-    } & import("@reactables/forms").RxFormActions;
-};
+import { HookedRxForm } from '../Components/Form';
+export declare const useForm: (config: AbstractControlConfig) => HookedRxForm;

package/dist/index.js

@@ -13,7 +13,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var FormContext = React__default["default"].createContext(null);
 var Form = function (_a) {
     var rxForm = _a.rxForm, children = _a.children;
-    return React__default["default"].createElement(FormContext.Provider, { value: rxForm }, rxForm.state && children);
+    var state = rxForm[0];
+    return React__default["default"].createElement(FormContext.Provider, { value: rxForm }, state && children);
 };
 
 /******************************************************************************
@@ -61,7 +62,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
 
 var Field = function (_a) {
     var Component = _a.component, _b = _a.name, name = _b === void 0 ? 'root' : _b, props = __rest(_a, ["component", "name"]);
-    var _c = React.useContext(FormContext), state = _c.state, _d = _c.actions, markControlAsTouched = _d.markControlAsTouched, updateValues = _d.updateValues;
+    var _c = React.useContext(FormContext), state = _c[0], _d = _c[1], markControlAsTouched = _d.markControlAsTouched, updateValues = _d.updateValues;
     var _e = state[name], controlRef = _e.controlRef, touched = _e.touched, value = _e.value;
     var inputProps = {
         name: name,
@@ -97,7 +98,7 @@ var Field = function (_a) {
 
 var FormArray = function (_a) {
     var _b = _a.name, name = _b === void 0 ? 'root' : _b, children = _a.children;
-    var _c = React.useContext(FormContext), state = _c.state, _d = _c.actions, pushControl = _d.pushControl, removeControl = _d.removeControl;
+    var _c = React.useContext(FormContext), state = _c[0], _d = _c[1], pushControl = _d.pushControl, removeControl = _d.removeControl;
     var controlRef = state[name].controlRef;
     var items = forms.getArrayItems(controlRef, state);
     var formArrayChildrenProps = {

package/package.json

@@ -17,7 +17,7 @@
   "license": "ISC",
   "dependencies": {
     "@reactables/core": "*",
-    "@reactables/forms": "^0.6.0-alpha.0",
+    "@reactables/forms": "^0.7.0-alpha.0",
     "@reactables/react-helpers": "*"
   },
   "peerDependencies": {
@@ -25,5 +25,5 @@
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "rxjs": "^6.0.0 || ^7.0.0"
   },
-  "version": "0.6.0-alpha.0"
+  "version": "0.7.0-alpha.0"
 }