@toptal/picasso-forms 46.0.3-alpha-fx-mui-perf-test.39 → 46.0.3

package/Autocomplete/Autocomplete.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AutocompleteProps } from '@toptal/picasso';
 import { FieldProps } from '../Field';
 export declare type Props = AutocompleteProps & FieldProps<AutocompleteProps['value']>;

package/ButtonCheckbox/ButtonCheckbox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonCheckboxProps } from '@toptal/picasso';
 import { FieldProps } from '../Field';
 declare type CheckboxValue = ButtonCheckboxProps['value'] | ButtonCheckboxProps['checked'];

package/ButtonRadio/ButtonRadio.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonRadioProps } from '@toptal/picasso';
 export declare type Props = ButtonRadioProps & {
     name?: string;

package/Checkbox/Checkbox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CheckboxProps } from '@toptal/picasso';
 import { FieldProps } from '../Field';
 declare type CheckboxValue = CheckboxProps['value'] | CheckboxProps['checked'];

package/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CheckboxProps, CheckboxGroupProps } from '@toptal/picasso';
 import { FieldProps } from '../Field';
 export declare type Props = CheckboxGroupProps & FieldProps<CheckboxProps['value']>;

package/CheckboxGroup/CheckboxGroupContext.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: import("react").Context<string | undefined>;
 export default _default;

package/DatePicker/DatePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DatePickerProps } from '@toptal/picasso';
 import { FieldProps } from '../Field';
 export declare type FormDatePickerProps = Omit<DatePickerProps, 'onChange'> & {

package/Dropzone/Dropzone.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DropzoneProps } from '@toptal/picasso';
 import { FieldProps } from '../Field';
 export declare type Props = DropzoneProps & FieldProps<DropzoneProps['value']> & {

package/FieldLabel/FieldLabel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TextLabelProps } from '@toptal/picasso-shared';
 export declare type Props = {
     name?: string;

package/FieldWrapper/FieldWrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Props as FieldProps } from '../Field';
 import { ValueType, IFormComponentProps } from '../FieldBase';
 export declare type Props<TWrappedComponentProps, TInputValue> = Omit<FieldProps<TWrappedComponentProps, TInputValue>, 'label'> & {

package/FileInput/FileInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FileInputProps } from '@toptal/picasso';
 import { FieldProps } from '../Field';
 export declare type Props = FileInputProps & FieldProps<FileInputProps['value']>;

package/Form/FormRenderer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormProps } from '@toptal/picasso';
 interface Props extends FormProps {
     setActiveFieldTouched: () => void;

package/FormCompound/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const FormCompound: {
     <T extends import("final-form").AnyObject = import("final-form").AnyObject>(props: import("../Form").Props<T>): JSX.Element;
     defaultProps: {};
@@ -97,5 +96,5 @@ export declare const FormCompound: {
         };
         displayName: string;
     };
-    RichTextEditor: ({ onChange, defaultValue, ...rest }: import("../RichTextEditor/RichTextEditor").Props) => JSX.Element;
+    RichTextEditor: (props: import("../RichTextEditor/RichTextEditor").Props) => JSX.Element;
 };

package/FormConfig/FormConfig.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare type RequiredVariant = 'default' | 'asterisk';
 declare type ValidationOnSubmitConfig = {
     showValidState?: false;

package/InputField/InputField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { OutlinedInputStatus } from '@toptal/picasso';
 import { FieldMetaState } from 'react-final-form';
 import { Props as FieldProps } from '../Field';

package/NumberInput/NumberInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NumberInputProps } from '@toptal/picasso';
 import { FieldProps } from '../Field';
 export declare type Props = NumberInputProps & FieldProps<NumberInputProps['value']>;

