@toptal/picasso-forms 6.0.1 → 6.0.5

package/dist-package/Input/Input.js

@@ -0,0 +1,26 @@
+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';
+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';
+export default Input;
+//# sourceMappingURL=Input.js.map

package/dist-package/Input/Input.js.map

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

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

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

package/dist-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/dist-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/dist-package/Input/utils/get-input-name.test.d.ts

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

package/dist-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/dist-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/dist-package/README.md

@@ -0,0 +1,29 @@
+# @toptal/picasso-forms
+
+[![Picasso NPM package](https://img.shields.io/npm/v/@toptal/picasso-forms?color=green&logo=toptal)](https://www.npmjs.com/package/@toptal/picasso-forms)
+
+This package combines the state-management power of [React Final Form](https://final-form.org/react) with the amazing UX of Picasso. It also provides access to [React Final Form Arrays](https://github.com/final-form/react-final-form-arrays).
+
+## Prerequisites
+
+The following peer dependencies are required:
+
+- `@toptal/picasso`
+- `@toptal/picasso-lab`
+- `@toptal/picasso-shared`
+- `react`
+- `react-dom`
+
+## Setup
+
+- `yarn add @toptal/picasso-forms`
+
+## Limitations
+
+Not all final-form features are exposed through this package. If you find a missing one, please [open a Pull Request](../../CONTRIBUTING.md) and add it!
+
+For more info on what's available, check [the index](./src/index.ts).
+
+## Documentation
+
+Documentation and demos are available at [picasso.toptal.net](https://picasso.toptal.net/).

package/{index.d.ts → dist-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 → dist-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/dist-package/index.js.map

@@ -0,0 +1 @@
+{"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/dist-package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@toptal/picasso-forms",
+  "version": "6.0.5",
+  "description": "Picasso form components",
+  "author": "Toptal",
+  "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso-forms#readme",
+  "license": "MIT",
+  "main": "index.js",
+  "module": "index.js",
+  "publishConfig": {
+    "access": "public"
+  },
+  "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"
+  },
+  "bugs": {
+    "url": "https://github.com/toptal/picasso/issues"
+  },
+  "peerDependencies": {
+    "@toptal/picasso": "^13.4.2",
+    "@toptal/picasso-lab": "^9.3.1",
+    "@toptal/picasso-shared": "^7",
+    "react": "^16.12.0",
+    "react-dom": "^16.12.0"
+  },
+  "dependencies": {
+    "classnames": "^2.3.1",
+    "final-form": "^4.20.2",
+    "final-form-arrays": "^3.0.2",
+    "react-final-form": "^6.5.1",
+    "react-final-form-arrays": "^3.1.3",
+    "react-final-form-listeners": "^1.0.3"
+  },
+  "devDependencies": {
+    "@types/classnames": "^2.3.1",
+    "@types/react-final-form-listeners": "^1.0.0",
+    "storybook-readme": "^5.0.9"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso-forms",
-  "version": "6.0.1",
+  "version": "6.0.5",
   "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": "7.0.0",
+    "@toptal/picasso": "^13.4.2",
+    "@toptal/picasso-lab": "^9.3.1",
+    "@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": "11081395be9a330d18f76ea212abcd8a0459f92f"
+  }
 }

package/src/Autocomplete/Autocomplete.tsx

@@ -0,0 +1,21 @@
+import React from 'react'
+import {
+  Autocomplete as PicassoAutocomplete,
+  AutocompleteProps
+} from '@toptal/picasso'
+
+import FieldWrapper, { FieldProps } from '../FieldWrapper'
+
+export type Props = AutocompleteProps & FieldProps<AutocompleteProps['value']>
+
+export const Autocomplete = (props: Props) => (
+  <FieldWrapper<AutocompleteProps> {...props}>
+    {(inputProps: AutocompleteProps) => {
+      return <PicassoAutocomplete {...inputProps} />
+    }}
+  </FieldWrapper>
+)
+
+Autocomplete.displayName = 'Autocomplete'
+
+export default Autocomplete

package/src/Autocomplete/index.ts

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