@toptal/picasso-forms 6.0.0 → 6.0.4

package/Input/Input.js

@@ -1,8 +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 { 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 }));
+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 })));
 })));
 Input.defaultProps = {};
 Input.displayName = '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,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"}

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

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

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1 @@
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso-forms",
-  "version": "6.0.0",
+  "version": "6.0.4",
   "description": "Picasso form components",
   "author": "Toptal",
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso-forms#readme",
@@ -22,9 +22,9 @@
     "url": "https://github.com/toptal/picasso/issues"
   },
   "peerDependencies": {
-    "@toptal/picasso": "^6",
-    "@toptal/picasso-lab": "^4",
-    "@toptal/picasso-shared": "6.0.0",
+    "@toptal/picasso": "^12",
+    "@toptal/picasso-lab": "^9",
+    "@toptal/picasso-shared": "^7",
     "react": "^16.12.0",
     "react-dom": "^16.12.0"
   },
@@ -41,5 +41,5 @@
     "@types/react-final-form-listeners": "^1.0.0",
     "storybook-readme": "^5.0.9"
   },
-  "gitHead": "cf7b023c7f3d124b6b1e709399c5a397006e463a"
+  "gitHead": "a167adf3dd929f357f80d33d86f22fd70f8a8366"
 }