{"_id":"react-flow-types","_rev":"3144996","name":"react-flow-types","description":"A small collection of flow type definitions for working with React components","dist-tags":{"latest":"0.2.0-beta.6"},"maintainers":[{"name":"ariaminaei","email":"aria.minaei@gmail.com"}],"time":{"modified":"2023-11-27T07:13:24.000Z","created":"2017-02-24T07:55:37.781Z","0.2.0-beta.6":"2017-11-19T07:50:01.961Z","0.2.0-beta.5":"2017-11-04T07:16:51.702Z","0.2.0-beta.4":"2017-11-01T12:06:23.101Z","0.2.0-beta.3":"2017-10-17T18:42:43.006Z","0.2.0-beta.2":"2017-08-23T09:01:15.691Z","0.2.0-beta.1":"2017-08-23T07:55:25.879Z","0.1.1":"2017-02-24T08:04:35.693Z","0.1.0":"2017-02-24T07:55:37.781Z"},"users":{},"author":{"name":"Aria Minaei","url":"aria.minaei@gmail.com"},"versions":{"0.2.0-beta.6":{"name":"react-flow-types","version":"0.2.0-beta.6","description":"A small collection of flow type definitions for working with React components","main":"index.js","scripts":{"test":"flow"},"keywords":[],"author":{"name":"Aria Minaei","url":"aria.minaei@gmail.com"},"license":"MIT","devDependencies":{"flow-bin":"^0.57.3","react":"^15.4.2","react-dom":"^15.4.2"},"gitHead":"eb7c746ca3ff4b8e939a0814b7ca35c415121b85","_id":"react-flow-types@0.2.0-beta.6","_npmVersion":"5.5.1","_nodeVersion":"8.4.0","_npmUser":{"name":"ariaminaei","email":"aria.minaei@gmail.com"},"dist":{"shasum":"bf49c8b7864fcd0951b03286c63a80d66ce9fae4","size":4079,"noattachment":false,"key":"/react-flow-types/-/react-flow-types-0.2.0-beta.6.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-flow-types/download/react-flow-types-0.2.0-beta.6.tgz"},"maintainers":[{"name":"ariaminaei","email":"aria.minaei@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-flow-types-0.2.0-beta.6.tgz_1511077801020_0.239047636045143"},"directories":{},"publish_time":1511077801961,"_hasShrinkwrap":false,"_cnpm_publish_time":1511077801961,"_cnpmcore_publish_time":"2021-12-16T18:02:18.369Z"},"0.2.0-beta.5":{"name":"react-flow-types","version":"0.2.0-beta.5","description":"A small collection of flow type definitions for working with React components","main":"index.js","scripts":{"test":"flow"},"keywords":[],"author":{"name":"Aria Minaei","url":"aria.minaei@gmail.com"},"license":"MIT","devDependencies":{"flow-bin":"^0.57.3","react":"^15.4.2","react-dom":"^15.4.2"},"gitHead":"21cb6c089cb21223bb372d7aac95b25e04177e68","_id":"react-flow-types@0.2.0-beta.5","_npmVersion":"5.5.1","_nodeVersion":"8.4.0","_npmUser":{"name":"ariaminaei","email":"aria.minaei@gmail.com"},"dist":{"shasum":"e07e3ca8d0d08013ce92ca42637e3baaad79d77f","size":4086,"noattachment":false,"key":"/react-flow-types/-/react-flow-types-0.2.0-beta.5.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-flow-types/download/react-flow-types-0.2.0-beta.5.tgz"},"maintainers":[{"name":"ariaminaei","email":"aria.minaei@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-flow-types-0.2.0-beta.5.tgz_1509779810769_0.16542852902784944"},"directories":{},"publish_time":1509779811702,"_hasShrinkwrap":false,"_cnpm_publish_time":1509779811702,"_cnpmcore_publish_time":"2021-12-16T18:02:18.583Z"},"0.2.0-beta.4":{"name":"react-flow-types","version":"0.2.0-beta.4","description":"A small collection of flow type definitions for working with React components","main":"index.js","scripts":{"test":"flow"},"keywords":[],"author":{"name":"Aria Minaei","url":"aria.minaei@gmail.com"},"license":"MIT","devDependencies":{"flow-bin":"^0.57.3","react":"^15.4.2","react-dom":"^15.4.2"},"gitHead":"4ee91b51893e25c597242d7d8883fbc09bf85dcc","_id":"react-flow-types@0.2.0-beta.4","_npmVersion":"5.5.1","_nodeVersion":"8.4.0","_npmUser":{"name":"ariaminaei","email":"aria.minaei@gmail.com"},"dist":{"shasum":"07542e161528233f3ce0706966f8aa3058ad1762","size":4045,"noattachment":false,"key":"/react-flow-types/-/react-flow-types-0.2.0-beta.4.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-flow-types/download/react-flow-types-0.2.0-beta.4.tgz"},"maintainers":[{"name":"ariaminaei","email":"aria.minaei@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-flow-types-0.2.0-beta.4.tgz_1509537982220_0.44978433125652373"},"directories":{},"publish_time":1509537983101,"_hasShrinkwrap":false,"_cnpm_publish_time":1509537983101,"_cnpmcore_publish_time":"2021-12-16T18:02:18.863Z"},"0.2.0-beta.3":{"name":"react-flow-types","version":"0.2.0-beta.3","description":"A small collection of flow type definitions for working with React components","main":"index.js","scripts":{"test":"flow"},"keywords":[],"author":{"name":"Aria Minaei","url":"aria.minaei@gmail.com"},"license":"MIT","devDependencies":{"flow-bin":"^0.57.3","react":"^15.4.2","react-dom":"^15.4.2"},"gitHead":"3b39b78addc210f3480c02963cc0d4ca0161f1f6","_id":"react-flow-types@0.2.0-beta.3","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"ariaminaei","email":"aria.minaei@gmail.com"},"dist":{"shasum":"93e7e3c95a75a1a941de05b9d7287e3ca6871046","size":3825,"noattachment":false,"key":"/react-flow-types/-/react-flow-types-0.2.0-beta.3.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-flow-types/download/react-flow-types-0.2.0-beta.3.tgz"},"maintainers":[{"name":"ariaminaei","email":"aria.minaei@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-flow-types-0.2.0-beta.3.tgz_1508265762073_0.1193060097284615"},"directories":{},"publish_time":1508265763006,"_hasShrinkwrap":false,"_cnpm_publish_time":1508265763006,"_cnpmcore_publish_time":"2021-12-16T18:02:19.261Z"},"0.2.0-beta.2":{"name":"react-flow-types","version":"0.2.0-beta.2","description":"A small collection of flow type definitions for working with React components","main":"index.js","scripts":{"test":"flow"},"keywords":[],"author":{"name":"Aria Minaei","url":"aria.minaei@gmail.com"},"license":"MIT","devDependencies":{"flow-bin":"^0.39.0","react":"^15.4.2","react-dom":"^15.4.2"},"gitHead":"18d787c0495ca5eccdbdeb6e68df16351e41a418","_id":"react-flow-types@0.2.0-beta.2","_npmVersion":"5.3.0","_nodeVersion":"7.4.0","_npmUser":{"name":"ariaminaei","email":"aria.minaei@gmail.com"},"dist":{"shasum":"4f9e07fa60230708d067612750f60c7a9ea42d81","size":3911,"noattachment":false,"key":"/react-flow-types/-/react-flow-types-0.2.0-beta.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-flow-types/download/react-flow-types-0.2.0-beta.2.tgz"},"maintainers":[{"name":"ariaminaei","email":"aria.minaei@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-flow-types-0.2.0-beta.2.tgz_1503478874850_0.215130367083475"},"directories":{},"publish_time":1503478875691,"_hasShrinkwrap":false,"_cnpm_publish_time":1503478875691,"_cnpmcore_publish_time":"2021-12-16T18:02:19.498Z"},"0.2.0-beta.1":{"name":"react-flow-types","version":"0.2.0-beta.1","description":"A small collection of flow type definitions for working with React components","main":"index.js","scripts":{"test":"flow"},"keywords":[],"author":{"name":"Aria Minaei","url":"aria.minaei@gmail.com"},"license":"MIT","devDependencies":{"flow-bin":"^0.39.0","react":"^15.4.2","react-dom":"^15.4.2"},"gitHead":"337d59d85deafe7d066ef89d0fb0f6f6afb4e6a0","_id":"react-flow-types@0.2.0-beta.1","_npmVersion":"5.3.0","_nodeVersion":"7.4.0","_npmUser":{"name":"ariaminaei","email":"aria.minaei@gmail.com"},"dist":{"shasum":"9253c56f8888a3c7af02c50772b2e094b89969fb","size":3900,"noattachment":false,"key":"/react-flow-types/-/react-flow-types-0.2.0-beta.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-flow-types/download/react-flow-types-0.2.0-beta.1.tgz"},"maintainers":[{"name":"ariaminaei","email":"aria.minaei@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-flow-types-0.2.0-beta.1.tgz_1503474924840_0.9836607128381729"},"directories":{},"publish_time":1503474925879,"_hasShrinkwrap":false,"_cnpm_publish_time":1503474925879,"_cnpmcore_publish_time":"2021-12-16T18:02:19.749Z"},"0.1.1":{"name":"react-flow-types","version":"0.1.1","description":"A small collection of flow type definitions for working with React components","main":"index.js","scripts":{"test":"flow"},"keywords":[],"author":{"name":"Aria Minaei","url":"aria.minaei@gmail.com"},"license":"MIT","devDependencies":{"flow-bin":"^0.39.0","react":"^15.4.2","react-dom":"^15.4.2"},"gitHead":"c7c586fd725342c60f9b7f377a9b3f27b62cb729","_id":"react-flow-types@0.1.1","_shasum":"e7a2f7784d5c234f73dd1173b354f1c86be23179","_from":".","_npmVersion":"4.0.5","_nodeVersion":"7.4.0","_npmUser":{"name":"ariaminaei","email":"aria.minaei@gmail.com"},"dist":{"shasum":"e7a2f7784d5c234f73dd1173b354f1c86be23179","size":4333,"noattachment":false,"key":"/react-flow-types/-/react-flow-types-0.1.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-flow-types/download/react-flow-types-0.1.1.tgz"},"maintainers":[{"name":"ariaminaei","email":"aria.minaei@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/react-flow-types-0.1.1.tgz_1487923473651_0.9278905647806823"},"directories":{},"publish_time":1487923475693,"_hasShrinkwrap":false,"_cnpm_publish_time":1487923475693,"_cnpmcore_publish_time":"2021-12-16T18:02:20.027Z"},"0.1.0":{"name":"react-flow-types","version":"0.1.0","description":"A small collection of flow type definitions for working with React components","main":"index.js","scripts":{"test":"flow"},"keywords":[],"author":{"name":"Aria Minaei","url":"aria.minaei@gmail.com"},"license":"MIT","devDependencies":{"flow-bin":"^0.39.0","react":"^15.4.2","react-dom":"^15.4.2"},"gitHead":"2ea72ad480765bf8f6356418027aa44aee59370a","_id":"react-flow-types@0.1.0","_shasum":"e4b7221a7dbcb258aa4e10f72b97ff9160b6af58","_from":".","_npmVersion":"4.0.5","_nodeVersion":"7.4.0","_npmUser":{"name":"ariaminaei","email":"aria.minaei@gmail.com"},"dist":{"shasum":"e4b7221a7dbcb258aa4e10f72b97ff9160b6af58","size":4333,"noattachment":false,"key":"/react-flow-types/-/react-flow-types-0.1.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-flow-types/download/react-flow-types-0.1.0.tgz"},"maintainers":[{"name":"ariaminaei","email":"aria.minaei@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/react-flow-types-0.1.0.tgz_1487922937226_0.9665792949963361"},"directories":{},"publish_time":1487922937781,"_hasShrinkwrap":false,"_cnpm_publish_time":1487922937781,"_cnpmcore_publish_time":"2021-12-16T18:02:20.228Z"}},"readme":"# react-flow-types\n\n[![Build Status](https://travis-ci.org/digiaonline/react-flow-types.svg?branch=develop)](https://travis-ci.org/digiaonline/react-flow-types)\n[![npm downloads](https://img.shields.io/npm/dt/react-flow-types.svg)](https://www.npmjs.com/package/react-flow-types)\n[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/nordsoftware/react-flow-types/master/LICENSE)\n[![Gitter](https://img.shields.io/gitter/room/norsoftware/open-source.svg?maxAge=2592000)](https://gitter.im/nordsoftware/open-source)\n\n## Note\n\nMost of the types that used to be in this package now have equivalents in [flow@0.53](https://github.com/facebook/flow/releases/tag/v0.53.0), so I'm deprecating them. The most important type that still remains is `HigherOrderComponent`. If you come up with more useful types for react, feel free to submit a PR :)\n\n## Usage\n\n```\n$ npm install --save-dev react-flow-types\n```\n\n### `HigherOrderComponent<RequiredProps, ProvidedProps>`\n\nThe generic type of a higher-order component. A `HigherOrderComponent` always *provides* a set of props to the inner component, and *requires* another set of props to be passed to it.\n\nExample:\n\n```javascript\nimport type {HigherOrderComponent} from 'react-flow-types'\n\ntype RequiredProps = {\n  name: string,\n}\n\ntype ProvidedProps = {\n  input: {\n    value: mixed,\n    onChange: Function,\n  },\n}\n\n// The hoc:\nconst asField = (): HigherOrderComponent<RequiredProps, ProvidedProps> => (component): any => {\n  const FinalComponent = ({name, ...rest}) =>\n    <ReduxFormField name={name} component={component} props={rest} />;\n\n  hoistNonReactStatics(FinalComponent, component)\n\n  FinalComponent.displayName =\n    `asField(${component.displayName || component.name || 'Component'})`\n\n  return FinalComponent\n}\n\nconst Input = ({input}) => <input type=\"text\" {...input} />\nconst WrapperInput = asField(Input)\n\nconst element = <WrappedInput name=\"email\" />\n```\n","_attachments":{},"license":"MIT"}