envoc-form 3.3.0 → 4.0.1-0

package/lib/ConfirmBaseForm/ConfirmBaseForm.js

@@ -1,57 +1,41 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = ConfirmBaseForm;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactstrap = require("reactstrap");
-
-var _envocRequest = require("envoc-request");
-
-var _excluded = ["handleCancel", "request", "yesColor", "style", "title"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function ConfirmBaseForm(_ref) {
-  var handleCancel = _ref.handleCancel,
-      request = _ref.request,
-      _ref$yesColor = _ref.yesColor,
-      yesColor = _ref$yesColor === void 0 ? 'danger' : _ref$yesColor,
-      style = _ref.style,
-      title = _ref.title,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var webRequest = (0, _envocRequest.useAxiosRequest)(Object.assign({}, request, {
-    autoExecute: false
-  }));
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
-    style: _objectSpread({
-      textAlign: 'center'
-    }, style)
-  }, props), /*#__PURE__*/_react["default"].createElement("h3", null, title), /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
-    color: yesColor,
-    onClick: webRequest.submitRequest,
-    disabled: webRequest.loading
-  }, "Yes"), /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
-    type: "button",
-    color: "link",
-    disabled: webRequest.loading,
-    onClick: handleCancel || goBack
-  }, "Cancel"));
-
-  function goBack() {
-    window.history.back();
-  }
-}
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var envoc_request_1 = require("envoc-request");
+// TODO: ask about how we should use 'children'
+function ConfirmBaseForm(_a) {
+    var handleCancel = _a.handleCancel, request = _a.request, style = _a.style, title = _a.title, children = _a.children, props = __rest(_a, ["handleCancel", "request", "style", "title", "children"]);
+    var webRequest = (0, envoc_request_1.useAxiosRequest)(Object.assign({}, request, { autoExecute: false }));
+    var onCancel = handleCancel !== null && handleCancel !== void 0 ? handleCancel : goBack;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: __assign({ textAlign: 'center' }, style) }, props, { children: [(0, jsx_runtime_1.jsx)("h3", { children: title }), children, (0, jsx_runtime_1.jsx)("button", __assign({ className: (0, classnames_1.default)('confirm-base-form-yes-button'), type: "button", onClick: webRequest.submitRequest }, { children: "Yes" })), (0, jsx_runtime_1.jsx)("button", __assign({ className: (0, classnames_1.default)('confirm-base-form-cancel-button'), type: "button", onClick: onCancel }, { children: "Cancel" }))] })));
+    function goBack() {
+        window.history.back();
+    }
+}
+exports.default = ConfirmBaseForm;

package/lib/ConfirmDeleteForm/ConfirmDeleteForm.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ConfirmBaseFormProps } from '../ConfirmBaseForm/ConfirmBaseForm';
+export interface ConfirmDeleteFormProps extends Pick<ConfirmBaseFormProps, 'style'> {
+    successUrl?: string;
+    form: string;
+    title?: string;
+    handleComplete?: Function;
+    handleError?: Function;
+    children?: React.ReactNode;
+}
+export default function ConfirmDeleteForm({ successUrl, form, title, handleComplete, handleError, children, ...props }: ConfirmDeleteFormProps): JSX.Element;

package/lib/ConfirmDeleteForm/ConfirmDeleteForm.js