package/PasswordInput/FieldRenderer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PasswordInputProps } from '@toptal/picasso';
 interface FieldRendererProps extends PasswordInputProps {
     onShowContent: () => void;

package/PasswordInput/PasswordInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PasswordInputProps } from '@toptal/picasso';
 import { FieldProps } from '../Field';
 export declare type Props = PasswordInputProps & FieldProps<PasswordInputProps['value']> & {

package/PasswordInput/validators.js.map

@@ -1 +1 @@
-{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../src/PasswordInput/validators.ts"],"names":[],"mappings":"AAAA,MAAM,sBAAsB,GAAG,CAAC,KAAa,EAAE,EAAE;IAC/C,OAAO,KAAK,CAAC,MAAM,IAAI,CAAC,CAAA;AAC1B,CAAC,CAAA;AAED,MAAM,4BAA4B,GAAG,CAAC,KAAa,EAAE,EAAE;IACrD,OAAO,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC7B,CAAC,CAAA;AAED,MAAM,4BAA4B,GAAG,CAAC,KAAa,EAAE,EAAE;IACrD,OAAO,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC7B,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,EAAE;IACzC,OAAO,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC7B,CAAC,CAAA;AAED,MAAM,0BAA0B,GAAG,CAAC,KAAa,EAAE,EAAE;IACnD,6CAA6C;IAC7C,OAAO,uCAAuC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC7D,CAAC,CAAA;AAED,eAAe;IACb,sBAAsB;IACtB,4BAA4B;IAC5B,4BAA4B;IAC5B,gBAAgB;IAChB,0BAA0B;CAC3B,CAAA"}
+{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../src/PasswordInput/validators.ts"],"names":[],"mappings":"AAAA,MAAM,sBAAsB,GAAG,CAAC,KAAa,EAAE,EAAE;IAC/C,OAAO,KAAK,CAAC,MAAM,IAAI,CAAC,CAAA;AAC1B,CAAC,CAAA;AAED,MAAM,4BAA4B,GAAG,CAAC,KAAa,EAAE,EAAE;IACrD,OAAO,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;AAC5B,CAAC,CAAA;AAED,MAAM,4BAA4B,GAAG,CAAC,KAAa,EAAE,EAAE;IACrD,OAAO,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;AAC5B,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,EAAE;IACzC,OAAO,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;AAC5B,CAAC,CAAA;AAED,MAAM,0BAA0B,GAAG,CAAC,KAAa,EAAE,EAAE;IACnD,6CAA6C;IAC7C,OAAO,uCAAuC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;AAC5D,CAAC,CAAA;AAED,eAAe;IACb,sBAAsB;IACtB,4BAA4B;IAC5B,4BAA4B;IAC5B,gBAAgB;IAChB,0BAA0B;CAC3B,CAAA"}

package/Radio/Radio.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioProps } from '@toptal/picasso';
 export declare type Props = RadioProps & {
     name?: string;

package/RadioGroup/RadioGroup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioProps, RadioGroupProps } from '@toptal/picasso';
 import { FieldProps } from '../Field';
 export declare type Props = RadioGroupProps & FieldProps<RadioProps['value']>;

package/RadioGroup/RadioGroupContext.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: import("react").Context<string | undefined>;
 export default _default;

package/Rating/Rating.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RatingStarsProps as PicassoRatingStarsProps, RatingThumbsProps as PicassoRatingThumbsProps } from '@toptal/picasso';
 import { FieldProps } from '../Field';
 export declare type RatingStarsProps = PicassoRatingStarsProps & FieldProps<PicassoRatingStarsProps['value']>;

package/RichTextEditor/RichTextEditor.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ASTType, RichTextEditorProps } from '@toptal/picasso';
 import { Except } from 'type-fest';
 import { FieldProps } from '../FieldWrapper';
@@ -8,5 +7,5 @@ declare type OverriddenProps = {
     initialValue?: never;
 };
 export declare type Props = RichTextEditorProps & Except<FieldProps<string>, keyof OverriddenProps> & OverriddenProps;
-export declare const RichTextEditor: ({ onChange, defaultValue, ...rest }: Props) => JSX.Element;
+export declare const RichTextEditor: (props: Props) => JSX.Element;
 export default RichTextEditor;

package/RichTextEditor/RichTextEditor.js

@@ -12,8 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { RichTextEditor as PicassoRichTextEditor, } from '@toptal/picasso';
 import React, { useCallback, useState } from 'react';
 import InputField from '../InputField';
-export const RichTextEditor = (_a) => {
-    var { onChange, defaultValue } = _a, rest = __rest(_a, ["onChange", "defaultValue"]);
+import FieldLabel from '../FieldLabel';
+export const RichTextEditor = (props) => {
+    const { onChange, defaultValue, label, titleCase } = props, rest = __rest(props, ["onChange", "defaultValue", "label", "titleCase"]);
     const [value, setValue] = useState('');
     // Because RichTextEditor doesn't have an value input we need to implement this
     // as an compatibility layer between final-form
@@ -21,7 +22,8 @@ export const RichTextEditor = (_a) => {
         setValue(newVal);
         onChange === null || onChange === void 0 ? void 0 : onChange(newVal);
     }, [onChange, setValue]);
-    return (React.createElement(InputField, Object.assign({ value: value, onChange: handleOnChange }, rest), (inputProps) => (React.createElement(PicassoRichTextEditor, Object.assign({ defaultValue: defaultValue }, inputProps)))));
+    const hiddenInputId = `${props.id}-hidden-input`;
+    return (React.createElement(InputField, Object.assign({ value: value, onChange: handleOnChange, label: label ? (React.createElement(FieldLabel, { name: hiddenInputId, required: props.required, label: label, titleCase: titleCase })) : null }, rest), (inputProps) => (React.createElement(PicassoRichTextEditor, Object.assign({ defaultValue: defaultValue, hiddenInputId: hiddenInputId }, inputProps)))));
 };
 export default RichTextEditor;
 //# sourceMappingURL=RichTextEditor.js.map

