{"_id":"@arcane-digital/maxliving-loading-indicator","_rev":"2-cf4a01ae86c796b371edfc6ae09d567c","name":"@arcane-digital/maxliving-loading-indicator","description":"Five Essentials Loading Indicator for MaxLiving","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@arcane-digital/maxliving-loading-indicator","version":"0.1.0","description":"Five Essentials Loading Indicator for MaxLiving","main":"dist/index.js","scripts":{"build":"rm -rf dist && babel src --ignore *.spec.js -d dist","start":"start-storybook -p 9000 -c .storybook","preversion":"npm test","test":"jest"},"author":{"name":"Mike Robinson","email":"m.robinson@arcane.ws"},"license":"UNLICENSED","peerDependencies":{"react":"^15.6.1"},"devDependencies":{"@storybook/addon-storyshots":"^3.2.8","@storybook/react":"^3.2.8","babel-cli":"^6.26.0","babel-eslint":"^8.0.0","babel-jest":"^21.0.2","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","enzyme":"^2.9.1","eslint":"^4.7.2","eslint-config-react-app":"^2.0.0","eslint-plugin-flowtype":"^2.35.1","eslint-plugin-import":"^2.7.0","eslint-plugin-jsx-a11y":"^6.0.2","eslint-plugin-react":"^7.3.0","jest":"^21.1.0","jest-styled-components":"^4.6.0","react":"^15.6.1","react-dom":"^15.6.1","react-test-renderer":"^15.6.1"},"dependencies":{"styled-components":"^2.1.2"},"gitHead":"29c9bf0583a381c0c9fe65175d65a9b45c3886f7","_id":"@arcane-digital/maxliving-loading-indicator@0.1.0","_npmVersion":"5.3.0","_nodeVersion":"8.5.0","_npmUser":{"name":"arcane-digital","email":"dev@arcane.ws"},"dist":{"integrity":"sha512-O0qupb4HUCmpV2dCuaA9s/11rCJ/M5smTVHWX59fXFRgJfWLA09qhqfy9XhunUp5maGHhbN34AI8c56yTeK0cw==","shasum":"3e939a42074486023e1e9f737eaa65f1e1ae6829","tarball":"https://registry.npmjs.org/@arcane-digital/maxliving-loading-indicator/-/maxliving-loading-indicator-0.1.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDNufo8iixNfuSC7oBqzFyja25a70+CfWn6WYlkEFscKAiEA7i62OLfBoofnExVOIPXlRSxzZkhZhqdNY9NopQY0Ynw="}]},"maintainers":[{"name":"arcane-digital","email":"dev@arcane.ws"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/maxliving-loading-indicator-0.1.0.tgz_1506095395788_0.8399516665376723"}},"0.1.1":{"name":"@arcane-digital/maxliving-loading-indicator","version":"0.1.1","description":"Five Essentials Loading Indicator for MaxLiving","main":"dist/index.js","scripts":{"build":"rm -rf dist && babel src --ignore *.spec.js -d dist","start":"start-storybook -p 9000 -c .storybook","prepublish":"npm run build","preversion":"npm test","test":"jest"},"author":{"name":"Mike Robinson","email":"m.robinson@arcane.ws"},"license":"UNLICENSED","peerDependencies":{"react":"^15.6.1"},"devDependencies":{"@storybook/addon-storyshots":"^3.2.8","@storybook/react":"^3.2.8","babel-cli":"^6.26.0","babel-eslint":"^8.0.0","babel-jest":"^21.0.2","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","enzyme":"^2.9.1","eslint":"^4.7.2","eslint-config-react-app":"^2.0.0","eslint-plugin-flowtype":"^2.35.1","eslint-plugin-import":"^2.7.0","eslint-plugin-jsx-a11y":"^6.0.2","eslint-plugin-react":"^7.3.0","jest":"^21.1.0","jest-styled-components":"^4.6.0","react":"^15.6.1","react-dom":"^15.6.1","react-test-renderer":"^15.6.1"},"dependencies":{"styled-components":"^2.1.2"},"gitHead":"aeedcbdb369e9522764f5e268b2759c43446b990","_id":"@arcane-digital/maxliving-loading-indicator@0.1.1","_npmVersion":"5.3.0","_nodeVersion":"8.5.0","_npmUser":{"name":"arcane-digital","email":"dev@arcane.ws"},"dist":{"integrity":"sha512-3AvWcgvRUzDORAfSJN5s675HYrhfBdfv9mf/zKs6M/myZ6WR/St49oqIopSNLfV/K+gYGjbAb3lpc+j4JTLWRA==","shasum":"69ea4efb413594064efa1275caf5e21a746fd938","tarball":"https://registry.npmjs.org/@arcane-digital/maxliving-loading-indicator/-/maxliving-loading-indicator-0.1.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBDbLsQLE/MY5kCRgtYiUcNGKoVyNwdQnSz2axiJ49sIAiEA7uGoOLzjRNjhNsMMlfBxadS59ADSGCoarRzoxK1K3RM="}]},"maintainers":[{"name":"arcane-digital","email":"dev@arcane.ws"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/maxliving-loading-indicator-0.1.1.tgz_1506106126760_0.19897338491864502"}}},"readme":"# MaxLiving \"The Five Essentials\" Loading Indicator #\n\nA React component for indicating a loading status using ML's \"The Five Essentials\" branded icons.\n\n## Installation and Usage\n\nInstall the package and peer dependencies.\n\n```\nnpm install react react-dom @arcane-digital/maxliving-loading-indicator\n```\n\nBring in the component wherever you need it.\n\n```\nimport React, { Component } from 'react';\nimport { render } from 'react-dom';\nimport LoadingIndicator from '@arcane-digital/maxliving-loading-indicator';\n\nclass MyComponentThatHasToLoadStuff extends Component {\n  state = { loading: true }\n  \n  componentDidMount() {\n    setTimeout(() => this.setState({ loading: false }), 4000);\n  }\n  \n  render() {\n  \tif (this.state.loading) return <LoadingIndicator />;\n\n\treturn (\n\t  <div>This content took some time to load.</div>\n\t);\n  }\n}\n\nrender(\n\t<MyComponentThatHasToLoadStuff />,\n\tdocument.body\n);\n```\n\n## Contributing\n\n### How do I get set up? ###\n\nClone the repository, use the right Node version (via NVM), install dependencies.\n\n```\ngit clone git@bitbucket.org:arcanedigital/loading-indicator.git && cd loading-indicator\nnvm use\nnpm install\n```\n\n### How do I develop? ###\n\nWe're using [Storybook](http://storybook.js.org) to develop the component.\n\nStart up Storybook:\n\n```\nnpm start\n```\n\nThen open your browser to [http://localhost:9000](http://localhost:9000)\n\n![Storybook](./sample.gif)\n\n\n### How do I run tests? ###\n\n```\nnpm test\n```\n\n","maintainers":[{"name":"arcane-digital","email":"dev@arcane.ws"}],"time":{"modified":"2022-04-04T15:16:29.261Z","created":"2017-09-22T15:49:57.829Z","0.1.0":"2017-09-22T15:49:57.829Z","0.1.1":"2017-09-22T18:48:48.790Z"},"author":{"name":"Mike Robinson","email":"m.robinson@arcane.ws"},"license":"UNLICENSED","readmeFilename":"README.md"}