{"_id":"@dmn-arc-core-components/feature_global-story-card","_rev":"4-32484dc3a80d58550118b47e9b4b24cf","name":"@dmn-arc-core-components/feature_global-story-card","dist-tags":{"latest":"1.0.1-alpha"},"versions":{"1.0.0-alpha":{"name":"@dmn-arc-core-components/feature_global-story-card","version":"1.0.0-alpha","description":"Arc Core Component representing a flexible Story Card feature.","main":"build/index.js","repository":{"type":"git","url":"git+https://github.com/dallasnews/dmn-arc-core-components.git#master"},"author":{"name":"Alex Aguilar"},"license":"ISC","bugs":{"url":"https://github.com/dallasnews/dmn-arc-core-components/issues"},"homepage":"https://github.com/dallasnews/dmn-arc-core-components/packages/feature_global-story-card#readme","peerDependencies":{"prop-types":">=15","react":">=16.2"},"dependencies":{"@babel/runtime":"^7.4.3","@dmn-arc-core-components/element_headline":"^1.0.0-alpha","@dmn-arc-core-components/element_image":"^1.0.0-alpha","@dmn-arc-core-components/tools_admin-placeholder":"^1.0.0-alpha"},"devDependencies":{"@dmn-arc-core-components/tools_mock-ans":"^1.0.0-alpha"},"publishConfig":{"access":"public"},"xo":false,"_id":"@dmn-arc-core-components/feature_global-story-card@1.0.0-alpha","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-oOY3c0IYn2SLA7pxbHLfi2Y3i0sYDbBLaKgYj53sLdIXZzwn3folr9tKOTcYxpmxEW8KpQw/JvopUZnz42Zcew==","shasum":"afbd7df6b1ca1c2a3320a720b2284445e3454fe6","tarball":"https://registry.npmjs.org/@dmn-arc-core-components/feature_global-story-card/-/feature_global-story-card-1.0.0-alpha.tgz","fileCount":16,"unpackedSize":86250,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD22hTGX2xODiVnLhZLpAJMSXWnqNHo7TOUE0tWMIt1kwIhAMe4UGCAfpDm8pm0izf8eI7CUjgEtllrEQhJc0M4gtm3"}]},"_npmUser":{"name":"jfoxworth","email":"jfoxworth@cadwolf.com"},"directories":{},"maintainers":[{"name":"jfoxworth","email":"jfoxworth@cadwolf.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/feature_global-story-card_1.0.0-alpha_1636081822035_0.4851455512862899"},"_hasShrinkwrap":false},"1.0.1-alpha":{"name":"@dmn-arc-core-components/feature_global-story-card","version":"1.0.1-alpha","description":"Arc Core Component representing a flexible Story Card feature.","main":"build/index.js","repository":{"type":"git","url":"git+https://github.com/dallasnews/dmn-arc-core-components.git#master"},"author":{"name":"Alex Aguilar"},"license":"ISC","bugs":{"url":"https://github.com/dallasnews/dmn-arc-core-components/issues"},"homepage":"https://github.com/dallasnews/dmn-arc-core-components/packages/feature_global-story-card#readme","peerDependencies":{"prop-types":">=15","react":">=16.2"},"dependencies":{"@babel/runtime":"^7.4.3","@dmn-arc-core-components/element_headline":"^1.0.0-alpha","@dmn-arc-core-components/element_image":"^1.0.0-alpha","@dmn-arc-core-components/tools_admin-placeholder":"^1.0.0-alpha"},"devDependencies":{"@dmn-arc-core-components/tools_mock-ans":"^1.0.0-alpha"},"publishConfig":{"access":"public"},"xo":false,"_id":"@dmn-arc-core-components/feature_global-story-card@1.0.1-alpha","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-zMpHZc5GoUpHnH9hsmFXcjm7QJrfDlbiHe2YDlAbjTgUvJN5VTkpKeEEmud3+lKh7T5i5aUALulwkOXsSTJdig==","shasum":"d1adc1e46a5cd8eb5e0469fdb0f1508a107951e9","tarball":"https://registry.npmjs.org/@dmn-arc-core-components/feature_global-story-card/-/feature_global-story-card-1.0.1-alpha.tgz","fileCount":16,"unpackedSize":86189,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzw5oCRA9TVsSAnZWagAAu/MP/ApgpoPsij49Yh8jWheV\nxXYCQZz/JydcTqdDNWHVJ+6KGeVt2Uq9HtiWSSycvANzyqqqbglJ5XykSelE\n719FA0yEJsVlKgglD1yE8sZrE59skxsdOVx3L3P/KVoNfCNA6Gk4sVdplYHj\nHAx8m9igKwSwRe5pQ3Z6aTiCY0IDxy2mlG2owLaeEi3iDxxxD2jR2z+5zFln\n4h4YrCjsnoGaVaHMxlmdnO3BvNxRi/ZTqgQ9MeuGeEXEgDT/noRLyxSn9/JU\nBDcLL2Uxbi0kMhx1gAss4HZ3b8Jah2ZoumiylOKLmcIBsYRtwkOQC1HWDqui\n9cXyoPX3LpvOPwO7x7jCtJ3fBzOHr+8jBw2qdIbx0TiSFhU2iM801nGX7IQu\nhAf5RQPUIlv9Z+0ezTvIrOI6SBJAyUKkByssL5Pa2obnEYfOlGAjaiQUS0yS\nbg4ScATwyrlN7Kcjv5JG3z0pSZuIWIxmG3fcggY5lc6nc/RQSSTSOYhAY6zL\n7PY2LQb0eYJK7qdRUnZEI2ax9iPTJtUSiTN50wHt61O0eNf+GbPbX5tSX5Rr\n6eWtnvg/5QwL87yUOUGbxzNFNABBv2avygLnmKoJfMOpFf6dz5ZIQezqw5t0\nP1gZJegCP0R88X9n4LWeCvHwpRHsMzFXs8Hz3htYomPrnhAmzUmpEOFKcMea\ndWRn\r\n=LDoz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCHpgmOm2Sraxtw08OE6VYveCRyPEaRC3adK2Z2LvZY0QIhANnM2tl2CY61kSfoY4HUFcv681jkgLHfChFworyQZNWD"}]},"_npmUser":{"name":"jfoxworth","email":"jfoxworth@cadwolf.com"},"directories":{},"maintainers":[{"name":"jfoxworth","email":"jfoxworth@cadwolf.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/feature_global-story-card_1.0.1-alpha_1636124583672_0.9979775638291555"},"_hasShrinkwrap":false}},"time":{"created":"2021-11-05T03:10:21.993Z","1.0.0-alpha":"2021-11-05T03:10:22.236Z","modified":"2022-04-05T05:00:15.839Z","1.0.1-alpha":"2021-11-05T15:03:03.913Z"},"maintainers":[{"email":"mike.dilley@gmail.com","name":"mddilley"},{"email":"jfoxworth@cadwolf.com","name":"jfoxworth"}],"description":"Arc Core Component representing a flexible Story Card feature.","homepage":"https://github.com/dallasnews/dmn-arc-core-components/packages/feature_global-story-card#readme","repository":{"type":"git","url":"git+https://github.com/dallasnews/dmn-arc-core-components.git#master"},"author":{"name":"Alex Aguilar"},"bugs":{"url":"https://github.com/dallasnews/dmn-arc-core-components/issues"},"license":"ISC","readme":"## Feature: Story Card\n\n# What does this do?\n\nWhen used in a Fusion Project, this Core Component can be used to render a\nseries of elements (Overline, Headline*, Deck, Image*) associated with a piece\nof content.\n\nCommonly used in Section fronts and Homepages, though can also be used for rail\nor \"widget\" type features (Authors Feed, Recirc Well, etc.), or even additional\npage types, ex: Search Results.\n\nWhich elements to be displayed, as well as in what order, are explicitly\nsemantic.\n\nEnables quick view toggling through a single click, rather than numerous\nshow/hide, left/right, above/below Custom Field options, as with a traditional\n\"Flex Feature\".\n\n_\\*-Incorporates [element_headline](/packages/element_headline/src/index.mdx)\nand [element_image](/packages/element_image/src/index.mdx) Core Components_\n\n# How do I use it?\n\nTake a look in the `src` folder to see a suggested implementation in\n[index.mdx](./index.mdx)\n\nList of all possible props:\n\n```jsx\n  import StoryCard from '@dmn-arc-core-components/feature_global-story-card'\n\n  <StoryCard\n    data={PropTypes.object},\n    deckClasses={PropTypes.string},\n    deckText={PropTypes.string},\n    classes={PropTypes.string},\n    customFields={PropTypes.shape({\n      view={PropTypes.string}\n    })},\n    customViews={PropTypes.array},\n    headlineClasses={PropTypes.string},\n    headlineLevel={PropTypes.number},\n    headlineText={PropTypes.string},\n    imageClasses={PropTypes.string},\n    imageHeight={PropTypes.number},\n    imageWidth={PropTypes.number},\n    indexedComponents={PropTypes.shape({})},\n    pbData={PropTypes.shape({\n      isAdmin={PropTypes.bool}\n    })},\n    overlineClasses={PropTypes.string},\n    overlineText={PropTypes.string},\n    replacementComponents={PropTypes.shape({})},\n    subdheadlineClasses={PropTypes.string},\n    subheadlineLevel={PropTypes.number},\n    subheadlineText={PropTypes.string},\n    view={PropTypes.string},\n    url={PropTypes.string}\n};\n```\n\n### Data Defaults\n\nIf no data values are passed in for Deck, Headline, Image, Overline or url,\nfallbacks point to the following ANS values:\n\n```jsx\ndeckText = {data.description.basic};\nheadlineText = {data.headlines.basic};\nimageHeight = {data.promo_items.basic.height}\nimageWidth = {data.promo_items.basic.width}\noverlineText = {data.taxonomy.primary_section.name}\nurl = {data.canonical_url}\n```\n\n# How can I view what's in there quickly?\n\nRun `npm i && npm run docz:dev` after cloning to see what is within.\n\n# Testing & Linting\n\nWe are using Jest and XO for testing and linting.\n\nWe are using Husky to run a pre-push hook, preventing un-linted or code that\nfails tests from making it into the repo.\n\n**To test:** `npm test`\n\n**To lint:** `npm run lint` - This will also fix any simple linter errors\nautomatically.\n\n**To push without testing or linting**: `git push --no-verify` - This can often\nbe helpful if you just need to push a branch for demonstration purposes or for\nhelp.\n","readmeFilename":"README.md"}