@toptal/picasso-forms 39.1.0 → 41.0.0

package/Autocomplete/Autocomplete.d.ts

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

package/Autocomplete/Autocomplete.js

@@ -1,9 +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 { Autocomplete as PicassoAutocomplete } from '@toptal/picasso';
-import FieldWrapper from '../FieldWrapper';
-export const Autocomplete = (props) => (React.createElement(FieldWrapper, Object.assign({}, props), (inputProps) => {
-    return React.createElement(PicassoAutocomplete, Object.assign({}, inputProps));
-}));
+import FieldLabel from '../FieldLabel';
+import InputField from '../InputField';
+export const Autocomplete = (props) => {
+    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) => {
+        return React.createElement(PicassoAutocomplete, Object.assign({}, inputProps));
+    }));
+};
 Autocomplete.displayName = 'Autocomplete';
 export default Autocomplete;
 //# sourceMappingURL=Autocomplete.js.map

package/Autocomplete/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,YAAY,IAAI,mBAAmB,EAEpC,MAAM,iBAAiB,CAAA;AAExB,OAAO,YAA4B,MAAM,iBAAiB,CAAA;AAI1D,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,CAC5C,oBAAC,YAAY,oBAAwB,KAAK,GACvC,CAAC,UAA6B,EAAE,EAAE;IACjC,OAAO,oBAAC,mBAAmB,oBAAK,UAAU,EAAI,CAAA;AAChD,CAAC,CACY,CAChB,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,eAAe,YAAY,CAAA"}
+{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,YAAY,IAAI,mBAAmB,EAEpC,MAAM,iBAAiB,CAAA;AAGxB,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAItC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE;IAC3C,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,UAA6B,EAAE,EAAE;QACjC,OAAO,oBAAC,mBAAmB,oBAAK,UAAU,EAAI,CAAA;IAChD,CAAC,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,eAAe,YAAY,CAAA"}

package/ButtonCheckbox/ButtonCheckbox.d.ts

@@ -1,5 +1,5 @@
 import { ButtonCheckboxProps } from '@toptal/picasso';
-import { FieldProps } from '../FieldWrapper';
+import { FieldProps } from '../Field';
 declare type CheckboxValue = ButtonCheckboxProps['value'] | ButtonCheckboxProps['checked'];
 declare type CheckboxFormProps = Omit<ButtonCheckboxProps, 'requiredDecoration'> & {
     required?: boolean;

package/ButtonCheckbox/ButtonCheckbox.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { useContext } from 'react';
 import { Button } from '@toptal/picasso';
 import { Field } from 'react-final-form';
-import FieldWrapper from '../FieldWrapper';
+import PicassoField from '../Field';
 import { CheckboxGroupContext } from '../CheckboxGroup';
 const ButtonCheckbox = (_a) => {
     var { name, value, required } = _a, restProps = __rest(_a, ["name", "value", "required"]);
@@ -30,7 +30,7 @@ const ButtonCheckbox = (_a) => {
             return React.createElement(Button.Checkbox, Object.assign({}, restProps, restInput));
         }));
     }
