@toptal/picasso-forms 47.0.0 → 47.1.1

package/AvatarUpload/AvatarUpload.d.ts

@@ -0,0 +1,9 @@
+import { AvatarUploadProps } from '@toptal/picasso';
+import { FieldProps } from '../Field';
+declare type Props = AvatarUploadProps & FieldProps<AvatarUploadProps['value']>;
+declare const AvatarUpload: {
+    (props: Props): JSX.Element;
+    defaultProps: {};
+    displayName: string;
+};
+export default AvatarUpload;

package/AvatarUpload/AvatarUpload.js

@@ -0,0 +1,48 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+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 { AvatarUpload as PicassoAvatarUpload, } from '@toptal/picasso';
+import FieldLabel from '../FieldLabel';
+import InputField from '../InputField';
+const AvatarUpload = (props) => {
+    // dropping 'src' value here out from 'rest'. 'src' value should be provided via form context
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { label, titleCase, src } = props, rest = __rest(props, ["label", "titleCase", "src"]);
+    const handleDropAccepted = ({ acceptedFile, finalFormOnChange, }) => __awaiter(void 0, void 0, void 0, function* () {
+        const reader = new FileReader();
+        reader.readAsDataURL(acceptedFile);
+        reader.onload = () => {
+            // setting form value to the new file
+            finalFormOnChange({ file: acceptedFile, src: reader.result });
+        };
+    });
+    return (React.createElement(InputField, Object.assign({}, rest, { label: label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, titleCase: titleCase })) : null }), inputProps => {
+        var _a;
+        return (React.createElement(PicassoAvatarUpload, Object.assign({}, inputProps, { src: (_a = inputProps.value) === null || _a === void 0 ? void 0 : _a.src, onDropAccepted: acceptedFile => handleDropAccepted({
+                acceptedFile,
+                finalFormOnChange: inputProps.onChange,
+            }) })));
+    }));
+};
+AvatarUpload.defaultProps = {};
+AvatarUpload.displayName = 'AvatarUpload';
+export default AvatarUpload;
+//# sourceMappingURL=AvatarUpload.js.map

package/AvatarUpload/AvatarUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarUpload.js","sourceRoot":"","sources":["../../src/AvatarUpload/AvatarUpload.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,YAAY,IAAI,mBAAmB,GAGpC,MAAM,iBAAiB,CAAA;AAIxB,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAQtC,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE;IACpC,6FAA6F;IAC7F,6DAA6D;IAC7D,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA1C,6BAAkC,CAAQ,CAAA;IAEhD,MAAM,kBAAkB,GAAG,CAAO,EAChC,YAAY,EACZ,iBAAiB,GAIlB,EAAE,EAAE;QACH,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAA;QAE/B,MAAM,CAAC,aAAa,CAAC,YAAY,CAAC,CAAA;QAElC,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;YACnB,qCAAqC;YACrC,iBAAiB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,CAAC,MAAgB,EAAE,CAAC,CAAA;QACzE,CAAC,CAAA;IACH,CAAC,CAAA,CAAA;IAED,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,UAAU,CAAC,EAAE;;QAAC,OAAA,CACb,oBAAC,mBAAmB,oBACd,UAAU,IACd,GAAG,EAAE,MAAA,UAAU,CAAC,KAAK,0CAAE,GAAG,EAC1B,cAAc,EAAE,YAAY,CAAC,EAAE,CAC7B,kBAAkB,CAAC;gBACjB,YAAY;gBACZ,iBAAiB,EAAE,UAAU,CAAC,QAAQ;aACvC,CAAC,IAEJ,CACH,CAAA;KAAA,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,YAAY,CAAC,YAAY,GAAG,EAAE,CAAA;AAE9B,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,eAAe,YAAY,CAAA"}

package/AvatarUpload/index.d.ts

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

package/AvatarUpload/index.js

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

package/AvatarUpload/index.js.map

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

package/FieldBase/types.d.ts

@@ -1,7 +1,8 @@
 import { DateOrDateRangeType } from '@toptal/picasso';
 import { Item } from '@toptal/picasso/Autocomplete';
 import { FileUpload } from '@toptal/picasso/FileInput';
-export declare type ValueType = string | string[] | number | boolean | null | undefined | FileUpload[] | DateOrDateRangeType | Item | Item[];
+import { FileUpload as AvatarUploadFileUpload } from '@toptal/picasso/AvatarUpload';
+export declare type ValueType = string | string[] | number | boolean | null | undefined | AvatarUploadFileUpload | FileUpload[] | DateOrDateRangeType | Item | Item[];
 export interface IFormComponentProps {
     value?: ValueType;
 }

package/FormCompound/index.d.ts

@@ -94,4 +94,9 @@ export declare const FormCompound: {
         displayName: string;
     };
     RichTextEditor: (props: import("../RichTextEditor/RichTextEditor").Props) => JSX.Element;