package/RichTextEditor/RichTextEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.js","sourceRoot":"","sources":["../../src/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAEL,cAAc,IAAI,qBAAqB,GAExC,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAIpD,OAAO,UAAU,MAAM,eAAe,CAAA;AActC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAA0C,EAAE,EAAE;QAA9C,EAAE,QAAQ,EAAE,YAAY,OAAkB,EAAb,IAAI,cAAjC,4BAAmC,CAAF;IAC9D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEtC,+EAA+E;IAC/E,+CAA+C;IAC/C,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,MAAc,EAAE,EAAE;QACjB,QAAQ,CAAC,MAAM,CAAC,CAAA;QAChB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,MAAM,CAAC,CAAA;IACpB,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,kBACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,cAAc,IACpB,IAAI,GAEP,CAAC,UAA+B,EAAE,EAAE,CAAC,CACpC,oBAAC,qBAAqB,kBAAC,YAAY,EAAE,YAAY,IAAM,UAAU,EAAI,CACtE,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"RichTextEditor.js","sourceRoot":"","sources":["../../src/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAEL,cAAc,IAAI,qBAAqB,GAExC,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAIpD,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AActC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAY,EAAE,EAAE;IAC7C,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA7D,kDAAqD,CAAQ,CAAA;IACnE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEtC,+EAA+E;IAC/E,+CAA+C;IAC/C,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,MAAc,EAAE,EAAE;QACjB,QAAQ,CAAC,MAAM,CAAC,CAAA;QAChB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,MAAM,CAAC,CAAA;IACpB,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAA;IACD,MAAM,aAAa,GAAG,GAAG,KAAK,CAAC,EAAE,eAAe,CAAA;IAEhD,OAAO,CACL,oBAAC,UAAU,kBACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,cAAc,EACxB,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,UAAU,IACT,IAAI,EAAE,aAAa,EACnB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,IAEN,IAAI,GAEP,CAAC,UAA+B,EAAE,EAAE,CAAC,CACpC,oBAAC,qBAAqB,kBACpB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,IACxB,UAAU,EACd,CACH,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}

package/Select/Select.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectProps, SelectValueType } from '@toptal/picasso';
 import { FieldProps } from '../Field';
 export declare type Props<T extends SelectValueType, M extends boolean = false> = SelectProps<T, M> & FieldProps<SelectProps<T, M>['value']>;

package/Switch/Switch.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SwitchProps } from '@toptal/picasso';
 import { FieldProps } from '../Field';
 export declare type FormSwitchProps = Omit<SwitchProps, 'onChange'> & {

package/TagSelector/TagSelector.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TagSelectorProps } from '@toptal/picasso';
 import { FieldProps } from '../Field';
 export declare type Props = TagSelectorProps & FieldProps<TagSelectorProps['value']>;

package/TimePicker/TimePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TimePickerProps } from '@toptal/picasso';
 import { FieldProps } from '../Field';
 export declare type FormTimePickerProps = Omit<TimePickerProps, 'onChange'> & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso-forms",
-  "version": "46.0.3-alpha-fx-mui-perf-test.39+ec2256eb",
+  "version": "46.0.3",
   "description": "Picasso form components",
   "author": "Toptal",
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso-forms#readme",
@@ -26,8 +26,8 @@
     "@toptal/picasso": "^26.0.0",
     "@toptal/picasso-shared": "^9.0.0",
     "react": ">=16.12.0 < 19.0.0",
-    "react-dom": ">=16.12.0 < 19.0.0",
-    "typescript": "4.6.x"
+    "typescript": "4.6.x",
+    "react-dom": ">=16.12.0 < 19.0.0"
   },
   "dependencies": {
     "classnames": "^2.3.1",
@@ -44,6 +44,5 @@
     "@types/react-final-form-listeners": "^1.0.0",
     "storybook-readme": "^5.0.9",
     "type-fest": "^2.14.0"
-  },
-  "gitHead": "ec2256ebfd7f18d5b2057548f60330b7efc58ed5"
+  }
 }