-    return (React.createElement(FieldWrapper, Object.assign({ type: 'checkbox', hideFieldLabel: true, required: required }, restProps, { 
+    return (React.createElement(PicassoField, Object.assign({ type: 'checkbox', required: required }, restProps, { 
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         name: name }), (input) => React.createElement(Button.Checkbox, Object.assign({}, input))));
 };

package/ButtonCheckbox/ButtonCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonCheckbox.js","sourceRoot":"","sources":["../../src/ButtonCheckbox/ButtonCheckbox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,EAAuB,MAAM,iBAAiB,CAAA;AAC7D,OAAO,EACL,KAAK,EAEN,MAAM,kBAAkB,CAAA;AAEzB,OAAO,YAA4B,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAcvD,MAAM,cAAc,GAAG,CAAC,EAA8C,EAAE,EAAE;QAAlD,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,OAAuB,EAAlB,SAAS,cAArC,6BAAuC,CAAF;IAC3D,MAAM,SAAS,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAA;IAClD,MAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,CAAC,CAAA;IAE5C,IAAI,iBAAiB,EAAE;QACrB,OAAO;QACL,oEAAoE;QACpE,oBAAC,KAAK,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAE,IAAI,IAAI,SAAU,EAAE,KAAK,EAAE,KAAK,IAC1D,CAAC,EAGmC,EAAE,EAAE;;YAFvC,6DAA6D;YAC7D,aAAgD;YADhD,6DAA6D;YAC7D,EAAS,KAAK,EAAE,UAAU,EAAE,IAAI,OAAgB,EAAX,SAAS,cAAvC,iBAAyC,CAAF;YAE9C,OAAO,oBAAC,MAAM,CAAC,QAAQ,oBAAK,SAAS,EAAM,SAAS,EAAI,CAAA;QAC1D,CAAC,CACK,CACT,CAAA;KACF;IAED,OAAO,CACL,oBAAC,YAAY,kBACX,IAAI,EAAC,UAAU,EACf,cAAc,QACd,QAAQ,EAAE,QAAQ,IACd,SAAS;QACb,oEAAoE;QACpE,IAAI,EAAE,IAAK,KAEV,CAAC,KAA0B,EAAE,EAAE,CAAC,oBAAC,MAAM,CAAC,QAAQ,oBAAK,KAAK,EAAI,CAClD,CAChB,CAAA;AACH,CAAC,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,eAAe,cAAc,CAAA"}
+{"version":3,"file":"ButtonCheckbox.js","sourceRoot":"","sources":["../../src/ButtonCheckbox/ButtonCheckbox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,EAAuB,MAAM,iBAAiB,CAAA;AAC7D,OAAO,EACL,KAAK,EAEN,MAAM,kBAAkB,CAAA;AAEzB,OAAO,YAA4B,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAcvD,MAAM,cAAc,GAAG,CAAC,EAA8C,EAAE,EAAE;QAAlD,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,OAAuB,EAAlB,SAAS,cAArC,6BAAuC,CAAF;IAC3D,MAAM,SAAS,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAA;IAClD,MAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,CAAC,CAAA;IAE5C,IAAI,iBAAiB,EAAE;QACrB,OAAO;QACL,oEAAoE;QACpE,oBAAC,KAAK,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAE,IAAI,IAAI,SAAU,EAAE,KAAK,EAAE,KAAK,IAC1D,CAAC,EAGmC,EAAE,EAAE;;YAFvC,6DAA6D;YAC7D,aAAgD;YADhD,6DAA6D;YAC7D,EAAS,KAAK,EAAE,UAAU,EAAE,IAAI,OAAgB,EAAX,SAAS,cAAvC,iBAAyC,CAAF;YAE9C,OAAO,oBAAC,MAAM,CAAC,QAAQ,oBAAK,SAAS,EAAM,SAAS,EAAI,CAAA;QAC1D,CAAC,CACK,CACT,CAAA;KACF;IAED,OAAO,CACL,oBAAC,YAAY,kBACX,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,IACd,SAAS;QACb,oEAAoE;QACpE,IAAI,EAAE,IAAK,KAEV,CAAC,KAA0B,EAAE,EAAE,CAAC,oBAAC,MAAM,CAAC,QAAQ,oBAAK,KAAK,EAAI,CAClD,CAChB,CAAA;AACH,CAAC,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,eAAe,cAAc,CAAA"}

package/Checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import { CheckboxProps } from '@toptal/picasso';
-import { FieldProps } from '../FieldWrapper';
+import { FieldProps } from '../Field';
 declare type CheckboxValue = CheckboxProps['value'] | CheckboxProps['checked'];
 declare type CheckboxFormProps = Omit<CheckboxProps, 'requiredDecoration'> & {
     required?: boolean;
@@ -10,7 +10,7 @@ declare type CheckboxInGroup = CheckboxFormProps & {
 };
 export declare type Props = CheckboxWithoutGroup | CheckboxInGroup;
 export declare const Checkbox: {
-    ({ name, value, required, defaultValue, ...restProps }: Props): JSX.Element;
+    ({ name, value, required, label, defaultValue, ...restProps }: Props): JSX.Element;
     displayName: string;
 };
 export default Checkbox;

package/Checkbox/Checkbox.js

@@ -12,13 +12,13 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { useContext } from 'react';
 import { Checkbox as PicassoCheckbox } from '@toptal/picasso';
 import { Field } from 'react-final-form';
-import FieldWrapper from '../FieldWrapper';
+import PicassoField from '../Field';
 import { CheckboxGroupContext } from '../CheckboxGroup';
 import { useFormConfig } from '../FormConfig';
 export const Checkbox = (_a) => {
-    var { name, value, required, 
+    var { name, value, required, label, 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    defaultValue } = _a, restProps = __rest(_a, ["name", "value", "required", "defaultValue"]);
+    defaultValue } = _a, restProps = __rest(_a, ["name", "value", "required", "label", "defaultValue"]);
     const formConfig = useFormConfig();
     const groupName = useContext(CheckboxGroupContext);
     const isCheckboxInGroup = Boolean(groupName);
@@ -31,14 +31,14 @@ export const Checkbox = (_a) => {
             _b = _a.input, 
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
             { value: inputValue, type } = _b, restInput = __rest(_b, ["value", "type"]);
-            return React.createElement(PicassoCheckbox, Object.assign({}, restProps, restInput));
+            return React.createElement(PicassoCheckbox, Object.assign({}, restProps, restInput, { label: label }));
         }));
     }
     const showAsterisk = required && formConfig.requiredVariant === 'asterisk';
     const requiredDecoration = showAsterisk ? 'asterisk' : undefined;
-    return (React.createElement(FieldWrapper, Object.assign({ type: 'checkbox', hideFieldLabel: true, required: required }, restProps, { 
+    return (React.createElement(PicassoField, Object.assign({ type: 'checkbox', required: required }, restProps, { 
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        name: name }), (input) => (React.createElement(PicassoCheckbox, Object.assign({}, input, { titleCase: restProps.titleCase, requiredDecoration: requiredDecoration })))));
+        name: name }), (input) => (React.createElement(PicassoCheckbox, Object.assign({}, input, { label: label, titleCase: restProps.titleCase, requiredDecoration: requiredDecoration })))));
 };
 Checkbox.displayName = 'Checkbox';
 export default Checkbox;

package/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAiB,MAAM,iBAAiB,CAAA;AAC5E,OAAO,EACL,KAAK,EAEN,MAAM,kBAAkB,CAAA;AAEzB,OAAO,YAA4B,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAY7C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAOjB,EAAE,EAAE;QAPa,EACvB,IAAI,EACJ,KAAK,EACL,QAAQ;IACR,6DAA6D;IAC7D,YAAY,OAEN,EADH,SAAS,cANW,6CAOxB,CADa;IAEZ,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,SAAS,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAA;IAClD,MAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,CAAC,CAAA;IAE5C,IAAI,iBAAiB,EAAE;QACrB,OAAO;QACL,oEAAoE;QACpE,oBAAC,KAAK,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAE,IAAI,IAAI,SAAU,EAAE,KAAK,EAAE,KAAK,IAC1D,CAAC,EAGmC,EAAE,EAAE;;YAFvC,6DAA6D;YAC7D,aAAgD;YADhD,6DAA6D;YAC7D,EAAS,KAAK,EAAE,UAAU,EAAE,IAAI,OAAgB,EAAX,SAAS,cAAvC,iBAAyC,CAAF;YAE9C,OAAO,oBAAC,eAAe,oBAAK,SAAS,EAAM,SAAS,EAAI,CAAA;QAC1D,CAAC,CACK,CACT,CAAA;KACF;IAED,MAAM,YAAY,GAAG,QAAQ,IAAI,UAAU,CAAC,eAAe,KAAK,UAAU,CAAA;IAC1E,MAAM,kBAAkB,GAAG,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAA;IAEhE,OAAO,CACL,oBAAC,YAAY,kBACX,IAAI,EAAC,UAAU,EACf,cAAc,QACd,QAAQ,EAAE,QAAQ,IACd,SAAS;QACb,oEAAoE;QACpE,IAAI,EAAE,IAAK,KAEV,CAAC,KAAoB,EAAE,EAAE,CAAC,CACzB,oBAAC,eAAe,oBACV,KAAK,IACT,SAAS,EAAE,SAAS,CAAC,SAAS,EAC9B,kBAAkB,EAAE,kBAAkB,IACtC,CACH,CACY,CAChB,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAiB,MAAM,iBAAiB,CAAA;AAC5E,OAAO,EACL,KAAK,EAEN,MAAM,kBAAkB,CAAA;AAEzB,OAAO,YAA4B,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAY7C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAQjB,EAAE,EAAE;QARa,EACvB,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK;IACL,6DAA6D;IAC7D,YAAY,OAEN,EADH,SAAS,cAPW,sDAQxB,CADa;IAEZ,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,SAAS,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAA;IAClD,MAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,CAAC,CAAA;IAE5C,IAAI,iBAAiB,EAAE;QACrB,OAAO;QACL,oEAAoE;QACpE,oBAAC,KAAK,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAE,IAAI,IAAI,SAAU,EAAE,KAAK,EAAE,KAAK,IAC1D,CAAC,EAGmC,EAAE,EAAE;;YAFvC,6DAA6D;YAC7D,aAAgD;YADhD,6DAA6D;YAC7D,EAAS,KAAK,EAAE,UAAU,EAAE,IAAI,OAAgB,EAAX,SAAS,cAAvC,iBAAyC,CAAF;YAE9C,OAAO,oBAAC,eAAe,oBAAK,SAAS,EAAM,SAAS,IAAE,KAAK,EAAE,KAAK,IAAI,CAAA;QACxE,CAAC,CACK,CACT,CAAA;KACF;IAED,MAAM,YAAY,GAAG,QAAQ,IAAI,UAAU,CAAC,eAAe,KAAK,UAAU,CAAA;IAC1E,MAAM,kBAAkB,GAAG,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAA;IAEhE,OAAO,CACL,oBAAC,YAAY,kBACX,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,IACd,SAAS;QACb,oEAAoE;QACpE,IAAI,EAAE,IAAK,KAEV,CAAC,KAAoB,EAAE,EAAE,CAAC,CACzB,oBAAC,eAAe,oBACV,KAAK,IACT,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,CAAC,SAAS,EAC9B,kBAAkB,EAAE,kBAAkB,IACtC,CACH,CACY,CAChB,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}

package/CheckboxGroup/CheckboxGroup.d.ts

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

package/CheckboxGroup/CheckboxGroup.js

@@ -12,12 +12,13 @@ var __rest = (this && this.__rest) || function (s, e) {
 /* eslint-disable react/jsx-props-no-spreading */
 import React from 'react';
 import { Checkbox as PicassoCheckbox } from '@toptal/picasso';
-import FieldWrapper from '../FieldWrapper';
+import PicassoField from '../Field';
+import FieldLabel from '../FieldLabel';
 import CheckboxGroupContext from './CheckboxGroupContext';
 export const CheckboxGroup = (props) => {
-    const { children, titleCase } = props, rest = __rest(props, ["children", "titleCase"]);
+    const { children, titleCase, label } = props, rest = __rest(props, ["children", "titleCase", "label"]);
     return (React.createElement(CheckboxGroupContext.Provider, { value: props.name },
-        React.createElement(FieldWrapper, Object.assign({ titleCase: titleCase }, rest, { type: 'checkbox' }), () => (React.createElement(PicassoCheckbox.Group, Object.assign({}, rest), children)))));
+        React.createElement(PicassoField, Object.assign({}, rest, { type: 'checkbox', label: label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, titleCase: titleCase })) : null }), () => (React.createElement(PicassoCheckbox.Group, Object.assign({}, rest), children)))));
 };
 CheckboxGroup.displayName = 'CheckboxGroup';
 export default CheckboxGroup;