+    AvatarUpload: {
+        (props: import("@toptal/picasso").AvatarUploadProps & import("react-final-form").FieldProps<import("@toptal/picasso").AvatarUploadFileUpload | undefined, import("react-final-form").FieldRenderProps<import("@toptal/picasso").AvatarUploadFileUpload | undefined, HTMLInputElement>, HTMLInputElement> & import("@toptal/picasso-shared/src").TextLabelProps): JSX.Element;
+        defaultProps: {};
+        displayName: string;
+    };
 };

package/FormCompound/index.js

@@ -21,6 +21,7 @@ import Dropzone from '../Dropzone';
 import RichTextEditor from '../RichTextEditor';
 import PasswordInput from '../PasswordInput';
 import { FormConfigContext } from '../FormConfig';
+import AvatarUpload from '../AvatarUpload';
 export const FormCompound = Object.assign(Form, {
     Autocomplete: Autocomplete,
     Input: Input,
@@ -44,5 +45,6 @@ export const FormCompound = Object.assign(Form, {
     PasswordInput: PasswordInput,
     FieldRequirements: FieldRequirements,
     RichTextEditor: RichTextEditor,
+    AvatarUpload: AvatarUpload,
 });
 //# sourceMappingURL=index.js.map

package/FormCompound/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FormCompound/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,KAAK,MAAM,UAAU,CAAA;AAC5B,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,KAAK,MAAM,UAAU,CAAA;AAC5B,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;IAC9C,YAAY,EAAE,YAAY;IAC1B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,QAAQ;IAClB,cAAc,EAAE,cAAc;IAC9B,aAAa,EAAE,aAAa;IAC5B,WAAW,EAAE,WAAW;IACxB,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,UAAU;IACtB,UAAU,EAAE,UAAU;IACtB,WAAW,EAAE,WAAW;IACxB,YAAY,EAAE,YAAY;IAC1B,cAAc,EAAE,iBAAiB,CAAC,QAAQ;IAC1C,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,QAAQ;IAClB,aAAa,EAAE,aAAa;IAC5B,iBAAiB,EAAE,iBAAiB;IACpC,cAAc,EAAE,cAAc;CAC/B,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FormCompound/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,KAAK,MAAM,UAAU,CAAA;AAC5B,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,KAAK,MAAM,UAAU,CAAA;AAC5B,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAE1C,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;IAC9C,YAAY,EAAE,YAAY;IAC1B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,QAAQ;IAClB,cAAc,EAAE,cAAc;IAC9B,aAAa,EAAE,aAAa;IAC5B,WAAW,EAAE,WAAW;IACxB,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,UAAU;IACtB,UAAU,EAAE,UAAU;IACtB,WAAW,EAAE,WAAW;IACxB,YAAY,EAAE,YAAY;IAC1B,cAAc,EAAE,iBAAiB,CAAC,QAAQ;IAC1C,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,QAAQ;IAClB,aAAa,EAAE,aAAa;IAC5B,iBAAiB,EAAE,iBAAiB;IACpC,cAAc,EAAE,cAAc;IAC9B,YAAY,EAAE,YAAY;CAC3B,CAAC,CAAA"}

package/PasswordInput/PasswordInput.js

@@ -27,7 +27,7 @@ const validatePassword = (value) => {
         passwordValidators.atLeastOneUpperCaseCharacter(value) &&
         passwordValidators.atLeastOneLowerCaseCharacter(value) &&
         passwordValidators.atLeastOneSpecialCharacter(value);
-    return isValidPassword ? undefined : 'Invalid password';
+    return isValidPassword ? undefined : 'Please enter a valid password.';
 };
 export const PasswordInput = (_a) => {
     var { validate, hideRequirements } = _a, rest = __rest(_a, ["validate", "hideRequirements"]);

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso-forms",
-  "version": "47.0.0",
+  "version": "47.1.1",
   "description": "Picasso form components",
   "author": "Toptal",
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso-forms#readme",
@@ -39,7 +39,7 @@
     "react-final-form-listeners": "^1.0.3"
   },
   "devDependencies": {
-    "@testing-library/react-hooks": "^7.0.2",
+    "@testing-library/react-hooks": "^8.0.1",
     "@types/classnames": "^2.3.1",
     "@types/react-final-form-listeners": "^1.0.0",
     "storybook-readme": "^5.0.9",

package/utils/use-field-validation/use-field-validation.d.ts

@@ -7,6 +7,6 @@ export declare type Props<T extends ValueType> = {
     validators: FieldValidator<T>;
     shouldValidateOnSubmit?: boolean;
 };
-export declare const getFieldError: <T extends ValueType>(meta: FieldMetaState<T>, shouldValidateOnSubmit?: boolean | undefined) => any;
+export declare const getFieldError: <T extends ValueType>(meta: FieldMetaState<T>, shouldValidateOnSubmit?: boolean) => any;
 declare const useFieldValidation: <T extends ValueType>({ name, meta, validators, shouldValidateOnSubmit, }: Props<T>) => any;
 export default useFieldValidation;