@reactables/react-forms 0.7.0-alpha.1 → 0.7.0-alpha.11

package/dist/Components/Field.d.ts

@@ -20,7 +20,7 @@ export interface WrappedFieldProps {
     meta: ControlModels.FormControl<unknown>;
 }
 export interface FieldProps {
-    component: React.JSXElementConstructor<WrappedFieldProps>;
+    component: React.JSXElementConstructor<any>;
     name?: string;
     [key: string]: unknown;
 }

package/dist/Components/index.d.ts

@@ -1,3 +1,3 @@
 export { Form } from './Form';
-export { Field } from './Field';
-export { FormArray } from './FormArray';
+export { Field, WrappedFieldInputProps, WrappedFieldProps, FieldProps } from './Field';
+export { FormArray, FormArrayChildrenProps, FormArrayProps } from './FormArray';

package/dist/index.d.ts

@@ -1,3 +1,2 @@
 export * from './Components';
-export * from './Hooks';
 export * from '@reactables/forms';

package/dist/index.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var forms = require('@reactables/forms');
-var reactHelpers = require('@reactables/react-helpers');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -63,6 +62,9 @@ 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[0], _d = _c[1], markControlAsTouched = _d.markControlAsTouched, updateValues = _d.updateValues;
+    if (!state[name]) {
+        throw "Control '".concat(name, "' can not be found");
+    }
     var _e = state[name], controlRef = _e.controlRef, touched = _e.touched, value = _e.value;
     var inputProps = {
         name: name,
@@ -111,16 +113,9 @@ var FormArray = function (_a) {
     return React__default["default"].createElement("div", null, children && children(formArrayChildrenProps));
 };
 
-var useForm = function (config) {
-    var form = React.useMemo(function () { return forms.build(config); }, []);
-    var rxForm = reactHelpers.useReactable(form);
-    return rxForm;
-};
-
 exports.Field = Field;
 exports.Form = Form;
 exports.FormArray = FormArray;
-exports.useForm = useForm;
 Object.keys(forms).forEach(function (k) {
   if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
     enumerable: true,

package/package.json

@@ -17,7 +17,7 @@
   "license": "ISC",
   "dependencies": {
     "@reactables/core": "*",
-    "@reactables/forms": "^0.7.0-alpha.1",
+    "@reactables/forms": "^0.7.0-alpha.11",
     "@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.7.0-alpha.1"
+  "version": "0.7.0-alpha.11"
 }

package/dist/Hooks/index.d.ts

@@ -1 +0,0 @@
-export { useForm } from './useForm';

package/dist/Hooks/useForm.d.ts

@@ -1,3 +0,0 @@
-import { AbstractControlConfig } from '@reactables/forms';
-import { HookedRxForm } from '../Components/Form';
-export declare const useForm: (config: AbstractControlConfig) => HookedRxForm;