package/CheckboxGroup/CheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../src/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,iDAAiD;AACjD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,QAAQ,IAAI,eAAe,EAG5B,MAAM,iBAAiB,CAAA;AAExB,OAAO,YAA4B,MAAM,iBAAiB,CAAA;AAC1D,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AAIzD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE;IAC5C,MAAM,EAAE,QAAQ,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAxC,yBAAgC,CAAQ,CAAA;IAE9C,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI;QAC9C,oBAAC,YAAY,kBAAC,SAAS,EAAE,SAAS,IAAM,IAAI,IAAE,IAAI,EAAC,UAAU,KAC1D,GAAG,EAAE,CAAC,CACL,oBAAC,eAAe,CAAC,KAAK,oBAAK,IAAI,GAAG,QAAQ,CAAyB,CACpE,CACY,CACe,CACjC,CAAA;AACH,CAAC,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,eAAe,aAAa,CAAA"}
+{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../src/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,iDAAiD;AACjD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,QAAQ,IAAI,eAAe,EAG5B,MAAM,iBAAiB,CAAA;AAExB,OAAO,YAA4B,MAAM,UAAU,CAAA;AACnD,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AAIzD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE;IAC5C,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IAErD,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI;QAC9C,oBAAC,YAAY,oBACP,IAAI,IACR,IAAI,EAAC,UAAU,EACf,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,GAAG,EAAE,CAAC,CACL,oBAAC,eAAe,CAAC,KAAK,oBAAK,IAAI,GAAG,QAAQ,CAAyB,CACpE,CACY,CACe,CACjC,CAAA;AACH,CAAC,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,eAAe,aAAa,CAAA"}

package/DatePicker/DatePicker.d.ts

@@ -1,5 +1,5 @@
 import { DatePickerProps } from '@toptal/picasso';
-import { FieldProps } from '../FieldWrapper';
+import { FieldProps } from '../Field';
 export declare type FormDatePickerProps = Omit<DatePickerProps, 'onChange'> & {
     onChange?: DatePickerProps['onChange'];
 };

package/DatePicker/DatePicker.js

@@ -1,9 +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 { DatePicker as PicassoDatePicker } from '@toptal/picasso';
-import FieldWrapper from '../FieldWrapper';
-export const DatePicker = (props) => (React.createElement(FieldWrapper, Object.assign({}, props), (inputProps) => {
-    return React.createElement(PicassoDatePicker, Object.assign({}, inputProps));
-}));
+import InputField from '../InputField';
+import FieldLabel from '../FieldLabel';
+export const DatePicker = (props) => {
+    const { label, titleCase } = props, rest = __rest(props, ["label", "titleCase"]);
+    return (React.createElement(InputField, Object.assign({}, rest, { label: React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, titleCase: titleCase }) }), (inputProps) => {
+        return React.createElement(PicassoDatePicker, Object.assign({}, inputProps));
+    }));
+};
 DatePicker.defaultProps = {};
 DatePicker.displayName = 'DatePicker';
 export default DatePicker;