@@ -1,56 +1,60 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = ConfirmDeleteForm;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactRouterDom = require("react-router-dom");
-
-var _ConfirmBaseForm = _interopRequireDefault(require("../ConfirmBaseForm"));
-
-var _reactToastify = require("react-toastify");
-
-var _excluded = ["successUrl", "form", "children"];
-
-function ConfirmDeleteForm(_ref) {
-  var successUrl = _ref.successUrl,
-      form = _ref.form,
-      children = _ref.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var navigate = (0, _reactRouterDom.useNavigate)();
-
-  var _useParams = (0, _reactRouterDom.useParams)(),
-      entityId = _useParams.entityId;
-
-  var request = {
-    method: 'delete',
-    url: "/api/".concat(form, "/").concat(entityId),
-    onComplete: function onComplete() {
-      _reactToastify.toast.success('Deleted!');
-
-      goBack();
-    }
-  };
-  return /*#__PURE__*/_react["default"].createElement(_ConfirmBaseForm["default"], (0, _extends2["default"])({
-    request: request,
-    handleCancel: goBack,
-    title: "Are you sure you want to delete this?"
-  }, props), children);
-
-  function goBack() {
-    if (successUrl) {
-      navigate(successUrl);
-    } else {
-      navigate(-1);
-    }
-  }
-}
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_router_dom_1 = require("react-router-dom");
+var react_toastify_1 = require("react-toastify");
+var ConfirmBaseForm_1 = __importDefault(require("../ConfirmBaseForm/ConfirmBaseForm"));
+function ConfirmDeleteForm(_a) {
+    var successUrl = _a.successUrl, form = _a.form, title = _a.title, handleComplete = _a.handleComplete, handleError = _a.handleError, children = _a.children, props = __rest(_a, ["successUrl", "form", "title", "handleComplete", "handleError", "children"]);
+    var navigate = (0, react_router_dom_1.useNavigate)();
+    var entityId = (0, react_router_dom_1.useParams)().entityId;
+    var onComplete = handleComplete !== null && handleComplete !== void 0 ? handleComplete : function () {
+        react_toastify_1.toast.success('Deleted!');
+        goBack();
+    };
+    var onError = handleError !== null && handleError !== void 0 ? handleError : function (error) {
+        var _a, _b, _c, _d;
+        react_toastify_1.toast.error((_d = (_c = (_b = (_a = error.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.validationFailures[0]) === null || _c === void 0 ? void 0 : _c.errorMessage) !== null && _d !== void 0 ? _d : 'Something went wrong talking to the portal. Contact support if this continues.');
+    };
+    var request = {
+        method: 'delete',
+        url: "/api/".concat(form, "/").concat(entityId),
+        onComplete: onComplete,
+        onError: onError,
+    };
+    return ((0, jsx_runtime_1.jsx)(ConfirmBaseForm_1.default, __assign({ request: request, handleCancel: goBack, title: title !== null && title !== void 0 ? title : 'Are you sure you want to delete this?' }, props, { children: children })));
+    function goBack() {
+        if (successUrl) {
+            navigate(successUrl);
+        }
+        else {
+            navigate(-1);
+        }
+    }
+}
+exports.default = ConfirmDeleteForm;

package/lib/DatePickerInput/DatePickerInput.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { DatePickerProps } from 'react-date-picker';
+import { InjectedFieldProps } from '../Field/InjectedFieldProps';
+import { GroupProps } from '../Group';
+export interface DateOnly {
+    year?: number;
+    month?: number;
+    day?: number;
+}
+declare type InjectedDate = InjectedFieldProps<DateOnly | undefined>;
+export interface DatePickerInputProps extends InjectedDate, Omit<DatePickerProps, keyof InjectedDate | 'name' | 'value' | 'className'>, Omit<GroupProps, keyof InjectedDate | 'children'> {
+}
+export default function DatePickerInput({ input, meta, label, helpText, className, disabled, ...rest }: DatePickerInputProps): JSX.Element;
+export {};

package/lib/DatePickerInput/DatePickerInput.js

@@ -1,113 +1,69 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _entry = _interopRequireDefault(require("react-date-picker/dist/entry.nostyle"));
-
-var _parseISO = _interopRequireDefault(require("date-fns/parseISO"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _excluded = ["value", "className", "maxDate"];
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-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; } }
-
-var dateOnlyRegex = /^\d{4}-\d{2}-\d{2}$/;
-var defaultMaxDate = new Date('9999-12-31');
-
-var DatePickerInput = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(DatePickerInput, _React$Component);
-
-  var _super = _createSuper(DatePickerInput);
-
-  function DatePickerInput() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, DatePickerInput);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleBlur", function () {
-      var onBlur = _this.props.onBlur;
-      onBlur();
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (e) {
-      var onChange = _this.props.onChange;
-
-      if (e == null) {
-        onChange(null);
-      } else {
-        // ensure ONLY the date is persisted - so UTC offset info / time is not persisted or sent
-        onChange(e.toISOString().split('T')[0]);
-      }
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(DatePickerInput, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          value = _this$props.value,
-          className = _this$props.className,
-          _this$props$maxDate = _this$props.maxDate,
-          maxDate = _this$props$maxDate === void 0 ? defaultMaxDate : _this$props$maxDate,
-          rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
-
-      if (value && !dateOnlyRegex.test(value)) {
-        var errorMessage = "Invalid date only value of ".concat(value, " passed to DatePicker input. This input is only configured to handle dates in the format yyyy-mm-dd. Ensure that the server is configured to return date only values.");
-
-        if (process.env.NODE_ENV !== 'production') {
-          //We should throw if 'value' is not 'yyyy-mm-dd' in dev
-          throw new Error(errorMessage);
-        } else {
-          console.error(errorMessage);
-        }
-      }
-
-      var parsedValue = value ? (0, _parseISO["default"])(value) : null;
-      return /*#__PURE__*/_react["default"].createElement(_entry["default"], (0, _extends2["default"])({
-        className: (0, _classnames["default"])('form-control', className),
-        onCalendarOpen: this.onCalendarOpen
-      }, rest, {
-        value: parsedValue,
-        onChange: this.handleChange,
-        onBlur: this.handleBlur,
-        maxDate: maxDate
-      }));
-    }
-  }]);
-  return DatePickerInput;
-}(_react["default"].Component);
-
-exports["default"] = DatePickerInput;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var react_date_picker_1 = __importDefault(require("react-date-picker"));
+var classnames_1 = __importDefault(require("classnames"));
+var parseISO_1 = __importDefault(require("date-fns/parseISO"));
+var Group_1 = __importDefault(require("../Group"));
+function DatePickerInput(_a) {
+    var input = _a.input, meta = _a.meta, label = _a.label, helpText = _a.helpText, className = _a.className, disabled = _a.disabled, rest = __rest(_a, ["input", "meta", "label", "helpText", "className", "disabled"]);
+    var _b = (0, react_1.useState)(null), displayDate = _b[0], setDisplayDate = _b[1];
+    function handleChange(e) {
+        var onChange = input.onChange;
+        if (onChange == null) {
+            return;
+        }
+        if (!e) {
+            onChange(undefined);
+            setDisplayDate(null);
+            return;
+        }
+        if (e instanceof Date) {
+            var parsedValue = (0, parseISO_1.default)(e.toISOString().split('T')[0]);
+            setDisplayDate(parsedValue);
+            onChange({
+                year: e.getFullYear(),
+                month: e.getMonth() + 1,
+                day: e.getDate(),
+            });
+        }
+        else {
+            // e is instanceof Date[]
+            var parsedValue = (0, parseISO_1.default)(e[0].toISOString().split('T')[0]);
+            setDisplayDate(parsedValue);
+            onChange({
+                year: e[0].getFullYear(),
+                month: e[0].getMonth() + 1,
+                day: e[0].getDate(),
+            });
+        }
+    }
+    return ((0, jsx_runtime_1.jsx)(Group_1.default, __assign({ input: input, meta: meta, label: label, helpText: helpText, className: (0, classnames_1.default)(className, 'date-picker'), disabled: disabled }, { children: (0, jsx_runtime_1.jsx)(react_date_picker_1.default, __assign({}, rest, { className: (0, classnames_1.default)('date-picker', className), value: displayDate, onChange: handleChange })) })));
+}
+exports.default = DatePickerInput;

