{"_id":"@adactiveasia/adasia-clock","_rev":"3-1dfbf8bb8cbec63139f4e16002308399","name":"@adactiveasia/adasia-clock","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@adactiveasia/adasia-clock","version":"0.0.1","description":"Adsum Clock Component","main":"index.js","author":{"name":"Stanley Ong","email":"stanley.ong@adactive.com"},"contributors":[{"name":"Erlanda Zakaria","email":"erlandazakaria@gmail.com"}],"license":"UNLISENCED","repository":{"type":"git","url":"git://github.com/adactiveasia/adsum-react-components.git"},"bugs":{"url":"https://github.com/adactiveasia/adsum-react-components.git/issues"},"scripts":{},"publishConfig":{"access":"public"},"dependencies":{"chalk":"^1.1.3","commander":"^2.9.0"},"devDependencies":{"prop-types":"^15.6.1","react":"^16.3.2"},"peerDependencies":{"prop-types":"^15.6.1","react":"^16.3.2"},"keywords":["adsum","react","redux"],"bin":{"arc-clock":"./cli.js"},"homepage":"https://github.com/adactiveasia/adsum-react-components#readme","_id":"@adactiveasia/adasia-clock@0.0.1","_npmVersion":"6.4.1","_nodeVersion":"8.16.0","_npmUser":{"name":"devadactiveasia","email":"dev@adactive.asia"},"dist":{"integrity":"sha512-4g2dtzj3HLcy1cbrnHYDXN1K4Cel4FpJx3ZCOeOL3LUtew3vDIJUwxezm7v/UAM/vF+aRdR4AQyeR6+NMd5ZQg==","shasum":"d44784fc0d4e4e1f822e0ca4292e748ec2ec18ce","tarball":"https://registry.npmjs.org/@adactiveasia/adasia-clock/-/adasia-clock-0.0.1.tgz","fileCount":10,"unpackedSize":11653,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFBy1CRA9TVsSAnZWagAALQcP/jsHMqWFucehjSFikovT\nHJoTnaqfy1Bsi3TCEFs1f1Evq5VkzZJBDnEji1qIyLIpWN2nJV3BTKX1NgZG\nvW5JzNqZVcDV0tZzG2H44MpyeHDVhlTTt4/Qw+66r3rkgxqP2Fj3IhuII+uK\n5h15gvzqohCBCaeSsLDPELpVnpR0TN8Xeiv7WbtwlFMjMM5tbHi+M6vWXrjc\nJeq2+uStjZT3MPo3nFRk7eEg92I94JBD37BiBYKT9Mw4MQvciWnWxcuPFwx/\nfMvNIK4bVcagALiGtwHaOqFbbOlGWvmRwXAVXUSE0+hZr8m7F9dvWsL+gGHA\nT2Ptrt//57YXDIAA8lCzcAV2cC/v0bSmz2v+WwKBb+w0RfgzLQcUE//fvSlI\nCon4egx6LkRDoJovJjx5QNScy6fcLWsQigtXtRDKVk30+LD+qZruGQwoWe50\nTtfUfFeaNqhZPAcgzmxsplj3/e6rSu0+ux/M9V6BoKLpvwT3LWg07E88mKcg\n56RSQ/qIYDQM9kSApvjy7Tl/md6UJPMRXwEyPjqDaBCdjzVx2KSwd1SglJeO\n1caEg3bq0Mm7jrTcl2kufx55lTZKeeAydo6AKyzWeVeVICLLVZLVBsfL39lG\n8eUdEBqYey7R0SL49H/j8GZlZ8qUtvqkMtYv6Fb/emIGVC1xVUYp28jSuAZf\nGq/7\r\n=1SjN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAedXOtXyc4OPA1Zsdkx5o18CrVjLOw/qBmHVtjUYdysAiEA1IK6f0kB7bijpiwTfvAJS7zwuzS5mVtoHTGhtnXYkeQ="}]},"maintainers":[{"name":"devadactiveasia","email":"dev@adactive.asia"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/adasia-clock_0.0.1_1578376373033_0.8039932534452323"},"_hasShrinkwrap":false}},"time":{"created":"2020-01-07T05:52:52.802Z","0.0.1":"2020-01-07T05:52:53.149Z","modified":"2022-04-04T11:22:39.345Z"},"maintainers":[{"email":"dev@adactive.asia","name":"devadactiveasia"}],"description":"Adsum Clock Component","homepage":"https://github.com/adactiveasia/adsum-react-components#readme","keywords":["adsum","react","redux"],"repository":{"type":"git","url":"git://github.com/adactiveasia/adsum-react-components.git"},"contributors":[{"name":"Erlanda Zakaria","email":"erlandazakaria@gmail.com"}],"author":{"name":"Stanley Ong","email":"stanley.ong@adactive.com"},"bugs":{"url":"https://github.com/adactiveasia/adsum-react-components.git/issues"},"license":"UNLISENCED","readme":"# Clock component\n\nThe clock component is, in reality, a wrapper function, which wraps the component, which you supply and provides all the props you need to create your own look and feel for the clock :)\n\n![image](https://user-images.githubusercontent.com/6003532/39854315-ce02252c-5459-11e8-826a-f59717fbff0f.png)\n\n[Live examples here](https://adactivesas.github.io/adsum-react-components/packages/adsum-clock/examples/index.html)\n\n## Getting started\n\n```javascript\n    npm i --save @adactive/arc-clock\n```\nOR\n```javascript\n    yarn add @adactive/arc-clock\n```\n\n```javascript\n    import AdsumClock from \"@adactive/arc-clock\"\n     ...\n    // Your own stateless UI component for the clock\n    // You will be provided with props, which are described below\n    const ClockUi = (props) => (\n        <div role=\"presentation\" className=\"adsum-clock-wrapper\">\n            <div className=\"adsum-clock\">\n                <div className=\"day-date\">{props.dateStr}</div>\n                <div className=\"time\">{props.timeStr}</div>\n            </div>\n        </div>\n    );\n\n\n    // The actual wrapping of your component with AdsumClock wrapper\n    const Clock = AdsumClock(ClockUi);\n\n    // Usage of the wrapped component\n    <Clock lang=\"en\" timeFormat=\"12hrs\" />\n```\n\n### Props\n \n```javascript\nstatic defaultProps = {\n    lang: 'en',\n    timeFormat: '24hrs',\n};\n\ntype AdsumClockPropsType = {\n    lang: LangType,\n    timeFormat: TimeFormatType\n};\n```\n\n### Additional props, which will be passed to the provided ClockUi component:\n\n```javascript\n\n{\n    +year: string,\n    +month: string,\n    +day: string,\n    +hours: string,\n    +minutes: string,\n    +dateStr: string,\n    +timeStr: string\n};\n\n```\n\n```javascript\ntype LangType = 'en' | 'zh' | 'fr';\ntype TimeFormatType = '24hrs' | '12hrs';\ntype AdsumClockPropsType = {\n    lang: LangType,\n    timeFormat: TimeFormatType\n};\n```\n\n\n## Copy component inside your project src folder  \n\n### Less only\n    `npx @adactive/arc-clock copy --less-only`\n    \n### Full copy\n    `npx @adactive/arc-clock copy`\n","readmeFilename":"README.md"}