@toptal/picasso-forms 6.0.4 → 9.0.0

package/Input/Input.js

@@ -1,25 +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 React, { useEffect } from 'react';
 import { Input as PicassoInput } from '@toptal/picasso';
 import FieldWrapper from '../FieldWrapper';
-import getInputName from './utils/get-input-name';
-export const Input = React.forwardRef((props, ref) => (React.createElement(FieldWrapper, Object.assign({}, props), (_a) => {
-    var { name } = _a, inputProps = __rest(_a, ["name"]);
-    return (
-    // TODO: remove getInputName completely when Chrome fixes autocomplete issue
-    // Link to the issue: https://bugs.chromium.org/p/chromium/issues/detail?id=1255609
-    React.createElement(PicassoInput, Object.assign({ name: getInputName(name) }, 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;AAC1D,OAAO,YAAY,MAAM,wBAAwB,CAAA;AAQjD,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA0B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7E,oBAAC,YAAY,oBAAqB,KAAK,GACpC,CAAC,EAAmC,EAAE,EAAE;QAAvC,EAAE,IAAI,OAA6B,EAAxB,UAAU,cAArB,QAAuB,CAAF;IAAmB,OAAA;IACxC,4EAA4E;IAC5E,mFAAmF;IACnF,oBAAC,YAAY,kBAAC,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,IAAM,UAAU,IAAE,GAAG,EAAE,GAAG,IAAI,CACrE,CAAA;CAAA,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.4",
+  "version": "9.0.0",
   "description": "Picasso form components",
   "author": "Toptal",
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso-forms#readme",
@@ -8,23 +8,23 @@
   "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-shared": "^7",
+    "@toptal/picasso": "^13.7.0",
+    "@toptal/picasso-lab": "^12.0.0",
+    "@toptal/picasso-shared": "^7.0.2",
     "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": "a167adf3dd929f357f80d33d86f22fd70f8a8366"
+  }
 }

package/Input/utils/get-input-name.d.ts

@@ -1,2 +0,0 @@
-declare const getInputName: (name?: string | undefined) => string | undefined;
-export default getInputName;

package/Input/utils/get-input-name.js

@@ -1,9 +0,0 @@
-const NAMES_NEED_POSTFIX = ['field', 'input', 'title'];
-const getInputName = (name) => {
-    if (name && NAMES_NEED_POSTFIX.includes(name)) {
-        return `${name}-picasso`;
-    }
-    return name;
-};
-export default getInputName;
-//# sourceMappingURL=get-input-name.js.map

package/Input/utils/get-input-name.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-input-name.js","sourceRoot":"","sources":["../../../src/Input/utils/get-input-name.ts"],"names":[],"mappings":"AAAA,MAAM,kBAAkB,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;AAEtD,MAAM,YAAY,GAAG,CAAC,IAAa,EAAE,EAAE;IACrC,IAAI,IAAI,IAAI,kBAAkB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAC7C,OAAO,GAAG,IAAI,UAAU,CAAA;KACzB;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/Input/utils/get-input-name.test.d.ts

@@ -1 +0,0 @@
-export {};

package/Input/utils/get-input-name.test.js

@@ -1,12 +0,0 @@
-import getInputName from './get-input-name';
-describe('#getInputName', () => {
-    it.each(['title', 'field', 'input'])('adds postfix to "%s"', name => {
-        expect(getInputName(name)).toBe(`${name}-picasso`);
-    });
-    it('returns all other names', () => {
-        expect(getInputName('name')).toBe('name');
-        expect(getInputName('email')).toBe('email');
-        expect(getInputName(undefined)).toBeUndefined();
-    });
-});
-//# sourceMappingURL=get-input-name.test.js.map

package/Input/utils/get-input-name.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-input-name.test.js","sourceRoot":"","sources":["../../../src/Input/utils/get-input-name.test.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,kBAAkB,CAAA;AAE3C,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAU,CAAC,CAC3C,sBAAsB,EACtB,IAAI,CAAC,EAAE;QACL,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,UAAU,CAAC,CAAA;IACpD,CAAC,CACF,CAAA;IAED,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QACzC,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC3C,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EAAE,CAAA;IACjD,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}