@toptal/picasso-forms 6.0.3 → 7.1.0

package/Input/Input.js

@@ -1,9 +1,24 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { Input as PicassoInput } from '@toptal/picasso';
 import FieldWrapper from '../FieldWrapper';
-export const Input = React.forwardRef((props, ref) => (React.createElement(FieldWrapper, Object.assign({}, props), (inputProps) => {
-    return React.createElement(PicassoInput, Object.assign({}, inputProps, { ref: ref }));
-})));
+const warnAutocompleteDisabledInput = (name) => {
+    const autocompleteDisabled = name && /^(((field|input)(_|-)?\d+)|tan|otp|title|captcha)$/.test(name);
+    if (autocompleteDisabled) {
+        console.warn(`
+In Chromium-based browsers, autocomplete might be disabled for input[name="${name}"].
+Known bug: https://bugs.chromium.org/p/chromium/issues/detail?id=1255609
+    `);
+    }
+};
+export const Input = React.forwardRef((props, ref) => {
+    useEffect(() => {
+        // TODO: remove this console.warn completely when Chrome fixes autocomplete issue
+        // Regex is taken from https://source.chromium.org/chromium/chromium/src/+/main:components/autofill/core/browser/autocomplete_history_manager.cc;l=53;drc=1d2260f9ed19c755db1631b7fb9b1ba216b323dc
+        // 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 }))));
+});
 Input.defaultProps = {};
 Input.displayName = 'Input';
 export default Input;

package/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,IAAI,YAAY,EAAc,MAAM,iBAAiB,CAAA;AAEnE,OAAO,YAA4B,MAAM,iBAAiB,CAAA;AAQ1D,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA0B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7E,oBAAC,YAAY,oBAAqB,KAAK,GACpC,CAAC,UAAsB,EAAE,EAAE;IAC1B,OAAO,oBAAC,YAAY,oBAAK,UAAU,IAAE,GAAG,EAAE,GAAG,IAAI,CAAA;AACnD,CAAC,CACY,CAChB,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;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"}

package/index.d.ts

@@ -1,4 +1,5 @@
-export { FORM_ERROR, FormApi, MutableState, AnyObject, FieldValidator, SubmissionErrors, Config, setIn } from 'final-form';
+export type { FormApi, MutableState, AnyObject, FieldValidator, SubmissionErrors, Config } from 'final-form';
+export { FORM_ERROR, setIn } from 'final-form';
 export { useForm, useField, useFormState, FormSpy, Form as FinalForm, Field as FinalField } from 'react-final-form';
 export type { FieldMetaState, FieldRenderProps, FormRenderProps, FieldProps, FormProps, FieldInputProps } from 'react-final-form';
 export { default as arrayMutators } from 'final-form-arrays';

package/index.js

@@ -1,4 +1,3 @@
-// Final Form exports
 export { FORM_ERROR, setIn } from 'final-form';
 export { useForm, useField, useFormState, FormSpy, Form as FinalForm, Field as FinalField } from 'react-final-form';
 export { default as arrayMutators } from 'final-form-arrays';

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,qBAAqB;AACrB,OAAO,EAAE,UAAU,EAA8E,KAAK,EAAE,MAAM,YAAY,CAAA;AAC1H,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAEnH,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAEnE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAEzF,wBAAwB;AACxB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAExD,qEAAqE"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAEnH,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAEnE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAEzF,wBAAwB;AACxB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAExD,qEAAqE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso-forms",
-  "version": "6.0.3",
+  "version": "7.1.0",
   "description": "Picasso form components",
   "author": "Toptal",
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso-forms#readme",
@@ -8,22 +8,22 @@
   "main": "index.js",
   "module": "index.js",
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "directory": "dist-package"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/toptal/picasso.git"
   },
   "scripts": {
-    "build:package": "cross-env NODE_ENV=production node ../../bin/build.js --tsConfig=./tsconfig.build.json",
-    "prepublishOnly": "../../bin/prepublish.js"
+    "build:package": "cross-env NODE_ENV=production node ../../bin/build.js --tsConfig=./tsconfig.build.json"
   },
   "bugs": {
     "url": "https://github.com/toptal/picasso/issues"
   },
   "peerDependencies": {
-    "@toptal/picasso": "^12",
-    "@toptal/picasso-lab": "^9",
+    "@toptal/picasso": "^13.5.0",
+    "@toptal/picasso-lab": "^10.0.0",
     "@toptal/picasso-shared": "^7",
     "react": "^16.12.0",
     "react-dom": "^16.12.0"
@@ -40,6 +40,5 @@
     "@types/classnames": "^2.3.1",
     "@types/react-final-form-listeners": "^1.0.0",
     "storybook-readme": "^5.0.9"
-  },
-  "gitHead": "a9395c2baeb83faba283c532c9e509227a6cab43"
+  }
 }