package/lib/Field/CustomFieldInputProps.d.ts

@@ -0,0 +1,7 @@
+export interface CustomFieldInputProps<TValue> {
+    id: string;
+    name: string;
+    value: TValue;
+    onChange: (newValue: TValue) => void;
+    onBlur: () => void;
+}

package/lib/Field/CustomFieldInputProps.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/Field/CustomFieldMetaProps.d.ts

@@ -0,0 +1,4 @@
+import { FieldMetaProps } from 'formik';
+export interface CustomFieldMetaProps<TValue> extends FieldMetaProps<TValue> {
+    warning: string | undefined;
+}

package/lib/Field/CustomFieldMetaProps.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/Field/Field.d.ts

@@ -0,0 +1,22 @@
+import { ComponentProps, ElementType, LegacyRef } from 'react';
+import { InjectedFieldProps } from './InjectedFieldProps';
+import { NormalizationFunction } from '../Normalization/NormalizationFunction';
+import { ValidationFunction } from '../Validation/ValidationFunction';
+declare type RenderComponent<TValue, TRenderComponent extends ElementType> = Partial<ComponentProps<TRenderComponent>> extends Partial<InjectedFieldProps<TValue>> ? TRenderComponent : never;
+declare type RenderComponentProps<TValue, TRenderComponent extends ElementType> = Partial<ComponentProps<TRenderComponent>> extends Partial<InjectedFieldProps<TValue>> ? ComponentProps<TRenderComponent> : never;
+/** A specific Field instance to be rendered by the given TRenderComponent or by whatever default is reasonable */
+export declare type FieldProps<TForm extends object, TProp extends keyof TForm, TRenderComponent extends ElementType> = {
+    name: TProp;
+    Component: RenderComponent<TForm[TProp], TRenderComponent>;
+    id?: string;
+    disabled?: boolean;
+    validate?: ValidationFunction<TForm[TProp]> | ValidationFunction<TForm[TProp]>[];
+    normalize?: NormalizationFunction<TForm[TProp]>;
+} & Omit<RenderComponentProps<TForm[TProp], TRenderComponent>, keyof InjectedFieldProps<TForm[TProp]>>;
+/**
+ * Renders whatever Component is passed - injecting the formik values needed to finish wiring up that individual field.
+ * Should no Component be used then the default will be provided by the default lookup based on typeof(TForm[TProp])
+ */
+declare function Field<TForm extends object, TProp extends keyof TForm, TRenderComponent extends ElementType>({ name, Component, id, normalize, validate, disabled, ...rest }: FieldProps<TForm, TProp, TRenderComponent>, ref: LegacyRef<any>): JSX.Element;
+declare const _default: typeof Field;
+export default _default;

