envoc-form 5.0.9 → 5.1.0

package/es/hooks/useFormValue.d.ts

@@ -0,0 +1,2 @@
+import { FormBuilderProp } from 'Form/Form';
+export default function useFormValue<TForm extends object, TPropKey extends keyof TForm>(formBuilder: FormBuilderProp<TForm>, fieldName: TPropKey): readonly [TForm[TPropKey], (value: TForm[TPropKey]) => Promise<void | import("formik").FormikErrors<TForm>>];

package/es/hooks/useFormValue.js

@@ -0,0 +1,7 @@
+import { useCallback } from 'react';
+import { useFormikContext } from 'formik';
+export default function useFormValue(formBuilder, fieldName) {
+    var _a = useFormikContext(), values = _a.values, setFieldValue = _a.setFieldValue;
+    var setValue = useCallback(function (value) { return setFieldValue(fieldName, value); }, [fieldName, setFieldValue]);
+    return [values[fieldName], setValue];
+}

package/lib/hooks/useFormValue.d.ts

@@ -0,0 +1,2 @@
+import { FormBuilderProp } from 'Form/Form';
+export default function useFormValue<TForm extends object, TPropKey extends keyof TForm>(formBuilder: FormBuilderProp<TForm>, fieldName: TPropKey): readonly [TForm[TPropKey], (value: TForm[TPropKey]) => Promise<void | import("formik").FormikErrors<TForm>>];

package/lib/hooks/useFormValue.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var formik_1 = require("formik");
+function useFormValue(formBuilder, fieldName) {
+    var _a = (0, formik_1.useFormikContext)(), values = _a.values, setFieldValue = _a.setFieldValue;
+    var setValue = (0, react_1.useCallback)(function (value) { return setFieldValue(fieldName, value); }, [fieldName, setFieldValue]);
+    return [values[fieldName], setValue];
+}
+exports.default = useFormValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "envoc-form",
-  "version": "5.0.9",
+  "version": "5.1.0",
   "description": "Envoc form components",
   "keywords": [
     "react-component",
@@ -37,7 +37,7 @@
   "dependencies": {
     "axios": "^0.21.1",
     "date-fns": "^2.22.1",
-    "envoc-request": "^5.0.9",
+    "envoc-request": "^5.1.0",
     "lru-cache": "^6.0.0",
     "prop-types": "^15.7.2",
     "react-date-picker": "^8.2.0",

package/src/hooks/useFormValue.ts

@@ -0,0 +1,15 @@
+import { useCallback } from 'react';
+import { FormBuilderProp } from 'Form/Form';
+import { useFormikContext } from 'formik';
+
+export default function useFormValue<
+  TForm extends object,
+  TPropKey extends keyof TForm
+>(formBuilder: FormBuilderProp<TForm>, fieldName: TPropKey) {
+  const { values, setFieldValue } = useFormikContext<TForm>();
+  const setValue = useCallback(
+    (value: TForm[TPropKey]) => setFieldValue(fieldName as string, value),
+    [fieldName, setFieldValue]
+  );
+  return [values[fieldName], setValue] as const;
+}