@reactables/react-forms 0.4.0-alpha.1 → 0.4.0-alpha.3

package/dist/Components/Form.d.ts

@@ -1,16 +1,17 @@
 import React from 'react';
-import { AbstractControlConfig, ControlModels, RxFormActions } from '@reactables/forms';
-export declare const FormContext: React.Context<{
+import { ControlModels, RxFormActions } from '@reactables/forms';
+interface HookedRxForm {
     state: ControlModels.Form<unknown>;
     actions: RxFormActions;
-}>;
+}
+export declare const FormContext: React.Context<HookedRxForm>;
 export interface FormChildrenProps {
     state: ControlModels.Form<unknown>;
     actions: RxFormActions;
 }
 interface FormProps {
-    formConfig: AbstractControlConfig;
-    children?: (props: FormChildrenProps) => React.ReactNode;
+    rxForm: HookedRxForm;
+    children?: React.ReactNode;
 }
-export declare const Form: ({ formConfig, children }: FormProps) => React.JSX.Element;
+export declare const Form: ({ rxForm, children }: FormProps) => React.JSX.Element;
 export {};

package/dist/Hooks/index.d.ts

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

package/dist/Hooks/useForm.d.ts

@@ -0,0 +1,5 @@
+import { AbstractControlConfig } from '@reactables/forms';
+export declare const useForm: (config: AbstractControlConfig) => {
+    state: import("@reactables/forms/dist/Models/Controls").Form<unknown>;
+    actions: import("@reactables/forms").RxFormActions;
+};

package/dist/index.d.ts

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

package/dist/index.js

@@ -12,16 +12,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var FormContext = React__default["default"].createContext(null);
 var Form = function (_a) {
-    var formConfig = _a.formConfig, children = _a.children;
-    var _b = reactHelpers.useReactable(forms.RxForm.build(formConfig)), state = _b.state, actions = _b.actions;
-    var formChildrenProps = {
-        state: state,
-        actions: actions
-    };
-    return (React__default["default"].createElement(FormContext.Provider, { value: {
-            state: state,
-            actions: actions
-        } }, state !== undefined && children && children(formChildrenProps)));
+    var rxForm = _a.rxForm, children = _a.children;
+    return React__default["default"].createElement(FormContext.Provider, { value: rxForm }, rxForm.state && children);
 };
 
 /******************************************************************************
@@ -103,9 +95,15 @@ var FormArray = function (_a) {
     return React__default["default"].createElement("div", null, children && children(formArrayChildrenProps));
 };
 
+var useForm = function (config) {
+    var rxForm = reactHelpers.useReactable(forms.RxForm.build(config));
+    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.4.0-alpha.1",
+    "@reactables/forms": "^0.4.0-alpha.3",
     "@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.4.0-alpha.1"
+  "version": "0.4.0-alpha.3"
 }