@toptal/picasso-forms 39.1.0 → 39.2.0

package/FieldWrapper/FieldWrapper.js

@@ -9,139 +9,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useCallback, useEffect } from 'react';
-import { useField } from 'react-final-form';
-import { Form as PicassoForm } from '@toptal/picasso';
-import { useFormContext } from '../Form/FormContext';
-import { useFormConfig } from '../FormConfig';
-import { validators } from '../utils';
-const { composeValidators, required: requiredValidator } = validators;
-const getInputError = (meta, formConfig) => {
-    if (formConfig.validateOnSubmit && meta.modifiedSinceLastSubmit) {
-        return null;
-    }
-    if (!meta.error && !meta.submitError) {
-        return null;
-    }
-    if (!meta.touched) {
-        return null;
-    }
-    if (meta.error) {
-        return meta.error;
-    }
-    if (meta.dirtySinceLastSubmit) {
-        return null;
-    }
-    return meta.submitError;
-};
-const getValidators = (required, validate) => {
-    if (required && validate) {
-        return composeValidators([requiredValidator, validate]);
-    }
-    if (required && !validate) {
-        return requiredValidator;
-    }
-    return validate;
-};
-const getProps = ({ hideFieldLabel, error, label }) => {
-    if (hideFieldLabel) {
-        return {
-            label
-        };
-    }
-    return {
-        error: Boolean(error)
-    };
-};
-const getRequiredDecoration = (hideLabelRequiredDecoration, required, requiredVariant) => {
-    if (hideLabelRequiredDecoration) {
-        return;
-    }
-    const showAsterisk = required && requiredVariant === 'asterisk';
-    if (showAsterisk) {
-        return 'asterisk';
-    }
-    const showOptional = !required && (!requiredVariant || requiredVariant === 'default');
-    if (showOptional) {
-        return 'optional';
-    }
-};
+import React from 'react';
+import Field from '../Field';
+import FieldLabel from '../FieldLabel';
 const FieldWrapper = (props) => {
-    const { type, hideFieldLabel, hideLabelRequiredDecoration, hint, label, required, enableReset, onResetClick, 'data-testid': dataTestId, renderFieldRequirements, 
-    // FieldProps - https://final-form.org/docs/react-final-form/types/FieldProps
-    afterSubmit, allowNull, beforeSubmit, children, data, defaultValue, format, formatOnBlur, initialValue, isEqual, name, id = name, parse, subscription, validate, validateFields, value, titleCase } = props, 
-    //
-    rest = __rest(props, ["type", "hideFieldLabel", "hideLabelRequiredDecoration", "hint", "label", "required", "enableReset", "onResetClick", 'data-testid', "renderFieldRequirements", "afterSubmit", "allowNull", "beforeSubmit", "children", "data", "defaultValue", "format", "formatOnBlur", "initialValue", "isEqual", "name", "id", "parse", "subscription", "validate", "validateFields", "value", "titleCase"]);
-    const formConfig = useFormConfig();
-    const { setValidators, clearValidators } = useFormContext();
-    const validators = getValidators(required, validate);
-    if (formConfig.validateOnSubmit) {
-        setValidators(name, validators);
-    }
-    useEffect(() => {
-        return () => {
-            if (formConfig.validateOnSubmit) {
-                clearValidators(name);
-            }
-        };
-    }, [clearValidators, formConfig.validateOnSubmit, name]);
-    const { meta, input } = useField(name, {
-        validate: formConfig.validateOnSubmit ? undefined : validators,
-        type,
-        afterSubmit,
-        allowNull,
-        beforeSubmit,
-        data,
-        defaultValue,
-        format,
-        formatOnBlur,
-        initialValue,
-        isEqual,
-        parse,
-        subscription,
-        validateFields,
-        value
-    });
-    const defaultResetClickHandler = useCallback(() => {
-        input.onChange('');
-    }, [input]);
-    const resetClickHandler = useCallback(() => {
-        onResetClick((resetValue) => {
-            input.onChange(resetValue);
-        });
-    }, [input, onResetClick]);
-    const error = getInputError(meta, formConfig);
-    const childProps = Object.assign(Object.assign(Object.assign(Object.assign({ id }, rest), input), getProps({ hideFieldLabel, error, label })), { 
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        onChange: (event) => {
-            input.onChange(event);
-            if (rest.onChange) {
-                rest.onChange(event);
-            }
-        }, onBlur: (event) => {
-            input.onBlur(event);
-            if (rest.onBlur) {
-                rest.onBlur(event);
-            }
-        }, onFocus: (event) => {
-            input.onFocus(event);
-            if (rest.onFocus) {
-                rest.onFocus(event);
-            }
-        } });
-    if (enableReset) {
-        childProps.onResetClick = onResetClick
-            ? resetClickHandler
-            : defaultResetClickHandler;
-        childProps.enableReset = enableReset;
-    }
-    const requiredDecoration = getRequiredDecoration(hideLabelRequiredDecoration, required, formConfig.requiredVariant);
-    return (React.createElement(PicassoForm.Field, { error: error, hint: hint, "data-testid": dataTestId, fieldRequirements: renderFieldRequirements === null || renderFieldRequirements === void 0 ? void 0 : renderFieldRequirements({
-            value: input.value,
-            error: error
-        }) },
-        !hideFieldLabel && label && (React.createElement(PicassoForm.Label, { requiredDecoration: requiredDecoration, htmlFor: id, titleCase: titleCase }, label)),
-        children(childProps)));
+    const { label, name, titleCase, children } = props, rest = __rest(props, ["label", "name", "titleCase", "children"]);
+    return (React.createElement(Field, Object.assign({}, rest, { name: name, label: label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, titleCase: titleCase })) : null }), children));
 };
 FieldWrapper.defaultProps = {};
 FieldWrapper.displayName = 'FieldWrapper';