package/lib/Field/Field.js

@@ -0,0 +1,51 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var FieldNameContext_1 = require("./FieldNameContext");
+var useStandardField_1 = __importDefault(require("./useStandardField"));
+/**
+ * Renders whatever Component is passed - injecting the formik values needed to finish wiring up that individual field.
+ * Should no Component be used then the default will be provided by the default lookup based on typeof(TForm[TProp])
+ */
+function Field(_a, ref) {
+    var name = _a.name, Component = _a.Component, id = _a.id, normalize = _a.normalize, validate = _a.validate, disabled = _a.disabled, rest = __rest(_a, ["name", "Component", "id", "normalize", "validate", "disabled"]);
+    var _b = (0, useStandardField_1.default)({
+        name: String(name),
+        id: id,
+        normalize: normalize,
+        validate: validate,
+        disabled: disabled,
+    }), input = _b[0], meta = _b[1];
+    // a bit of a hack so JSX is happy with us
+    var Wrapped = Component;
+    return ((0, jsx_runtime_1.jsx)(FieldNameContext_1.FieldNameContext.Provider, __assign({ value: input.name }, { children: (0, jsx_runtime_1.jsx)(Wrapped, __assign({}, rest, { ref: ref, id: id, input: input, meta: meta })) })));
+}
+// hack to get forwarded refs to work
+var FieldWithRef = react_1.default.forwardRef(Field);
+exports.default = FieldWithRef;

package/lib/Field/FieldErrorScrollTarget.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function FieldErrorScrollTarget(): JSX.Element | null;

package/lib/Field/FieldErrorScrollTarget.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var FieldNameContext_1 = require("./FieldNameContext");
+function FieldErrorScrollTarget() {
+    var name = (0, react_1.useContext)(FieldNameContext_1.FieldNameContext);
+    if (!name) {
+        return null;
+    }
+    var divId = "".concat(name.toLowerCase(), "-error-scroll-target");
+    return (0, jsx_runtime_1.jsx)("div", { id: divId, style: { display: 'none' } });
+}
+exports.default = FieldErrorScrollTarget;

package/lib/Field/FieldNameContext.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+/** provides the full, qualified name of the current field name - including nested fields, path/dot delimited */
+export declare const FieldNameContext: React.Context<string | undefined>;

package/lib/Field/FieldNameContext.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldNameContext = void 0;
+var react_1 = __importDefault(require("react"));
+/** provides the full, qualified name of the current field name - including nested fields, path/dot delimited */
+exports.FieldNameContext = react_1.default.createContext(undefined);

package/lib/Field/FieldSection.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface FieldSectionProps {
+    children: React.ReactNode;
+    name: string;
+}
+export default function FieldSection({ children, name }: FieldSectionProps): JSX.Element;
+export {};

package/lib/Field/FieldSection.js

@@ -0,0 +1,23 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var FieldNameContext_1 = require("./FieldNameContext");
+function FieldSection(_a) {
+    var children = _a.children, name = _a.name;
+    var parentContext = (0, react_1.useContext)(FieldNameContext_1.FieldNameContext);
+    var effectiveValue = parentContext ? "".concat(parentContext, ".").concat(name) : name;
+    return ((0, jsx_runtime_1.jsx)(FieldNameContext_1.FieldNameContext.Provider, __assign({ value: effectiveValue }, { children: children })));
+}
+exports.default = FieldSection;

package/lib/Field/InjectedFieldProps.d.ts

@@ -0,0 +1,7 @@
+import { CustomFieldInputProps } from './CustomFieldInputProps';
+import { CustomFieldMetaProps } from './CustomFieldMetaProps';
+/** Defines what is injected by a Field wrapper of some TRenderComponent */
+export interface InjectedFieldProps<TValue> {
+    input: CustomFieldInputProps<TValue>;
+    meta: CustomFieldMetaProps<TValue>;
+}

package/lib/Field/InjectedFieldProps.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/Field/useStandardField.d.ts

@@ -0,0 +1,15 @@
+import { CustomFieldInputProps } from './CustomFieldInputProps';
+import { CustomFieldMetaProps } from './CustomFieldMetaProps';
+import { NormalizationFunction } from '../Normalization/NormalizationFunction';
+import { ValidationFunction } from '../Validation/ValidationFunction';
+export interface useStandardFieldProps<TValue> {
+    id?: string;
+    name: string;
+    disabled?: boolean;
+    validate?: ValidationFunction<TValue> | ValidationFunction<TValue>[];
+    normalize?: NormalizationFunction<TValue>;
+}
+export default function useStandardField<TValue>({ id: providedId, name: providedName, disabled, validate, normalize, }: useStandardFieldProps<TValue>): [
+    CustomFieldInputProps<TValue>,
+    CustomFieldMetaProps<TValue>
+];