package/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,UAAU,IAAI,iBAAiB,EAEhC,MAAM,iBAAiB,CAAA;AAExB,OAAO,YAA4B,MAAM,iBAAiB,CAAA;AAO1D,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,CAC1C,oBAAC,YAAY,oBAA0B,KAAK,GACzC,CAAC,UAA2B,EAAE,EAAE;IAC/B,OAAO,oBAAC,iBAAiB,oBAAK,UAAU,EAAI,CAAA;AAC9C,CAAC,CACY,CAChB,CAAA;AAED,UAAU,CAAC,YAAY,GAAG,EAAE,CAAA;AAE5B,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,UAAU,IAAI,iBAAiB,EAEhC,MAAM,iBAAiB,CAAA;AAGxB,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAOtC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,EAAE;IACzC,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,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,KAGH,CAAC,UAA2B,EAAE,EAAE;QAC/B,OAAO,oBAAC,iBAAiB,oBAAK,UAAU,EAAI,CAAA;IAC9C,CAAC,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,YAAY,GAAG,EAAE,CAAA;AAE5B,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}

package/Dropzone/Dropzone.d.ts

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

package/Dropzone/Dropzone.js

@@ -11,7 +11,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import { Dropzone as PicassoDropzone } from '@toptal/picasso';
-import FieldWrapper from '../FieldWrapper';
+import PicassoField from '../Field';
+import FieldLabel from '../FieldLabel';
 const Dropzone = (_a) => {
     var { dropzoneHint } = _a, props = __rest(_a, ["dropzoneHint"]);
     const handleDrop = ({ acceptedFiles, value = [], finalFormOnChange }) => {
@@ -28,7 +29,7 @@ const Dropzone = (_a) => {
         const updatedFiles = value.filter((_, index) => index !== fileIndex);
         finalFormOnChange(updatedFiles);
     };
-    return (React.createElement(FieldWrapper, Object.assign({ hideErrors: true }, props), inputProps => (React.createElement(PicassoDropzone, Object.assign({}, inputProps, { hint: dropzoneHint, onDropAccepted: acceptedFiles => {
+    return (React.createElement(PicassoField, Object.assign({ hideErrors: true }, props, { label: React.createElement(FieldLabel, { name: props.name, required: props.required, label: props.label, titleCase: props.titleCase }) }), inputProps => (React.createElement(PicassoDropzone, Object.assign({}, inputProps, { hint: dropzoneHint, onDropAccepted: acceptedFiles => {
             handleDrop({
                 acceptedFiles,
                 value: inputProps.value,

package/Dropzone/Dropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.js","sourceRoot":"","sources":["../../src/Dropzone/Dropzone.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAiB,MAAM,iBAAiB,CAAA;AAI5E,OAAO,YAA4B,MAAM,iBAAiB,CAAA;AAW1D,MAAM,QAAQ,GAAG,CAAC,EAAiC,EAAE,EAAE;QAArC,EAAE,YAAY,OAAmB,EAAd,KAAK,cAAxB,gBAA0B,CAAF;IACxC,MAAM,UAAU,GAAG,CAAC,EAClB,aAAa,EACb,KAAK,GAAG,EAAE,EACV,iBAAiB,EAKlB,EAAE,EAAE;QACH,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE;YACzB,OAAM;SACP;QAED,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACtD,IAAI;YACJ,SAAS,EAAE,KAAK;SACjB,CAAC,CAAC,CAAA;QAEH,iBAAiB,CAAC,CAAC,GAAG,KAAK,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAA;IAC5C,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,KAAK,GAAG,EAAE,EACV,iBAAiB,EAKlB,EAAE,EAAE;QACH,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,kBACX,UAAU,UACN,KAAK,GAER,UAAU,CAAC,EAAE,CAAC,CACb,oBAAC,eAAe,oBACV,UAAU,IACd,IAAI,EAAE,YAAY,EAClB,cAAc,EAAE,aAAa,CAAC,EAAE;YAC9B,UAAU,CAAC;gBACT,aAAa;gBACb,KAAK,EAAE,UAAU,CAAC,KAAK;gBACvB,iBAAiB,EAAE,UAAU,CAAC,QAAQ;aACvC,CAAC,CAAA;QACJ,CAAC,EACD,QAAQ,EAAE,CAAC,SAAiB,EAAE,KAAa,EAAE,EAAE;YAC7C,YAAY,CAAC;gBACX,SAAS,EAAE,KAAK;gBAChB,KAAK,EAAE,UAAU,CAAC,KAAK;gBACvB,iBAAiB,EAAE,UAAU,CAAC,QAAQ;aACvC,CAAC,CAAA;QACJ,CAAC,IACD,CACH,CACY,CAChB,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,YAAY,GAAG,EAAE,CAAA;AAE1B,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Dropzone.js","sourceRoot":"","sources":["../../src/Dropzone/Dropzone.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAiB,MAAM,iBAAiB,CAAA;AAI5E,OAAO,YAA4B,MAAM,UAAU,CAAA;AACnD,OAAO,UAAU,MAAM,eAAe,CAAA;AAWtC,MAAM,QAAQ,GAAG,CAAC,EAAiC,EAAE,EAAE;QAArC,EAAE,YAAY,OAAmB,EAAd,KAAK,cAAxB,gBAA0B,CAAF;IACxC,MAAM,UAAU,GAAG,CAAC,EAClB,aAAa,EACb,KAAK,GAAG,EAAE,EACV,iBAAiB,EAKlB,EAAE,EAAE;QACH,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE;YACzB,OAAM;SACP;QAED,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACtD,IAAI;YACJ,SAAS,EAAE,KAAK;SACjB,CAAC,CAAC,CAAA;QAEH,iBAAiB,CAAC,CAAC,GAAG,KAAK,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAA;IAC5C,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,KAAK,GAAG,EAAE,EACV,iBAAiB,EAKlB,EAAE,EAAE;QACH,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,kBACX,UAAU,UACN,KAAK,IACT,KAAK,EACH,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,KAGH,UAAU,CAAC,EAAE,CAAC,CACb,oBAAC,eAAe,oBACV,UAAU,IACd,IAAI,EAAE,YAAY,EAClB,cAAc,EAAE,aAAa,CAAC,EAAE;YAC9B,UAAU,CAAC;gBACT,aAAa;gBACb,KAAK,EAAE,UAAU,CAAC,KAAK;gBACvB,iBAAiB,EAAE,UAAU,CAAC,QAAQ;aACvC,CAAC,CAAA;QACJ,CAAC,EACD,QAAQ,EAAE,CAAC,SAAiB,EAAE,KAAa,EAAE,EAAE;YAC7C,YAAY,CAAC;gBACX,SAAS,EAAE,KAAK;gBAChB,KAAK,EAAE,UAAU,CAAC,KAAK;gBACvB,iBAAiB,EAAE,UAAU,CAAC,QAAQ;aACvC,CAAC,CAAA;QACJ,CAAC,IACD,CACH,CACY,CAChB,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,YAAY,GAAG,EAAE,CAAA;AAE1B,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}

package/Field/Field.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { FieldProps as FinalFieldProps, FieldRenderProps } from 'react-final-form';
+import { DateOrDateRangeType, OutlinedInputStatus } from '@toptal/picasso';
+import { Item } from '@toptal/picasso/Autocomplete';
+import { FileUpload } from '@toptal/picasso/FileInput';
+import { TextLabelProps } from '@toptal/picasso-shared';
+export declare type ValueType = string | string[] | number | boolean | null | undefined | FileUpload[] | DateOrDateRangeType | Item | Item[];
+export declare type FieldProps<TInputValue> = FinalFieldProps<TInputValue, FieldRenderProps<TInputValue, HTMLInputElement>, HTMLInputElement> & TextLabelProps;
+export interface IFormComponentProps {
+    value?: ValueType;
+}
+export declare type Props<TWrappedComponentProps extends IFormComponentProps, TInputValue> = TWrappedComponentProps & FieldProps<TInputValue> & {
+    name: string;
+    type?: string;
+    label?: React.ReactNode;
+    fieldType?: string;
+    status?: OutlinedInputStatus;
+    children: (props: any) => React.ReactNode;
+    renderFieldRequirements?: (props: {
+        value?: TInputValue;
+        error?: boolean;
+    }) => React.ReactNode;
+};
+declare const Field: {
+    <TWrappedComponentProps extends IFormComponentProps, TInputValue extends ValueType = TWrappedComponentProps["value"]>(props: Props<TWrappedComponentProps, TInputValue>): JSX.Element;
+    defaultProps: {};
+    displayName: string;
+};
+export default Field;

package/Field/Field.js

@@ -0,0 +1,88 @@
+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, { useMemo } from 'react';
+import { useField } from 'react-final-form';
+import { Form as PicassoForm } from '@toptal/picasso';
+import { useFormConfig } from '../FormConfig';
+import { validators, useFieldValidation } from '../utils';
+const { composeValidators, required: requiredValidator } = validators;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const getValidators = (required, validate) => {
+    if (required && validate) {
+        return composeValidators([requiredValidator, validate]);
+    }
+    if (required && !validate) {
+        return requiredValidator;
+    }
+    return validate;
+};
+const Field = (props) => {
+    const { type, hint, label, required, 'data-testid': dataTestId, renderFieldRequirements, status, 
+    // 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 } = props, 
+    //
+    rest = __rest(props, ["type", "hint", "label", "required", 'data-testid', "renderFieldRequirements", "status", "afterSubmit", "allowNull", "beforeSubmit", "children", "data", "defaultValue", "format", "formatOnBlur", "initialValue", "isEqual", "name", "id", "parse", "subscription", "validate", "validateFields", "value"]);
+    const { validateOnSubmit: shouldValidateOnSubmit } = useFormConfig();
+    const validators = useMemo(() => getValidators(required, validate), [required, validate]);
+    const { meta, input } = useField(name, {
+        validate: shouldValidateOnSubmit ? undefined : validators,
+        type,
+        afterSubmit,
+        allowNull,
+        beforeSubmit,
+        data,
+        defaultValue,
+        format,
+        formatOnBlur,
+        initialValue,
+        isEqual,
+        parse,
+        subscription,
+        validateFields,
+        value
+    });
+    const error = useFieldValidation({
+        name,
+        meta,
+        validators,
+        shouldValidateOnSubmit
+    });
+    const childProps = Object.assign(Object.assign(Object.assign({ id,
+        status }, rest), input), { 
+        // 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);
+            }
+        } });
+    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: status === 'error'
+        }) },
+        label,
+        children(childProps)));
+};
+Field.defaultProps = {};
+Field.displayName = 'Field';
+export default Field;
+//# sourceMappingURL=Field.js.map

package/Field/Field.js.map

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

package/Field/index.d.ts

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

package/Field/index.js

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

package/Field/index.js.map

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

package/FieldLabel/FieldLabel.d.ts

@@ -0,0 +1,12 @@
+import { TextLabelProps } from '@toptal/picasso-shared';
+export declare type Props = {
+    name?: string;
+    label?: string;
+    required?: boolean;
+} & TextLabelProps;
+declare const FieldLabel: {
+    (props: Props): JSX.Element;
+    defaultProps: {};
+    displayName: string;
+};
+export default FieldLabel;

package/FieldLabel/FieldLabel.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Form as PicassoForm } from '@toptal/picasso';
+import { useFormConfig } from '../FormConfig';
+const getRequiredDecoration = (required, requiredVariant) => {
+    const showAsterisk = required && requiredVariant === 'asterisk';
+    if (showAsterisk) {
+        return 'asterisk';
+    }
+    const showOptional = !required && (!requiredVariant || requiredVariant === 'default');
+    if (showOptional) {
+        return 'optional';
+    }
+};
+const FieldLabel = (props) => {
+    const { label, required, titleCase, name } = props;
+    const formConfig = useFormConfig();
+    const requiredDecoration = getRequiredDecoration(required, formConfig.requiredVariant);
+    return (React.createElement(PicassoForm.Label, { requiredDecoration: requiredDecoration, htmlFor: name, titleCase: titleCase }, label));
+};
+FieldLabel.defaultProps = {};
+FieldLabel.displayName = 'FieldLabel';
+export default FieldLabel;
+//# sourceMappingURL=FieldLabel.js.map

package/FieldLabel/FieldLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel.js","sourceRoot":"","sources":["../../src/FieldLabel/FieldLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,IAAI,WAAW,EAAsB,MAAM,iBAAiB,CAAA;AAGzE,OAAO,EAAE,aAAa,EAAmB,MAAM,eAAe,CAAA;AAQ9D,MAAM,qBAAqB,GAAG,CAC5B,QAAkB,EAClB,eAAiC,EACD,EAAE;IAClC,MAAM,YAAY,GAAG,QAAQ,IAAI,eAAe,KAAK,UAAU,CAAA;IAE/D,IAAI,YAAY,EAAE;QAChB,OAAO,UAAU,CAAA;KAClB;IAED,MAAM,YAAY,GAChB,CAAC,QAAQ,IAAI,CAAC,CAAC,eAAe,IAAI,eAAe,KAAK,SAAS,CAAC,CAAA;IAElE,IAAI,YAAY,EAAE;QAChB,OAAO,UAAU,CAAA;KAClB;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,EAAE;IAClC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IAElD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,kBAAkB,GAAG,qBAAqB,CAC9C,QAAQ,EACR,UAAU,CAAC,eAAe,CAC3B,CAAA;IAED,OAAO,CACL,oBAAC,WAAW,CAAC,KAAK,IAChB,kBAAkB,EAAE,kBAAkB,EACtC,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,SAAS,IAEnB,KAAK,CACY,CACrB,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,YAAY,GAAG,EAAE,CAAA;AAE5B,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}

package/FieldLabel/index.d.ts

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

package/FieldLabel/index.js

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

package/FieldLabel/index.js.map

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

package/FieldWrapper/FieldWrapper.d.ts

@@ -1,27 +1,9 @@
-import React from 'react';
-import { FieldProps as FinalFieldProps, FieldRenderProps } from 'react-final-form';
-import { DateOrDateRangeType } from '@toptal/picasso';
-import { Item } from '@toptal/picasso/Autocomplete';
-import { FileUpload } from '@toptal/picasso/FileInput';
-import { TextLabelProps } from '@toptal/picasso-shared';
-declare type ValueType = string | string[] | number | boolean | null | undefined | FileUpload[] | DateOrDateRangeType | Item | Item[];
-export declare type FieldProps<TInputValue> = FinalFieldProps<TInputValue, FieldRenderProps<TInputValue, HTMLInputElement>, HTMLInputElement> & TextLabelProps;
-export declare type Props<TInputValue, TWrappedComponentProps> = TWrappedComponentProps & FieldProps<TInputValue> & TextLabelProps & {
-    name: string;
-    type?: string;
-    hideFieldLabel?: boolean;
-    hideLabelRequiredDecoration?: boolean;
-    fieldType?: string;
-    children: (props: any) => React.ReactNode;
-    renderFieldRequirements?: (props: {
-        value?: TInputValue;
-        error?: boolean;
-    }) => React.ReactNode;
+import { Props as FieldProps, ValueType, IFormComponentProps } from '../Field';
+export declare type Props<TWrappedComponentProps, TInputValue> = Omit<FieldProps<TWrappedComponentProps, TInputValue>, 'label'> & {
+    label?: string;
 };
 declare const FieldWrapper: {
-    <TWrappedComponentProps extends {
-        value?: ValueType;
-    }, TInputValue extends ValueType = TWrappedComponentProps["value"]>(props: Props<TInputValue, TWrappedComponentProps>): JSX.Element;
+    <TWrappedComponentProps extends IFormComponentProps, TInputValue extends ValueType = TWrappedComponentProps["value"]>(props: Props<TWrappedComponentProps, TInputValue>): JSX.Element;
     defaultProps: {};
     displayName: string;
 };