{"_id":"@financial-times/x-timeline-feed","_rev":"28-72e8321aff0b7db91ab58fb37f759366","name":"@financial-times/x-timeline-feed","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@financial-times/x-timeline-feed","version":"0.0.1","keywords":["x-dash"],"author":"","license":"ISC","_id":"@financial-times/x-timeline-feed@0.0.1","maintainers":[{"name":"aendrew","email":"aendrew@aendrew.com"},{"name":"bobhaslett","email":"bob.haslett@ft.com"},{"name":"briggsc","email":"charlie.briggs@bbc.co.uk"},{"name":"callumlocke","email":"callum.locke@gmail.com"},{"name":"ft-internal-products","email":"ip.engineering@ft.com"},{"name":"i-like-robots","email":"matt+npm@maketea.co.uk"},{"name":"jakedchampion","email":"me@jakechampion.name"},{"name":"joannaskao","email":"joannaskao@gmail.com"},{"name":"mattandrews","email":"matt@mattandre.ws"},{"name":"quarterto","email":"matt@153.io"},{"name":"robinmarr-ft","email":"robin.marr@ft.com"},{"name":"rowanmanning","email":"accounts@rowanmanning.co.uk"},{"name":"sdbernard","email":"steve.bernard@ft.com"},{"name":"the-ft","email":"strategic.products+npm@ft.com"},{"name":"zhenyulin","email":"zhenyu.lyn@gmail.com"}],"homepage":"https://github.com/Financial-Times/x-dash/tree/master/components/x-timeline-feed","bugs":{"url":"https://github.com/Financial-Times/x-dash/issues"},"dist":{"shasum":"b96292335afba716493bbd5e7bb9fe97a9b38765","tarball":"https://registry.npmjs.org/@financial-times/x-timeline-feed/-/x-timeline-feed-0.0.1.tgz","fileCount":263,"integrity":"sha512-X+vEfRjzgd7pb3rHK22W3xGMiTxvBP0C5JhU6vS8X98WPQX0D7msNohsP3CPyavQD0KCZsh3Y1Tb0wC91aI0JQ==","signatures":[{"sig":"MEYCIQCU+Xsyr6jQ7TL22pJJqdA8GFIzoGiFe+JI83WCqCFLSwIhANKObD9FRA+kRbaul4lTUmFnnaNulsb2yF8RnI1ukOpu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1646321,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2HK3CRA9TVsSAnZWagAAnvgP/239CI0A9YX2nY3aC0JC\nRD5Bfq5LLpvXMFY5QyzDBRUZpqLwRr8OQwru6RJGc0ECCXg8yHN/x8u3z9IB\nUTnBwsNwlJVH4X7NtRoOzwOpNFeXs4QrnRzfl+G/xbLOtylfDyy6azKS4QrH\n9quFfMIXmQ2/ZOV1jc2f1Ko9Zj2UeFva4ElhrV2SCxjpba/APWpJG/5t19tM\nm25xN/xYsijeE9DxDTEhjN7mUOaJQNqJU7vn/8OSciq/PMiRMfEWOzVNyflo\nhRCWiHaveIEiW2sI5EFOdxTKw/uGphqRTQDwMTo8F8b1oSf/xiSEbv+hRaZE\naSYXb8G388pFpYp9Ln+UXYZ/owEOZQdWs8Pw6hoHh1350p2bOMIlgQCEwqmU\num4Ig2FEDw16gETmGmLbaQeICFaITubYzmm3aL+Dut5yxb84crZnOqFrsREE\n44jd4WKw3cII9C7Q5YRxHpj8Q2byfBfHe61JKyZKgUYPLfmkbfBjhFRU+i/0\nnQ0CBP0ZXtDbFqpvtPfZuSoJN+8Jd2UW6Ihqg3WGnQ2erlkaUdLfQHD92VX+\nNYS8eEodkPnZyTwGieKjfIbigKBVxnZUTJYk9yy5YvTH/uW4Xf7xml+eiHuy\nGNHkRwPFN12IBxgFtPIWc4Mj63NllhDpo3PuwG5sDCMTguJOHewqwimbW6Ne\nWOqr\r\n=voCs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/TimelineFeed.cjs.js","style":"dist/TimelineFeed.css","module":"dist/TimelineFeed.esm.js","browser":"dist/TimelineFeed.es5.js","engines":{"node":">= 6.0.0"},"scripts":{"build":"node rollup.js","start":"node rollup.js --watch","prepare":"npm run build","postinstall":"bower install"},"_npmUser":{"name":"the-ft","email":"strategic.products+npm@ft.com"},"repository":{"url":"git+https://github.com/Financial-Times/x-dash.git","type":"git"},"_npmVersion":"5.6.0","description":"This component renders a list of articles in reverse chronological order, grouped by day, according to the user's timezone. It will optionally group today's articles into \"latest\" and \"earlier\" too.","directories":{},"_nodeVersion":"8.11.4","dependencies":{"date-fns":"^1.29.0","classnames":"^2.2.6","@financial-times/x-engine":"^1.0.0-beta.6","@financial-times/x-teaser":"^1.0.0-beta.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"bower":"^1.7.9","node-sass":"^4.9.2","@financial-times/x-rollup":"^1.0.0-beta.6","@financial-times/x-test-utils":"^1.0.0-beta.6"},"_npmOperationalInternal":{"tmp":"tmp/x-timeline-feed_0.0.1_1541670364428_0.8594735506563573","host":"s3://npm-registry-packages"}}},"time":{"created":"2018-11-08T09:46:04.299Z","modified":"2026-06-23T16:04:35.483Z","0.0.1":"2018-11-08T09:46:04.696Z"},"bugs":{"url":"https://github.com/Financial-Times/x-dash/issues"},"license":"ISC","homepage":"https://github.com/Financial-Times/x-dash/tree/master/components/x-timeline-feed","keywords":["x-dash"],"repository":{"url":"git+https://github.com/Financial-Times/x-dash.git","type":"git"},"description":"This component renders a list of articles in reverse chronological order, grouped by day, according to the user's timezone. It will optionally group today's articles into \"latest\" and \"earlier\" too.","maintainers":[{"email":"code.management@ft.com","name":"the-ft"},{"email":"info+npm@rowanmanning.com","name":"rowanmanning"},{"email":"yay@chee.party","name":"chee"},{"email":"a@ax.gy","name":"alexwilson"},{"email":"howdy@aendra.com","name":"aendra"},{"email":"emma.lewis@ft.com","name":"emmalewis"},{"email":"lee@leemoody.co.uk","name":"notlee"},{"email":"hamza.samih@ft.com","name":"hamza.samih"},{"email":"robert.boulton@ft.com","name":"robertboulton"},{"email":"leila.micollier@ft.com","name":"leila.micollier"},{"email":"rob.godfrey@ft.com","name":"robgodfrey"}],"readme":"# x-timeline-feed\n\nThis component renders a list of articles in reverse chronological order, grouped by day, according to the user's timezone.\nIt will optionally group today's articles into \"latest\" and \"earlier\" too.\n\n## Installation\n\nThis module is compatible with Node 6+ and is distributed on npm.\n\n```bash\nnpm install --save @financial-times/x-timeline-feed\n```\n\nThe [`x-engine`][engine] module is used to inject your chosen runtime into the component. Please read the `x-engine` documentation first if you are consuming `x-` components for the first time in your application.\n\n[engine]: https://github.com/Financial-Times/x-dash/tree/master/packages/x-engine\n\n\n## Usage\n\nThe components provided by this module are all functions that expect a map of [properties](#properties). They can be used with vanilla JavaScript or JSX (If you are not familiar check out [WTF is JSX][jsx-wtf] first). For example if you were writing your application using React you could use the component like this:\n\n```jsx\nimport React from 'react';\nimport { TimelineFeed } from '@financial-times/x-timeline-feed';\n\n// A == B == C\nconst a = TimelineFeed(props);\nconst b = ;\nconst c = React.createElement(TimelineFeed, props);\n```\n\nAll `x-` components are designed to be compatible with a variety of runtimes, not just React. Check out the [`x-engine`][engine] documentation for a list of recommended libraries and frameworks.\n\n[jsx-wtf]: https://jasonformat.com/wtf-is-jsx/\n\n### Properties\n\nFeature | Type | Notes\n---------------------|--------|----------------------------\n`articles` | Array | (Mandatory) Array of objects, in Teaser format, representating articles to render. The articles should be in newest-first order.\n`timezoneOffset` | Number | (Defaults using runtime clock) Minutes to offset article publish times in order to display in user's timezone. Negative means ahead of UTC.\n`localTodayDate` | String | (Defaults using runtime clock) ISO format YYYY-MM-DD representating today's date in the user's timezone.\n`latestArticlesTime` | String | ISO time (HH:mm:ss). If provided, will be used in combination with `localTodayDate` to render today's articles into separate \"Latest\" and \"Earlier\" groups \n\nExample:\n\n```jsx\n\n```","readmeFilename":"readme.md"}