{"_id":"@arch-inc/react-input-slider","_rev":"1-ece7cd2104651369a2dcbacb992d844b","name":"@arch-inc/react-input-slider","dist-tags":{"latest":"5.1.8"},"versions":{"5.1.8":{"name":"@arch-inc/react-input-slider","version":"5.1.8","description":"React input slider component (fork)","main":"dist/index.cjs.js","module":"dist/index.esm.js","types":"index.d.ts","sideEffects":false,"scripts":{"build":"rollup -c","test":"NODE_ENV=production jest --coverage","prepublishOnly":"npm test && npm run build","watch":"rollup -cw","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+https://github.com/arch-inc/react-input-slider.git"},"bugs":{"url":"https://github.com/arch-inc/react-input-slider/issues"},"keywords":["input","react","react-component","slider"],"author":{"name":"Jun Kato","email":"i@junkato.jp","url":"https://junkato.jp"},"homepage":"https://github.com/arch-inc/react-input-slider","license":"MIT","dependencies":{"@babel/runtime":"^7.9.2","@emotion/core":"^10.0.14"},"devDependencies":{"@babel/core":"^7.9.0","@rollup/plugin-babel":"^5.0.0","@rollup/plugin-commonjs":"^11.1.0","@rollup/plugin-node-resolve":"^7.1.3","@storybook/addon-actions":"^5.3.18","@storybook/addon-links":"^5.3.18","@storybook/addons":"^5.3.18","@storybook/react":"^5.3.18","babel-jest":"^25.2.4","babel-loader":"^8.1.0","babel-preset-swiftcarrot":"^1.1.0","jest":"^25.2.4","prettier":"^1.19.1","react":"^16.8.6","react-dom":"^16.8.6","react-test-renderer":"^16.8.6","rollup":"^2.8.2"},"peerDependencies":{"react":"^16.8.4","react-dom":"^16.8.4"},"jest":{"collectCoverage":true,"collectCoverageFrom":["src/**/*.js"]},"gitHead":"c99bc9c8d528d93260a3ba69c6342432e0c7edf1","_id":"@arch-inc/react-input-slider@5.1.8","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-z3hluavbC/fXc0m5OWcZolo5v/VfHRv0dOEXbJcceRhpJntwwzgI2jR0x5pffNXpMSOqHITetb5zW41z4ugNiA==","shasum":"0c359034891d5adde6485e51ed028136860a2d09","tarball":"https://registry.npmjs.org/@arch-inc/react-input-slider/-/react-input-slider-5.1.8.tgz","fileCount":7,"unpackedSize":39612,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfCaniCRA9TVsSAnZWagAAbUoP/AhYjsi+jCi5LCR5w72D\nJutIc1dqWlUGPeD96EaF/xj3JCiEimBvcl8xA39J2W25pIu4F6Zsy+4v2PS5\nHaOP6+AurFVO0JECshrGfHaplTrI9kUvjx+8lbeR4DbjTfE4m8rjelxg47OT\nzIox1Tk048/UfRdZMWl3G5dxSjiuKPyeEi1upngBkklCyUcoEgBACJo0Xc+P\n3RKqYHlWAMQeXz9r31GMXoyp585LFUVaOI8We9jsl8huLEE+D5I3mu6ZDogS\nIa++RkRVKhv6kWnMvDHw2UgSyLE7ybASkmj1aZBAQ2mYi6WT1j8YrlaaoOaH\nkZ/KUD1/tiaMiYBPfBr5zlB0UmxP2jeAVVENPSKaGjb1GFXGxO6qBwi0RPMg\nKp6jk7BQWeSoJJgUuKB9H9RBYdZ69VBAFS/YJTBAZobEsXcyF1fy2gQcdHmx\n4ocWZOM5aAcqpoNuba4naum/sw3vLZn4BVoh/kAo9ywquPTJGzo9AhFtol9z\nTzWIM02DKH8FUs0OdNYb2/UWMRvIYWKbAOZKwhU26SPGd1vMqu91Muw8Pvpz\ne59Sh+Wwq9/6YYgrM5wQjflE+KDUyZ5FqDkoWMNSQoADmmYPL8lL5mwPd+UC\npZ65IQV+rEcu1zQuze1lnNBIKUO/Lxy+8ZrtLeHzSzXr7f/zK/Oilxq89sUx\n2cBo\r\n=7izd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCftIJTHjujhIdwKeKDIMXJXKWUSvUfguHDZ2EFlUpE1AIhALtA0Y3INq24wWqBCmwTVfJd8J41uc57xjxIRLvHZ98D"}]},"maintainers":[{"name":"arcatdmz","email":"i@junkato.jp"}],"_npmUser":{"name":"arcatdmz","email":"i@junkato.jp"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-input-slider_5.1.8_1594468834104_0.18693281575923582"},"_hasShrinkwrap":false}},"time":{"created":"2020-07-11T12:00:33.833Z","5.1.8":"2020-07-11T12:00:34.264Z","modified":"2022-04-04T15:17:42.797Z"},"maintainers":[{"name":"arcatdmz","email":"i@junkato.jp"}],"description":"React input slider component (fork)","homepage":"https://github.com/arch-inc/react-input-slider","keywords":["input","react","react-component","slider"],"repository":{"type":"git","url":"git+https://github.com/arch-inc/react-input-slider.git"},"author":{"name":"Jun Kato","email":"i@junkato.jp","url":"https://junkato.jp"},"bugs":{"url":"https://github.com/arch-inc/react-input-slider/issues"},"license":"MIT","readme":"# react-input-slider\n\n[](https://www.npmjs.com/package/react-input-slider)\n[](https://www.npmjs.com/package/react-input-slider)\n[](https://travis-ci.org/swiftcarrot/react-input-slider)\n[](https://codecov.io/gh/swiftcarrot/react-input-slider)\n[](https://github.com/prettier/prettier)\n\nReact slider component\n\n### Installation\n\n```sh\nyarn add react-input-slider\nnpm install react-input-slider --save\n```\n\n### Demo\n\n[https://swiftcarrot.dev/react-input-slider](https://swiftcarrot.dev/react-input-slider)\n\n### Usage\n\n```javascript\nimport React from 'react';\nimport Slider from 'react-input-slider';\n\nfunction App() {\n const [state, setState] = useState({ x: 10, y: 10 });\n\n return (\n \n ({state.x}, {state.y})\n \n setState(state => ({ ...state, x }))}\n />\n setState(state => ({ ...state, y }))} />\n
\n );\n}\n```\n\n### Styling\n\nv5 introduces a new styling api powered by [emotion](https://emotion.sh/)\n\n```javascript\n\n```\n\n### Props\n\n| Name | Type | Description | Default |\n| ----------- | -------- | ------------------------------------- | ------- |\n| axis | string | type of slider (`'x'`, `'y'`, `'xy'`) | `'x'` |\n| x | number | value of x | `50` |\n| xmax | number | max of x | `100` |\n| xmin | number | min of x | `0` |\n| y | number | value of y | `50` |\n| ymax | number | max of y | `100` |\n| ymin | number | min of y | `0` |\n| xstep | number | step of x | `1` |\n| ystep | number | step of y | `1` |\n| onChange | function | handleChange | `null` |\n| onDragStart | function | handleDragStart | `null` |\n| onDragEnd | function | handleDragEnd | `null` |\n| disabled | boolean | input disabled | false |\n| xreverse | boolean | reverse on x | false |\n| yreverse | boolean | reverse on y | false |\n\n### License\n\nMIT\n","readmeFilename":"README.md"}