package/FieldWrapper/FieldWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldWrapper.js","sourceRoot":"","sources":["../../src/FieldWrapper/FieldWrapper.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FieldWrapper.js","sourceRoot":"","sources":["../../src/FieldWrapper/FieldWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAIN,MAAM,UAAU,CAAA;AACjB,OAAO,UAAU,MAAM,eAAe,CAAA;AAOtC,MAAM,YAAY,GAAG,CAInB,KAAiD,EACjD,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArD,0CAA6C,CAAQ,CAAA;IAE3D,OAAO,CACL,oBAAC,KAAK,oBACA,IAAI,IACR,IAAI,EAAE,IAAI,EACV,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,QAAQ,CACH,CACT,CAAA;AACH,CAAC,CAAA;AAED,YAAY,CAAC,YAAY,GAAG,EAAE,CAAA;AAE9B,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,eAAe,YAAY,CAAA"}

package/FieldWrapper/index.d.ts

@@ -1,2 +1,3 @@
 export { default } from './FieldWrapper';
 export * from './FieldWrapper';
+export { FieldProps } from '../Field';

package/FileInput/FileInput.d.ts

@@ -1,5 +1,5 @@
 import { FileInputProps } from '@toptal/picasso';
-import { FieldProps } from '../FieldWrapper';
+import { FieldProps } from '../Field';
 export declare type Props = FileInputProps & FieldProps<FileInputProps['value']>;
 export declare const FileInput: {
     (props: Props): JSX.Element;

package/FileInput/FileInput.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { FileInput as PicassoFileInput } from '@toptal/picasso';
-import FieldWrapper from '../FieldWrapper';
+import PicassoField from '../Field';
+import FieldLabel from '../FieldLabel';
 export const FileInput = (props) => {
     const handleChange = (event, value = [], finalFormOnChange) => {
         if (!event.target || !event.target.files || !event.target.files.length) {
@@ -18,7 +19,7 @@ export const FileInput = (props) => {
         const updatedFiles = value.filter((_, index) => index !== fileIndex);
         finalFormOnChange(updatedFiles);
     };
-    return (React.createElement(FieldWrapper, Object.assign({}, props), inputProps => (React.createElement(PicassoFileInput, Object.assign({}, inputProps, { onChange: (event) => {
+    return (React.createElement(PicassoField, Object.assign({}, props, { label: props.label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: props.label, titleCase: props.titleCase })) : null }), inputProps => (React.createElement(PicassoFileInput, Object.assign({}, inputProps, { onChange: (event) => {
             handleChange(event, inputProps.value, inputProps.onChange);
         }, onRemove: (fileName, index) => {
             handleRemove(index, inputProps.value, inputProps.onChange);

package/FileInput/FileInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../src/FileInput/FileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAkB,MAAM,iBAAiB,CAAA;AAI/E,OAAO,YAA4B,MAAM,iBAAiB,CAAA;AAQ1D,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAY,EAAE,EAAE;IACxC,MAAM,YAAY,GAAG,CACnB,KAA0C,EAC1C,QAAkC,EAAE,EACpC,iBAAwC,EACxC,EAAE;QACF,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE;YACtE,OAAO,IAAI,CAAA;SACZ;QAED,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAC3D,IAAI;YACJ,SAAS,EAAE,KAAK;SACjB,CAAC,CAAC,CAAA;QAEH,iBAAiB,CAAC,CAAC,GAAG,KAAK,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAA;QAE1C,cAAc;QACd,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CACnB,SAAiB,EACjB,QAAkC,EAAE,EACpC,iBAAwC,EACxC,EAAE;QACF,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC,CAAA;QAEpE,iBAAiB,CAAC,YAAY,CAAC,CAAA;IACjC,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,YAAY,oBAA+C,KAAK,GAC9D,UAAU,CAAC,EAAE,CAAC,CACb,oBAAC,gBAAgB,oBACX,UAAU,IACd,QAAQ,EAAE,CAAC,KAA0C,EAAE,EAAE;YACvD,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;QAC5D,CAAC,EACD,QAAQ,EAAE,CAAC,QAAgB,EAAE,KAAa,EAAE,EAAE;YAC5C,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;QAC5D,CAAC,IACD,CACH,CACY,CAChB,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,YAAY,GAAG,EAAE,CAAA;AAE3B,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}
+{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../src/FileInput/FileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAkB,MAAM,iBAAiB,CAAA;AAI/E,OAAO,YAA4B,MAAM,UAAU,CAAA;AACnD,OAAO,UAAU,MAAM,eAAe,CAAA;AAQtC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAY,EAAE,EAAE;IACxC,MAAM,YAAY,GAAG,CACnB,KAA0C,EAC1C,QAAkC,EAAE,EACpC,iBAAwC,EACxC,EAAE;QACF,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE;YACtE,OAAO,IAAI,CAAA;SACZ;QAED,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAC3D,IAAI;YACJ,SAAS,EAAE,KAAK;SACjB,CAAC,CAAC,CAAA;QAEH,iBAAiB,CAAC,CAAC,GAAG,KAAK,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAA;QAE1C,cAAc;QACd,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CACnB,SAAiB,EACjB,QAAkC,EAAE,EACpC,iBAAwC,EACxC,EAAE;QACF,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC,CAAA;QAEpE,iBAAiB,CAAC,YAAY,CAAC,CAAA;IACjC,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,YAAY,oBACP,KAAK,IACT,KAAK,EACH,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,GAC1B,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,UAAU,CAAC,EAAE,CAAC,CACb,oBAAC,gBAAgB,oBACX,UAAU,IACd,QAAQ,EAAE,CAAC,KAA0C,EAAE,EAAE;YACvD,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;QAC5D,CAAC,EACD,QAAQ,EAAE,CAAC,QAAgB,EAAE,KAAa,EAAE,EAAE;YAC5C,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;QAC5D,CAAC,IACD,CACH,CACY,CAChB,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,YAAY,GAAG,EAAE,CAAA;AAE3B,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}

package/Form/Form.d.ts

@@ -17,9 +17,9 @@ export declare const Form: {
         (props: import("../Autocomplete/Autocomplete").Props): JSX.Element;
         displayName: string;
     };
-    Input: React.ForwardRefExoticComponent<Pick<import("../Input/Input").Props, string | number> & React.RefAttributes<HTMLInputElement>>;
+    Input: React.ForwardRefExoticComponent<Pick<import("../Input").Props, string | number> & React.RefAttributes<HTMLInputElement>>;
     Select: {
-        <T_1 extends import("@toptal/picasso").SelectValueType, M extends boolean = false>({ name, id, ...rest }: import("../Select/Select").Props<T_1, M>): JSX.Element;
+        <T_1 extends import("@toptal/picasso").SelectValueType, M extends boolean = false>(props: import("../Select/Select").Props<T_1, M>): JSX.Element;
         defaultProps: {};
         displayName: string;
     };
@@ -34,7 +34,7 @@ export declare const Form: {
         displayName: string;
     };
     Checkbox: {
-        ({ name, value, required, defaultValue, ...restProps }: import("../Checkbox/Checkbox").Props): JSX.Element;
+        ({ name, value, required, label, defaultValue, ...restProps }: import("../Checkbox/Checkbox").Props): JSX.Element;
         displayName: string;
     };
     ButtonCheckbox: {
@@ -86,7 +86,7 @@ export declare const Form: {
     };
     Rating: {
         readonly Stars: (props: import("../Rating/Rating").RatingStarsProps) => JSX.Element;
-        readonly Thumbs: ({ required, validate, requirePositive, ...props }: import("../Rating/Rating").RatingThumbsProps) => JSX.Element;
+        readonly Thumbs: (props: import("../Rating/Rating").RatingThumbsProps) => JSX.Element;
     };
     Dropzone: {
         ({ dropzoneHint, ...props }: import("../Dropzone/Dropzone").Props): JSX.Element;

package/Form/FormContext.d.ts

@@ -1,9 +1,9 @@
 import { MutableRefObject } from 'react';
 import { FieldValidator } from 'final-form';
-export declare type Validators = Record<string, FieldValidator<unknown>>;
+export declare type Validators = Record<string, FieldValidator<any>>;
 export declare type FormContextProps = {
     getValidators: () => Validators;
-    setValidators: (fieldName: string, validator: FieldValidator<unknown>) => void;
+    setValidators: (fieldName: string, validator: FieldValidator<any>) => void;
     clearValidators: (fieldName: string) => void;
 };
 export declare const createFormContext: () => FormContextProps;

package/Form/FormContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormContext.js","sourceRoot":"","sources":["../../src/Form/FormContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAoB,MAAM,OAAO,CAAA;AAWnE,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAqB,EAAE;IACtD,MAAM,UAAU,GAAe,EAAE,CAAA;IAEjC,OAAO;QACL,aAAa,EAAE,GAAG,EAAE,CAAC,UAAU;QAC/B,aAAa,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE;YACtC,UAAU,CAAC,SAAS,CAAC,GAAG,SAAS,CAAA;QACnC,CAAC;QACD,eAAe,EAAE,SAAS,CAAC,EAAE;YAC3B,OAAO,UAAU,CAAC,SAAS,CAAC,CAAA;QAC9B,CAAC;KACF,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAE9B,IAAI,CAAC,CAAA;AAEf,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAEvC,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAA;KACxE;IAED,OAAO,OAAO,CAAC,OAAO,CAAA;AACxB,CAAC,CAAA"}
+{"version":3,"file":"FormContext.js","sourceRoot":"","sources":["../../src/Form/FormContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAoB,MAAM,OAAO,CAAA;AAWnE,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAqB,EAAE;IACtD,MAAM,UAAU,GAAe,EAAE,CAAA;IAEjC,OAAO;QACL,aAAa,EAAE,GAAG,EAAE,CAAC,UAAU;QAC/B,aAAa,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE;YACtC,UAAU,CAAC,SAAS,CAAC,GAAG,SAAS,CAAA;QACnC,CAAC;QACD,eAAe,EAAE,SAAS,CAAC,EAAE;YAC3B,OAAO,UAAU,CAAC,SAAS,CAAC,CAAA;QAC9B,CAAC;KACF,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GACtB,aAAa,CAA4C,IAAI,CAAC,CAAA;AAEhE,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAEvC,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAA;KACxE;IAED,OAAO,OAAO,CAAC,OAAO,CAAA;AACxB,CAAC,CAAA"}

package/Form/index.d.ts

@@ -1 +1,2 @@
 export { default } from './Form';
+export * from './Form';

package/Form/index.js

@@ -1,2 +1,3 @@
 export { default } from './Form';
+export * from './Form';
 //# sourceMappingURL=index.js.map

package/Form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAChC,cAAc,QAAQ,CAAA"}

package/FormConfig/FormConfig.d.ts

@@ -2,6 +2,7 @@ export declare type RequiredVariant = 'default' | 'asterisk';
 export interface FormConfigProps {
     validateOnSubmit?: boolean;
     requiredVariant?: RequiredVariant;
+    showValidState?: boolean;
 }
 export declare const FormConfigContext: import("react").Context<FormConfigProps>;
 export declare const useFormConfig: () => FormConfigProps;

package/FormConfig/FormConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormConfig.js","sourceRoot":"","sources":["../../src/FormConfig/FormConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASjD,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAkB,EAAE,CAAC,CAAA;AAEnE,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA"}
+{"version":3,"file":"FormConfig.js","sourceRoot":"","sources":["../../src/FormConfig/FormConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUjD,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAkB,EAAE,CAAC,CAAA;AAEnE,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA"}

package/Input/Input.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { InputProps } from '@toptal/picasso';
-import { FieldProps } from '../FieldWrapper';
+import { FieldProps } from '../Field';
 export declare type FormInputProps = Omit<InputProps, 'onResetClick'> & {
     /** Callback invoked when reset button was clicked */
     onResetClick?: (set: (value: string) => void) => void;

package/Input/Input.js

@@ -1,6 +1,18 @@
+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;
+};
 import React, { useEffect } from 'react';
 import { Input as PicassoInput } from '@toptal/picasso';
-import FieldWrapper from '../FieldWrapper';
+import FieldLabel from '../FieldLabel';
+import InputField from '../InputField';
 const warnAutocompleteDisabledInput = (name) => {
     const autocompleteDisabled = name && /^(((field|input)(_|-)?\d+)|tan|otp|title|captcha)$/.test(name);
     if (autocompleteDisabled) {
@@ -17,7 +29,8 @@ export const Input = React.forwardRef((props, ref) => {
         // according to https://bugs.chromium.org/p/chromium/issues/detail?id=1255609
         warnAutocompleteDisabledInput(props.name);
     }, [props.name]);
-    return (React.createElement(FieldWrapper, Object.assign({}, props), (inputProps) => React.createElement(PicassoInput, Object.assign({}, inputProps, { ref: ref }))));
+    const { label, titleCase } = props, rest = __rest(props, ["label", "titleCase"]);
+    return (React.createElement(InputField, Object.assign({}, rest, { label: label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, titleCase: titleCase })) : null }), (inputProps) => React.createElement(PicassoInput, Object.assign({}, inputProps, { ref: ref }))));
 });
 Input.defaultProps = {};
 Input.displayName = 'Input';

package/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,KAAK,IAAI,YAAY,EAAc,MAAM,iBAAiB,CAAA;AAEnE,OAAO,YAA4B,MAAM,iBAAiB,CAAA;AAQ1D,MAAM,6BAA6B,GAAG,CAAC,IAAa,EAAE,EAAE;IACtD,MAAM,oBAAoB,GACxB,IAAI,IAAI,oDAAoD,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAEzE,IAAI,oBAAoB,EAAE;QACxB,OAAO,CAAC,IAAI,CAAC;6EAC4D,IAAI;;KAE5E,CAAC,CAAA;KACH;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA0B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC5E,SAAS,CAAC,GAAG,EAAE;QACb,iFAAiF;QACjF,kMAAkM;QAClM,6EAA6E;QAC7E,6BAA6B,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC3C,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;IAEhB,OAAO,CACL,oBAAC,YAAY,oBAAqB,KAAK,GACpC,CAAC,UAAsB,EAAE,EAAE,CAAC,oBAAC,YAAY,oBAAK,UAAU,IAAE,GAAG,EAAE,GAAG,IAAI,CAC1D,CAChB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,KAAK,CAAC,YAAY,GAAG,EAAE,CAAA;AAEvB,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,KAAK,IAAI,YAAY,EAAc,MAAM,iBAAiB,CAAA;AAGnE,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAQtC,MAAM,6BAA6B,GAAG,CAAC,IAAa,EAAE,EAAE;IACtD,MAAM,oBAAoB,GACxB,IAAI,IAAI,oDAAoD,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAEzE,IAAI,oBAAoB,EAAE;QACxB,OAAO,CAAC,IAAI,CAAC;6EAC4D,IAAI;;KAE5E,CAAC,CAAA;KACH;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA0B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC5E,SAAS,CAAC,GAAG,EAAE;QACb,iFAAiF;QACjF,kMAAkM;QAClM,6EAA6E;QAC7E,6BAA6B,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC3C,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;IAEhB,MAAM,EAAE,KAAK,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArC,sBAA6B,CAAQ,CAAA;IAE3C,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,CAAC,UAAsB,EAAE,EAAE,CAAC,oBAAC,YAAY,oBAAK,UAAU,IAAE,GAAG,EAAE,GAAG,IAAI,CAC5D,CACd,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,KAAK,CAAC,YAAY,GAAG,EAAE,CAAA;AAEvB,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,eAAe,KAAK,CAAA"}

package/Input/index.d.ts

@@ -1 +1,2 @@
 export { default } from './Input';
+export * from './Input';

package/Input/index.js

@@ -1,2 +1,3 @@
 export { default } from './Input';
+export * from './Input';
 //# sourceMappingURL=index.js.map

package/Input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACjC,cAAc,SAAS,CAAA"}

package/InputField/InputField.d.ts

@@ -0,0 +1,11 @@
+import { OutlinedInputStatus } from '@toptal/picasso';
+import { FieldMetaState } from 'react-final-form';
+import { Props as FieldProps, ValueType, IFormComponentProps } from '../Field';
+import { FormConfigProps } from '../FormConfig';
+export declare const getInputStatus: <T extends ValueType>(meta: FieldMetaState<T>, formConfig: FormConfigProps) => OutlinedInputStatus;
+declare const InputField: {
+    <TWrappedComponentProps extends IFormComponentProps, TInputValue extends ValueType = TWrappedComponentProps["value"]>(props: FieldProps<TWrappedComponentProps, TInputValue>): JSX.Element;
+    defaultProps: {};
+    displayName: string;
+};
+export default InputField;

package/InputField/InputField.js

@@ -0,0 +1,50 @@
+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;
+};
+import React from 'react';
+import { useField } from 'react-final-form';
+import Field from '../Field';
+import { useFormConfig } from '../FormConfig';
+import useFormInputReset from '../utils/use-form-input-reset';
+export const getInputStatus = (meta, formConfig) => {
+    if (formConfig.validateOnSubmit && meta.modifiedSinceLastSubmit) {
+        return 'default';
+    }
+    if (!meta.touched) {
+        return 'default';
+    }
+    if (meta.error) {
+        return 'error';
+    }
+    if (meta.dirtySinceLastSubmit) {
+        return 'default';
+    }
+    if (meta.submitError) {
+        return 'error';
+    }
+    return formConfig.showValidState ? 'success' : 'default';
+};
+const InputField = (props) => {
+    const { name, children, enableReset, onResetClick } = props, rest = __rest(props, ["name", "children", "enableReset", "onResetClick"]);
+    const { meta, input } = useField(name);
+    const formConfig = useFormConfig();
+    const status = getInputStatus(meta, formConfig);
+    const onFormInputResetClick = useFormInputReset({
+        input,
+        enableReset,
+        onResetClick
+    });
+    return (React.createElement(Field, Object.assign({ status: status, name: name, onResetClick: onFormInputResetClick, enableReset: enableReset }, rest), children));
+};
+InputField.defaultProps = {};
+InputField.displayName = 'InputField';
+export default InputField;
+//# sourceMappingURL=InputField.js.map

package/InputField/InputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputField.js","sourceRoot":"","sources":["../../src/InputField/InputField.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAkB,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAE3D,OAAO,KAIN,MAAM,UAAU,CAAA;AACjB,OAAO,EAAmB,aAAa,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,iBAAiB,MAAM,+BAA+B,CAAA;AAE7D,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,IAAuB,EACvB,UAA2B,EACN,EAAE;IACvB,IAAI,UAAU,CAAC,gBAAgB,IAAI,IAAI,CAAC,uBAAuB,EAAE;QAC/D,OAAO,SAAS,CAAA;KACjB;IAED,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;QACjB,OAAO,SAAS,CAAA;KACjB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE;QACd,OAAO,OAAO,CAAA;KACf;IAED,IAAI,IAAI,CAAC,oBAAoB,EAAE;QAC7B,OAAO,SAAS,CAAA;KACjB;IAED,IAAI,IAAI,CAAC,WAAW,EAAE;QACpB,OAAO,OAAO,CAAA;KACf;IAED,OAAO,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAA;AAC1D,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CAIjB,KAAsD,EACtD,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA9D,mDAAsD,CAAQ,CAAA;IAEpE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAgC,IAAI,CAAC,CAAA;IACrE,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,MAAM,GAAG,cAAc,CAAc,IAAI,EAAE,UAAU,CAAC,CAAA;IAC5D,MAAM,qBAAqB,GAAG,iBAAiB,CAAc;QAC3D,KAAK;QACL,WAAW;QACX,YAAY;KACb,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,KAAK,kBACJ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,qBAAqB,EACnC,WAAW,EAAE,WAAW,IACpB,IAAI,GAEP,QAAQ,CACH,CACT,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,YAAY,GAAG,EAAE,CAAA;AAE5B,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}

package/InputField/index.d.ts

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

package/InputField/index.js

@@ -0,0 +1,2 @@
+export { default } from './InputField';
+//# sourceMappingURL=index.js.map

package/InputField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/InputField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA"}

package/NumberInput/NumberInput.d.ts

@@ -1,5 +1,5 @@
 import { NumberInputProps } from '@toptal/picasso';
-import { FieldProps } from '../FieldWrapper';
+import { FieldProps } from '../Field';
 export declare type Props = NumberInputProps & FieldProps<NumberInputProps['value']>;
 export declare const NumberInput: {
     (props: Props): JSX.Element;

package/NumberInput/NumberInput.js

@@ -1,12 +1,24 @@
+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;
+};
 import React from 'react';
 import { NumberInput as PicassoNumberInput } from '@toptal/picasso';
 import { validators } from '../utils';
-import FieldWrapper from '../FieldWrapper';
+import FieldLabel from '../FieldLabel';
+import InputField from '../InputField';
 const MIN = -2147483648;
 const MAX = 2147483647;
 const { composeValidators } = validators;
 export const NumberInput = (props) => {
-    const { min = MIN, max = MAX, validate } = props;
+    const { min = MIN, max = MAX, validate, label, titleCase } = props, rest = __rest(props, ["min", "max", "validate", "label", "titleCase"]);
     const validateNumberLimits = value => {
         if (Number(value) > max) {
             return `Must be less than or equal to ${max}.`;
@@ -15,7 +27,7 @@ export const NumberInput = (props) => {
             return `Must be greater than or equal to ${min}.`;
         }
     };
-    return (React.createElement(FieldWrapper, Object.assign({}, props, { validate: composeValidators([validateNumberLimits, validate]) }), (inputProps) => {
+    return (React.createElement(InputField, Object.assign({}, rest, { validate: composeValidators([validateNumberLimits, validate]), label: label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, titleCase: titleCase })) : null }), (inputProps) => {
         return React.createElement(PicassoNumberInput, Object.assign({}, inputProps));
     }));
 };

package/NumberInput/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,WAAW,IAAI,kBAAkB,EAElC,MAAM,iBAAiB,CAAA;AAGxB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,YAA4B,MAAM,iBAAiB,CAAA;AAI1D,MAAM,GAAG,GAAG,CAAC,UAAU,CAAA;AACvB,MAAM,GAAG,GAAG,UAAU,CAAA;AAEtB,MAAM,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAA;AAExC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAY,EAAE,EAAE;IAC1C,MAAM,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAChD,MAAM,oBAAoB,GAA8C,KAAK,CAAC,EAAE;QAC9E,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE;YACvB,OAAO,iCAAiC,GAAG,GAAG,CAAA;SAC/C;QACD,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE;YACvB,OAAO,oCAAoC,GAAG,GAAG,CAAA;SAClD;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,YAAY,oBACP,KAAK,IACT,QAAQ,EAAE,iBAAiB,CAAC,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAAC,KAE5D,CAAC,UAA4B,EAAE,EAAE;QAChC,OAAO,oBAAC,kBAAkB,oBAAK,UAAU,EAAI,CAAA;IAC/C,CAAC,CACY,CAChB,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,YAAY,GAAG,EAAE,CAAA;AAE7B,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}
+{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,WAAW,IAAI,kBAAkB,EAElC,MAAM,iBAAiB,CAAA;AAGxB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAItC,MAAM,GAAG,GAAG,CAAC,UAAU,CAAA;AACvB,MAAM,GAAG,GAAG,UAAU,CAAA;AAEtB,MAAM,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAA;AAExC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAY,EAAE,EAAE;IAC1C,MAAM,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArE,gDAA6D,CAAQ,CAAA;IAE3E,MAAM,oBAAoB,GAEtB,KAAK,CAAC,EAAE;QACV,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE;YACvB,OAAO,iCAAiC,GAAG,GAAG,CAAA;SAC/C;QACD,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE;YACvB,OAAO,oCAAoC,GAAG,GAAG,CAAA;SAClD;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,QAAQ,EAAE,iBAAiB,CAAC,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAAC,EAC7D,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,CAAC,UAA4B,EAAE,EAAE;QAChC,OAAO,oBAAC,kBAAkB,oBAAK,UAAU,EAAI,CAAA;IAC/C,CAAC,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,YAAY,GAAG,EAAE,CAAA;AAE7B,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}

package/PasswordInput/FieldRenderer.d.ts

@@ -0,0 +1,7 @@
+import { PasswordInputProps } from '@toptal/picasso';
+interface FieldRendererProps extends PasswordInputProps {
+    onShowContent: () => void;
+    onHideContent: () => void;
+}
+declare const FieldRenderer: (props: FieldRendererProps) => JSX.Element;
+export default FieldRenderer;

package/PasswordInput/FieldRenderer.js

@@ -0,0 +1,27 @@
+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;
+};
+import React, { useCallback } from 'react';
+import { PasswordInput as PicassoPasswordInput } from '@toptal/picasso';
+const FieldRenderer = (props) => {
+    const { onFocus, onBlur, onShowContent, onHideContent } = props, rest = __rest(props, ["onFocus", "onBlur", "onShowContent", "onHideContent"]);
+    const handleFocus = useCallback((event) => {
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
+        onShowContent();
+    }, [onFocus, onShowContent]);
+    const handleBlur = useCallback((event) => {
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+        onHideContent();
+    }, [onBlur, onHideContent]);
+    return (React.createElement(PicassoPasswordInput, Object.assign({}, rest, { onFocus: handleFocus, onBlur: handleBlur })));
+};
+export default FieldRenderer;
+//# sourceMappingURL=FieldRenderer.js.map

package/PasswordInput/FieldRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldRenderer.js","sourceRoot":"","sources":["../../src/PasswordInput/FieldRenderer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAc,WAAW,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EACL,aAAa,IAAI,oBAAoB,EAEtC,MAAM,iBAAiB,CAAA;AAMxB,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IAClD,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAlE,uDAA0D,CAAQ,CAAA;IAExE,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAmC,EAAE,EAAE;QACtC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAA;QAEhB,aAAa,EAAE,CAAA;IACjB,CAAC,EACD,CAAC,OAAO,EAAE,aAAa,CAAC,CACzB,CAAA;IAED,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAAmC,EAAE,EAAE;QACtC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,CAAC,CAAA;QAEf,aAAa,EAAE,CAAA;IACjB,CAAC,EACD,CAAC,MAAM,EAAE,aAAa,CAAC,CACxB,CAAA;IAED,OAAO,CACL,oBAAC,oBAAoB,oBAAK,IAAI,IAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,IAAI,CAC7E,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/PasswordInput/PasswordInput.d.ts

@@ -1,5 +1,5 @@
 import { PasswordInputProps } from '@toptal/picasso';
-import { FieldProps } from '../FieldWrapper';
+import { FieldProps } from '../Field';
 export declare type Props = PasswordInputProps & FieldProps<PasswordInputProps['value']> & {
     hideRequirements?: boolean;
 };

package/PasswordInput/PasswordInput.js

@@ -9,12 +9,13 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useState } from 'react';
-import { PasswordInput as PicassoPasswordInput } from '@toptal/picasso';
+import React, { useState, useCallback } from 'react';
 import { validators } from '../utils';
-import FieldWrapper from '../FieldWrapper';
+import FieldLabel from '../FieldLabel';
 import passwordValidators from './validators';
 import Form from '../Form';
+import InputField from '../InputField';
+import FieldRenderer from './FieldRenderer';
 const { composeValidators } = validators;
 const ANIMATION_TIMEOUT = 500; // same as in Picasso/FieldRequirements
 const validatePassword = (value) => {
@@ -56,21 +57,17 @@ export const PasswordInput = (_a) => {
                 validator: passwordValidators.atLeastOneLowerCaseCharacter
             }
         ] }));
-    return (React.createElement(FieldWrapper, Object.assign({}, rest, { validate: validationsObject, renderFieldRequirements: !hideRequirements ? renderFieldRequirements : undefined }), (inputProps) => {
-        const handleFocus = (event) => {
-            var _a;
-            (_a = inputProps.onFocus) === null || _a === void 0 ? void 0 : _a.call(inputProps, event);
-            setShowContent(true);
-        };
-        const handleBlur = (event) => {
-            var _a;
-            (_a = inputProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(inputProps, event);
-            // Hide the requirements after a short delay
-            setTimeout(() => {
-                setShowContent(false);
-            }, ANIMATION_TIMEOUT);
-        };
-        return (React.createElement(PicassoPasswordInput, Object.assign({}, inputProps, { onFocus: handleFocus, onBlur: handleBlur })));
+    const handleShowContent = useCallback(() => {
+        setShowContent(true);
+    }, []);
+    const handleHideContent = useCallback(() => {
+        // Hide the requirements after a short delay
+        setTimeout(() => {
+            setShowContent(false);
+        }, ANIMATION_TIMEOUT);
+    }, []);
+    return (React.createElement(InputField, Object.assign({}, rest, { validate: validationsObject, renderFieldRequirements: !hideRequirements ? renderFieldRequirements : undefined, label: rest.label ? (React.createElement(FieldLabel, { name: rest.name, required: rest.required, label: rest.label, titleCase: rest.titleCase })) : null }), (inputProps) => {
+        return (React.createElement(FieldRenderer, Object.assign({}, inputProps, { onHideContent: handleHideContent, onShowContent: handleShowContent })));
     }));
 };
 PasswordInput.displayName = 'PasswordInput';

package/PasswordInput/PasswordInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../src/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../src/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":"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"}

package/RadioGroup/RadioGroup.d.ts

@@ -1,5 +1,5 @@
 import { RadioProps, RadioGroupProps } from '@toptal/picasso';
-import { FieldProps } from '../FieldWrapper';
+import { FieldProps } from '../Field';
 export declare type Props = RadioGroupProps & FieldProps<RadioProps['value']>;
 export declare const RadioGroup: {
     (props: Props): JSX.Element;