diff --git a/.storybook/preview.js b/.storybook/preview.js index eb9f09fe..50658470 100644 --- a/.storybook/preview.js +++ b/.storybook/preview.js @@ -15,6 +15,7 @@ export const parameters = { 'Footer', 'ContactSection', 'CtaSection', + 'FeaturedItemsSection', 'FeaturedPeopleSection', 'FeaturedPostsSection', 'HeroSection', diff --git a/dist/.tsbuildinfo b/dist/.tsbuildinfo new file mode 100644 index 00000000..91db0c86 --- /dev/null +++ b/dist/.tsbuildinfo @@ -0,0 +1 @@ +{"program":{"fileNames":["../node_modules/typescript/lib/lib.es5.d.ts","../node_modules/typescript/lib/lib.es2015.d.ts","../node_modules/typescript/lib/lib.es2016.d.ts","../node_modules/typescript/lib/lib.es2017.d.ts","../node_modules/typescript/lib/lib.es2018.d.ts","../node_modules/typescript/lib/lib.es2019.d.ts","../node_modules/typescript/lib/lib.es2020.d.ts","../node_modules/typescript/lib/lib.es2021.d.ts","../node_modules/typescript/lib/lib.esnext.d.ts","../node_modules/typescript/lib/lib.dom.d.ts","../node_modules/typescript/lib/lib.dom.iterable.d.ts","../node_modules/typescript/lib/lib.es2015.core.d.ts","../node_modules/typescript/lib/lib.es2015.collection.d.ts","../node_modules/typescript/lib/lib.es2015.generator.d.ts","../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../node_modules/typescript/lib/lib.es2015.promise.d.ts","../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../node_modules/typescript/lib/lib.es2017.object.d.ts","../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../node_modules/typescript/lib/lib.es2017.string.d.ts","../node_modules/typescript/lib/lib.es2017.intl.d.ts","../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../node_modules/typescript/lib/lib.es2018.intl.d.ts","../node_modules/typescript/lib/lib.es2018.promise.d.ts","../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../node_modules/typescript/lib/lib.es2019.array.d.ts","../node_modules/typescript/lib/lib.es2019.object.d.ts","../node_modules/typescript/lib/lib.es2019.string.d.ts","../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../node_modules/typescript/lib/lib.es2020.bigint.d.ts","../node_modules/typescript/lib/lib.es2020.promise.d.ts","../node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../node_modules/typescript/lib/lib.es2020.string.d.ts","../node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../node_modules/typescript/lib/lib.es2020.intl.d.ts","../node_modules/typescript/lib/lib.es2021.promise.d.ts","../node_modules/typescript/lib/lib.es2021.string.d.ts","../node_modules/typescript/lib/lib.es2021.weakref.d.ts","../node_modules/typescript/lib/lib.esnext.intl.d.ts","../src/storybook-polyfills/next-dynamic.ts","../src/dynamic-components.js","../src/components-registry.ts","../src/index.ts","../node_modules/@types/react/global.d.ts","../node_modules/csstype/index.d.ts","../node_modules/@types/prop-types/index.d.ts","../node_modules/@types/scheduler/tracing.d.ts","../node_modules/@types/react/index.d.ts","../node_modules/classnames/index.d.ts","../src/storybook-polyfills/next-link.tsx","../src/utils/link.tsx","../src/svgs/arrow-left.tsx","../src/svgs/arrow-right.tsx","../src/svgs/cart.tsx","../src/svgs/facebook.tsx","../src/svgs/github.tsx","../src/svgs/instagram.tsx","../src/svgs/linkedin.tsx","../src/svgs/twitter.tsx","../src/components/action/index.tsx","../src/components/checkboxformcontrol/index.tsx","../node_modules/markdown-to-jsx/dist/index.d.ts","../src/utils/map-styles-to-class-names.ts","../node_modules/axios/index.d.ts","../src/components/formblock/index.tsx","../src/components/contactsection/index.tsx","../src/components/ctasection/index.tsx","../src/components/emailformcontrol/index.tsx","../src/components/imageblock/index.tsx","../src/components/featuredpeoplesection/index.tsx","../node_modules/dayjs/locale/types.d.ts","../node_modules/dayjs/locale/index.d.ts","../node_modules/dayjs/index.d.ts","../src/utils/get-page-url-path.ts","../src/components/featuredpostssection/index.tsx","../src/components/footer/index.tsx","../src/svgs/close.tsx","../src/svgs/hamburger.tsx","../src/components/header/index.tsx","../src/components/herosection/index.tsx","../src/components/postfeedsection/index.tsx","../src/components/quotesection/index.tsx","../src/components/social/index.tsx","../src/components/selectformcontrol/index.tsx","../src/components/testimonialssection/index.tsx","../src/components/textareaformcontrol/index.tsx","../src/components/textformcontrol/index.tsx","../src/components/textsection/index.tsx","../src/components/videoblock/index.tsx","../src/components/mediagallerysection/index.tsx","../src/components/item/index.tsx","../src/components/index.ts","../src/base/defaultbaselayout/index.tsx","../src/base/blankbaselayout/index.tsx","../src/base/index.tsx","../src/utils/base-layout.ts","../src/layouts/pagelayout/index.tsx","../src/layouts/postlayout/index.tsx","../src/layouts/index.ts","../src/components/featureditemssection/index.tsx","../src/svgs/video-play.tsx","../node_modules/@types/braces/index.d.ts","../node_modules/@types/color-name/index.d.ts","../node_modules/@types/color-convert/conversions.d.ts","../node_modules/@types/color-convert/route.d.ts","../node_modules/@types/color-convert/index.d.ts","../node_modules/@types/node/assert/strict.d.ts","../node_modules/@types/node/globals.d.ts","../node_modules/@types/node/async_hooks.d.ts","../node_modules/@types/node/buffer.d.ts","../node_modules/@types/node/child_process.d.ts","../node_modules/@types/node/cluster.d.ts","../node_modules/@types/node/console.d.ts","../node_modules/@types/node/constants.d.ts","../node_modules/@types/node/crypto.d.ts","../node_modules/@types/node/dgram.d.ts","../node_modules/@types/node/diagnostic_channel.d.ts","../node_modules/@types/node/dns.d.ts","../node_modules/@types/node/dns/promises.d.ts","../node_modules/@types/node/domain.d.ts","../node_modules/@types/node/events.d.ts","../node_modules/@types/node/fs.d.ts","../node_modules/@types/node/fs/promises.d.ts","../node_modules/@types/node/http.d.ts","../node_modules/@types/node/http2.d.ts","../node_modules/@types/node/https.d.ts","../node_modules/@types/node/inspector.d.ts","../node_modules/@types/node/module.d.ts","../node_modules/@types/node/net.d.ts","../node_modules/@types/node/os.d.ts","../node_modules/@types/node/path.d.ts","../node_modules/@types/node/perf_hooks.d.ts","../node_modules/@types/node/process.d.ts","../node_modules/@types/node/punycode.d.ts","../node_modules/@types/node/querystring.d.ts","../node_modules/@types/node/readline.d.ts","../node_modules/@types/node/repl.d.ts","../node_modules/@types/node/stream.d.ts","../node_modules/@types/node/stream/promises.d.ts","../node_modules/@types/node/string_decoder.d.ts","../node_modules/@types/node/timers.d.ts","../node_modules/@types/node/timers/promises.d.ts","../node_modules/@types/node/tls.d.ts","../node_modules/@types/node/trace_events.d.ts","../node_modules/@types/node/tty.d.ts","../node_modules/@types/node/url.d.ts","../node_modules/@types/node/util.d.ts","../node_modules/@types/node/util/types.d.ts","../node_modules/@types/node/v8.d.ts","../node_modules/@types/node/vm.d.ts","../node_modules/@types/node/worker_threads.d.ts","../node_modules/@types/node/zlib.d.ts","../node_modules/@types/node/globals.global.d.ts","../node_modules/@types/node/wasi.d.ts","../node_modules/@types/node/ts3.6/base.d.ts","../node_modules/@types/node/assert.d.ts","../node_modules/@types/node/base.d.ts","../node_modules/@types/node/index.d.ts","../node_modules/@types/minimatch/index.d.ts","../node_modules/@types/glob/index.d.ts","../node_modules/@types/glob-base/index.d.ts","../node_modules/@types/graceful-fs/index.d.ts","../node_modules/@types/unist/index.d.ts","../node_modules/@types/hast/index.d.ts","../node_modules/@types/html-minifier-terser/index.d.ts","../node_modules/@types/is-function/index.d.ts","../node_modules/@types/istanbul-lib-coverage/index.d.ts","../node_modules/@types/istanbul-lib-report/index.d.ts","../node_modules/@types/istanbul-reports/index.d.ts","../node_modules/@types/json-schema/index.d.ts","../node_modules/@types/json5/index.d.ts","../node_modules/@types/markdown-to-jsx/index.d.ts","../node_modules/@types/mdast/index.d.ts","../node_modules/@types/micromatch/index.d.ts","../node_modules/form-data/index.d.ts","../node_modules/@types/node-fetch/externals.d.ts","../node_modules/@types/node-fetch/index.d.ts","../node_modules/@types/normalize-package-data/index.d.ts","../node_modules/@types/npmlog/index.d.ts","../node_modules/@types/overlayscrollbars/index.d.ts","../node_modules/@types/parse-json/index.d.ts","../node_modules/@types/parse5/index.d.ts","../node_modules/@types/pretty-hrtime/index.d.ts","../node_modules/@types/qs/index.d.ts","../node_modules/@types/reach__router/index.d.ts","../node_modules/@types/react-syntax-highlighter/index.d.ts","../node_modules/@types/scheduler/index.d.ts","../node_modules/@types/source-list-map/index.d.ts","../node_modules/@types/tapable/index.d.ts","../node_modules/@types/uglify-js/node_modules/source-map/source-map.d.ts","../node_modules/@types/uglify-js/index.d.ts","../node_modules/anymatch/index.d.ts","../node_modules/@types/webpack/node_modules/source-map/source-map.d.ts","../node_modules/@types/webpack-sources/node_modules/source-map/source-map.d.ts","../node_modules/@types/webpack-sources/lib/source.d.ts","../node_modules/@types/webpack-sources/lib/compatsource.d.ts","../node_modules/@types/webpack-sources/lib/concatsource.d.ts","../node_modules/@types/webpack-sources/lib/originalsource.d.ts","../node_modules/@types/webpack-sources/lib/prefixsource.d.ts","../node_modules/@types/webpack-sources/lib/rawsource.d.ts","../node_modules/@types/webpack-sources/lib/replacesource.d.ts","../node_modules/@types/webpack-sources/lib/sizeonlysource.d.ts","../node_modules/@types/webpack-sources/lib/sourcemapsource.d.ts","../node_modules/@types/webpack-sources/lib/index.d.ts","../node_modules/@types/webpack-sources/lib/cachedsource.d.ts","../node_modules/@types/webpack-sources/index.d.ts","../node_modules/@types/webpack/index.d.ts","../node_modules/@types/webpack-env/index.d.ts","../node_modules/@types/yargs-parser/index.d.ts","../node_modules/@types/yargs/index.d.ts"],"fileInfos":[{"version":"aa9fb4c70f369237c2f45f9d969c9a59e0eae9a192962eb48581fe864aa609db","affectsGlobalScope":true},"dc47c4fa66b9b9890cf076304de2a9c5201e94b740cffdf09f87296d877d71f6","7a387c58583dfca701b6c85e0adaf43fb17d590fb16d5b2dc0a2fbd89f35c467","8a12173c586e95f4433e0c6dc446bc88346be73ffe9ca6eec7aa63c8f3dca7f9","5f4e733ced4e129482ae2186aae29fde948ab7182844c3a5a51dd346182c7b06","e6b724280c694a9f588847f754198fb96c43d805f065c3a5b28bbc9594541c84","e21c071ca3e1b4a815d5f04a7475adcaeea5d64367e840dd0154096d705c3940","eb75e89d63b3b72dd9ca8b0cac801cecae5be352307c004adeaa60bc9d6df51f","2cc028cd0bdb35b1b5eb723d84666a255933fffbea607f72cbd0c7c7b4bee144",{"version":"e54c8715a4954cfdc66cd69489f2b725c09ebf37492dbd91cff0a1688b1159e8","affectsGlobalScope":true},{"version":"e34eb9339171ec45da2801c1967e4d378bd61a1dceaa1b1b4e1b6d28cb9ca962","affectsGlobalScope":true},{"version":"51b8b27c21c066bf877646e320bf6a722b80d1ade65e686923cd9d4494aef1ca","affectsGlobalScope":true},{"version":"43fb1d932e4966a39a41b464a12a81899d9ae5f2c829063f5571b6b87e6d2f9c","affectsGlobalScope":true},{"version":"cdccba9a388c2ee3fd6ad4018c640a471a6c060e96f1232062223063b0a5ac6a","affectsGlobalScope":true},{"version":"2c8c5ee58f30e7c944e04ab1fb5506fdbb4dd507c9efa6972cf4b91cec90c503","affectsGlobalScope":true},{"version":"2bb4b3927299434052b37851a47bf5c39764f2ba88a888a107b32262e9292b7c","affectsGlobalScope":true},{"version":"810627a82ac06fb5166da5ada4159c4ec11978dfbb0805fe804c86406dab8357","affectsGlobalScope":true},{"version":"62d80405c46c3f4c527ee657ae9d43fda65a0bf582292429aea1e69144a522a6","affectsGlobalScope":true},{"version":"3013574108c36fd3aaca79764002b3717da09725a36a6fc02eac386593110f93","affectsGlobalScope":true},{"version":"75ec0bdd727d887f1b79ed6619412ea72ba3c81d92d0787ccb64bab18d261f14","affectsGlobalScope":true},{"version":"3be5a1453daa63e031d266bf342f3943603873d890ab8b9ada95e22389389006","affectsGlobalScope":true},{"version":"17bb1fc99591b00515502d264fa55dc8370c45c5298f4a5c2083557dccba5a2a","affectsGlobalScope":true},{"version":"7ce9f0bde3307ca1f944119f6365f2d776d281a393b576a18a2f2893a2d75c98","affectsGlobalScope":true},{"version":"6a6b173e739a6a99629a8594bfb294cc7329bfb7b227f12e1f7c11bc163b8577","affectsGlobalScope":true},{"version":"12a310447c5d23c7d0d5ca2af606e3bd08afda69100166730ab92c62999ebb9d","affectsGlobalScope":true},{"version":"b0124885ef82641903d232172577f2ceb5d3e60aed4da1153bab4221e1f6dd4e","affectsGlobalScope":true},{"version":"0eb85d6c590b0d577919a79e0084fa1744c1beba6fd0d4e951432fa1ede5510a","affectsGlobalScope":true},{"version":"da233fc1c8a377ba9e0bed690a73c290d843c2c3d23a7bd7ec5cd3d7d73ba1e0","affectsGlobalScope":true},{"version":"df9c8a72ca8b0ed62f5470b41208a0587f0f73f0a7db28e5a1272cf92537518e","affectsGlobalScope":true},{"version":"bb2d3fb05a1d2ffbca947cc7cbc95d23e1d053d6595391bd325deb265a18d36c","affectsGlobalScope":true},{"version":"c80df75850fea5caa2afe43b9949338ce4e2de086f91713e9af1a06f973872b8","affectsGlobalScope":true},{"version":"9d57b2b5d15838ed094aa9ff1299eecef40b190722eb619bac4616657a05f951","affectsGlobalScope":true},{"version":"6c51b5dd26a2c31dbf37f00cfc32b2aa6a92e19c995aefb5b97a3a64f1ac99de","affectsGlobalScope":true},{"version":"93544ca2f26a48716c1b6c5091842cad63129daac422dfa4bc52460465f22bb1","affectsGlobalScope":true},{"version":"2ad234885a4240522efccd77de6c7d99eecf9b4de0914adb9a35c0c22433f993","affectsGlobalScope":true},{"version":"1b3fe904465430e030c93239a348f05e1be80640d91f2f004c3512c2c2c89f34","affectsGlobalScope":true},{"version":"7435b75fdf3509622e79622dbe5091cf4b09688410ee2034e4fc17d0c99d0862","affectsGlobalScope":true},{"version":"e7e8e1d368290e9295ef18ca23f405cf40d5456fa9f20db6373a61ca45f75f40","affectsGlobalScope":true},{"version":"faf0221ae0465363c842ce6aa8a0cbda5d9296940a8e26c86e04cc4081eea21e","affectsGlobalScope":true},{"version":"06393d13ea207a1bfe08ec8d7be562549c5e2da8983f2ee074e00002629d1871","affectsGlobalScope":true},{"version":"9f1817f7c3f02f6d56e0f403b927e90bb133f371dcebc36fa7d6d208ef6899da","affectsGlobalScope":true},{"version":"cd6efb9467a8b6338ece2e2855e37765700f2cd061ca54b01b33878cf5c7677e","affectsGlobalScope":true},{"version":"fb4416144c1bf0323ccbc9afb0ab289c07312214e8820ad17d709498c865a3fe","affectsGlobalScope":true},{"version":"5b0ca94ec819d68d33da516306c15297acec88efeb0ae9e2b39f71dbd9685ef7","affectsGlobalScope":true},{"version":"4632665b87204bb1caa8b44d165bce0c50dfab177df5b561b345a567cabacf9a","affectsGlobalScope":true},"fd0c2da02e9743b2a6534d058bbac5cd811101b713a6b39fdae71c8174af9970","6336f41a41ac0d1527ea3729d1e6472882a49fb8fbf5e2ecaef66d2aecf3a89d","5a3c243cff5a44fcee3fbc9c0d66d0d487db5fa14d6b964b35d947b379c2d5c7","4142bb0122f4493cb4a2e1b144d6ae0766ebfab62c644be356074347642796b7",{"version":"ecf78e637f710f340ec08d5d92b3f31b134a46a4fcf2e758690d8c46ce62cba6","affectsGlobalScope":true},"4ee363f83d7be2202f34fcd84c44da71bf3a9329fee8a05f976f75083a52ea94","a7e32dcb90bf0c1b7a1e4ac89b0f7747cbcba25e7beddc1ebf17be1e161842ad","f5a8b384f182b3851cec3596ccc96cb7464f8d3469f48c74bf2befb782a19de5",{"version":"ca1f4045ec1a501a114d63e2f3f24e2dba00c0cb9030b3109f579d54c1e95d63","affectsGlobalScope":true},"d153cbce75b7e1621eda0a4148748f44edd71ff44cc5351bac1c7787da4d5b05","31bb86d0550ad74c14ace6e1021a21fc2828347c64f8cfb59af68a3a843e965f","bdafcfb1de3e99d3d952383d568335330c4747692036589115a309895798f844","0b7a4669ca5474dcebd64a82bf98d16d9092aa4c57c322e6052bd5ac86803204","ef1c829d39a7f96c14aefbf4076aa17be608595e2c42121e17059aaf21f0f4aa","b32dbff37261fe6b2c4e38287141c8ff8f14558e1e132b016084d202ee4afa2d","3c28476cdb255dc594f010d38f806dc8e3cd4ddc7f20460cc3bc33569a0b3da0","ade1b7c0649ed2f38a539ca6fc977b006516f9e5d47cbd7a68b6548f1d4888d8","bb09621bbc17777cbce2979c2a3b21d48d60b5937cb781d6975fc675370a1938","98661fbe8a2c20af38deb777952546cfa5f5253a5b6d93c773f318ad1864feee","d80b2d177b1001ee12d8c4856d28399a0d7d5600b7574e7bb3a65ab680bfe356","fc2cf38af4e527328c1561b795aa4a7af6322f3273ea3e7da2f9be09a1a34877","900ffbed04ff39f2cf7b58e058ca71ee09282fb17b2f3b30b5bc0979e3eeffa3","71907ada3b87b0f16c8a39d8c3a0adba535d42190787e759db153b6549aff7a9","42a3f5ce037e6de81f3368ddc2a0f5ef27982607cce9b702544e41a78f5ba624","0d892f035dbee4534f0ba096407136877595ca592f67ec9bb8a5c912b9c967e8","c138cb4ed9708c45ba024257747448c5d592f234d2007e8d2f37d696559cc10a","05f14eb3dbab10165681a1dd722531c5791e94f8c3bf04cb00d5d5826269813f","2e1ccfe00fcd653213449eb6709c17007e58f9696d65de282c47368d15776764","31273fa1376a586abd87c1c01cd4698ec397ee0791ec35a98293c52ea2ab4aff","3d1dff5735d04edbae175cdbf53f9bb7e1f4c99c6b76b19c0437592cbe3c5b98","18daad7f6086fb00208f68299caeaaadeb5ffce7fff2ffe14ee66b985ff91d4f",{"version":"73a0ee6395819b063df4b148211985f2e1442945c1a057204cf4cf6281760dc3","affectsGlobalScope":true},"d05d8c67116dceafc62e691c47ac89f8f10cf7313cd1b2fb4fe801c2bf1bb1a7","3df91dbe54617a3be16fa39e463855a0c68ade5c499f9e1625f8ef0aaa971d6f","2895419d0aa0d6aa8b4f451bfe561a80cfe0ac32f92b6aeed702ca02fb61231d","c3dc4cf32541be35161a39b630b291ba3bf377531b8400aa9481edb45a173b8c","9e782911f00585376c439f03a6e70f12b00d7321273813898e6c42bcc98fb4cf","4f10ea24cc3014cab357453b1a0d4192ff56fb007672617745154694cdd2a2ff","c00a9a2e5e30519272e033f5bf3d04d2a05c6b61172e69ac56c410bba900f70b","34e4272606b14cac655d7ed10c3fed6a25736772de7058fd7596e7d91f852f59","fef1e96a4d003aa7d93ea38f1a4fa7e5c84a6b7c37204fa6946129bd714de95c","a95162b69011f261c87d6fff4d6571cf051e81ec8929c50a43f00de47a035960","0a0f5e69f0c039090f7ad399558bbddd2872f6658a5d9101dee0e31b943314ce","e7b02b929e58338d2232868dd9d03a8b226aab6a5d2da73515e33889e340fee6","f2ef6fcf805093b34b6bf7574dac84284c83268ca1fbbdf243c26765ed8f31bf","4ca3e802918d6d90b8a47fb78aa362b2bb86ce1bfe4fbff5912afdab7028829f","3a47e67bcd7125875323cb1f054d69795dd8cd8efca00a79d4681bc3aa56d940","c4bad27d2135e5b9da5771b028f3c5d329c8e717a7c15a6a1c465950022840d3","6a8def4cf2155d9e0b70b44170bc52fabfc46df7bb2c16d73bd4dbae21085b42","cd79f2e6eb7a09b971cb3ec3fb041d96899d5c8620a641e75d8153dd690e2e7f","ecbad1c7f5e79dcf3187c3747f2209109528bd00af6098911e0b20ad885030a0","45f67e245098788169622fbcc3de4499141c91a3d8c2f9e74efa0cb3fa14edc8",{"version":"8a2a8e75a09125fa3542e5919a861eac1ef745120614e61ca4e882d94ad9ba65","signature":"2fd433af34e4fafdfad91c761c45c53c685aceb0d9b599ac9415e921efe3814d"},"9eaad9168372ae614c0118d2038f9569185b75307f8b409ee3a57845a5ae1ed3","8571300cf7b69b52f72c066740c4f040b8db724fe6f1889b4e9cbdd8ed91a06b","45e90beb7a792db6d06ccd1fa19caa48536e7562dc0191f4b3325f3d62c009a9","6bde88f1249b3e333293b49ceb577ec5c922a351a4f7f1ebdfe7e77a68892099","d738bd73d61a7519c0c8511ac3b5af698c486367ccf4bab2827830fb3ace7219","9884aef79124b871a95e2c7a751c1018616745cbc61b83108cf086d9ec08bca6","b2654a5035536091d6d551840aaec5b9530da20f8252860258eb897055598459",{"version":"d56cbbdfb0349a82d5ef186c18a9481e1c343a1874493d00af33bf7ab5477b49","signature":"1c04108aaec6cf7976d79b6c90f750b212e5f55e19f187bf54d872ee5b42e2c0"},"97c29b4756d46a22c9571bed412c7989449bd676cc45bb11af70f0f71c876d4f","cfb42d1c8aa66607ef3b1e2cee85d28148358ba62dc5e5146b317dae7bfd9a96","f0cb4b3ab88193e3e51e9e2622e4c375955003f1f81239d72c5b7a95415dad3e","92450d617e92f96354d281c8ed5613fd16cacea79eb60b1e9736494b3c057e69","8a9086357fe289efb682dc925358f30b6312c7219a5ca92212857a0a79612012","92bc42ed0e2d41559513fd457ee30d834c2f0fedb9ed5004c029cbf0ad2f8bd9","c7bdc99177a2a94d25fb13722adaaf5b3291bf70b4d1b27584ba189dd3889ba3",{"version":"7c4064a324cd755a9b281d5795fc6ebd9dd713b1c356220185c61eb1b2d0f1af","affectsGlobalScope":true},"e23424b97418eca3226fd24de079f1203eb70360622e4e093af2aff14d4be6ec","ff16181fe134bb123283eb6777c624f6f3ee3f5c17d70b8447fa68af0935d312","54868134aa26f98b6fbc8d28040d8a0f5e64a1cb0dfac7f059b35cac99d626f2","04eaa93bd75f937f9184dcb95a7983800c5770cf8ddd8ac0f3734dc02f5b20ef",{"version":"7ddd5487c03df04c01a8618e06d875e167524902ed3dd9a2a9345a0ef5202d6f","affectsGlobalScope":true},"45ac321f2e15d268fd74a90ddaa6467dcaaff2c5b13f95b4b85831520fb7a491","dfc747ab8dd5f623055a4c26fd35e8cceca869fd3f1cf09701c941ca3679665a","c9f5f2920ff61d7158417b8440d5181ddc34a3dfef811a5677dd8a9fb91471e9","5cc0a492da3602510b8f5ed1852b1e0390002780d8758fbc8c0cd023ca7085f8","ec7dafafe751a5121f8f1c80201ebe7e7238c47e6329280a73c4d1ca4bb7fa28","64debeb10e4b7ae4ec9e89bfb4e04c6101ab98c3cc806d14e5488607cfec2753",{"version":"2866a528b2708aa272ec3eaafd3c980abb23aec1ef831cfc5eb2186b98c37ce5","affectsGlobalScope":true},{"version":"a5782d6cea81fe43d2db7ed41e789458c933ab3ab60602f7b5b14c4da3370496","affectsGlobalScope":true},"b86b7ff709a82ef3cba2184136c025989958bad483ffb13e4ca35d720245adf4","05b1c856de9c8f2c09c86a89455e25965342496ebe6d089760a9646c51295c76","c0d983dfc997b446ec8e456dea90e8c0c97ba896d55d7e34dfc351f32c405eb9","b447e123210c68f205f67b20c996c04a1eb64b0e591c5e06e164cd3d3a869b28","13257840c0850d4ebd7c2b17604a9e006f752de76c2400ebc752bc465c330452","42176966283d3835c34278b9b5c0f470d484c0c0c6a55c20a2c916a1ce69b6e8","0cff7901aedfe78e314f7d44088f07e2afa1b6e4f0473a4169b8456ca2fb245d","6ea59cf5479f3fad5db2caa4513d8d06d6cfee8d8df69e7a040c9b5b7f25f39c","e2236264a811ed1d09a2487a433e8f5216ae62378cf233954ae220cf886f6717","3ec1e108d587a5661ec790db607f482605ba9f3830e118ce578e3ffa3c42e22b","100b3bb9d39d2b1b5340f1bf45a52e94ef1692b45232b4ba00fac5c3cc56d331",{"version":"ec1a29ddaecb683aa360df0bd98ab5d4171d2d549554f7c5ab2a5c183a3dcb67","affectsGlobalScope":true},"7f77304372efe3c9967e5f9ea2061f1b4bf41dc3cda3c83cdd676f2e5af6b7e6","992c6f6be16c0a1d2eec13ece33adeea2c747ba27fcd078353a8f4bb5b4fea58","2597718d91e306949d89e285bf34c44192014ef541c3bd7cbb825c022749e974","a6b0abdb67d63ebe964ba5fee31bc3daf10c12eecd46b24d778426010c04c67e","ac4801ebc2355ba32329070123b1cd15891bf71b41dcaf9e75b4744832126a59","fd2298fba0640e7295e7bd545e2dfbfcccbb00c27019e501c87965a02bbdebf6","4fd3c4debadce3e9ab9dec3eb45f7f5e2e3d4ad65cf975a6d938d883cfb25a50","71ddd49185b68f27bfac127ef5d22cb2672c278e53e5370d9020ef50ca9c377d","b1ea7a6eaa7608e0e0529aebd323b526a79c6c05a4e519ae5c779675004dcdf1","9fcb033a6208485d8f3fadde31eb5cbcaf99149cff3e40c0dc53ebc6d0dff4e9","7df562288f949945cf69c21cd912100c2afedeeb7cdb219085f7f4b46cb7dde4","9d16690485ff1eb4f6fc57aebe237728fd8e03130c460919da3a35f4d9bd97f5","dcc6910d95a3625fd2b0487fda055988e46ab46c357a1b3618c27b4a8dd739c9","f4149f1aa299474c7040a35fe8f8ac2ad078cc1b190415adc1fff3ed52d490ea","3730099ed008776216268a97771de31753ef71e0a7d0ec650f588cba2a06ce44","8d649dbc429d7139a1d9a14ea2bf8af1dc089e0a879447539587463d4b6c248c","60c9e27816ec8ac8df7240598bb086e95b47edfb454c5cbf4003c812e0ed6e39","e361aecf17fc4034b4c122a1564471cdcd22ef3a51407803cb5a5fc020c04d02","4926467de88a92a4fc9971d8c6f21b91eca1c0e7fc2a46cc4638ab9440c73875",{"version":"2708349d5a11a5c2e5f3a0765259ebe7ee00cdcc8161cb9990cb4910328442a1","affectsGlobalScope":true},"fc0ae4a8ad3c762b96f9d2c3700cb879a373458cb0bf3175478e3b4f85f7ef2f","fabbec378e1ddd86fcf2662e716c2b8318acedb664ee3a4cba6f9e8ee8269cf1","b3593bd345ebea5e4d0a894c03251a3774b34df3d6db57075c18e089a599ba76","e61a21e9418f279bc480394a94d1581b2dee73747adcbdef999b6737e34d721b","13c7832f048b08604b7e88b69247aecf955bb7b27a0881c2f7f23bb645435479","95c22bc19835e28e2e524a4bb8898eb5f2107b640d7279a6d3aade261916bbf2","393137c76bd922ba70a2f8bf1ade4f59a16171a02fb25918c168d48875b0cfb0","d1ae472dde31ac39e68d52e1e21dcccba3989d146b7b8472f03525d0caad1775","3ebae8c00411116a66fca65b08228ea0cf0b72724701f9b854442100aab55aba","1320ee42b30487cceb6da9f230354fc34826111f76bf12f0ad76c717c12625b0","b6e83cdeca61289e5ffd770e55ed035babdffadd87d1ffa42b03e9fe8411333f","6767cce098e1e6369c26258b7a1f9e569c5467d501a47a090136d5ea6e80ae6d","11ef35fa1e8aef8229ce6b62ac1a6a0761d1d4bb4de1538bce6d10762a919139","de18acda71730bac52f4b256ce7511bb56cc21f6f114c59c46782eff2f632857","7eb06594824ada538b1d8b48c3925a83e7db792f47a081a62cf3e5c4e23cf0ee","f5638f7c2f12a9a1a57b5c41b3c1ea7db3876c003bab68e6a57afd6bcc169af0","0359682c54e487c4cab2b53b2b4d35cc8dea4d9914bc6abcdb5701f8b8e745a4","96d14f21b7652903852eef49379d04dbda28c16ed36468f8c9fa08f7c14c9538","9c138947e4cf970491111d971aa615db8353c7f0efc72bd84d8ad6e4743079c5","9a6d65d77455efaaaeff945bea30c38b8fe0922b807ba45cd23792392f1bfe76","9c36d6df17ca69a65a2a654d9bbd86d74c6d6055e566429cd0a1de82827680eb","736097ddbb2903bef918bb3b5811ef1c9c5656f2a73bd39b22a91b9cc2525e50","208bb742e0f201470da121bc73847c74b62cff4172f38ae5949ae77d6c9c6b71","062bd2910098fc059ba93e347649b3e126c555f7b144033d21d3f8ef63d3e39b","c9ad058b2cc9ce6dc2ed92960d6d009e8c04bef46d3f5312283debca6869f613","0d65b782b1a9b5891802ef2022c78481b19dfe133ba8d9f7596fe1320314342d","1502b874bbaafdb762b3907945740f787058a6aabff5e27377f9b45e4bb08ff3","2b8264b2fefd7367e0f20e2c04eed5d3038831fe00f5efbc110ff0131aab899b","c555dd691dd05955e99cd93dd99c685a65e5287813ccb5e6bfde951183248e26","b91aaad5f9c3f5dca5e8245d5f6464bdc63a77ba4453bb3e2d0c93959cddb13c","98437d5a640b67c41534f0de2dcb64c75433dcdff54ff8f8432e613663619a2e","2c69f898b82f3ebb97b3d09e7862c3dfb09a689bdc356339ef78c074028a7cfc",{"version":"cffd3848b7af4922d70028c805b7df5e8f0eac4a8d2410b0f55b47ca62c6c3a8","affectsGlobalScope":true},"3169db033165677f1d414baf0c82ba27801089ca1b66d97af464512a47df31b5","67fc055eb86a0632e2e072838f889ffe1754083cb13c8c80a06a7d895d877aae","d558a0fe921ebcc88d3212c2c42108abf9f0d694d67ebdeba37d7728c044f579","2887592574fcdfd087647c539dcb0fbe5af2521270dad4a37f9d17c16190d579","bee79f5862fe1278d2ba275298862bce3f7abf1e59d9c669c4b9a4b2bba96956","4fb0b7d532aa6fb850b6cd2f1ee4f00802d877b5c66a51903bc1fb0624126349","2887592574fcdfd087647c539dcb0fbe5af2521270dad4a37f9d17c16190d579","b90c59ac4682368a01c83881b814738eb151de8a58f52eb7edadea2bcffb11b9","8560a87b2e9f8e2c3808c8f6172c9b7eb6c9b08cb9f937db71c285ecf292c81d","ffe3931ff864f28d80ae2f33bd11123ad3d7bad9896b910a1e61504cc093e1f5","083c1bd82f8dc3a1ed6fc9e8eaddf141f7c05df418eca386598821e045253af9","274ebe605bd7f71ce161f9f5328febc7d547a2929f803f04b44ec4a7d8729517","6ca0207e70d985a24396583f55836b10dc181063ab6069733561bfde404d1bad","5908142efeaab38ffdf43927ee0af681ae77e0d7672b956dfb8b6c705dbfe106","f772b188b943549b5c5eb803133314b8aa7689eced80eed0b70e2f30ca07ab9c","0026b816ef05cfbf290e8585820eef0f13250438669107dfc44482bac007b14f","8ef5aad624890acfe0fa48230edce255f00934016d16acb8de0edac0ea5b21bb","9af6248ff4baf0c1ddc62bb0bc43197437bd5fb2c95ff8e10e4cf2e699ea45c1","d84398556ba4595ee6be554671da142cfe964cbdebb2f0c517a10f76f2b016c0","89b42f8ee5d387a39db85ee2c7123a391c3ede266a2bcd502c85ad55626c3b2b","99c7f3bbc03f6eb3e663c26c104d639617620c2925e76fc284f7bedf1877fa2b",{"version":"5b3e6ce357a7a1a07c858432a3d2002750058725874db09a03a0a9e899d861f5","affectsGlobalScope":true},"3bdd93ec24853e61bfa4c63ebaa425ff3e474156e87a47d90122e1d8cc717c1f","5a2a25feca554a8f289ed62114771b8c63d89f2b58325e2f8b7043e4e0160d11"],"options":{"declaration":true,"declarationMap":true,"esModuleInterop":true,"jsx":2,"module":1,"outDir":"./","rootDir":"../src","skipLibCheck":true,"sourceMap":true,"strict":false,"target":7,"tsBuildInfoFile":"./.tsbuildinfo"},"fileIdsList":[[109],[110,111],[110],[127,164,165],[128,164],[169],[173],[174],[54],[108],[130,152,164,181,182],[162],[161,162],[116,121],[127,128,135,144],[117,127,135],[153],[121,128,136],[144,149],[124,127,135],[125],[124],[127],[127,129,144,152],[127,128],[135,144,152],[127,128,130,135,144,149,152],[130,149,152],[163],[152],[124,127,144],[137],[115],[151],[142,153,156],[127,145],[144],[147],[121,135],[113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160],[135],[141],[154],[116,121,127,129,138,144,152,156],[54,192],[50,51,52,53],[196],[164,201,202,203,204,205,206,207,208,209,210,211],[200,201,210],[201,210],[194,200,201,210],[200,201,202,203,204,205,206,207,208,209,211],[201],[121,200,210],[121,164,195,196,197,198,212],[215],[78],[77],[130,144,164],[54,55],[48,54,55],[99,100],[47],[54,55,57,58,59,60,61,62,63,64,65],[48,54,55,68,69,71],[48,54,55,68,69],[48,54,55,69,97],[48,54,55,68,69,75],[48,54,55,57,69,79,80],[48,54,55,57,68,75],[48,54,70],[48,54,55,57,75,83,84],[66,67,71,72,73,74,75,76,81,82,85,86,87,88,89,90,91,92,93,94,95,96,97],[48,54,55,68,69,98],[54,55,69,75],[54,55,68,69],[54,55,57,61,62,63,64,65],[54,55,68,69,75],[46],[48],[103,104],[48,54,102],[48,54,68,79,102],[101],[54,56]],"referencedMap":[[110,1],[112,2],[111,3],[166,4],[168,5],[170,6],[174,7],[175,8],[178,9],[179,6],[180,10],[183,11],[113,12],[163,13],[116,14],[117,15],[118,16],[119,17],[120,18],[121,19],[122,20],[124,21],[125,22],[126,23],[127,23],[128,24],[129,25],[130,26],[131,27],[132,28],[164,29],[133,23],[134,30],[135,31],[137,32],[138,33],[139,34],[142,23],[143,35],[144,36],[145,37],[147,23],[148,38],[149,39],[161,40],[151,41],[152,42],[153,43],[155,37],[157,44],[158,37],[185,23],[191,9],[192,45],[54,46],[197,47],[212,48],[211,49],[202,50],[203,51],[210,52],[204,51],[205,50],[206,50],[207,50],[208,53],[201,54],[209,49],[213,55],[216,56],[79,57],[78,58],[181,59],[68,9],[100,60],[99,61],[101,62],[48,63],[66,64],[67,60],[72,65],[73,66],[74,60],[106,67],[76,68],[81,69],[82,70],[71,71],[85,72],[86,66],[75,60],[98,73],[97,74],[96,75],[87,69],[88,76],[90,60],[89,77],[91,78],[92,60],[93,60],[94,76],[95,60],[47,79],[49,80],[105,81],[103,82],[104,83],[56,9],[58,9],[59,9],[60,9],[83,9],[61,9],[62,9],[84,9],[63,9],[64,9],[65,9],[107,9],[102,84],[57,85]],"exportedModulesMap":[[110,1],[112,2],[111,3],[166,4],[168,5],[170,6],[174,7],[175,8],[178,9],[179,6],[180,10],[183,11],[113,12],[163,13],[116,14],[117,15],[118,16],[119,17],[120,18],[121,19],[122,20],[124,21],[125,22],[126,23],[127,23],[128,24],[129,25],[130,26],[131,27],[132,28],[164,29],[133,23],[134,30],[135,31],[137,32],[138,33],[139,34],[142,23],[143,35],[144,36],[145,37],[147,23],[148,38],[149,39],[161,40],[151,41],[152,42],[153,43],[155,37],[157,44],[158,37],[185,23],[191,9],[192,45],[54,46],[197,47],[212,48],[211,49],[202,50],[203,51],[210,52],[204,51],[205,50],[206,50],[207,50],[208,53],[201,54],[209,49],[213,55],[216,56],[79,57],[78,58],[181,59],[68,9],[100,60],[99,61],[101,62],[48,63],[66,64],[67,60],[72,65],[73,66],[74,60],[76,68],[81,69],[82,70],[71,71],[85,72],[86,66],[75,60],[98,73],[97,74],[96,75],[87,69],[88,76],[90,60],[89,77],[91,78],[92,60],[93,60],[94,76],[95,60],[47,79],[49,80],[105,81],[103,82],[104,83],[56,9],[58,9],[59,9],[60,9],[83,9],[61,9],[62,9],[84,9],[63,9],[64,9],[65,9],[107,9],[102,84],[57,85]],"semanticDiagnosticsPerFile":[108,110,112,111,109,167,166,168,170,171,172,173,174,175,176,177,178,179,180,165,182,183,162,113,115,163,116,117,118,119,120,121,122,123,124,125,126,127,128,129,114,159,130,131,132,164,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,161,151,152,153,154,155,156,160,157,158,184,185,186,187,188,189,52,190,191,192,50,54,193,53,194,195,197,196,169,214,212,211,202,203,210,204,205,206,207,208,201,209,200,213,199,215,216,198,70,55,51,79,78,77,181,68,10,11,13,12,2,14,15,16,17,18,19,20,21,3,4,25,22,23,24,26,27,28,5,29,30,31,32,6,33,34,35,36,7,41,37,38,39,40,8,42,43,44,1,9,45,100,99,101,48,66,67,72,73,74,106,76,81,82,71,85,86,75,98,97,96,87,88,90,89,91,92,93,94,95,47,49,105,103,104,46,56,58,59,60,83,61,62,84,63,64,65,107,102,80,57,69]},"version":"4.4.4"} \ No newline at end of file diff --git a/dist/components/FeaturedItemsSection/index.d.ts.map b/dist/components/FeaturedItemsSection/index.d.ts.map new file mode 100644 index 00000000..9e1d08e8 --- /dev/null +++ b/dist/components/FeaturedItemsSection/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FeaturedItemsSection/index.tsx"],"names":[],"mappings":";AAMA,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,KAAA,eAqEjD"} \ No newline at end of file diff --git a/dist/components/FeaturedItemsSection/index.js b/dist/components/FeaturedItemsSection/index.js new file mode 100644 index 00000000..33076d2e --- /dev/null +++ b/dist/components/FeaturedItemsSection/index.js @@ -0,0 +1,87 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } }); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { + Object.defineProperty(o, "default", { enumerable: true, value: v }); +}) : function(o, v) { + o["default"] = v; +}); +var __importStar = (this && this.__importStar) || function (mod) { + if (mod && mod.__esModule) return mod; + var result = {}; + if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); + __setModuleDefault(result, mod); + return result; +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const React = __importStar(require("react")); +const classnames_1 = __importDefault(require("classnames")); +const components_registry_1 = require("../../components-registry"); +const map_styles_to_class_names_1 = require("../../utils/map-styles-to-class-names"); +const Item_1 = __importDefault(require("../Item")); +function FeaturedItemsSection(props) { + const sectionStyles = props.styles?.self || {}; + const cssId = props.elementId || null; + const sectionBorderWidth = sectionStyles.borderWidth ? sectionStyles.borderWidth : 0; + return (React.createElement("div", { id: cssId, className: (0, classnames_1.default)('sb-component', 'sb-component-section', 'sb-component-featured-items-section', 'flex', 'flex-col', 'justify-center', 'relative', sectionStyles.height ? mapMinHeightStyles(sectionStyles.height) : null, sectionStyles.margin, sectionStyles.padding, sectionStyles.borderColor, sectionStyles.borderRadius ? (0, map_styles_to_class_names_1.mapStylesToClassNames)({ borderRadius: sectionStyles.borderRadius }) : null, sectionStyles.borderStyle ? (0, map_styles_to_class_names_1.mapStylesToClassNames)({ borderStyle: sectionStyles.borderStyle }) : null), style: { + borderWidth: `${sectionBorderWidth}px` + }, "data-sb-field-path": props.annotationPrefix }, + React.createElement("div", { className: (0, classnames_1.default)('flex', 'relative', 'w-full', sectionStyles.justifyContent ? (0, map_styles_to_class_names_1.mapStylesToClassNames)({ justifyContent: sectionStyles.justifyContent }) : null) }, + React.createElement("div", { className: (0, classnames_1.default)('w-full', sectionStyles.width ? mapMaxWidthStyles(sectionStyles.width) : null) }, + React.createElement("article", { className: "sb-card" }, + React.createElement("div", { className: "px-4 py-6 sm:px-6 sm:pb-10" }, + props.title && (React.createElement("h2", { className: (0, classnames_1.default)('text-4xl', 'sm:text-5xl', props?.styles?.title ? (0, map_styles_to_class_names_1.mapStylesToClassNames)(props?.styles?.title) : null), "data-sb-field-path": ".title" }, props.title)), + props.subtitle && (React.createElement("p", { className: (0, classnames_1.default)('text-xl', 'sm:text-2xl', props?.styles?.subtitle ? (0, map_styles_to_class_names_1.mapStylesToClassNames)(props?.styles?.subtitle) : null), "data-sb-field-path": ".subtitle" }, props.subtitle)), + props?.items && (React.createElement("div", { className: (0, classnames_1.default)(`grid gap-2 ${mapCulStyles(props?.numOfColumns || 3)} lg:gap-4`), "data-sb-field-path": ".items" }, props.items.map((item, index) => (React.createElement(Item_1.default, { key: index, ...item }))))), + React.createElement("div", { className: "my-3 flex-1 px-4 w-full" }, featuredItemActions(props)))))))); +} +exports.default = FeaturedItemsSection; +function featuredItemActions(props) { + const actions = props.actions || []; + if (actions.length === 0) { + return null; + } + const styles = props.styles || {}; + const Action = (0, components_registry_1.getComponent)('Action'); + return (React.createElement("div", { className: (0, classnames_1.default)('flex', 'flex-wrap', 'items-center', '-mx-2', styles.actions ? (0, map_styles_to_class_names_1.mapStylesToClassNames)(styles.actions) : null), "data-sb-field-path": ".actions" }, actions.map((action, index) => (React.createElement(Action, { key: index, ...action, className: "mb-3 mx-2 lg:whitespace-nowrap", annotationPrefix: `.${index}` }))))); +} +function mapCulStyles(columns) { + switch (columns) { + case 4: + return 'md:grid-cols-4'; + case 3: + return 'md:grid-cols-3'; + case 2: + return 'md:grid-cols-2'; + } + return null; +} +function mapMinHeightStyles(height) { + switch (height) { + case 'auto': + return 'min-h-0'; + case 'screen': + return 'min-h-screen'; + } + return null; +} +function mapMaxWidthStyles(width) { + switch (width) { + case 'narrow': + return 'max-w-screen-md'; + case 'wide': + return 'max-w-screen-xl'; + case 'full': + return 'max-w-full'; + } + return null; +} +//# sourceMappingURL=index.js.map \ No newline at end of file diff --git a/dist/components/FeaturedItemsSection/index.js.map b/dist/components/FeaturedItemsSection/index.js.map new file mode 100644 index 00000000..8a8512eb --- /dev/null +++ b/dist/components/FeaturedItemsSection/index.js.map @@ -0,0 +1 @@ +{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FeaturedItemsSection/index.tsx"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/dist/components/FeaturedPostsSection/index.js b/dist/components/FeaturedPostsSection/index.js new file mode 100644 index 00000000..542a0af6 --- /dev/null +++ b/dist/components/FeaturedPostsSection/index.js @@ -0,0 +1,201 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } }); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { + Object.defineProperty(o, "default", { enumerable: true, value: v }); +}) : function(o, v) { + o["default"] = v; +}); +var __importStar = (this && this.__importStar) || function (mod) { + if (mod && mod.__esModule) return mod; + var result = {}; + if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); + __setModuleDefault(result, mod); + return result; +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const React = __importStar(require("react")); +const classnames_1 = __importDefault(require("classnames")); +const dayjs_1 = __importDefault(require("dayjs")); +const components_registry_1 = require("../../components-registry"); +const map_styles_to_class_names_1 = require("../../utils/map-styles-to-class-names"); +const get_page_url_path_1 = __importDefault(require("../../utils/get-page-url-path")); +const link_1 = __importDefault(require("../../utils/link")); +function FeaturedPostsSection(props) { + const cssId = props.elementId || null; + const colors = props.colors || 'colors-a'; + const sectionStyles = props.styles?.self || {}; + const sectionBorderWidth = sectionStyles.borderWidth ? sectionStyles.borderWidth : 0; + return (React.createElement("div", { id: cssId, className: (0, classnames_1.default)('sb-component', 'sb-component-section', 'sb-component-featured-posts-section', colors, 'flex', 'flex-col', 'justify-center', 'relative', sectionStyles.height ? mapMinHeightStyles(sectionStyles.height) : null, sectionStyles.margin, sectionStyles.padding, sectionStyles.borderColor, sectionStyles.borderRadius ? (0, map_styles_to_class_names_1.mapStylesToClassNames)({ borderRadius: sectionStyles.borderRadius }) : null, sectionStyles.borderStyle ? (0, map_styles_to_class_names_1.mapStylesToClassNames)({ borderStyle: sectionStyles.borderStyle }) : null), style: { + borderWidth: `${sectionBorderWidth}px` + } }, + React.createElement("div", { className: (0, classnames_1.default)('flex', 'w-full', sectionStyles.justifyContent ? (0, map_styles_to_class_names_1.mapStylesToClassNames)({ justifyContent: sectionStyles.justifyContent }) : null) }, + React.createElement("div", { className: (0, classnames_1.default)('w-full', sectionStyles.width ? mapMaxWidthStyles(sectionStyles.width) : null) }, + featuredPostsHeader(props), + featuredPostsVariants(props), + featuredPostsActions(props))))); +} +exports.default = FeaturedPostsSection; +function featuredPostsHeader(props) { + if (!props.title && !props.subtitle) { + return null; + } + const styles = props.styles || {}; + return (React.createElement("div", null, + props.title && (React.createElement("h2", { className: (0, classnames_1.default)('text-3xl', 'sm:text-4xl', styles.title ? (0, map_styles_to_class_names_1.mapStylesToClassNames)(styles.title) : null), "data-sb-field-path": ".title" }, props.title)), + props.subtitle && (React.createElement("p", { className: (0, classnames_1.default)('text-lg', 'sm:text-xl', styles.subtitle ? (0, map_styles_to_class_names_1.mapStylesToClassNames)(styles.subtitle) : null), "data-sb-field-path": ".subtitle" }, props.subtitle)))); +} +function featuredPostsActions(props) { + const actions = props.actions || []; + if (actions.length === 0) { + return null; + } + const styles = props.styles || {}; + const Action = (0, components_registry_1.getComponent)('Action'); + return (React.createElement("div", { className: (0, classnames_1.default)('flex', 'flex-wrap', 'items-center', 'mt-12', '-mx-2', styles.actions ? (0, map_styles_to_class_names_1.mapStylesToClassNames)(styles.actions) : null), "data-sb-field-path": ".actions" }, props.actions.map((action, index) => (React.createElement(Action, { key: index, ...action, className: "mb-3 mx-2 lg:whitespace-nowrap", annotationPrefix: `.${index}` }))))); +} +function featuredPostsVariants(props) { + const variant = props.variant || 'variant-a'; + switch (variant) { + case 'variant-a': + return postsVariantA(props); + case 'variant-b': + return postsVariantB(props); + case 'variant-c': + return postsVariantC(props); + case 'variant-d': + return postsVariantD(props); + } + return null; +} +function postsVariantA(props) { + const posts = props.posts || []; + if (posts.length === 0) { + return null; + } + const ImageBlock = (0, components_registry_1.getComponent)('ImageBlock'); + return (React.createElement("div", { className: "grid gap-6 md:grid-cols-3 lg:gap-8", "data-sb-field-path": ".posts" }, posts.map((post, index) => (React.createElement("article", { key: index, className: "sb-card", "data-sb-object-id": post.__metadata?.id }, + post.featuredImage && (React.createElement(link_1.default, { href: (0, get_page_url_path_1.default)(post), className: "block h-0 w-full pt-9/16 relative", "data-sb-field-path": "featuredImage" }, + React.createElement(ImageBlock, { ...post.featuredImage, className: "absolute left-0 top-0 h-full w-full object-cover" }))), + React.createElement("div", { className: "px-4 py-6 sm:px-6 sm:pb-10" }, + props.showDate && postDate(post.date), + props.title ? (React.createElement("h3", { className: "text-xl sm:text-2xl" }, + React.createElement(link_1.default, { href: (0, get_page_url_path_1.default)(post), "data-sb-field-path": "title" }, post.title))) : (React.createElement("h2", { className: "text-xl sm:text-2xl" }, + React.createElement(link_1.default, { href: (0, get_page_url_path_1.default)(post), "data-sb-field-path": "title" }, post.title))), + props.showAuthor && post.author && postAuthor(post.author), + post.excerpt && (React.createElement("p", { className: "mt-3", "data-sb-field-path": "excerpt" }, post.excerpt)))))))); +} +function postsVariantB(props) { + const posts = props.posts || []; + if (posts.length === 0) { + return null; + } + const ImageBlock = (0, components_registry_1.getComponent)('ImageBlock'); + return (React.createElement("div", { className: "grid gap-6 md:grid-cols-3 lg:gap-8", "data-sb-field-path": ".posts" }, posts.map((post, index) => (React.createElement("article", { key: index, className: (0, classnames_1.default)('sb-card', { + 'md:col-span-2': index % 4 === 0 || (index + 1) % 4 === 0 + }), "data-sb-object-id": post.__metadata?.id }, + post.featuredImage && (React.createElement(link_1.default, { href: (0, get_page_url_path_1.default)(post), className: "block h-0 w-full pt-9/16 relative md:pt-0 md:h-60 lg:h-72", "data-sb-field-path": "featuredImage" }, + React.createElement(ImageBlock, { ...post.featuredImage, className: "absolute left-0 top-0 h-full w-full object-cover" }))), + React.createElement("div", { className: "px-4 py-6 sm:px-6 sm:pb-10" }, + props.showDate && postDate(post.date), + props.title ? (React.createElement("h3", { className: "text-xl sm:text-2xl" }, + React.createElement(link_1.default, { href: (0, get_page_url_path_1.default)(post), "data-sb-field-path": "title" }, post.title))) : (React.createElement("h2", { className: "text-xl sm:text-2xl" }, + React.createElement(link_1.default, { href: (0, get_page_url_path_1.default)(post), "data-sb-field-path": "title" }, post.title))), + props.showAuthor && post.author && postAuthor(post.author), + post.excerpt && (React.createElement("p", { className: "mt-3", "data-sb-field-path": "excerpt" }, post.excerpt)))))))); +} +function postsVariantC(props) { + const posts = props.posts || []; + if (posts.length === 0) { + return null; + } + const ImageBlock = (0, components_registry_1.getComponent)('ImageBlock'); + return (React.createElement("div", { className: "grid gap-6 md:grid-cols-3 lg:gap-8", "data-sb-field-path": ".posts" }, posts.map((post, index) => { + const isFullWidth = index % 4 === 0; + return (React.createElement("article", { key: index, className: (0, classnames_1.default)('sb-card', { + 'md:col-span-3 md:flex': isFullWidth + }), "data-sb-object-id": post.__metadata.id }, + post.featuredImage && (React.createElement("div", { className: (0, classnames_1.default)({ + 'md:w-2/5': isFullWidth + }) }, + React.createElement(link_1.default, { href: (0, get_page_url_path_1.default)(post), className: (0, classnames_1.default)('block', 'h-0', 'w-full', 'pt-9/16', 'relative', { + 'md:h-60 md:min-h-full md:pt-0 lg:h-72': isFullWidth + }), "data-sb-field-path": "featuredImage" }, + React.createElement(ImageBlock, { ...post.featuredImage, className: "absolute left-0 top-0 h-full w-full object-cover" })))), + React.createElement("div", { className: (0, classnames_1.default)('px-4 pt-6 pb-8 sm:px-6', { + 'md:w-3/5 md:pt-8 md:pb-10': isFullWidth + }) }, + props.showDate && postDate(post.date), + props.title ? (React.createElement("h3", { className: (0, classnames_1.default)('text-xl', 'sm:text-2xl', { + 'md:text-3xl': isFullWidth + }) }, + React.createElement(link_1.default, { href: (0, get_page_url_path_1.default)(post), "data-sb-field-path": "title" }, post.title))) : (React.createElement("h2", { className: (0, classnames_1.default)('text-xl', 'sm:text-2xl', { + 'md:text-3xl': isFullWidth + }) }, + React.createElement(link_1.default, { href: (0, get_page_url_path_1.default)(post), "data-sb-field-path": "title" }, post.title))), + props.showAuthor && post.author && postAuthor(post.author), + post.excerpt && (React.createElement("p", { className: "mt-3", "data-sb-field-path": "excerpt" }, post.excerpt))))); + }))); +} +function postsVariantD(props) { + const posts = props.posts || []; + if (posts.length === 0) { + return null; + } + const ImageBlock = (0, components_registry_1.getComponent)('ImageBlock'); + return (React.createElement("div", { "data-sb-field-path": ".posts" }, posts.map((post, index) => (React.createElement("article", { key: index, className: "sb-card mb-8 md:flex", "data-sb-object-id": post.__metadata.id }, + post.featuredImage && (React.createElement("div", { className: "md:w-2/5" }, + React.createElement(link_1.default, { href: (0, get_page_url_path_1.default)(post), className: "block h-0 w-full pt-9/16 relative md:h-60 md:min-h-full md:pt-0 lg:h-72", "data-sb-field-path": "featuredImage" }, + React.createElement(ImageBlock, { ...post.featuredImage, className: "absolute left-0 top-0 h-full w-full object-cover" })))), + React.createElement("div", { className: "px-4 pt-6 pb-8 sm:px-6 md:w-3/5 md:pt-8 md:pb-10" }, + props.showDate && postDate(post.date), + props.title ? (React.createElement("h3", { className: "text-xl sm:text-2xl md:text-3xl" }, + React.createElement(link_1.default, { href: (0, get_page_url_path_1.default)(post), "data-sb-field-path": "title" }, post.title))) : (React.createElement("h2", { className: "text-xl sm:text-2xl md:text-3xl" }, + React.createElement(link_1.default, { href: (0, get_page_url_path_1.default)(post), "data-sb-field-path": "title" }, post.title))), + props.showAuthor && post.author && postAuthor(post.author), + post.excerpt && (React.createElement("p", { className: "mt-3", "data-sb-field-path": "excerpt" }, post.excerpt)))))))); +} +function postDate(date) { + const dateTimeAttr = (0, dayjs_1.default)(date).format('YYYY-MM-DD HH:mm:ss'); + const formattedDate = (0, dayjs_1.default)(date).format('MMMM D, YYYY'); + return (React.createElement("div", { className: "text-sm mb-1" }, + React.createElement("time", { dateTime: dateTimeAttr, "data-sb-field-path": "date" }, formattedDate))); +} +function postAuthor(author) { + return (React.createElement("div", { className: "text-sm mt-1" }, + "By", + ' ', + React.createElement("span", { "data-sb-field-path": "author" }, + author.firstName && React.createElement("span", { "data-sb-field-path": ".firstName" }, author.firstName), + ' ', + author.lastName && React.createElement("span", { "data-sb-field-path": ".lastName" }, author.lastName)))); +} +function mapMinHeightStyles(height) { + switch (height) { + case 'auto': + return 'min-h-0'; + case 'screen': + return 'min-h-screen'; + } + return null; +} +function mapMaxWidthStyles(width) { + switch (width) { + case 'narrow': + return 'max-w-screen-md'; + case 'wide': + return 'max-w-screen-xl'; + case 'full': + return 'max-w-full'; + } + return null; +} +//# sourceMappingURL=index.js.map \ No newline at end of file diff --git a/dist/components/FeaturedPostsSection/index.js.map b/dist/components/FeaturedPostsSection/index.js.map new file mode 100644 index 00000000..56d9734b --- /dev/null +++ b/dist/components/FeaturedPostsSection/index.js.map @@ -0,0 +1 @@ +{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FeaturedPostsSection/index.tsx"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/dist/components/Item/index.d.ts.map b/dist/components/Item/index.d.ts.map new file mode 100644 index 00000000..489bf3e1 --- /dev/null +++ b/dist/components/Item/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Item/index.tsx"],"names":[],"mappings":";AAOA,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,KAAA,eAoDjC"} \ No newline at end of file diff --git a/dist/components/Item/index.js b/dist/components/Item/index.js new file mode 100644 index 00000000..e7f3a0dc --- /dev/null +++ b/dist/components/Item/index.js @@ -0,0 +1,57 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } }); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { + Object.defineProperty(o, "default", { enumerable: true, value: v }); +}) : function(o, v) { + o["default"] = v; +}); +var __importStar = (this && this.__importStar) || function (mod) { + if (mod && mod.__esModule) return mod; + var result = {}; + if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); + __setModuleDefault(result, mod); + return result; +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const React = __importStar(require("react")); +const classnames_1 = __importDefault(require("classnames")); +const markdown_to_jsx_1 = __importDefault(require("markdown-to-jsx")); +const components_registry_1 = require("../../components-registry"); +const map_styles_to_class_names_1 = require("../../utils/map-styles-to-class-names"); +const __1 = require(".."); +function Item(props) { + const cssId = props.elementId || null; + return (React.createElement("div", { id: cssId, className: (0, classnames_1.default)('sb-component', 'sb-component-block', 'sb-component-item', 'flex', 'flex-col', 'justify-center', 'relative'), "data-sb-field-path": props.annotationPrefix }, + React.createElement("div", { className: (0, classnames_1.default)('flex', 'relative', 'w-full') }, + React.createElement("div", { className: (0, classnames_1.default)('w-full') }, + React.createElement("article", { className: "sb-card" }, + React.createElement("div", { className: "px-4 py-6 sm:px-6 sm:pb-10" }, + props.featuredImage && (React.createElement("div", { className: "block h-0 w-full pt-9/16 relative", "data-sb-field-path": "featuredImage" }, + React.createElement(__1.ImageBlock, { ...props.featuredImage, className: "absolute left-0 top-0 h-full w-full object-cover" }))), + props.title && (React.createElement("h2", { className: (0, classnames_1.default)('text-4xl', 'sm:text-5xl', props?.styles?.title ? (0, map_styles_to_class_names_1.mapStylesToClassNames)(props?.styles?.title) : null), "data-sb-field-path": ".title" }, props.title)), + props.subtitle && (React.createElement("p", { className: (0, classnames_1.default)('text-xl', 'sm:text-2xl', props?.styles?.subtitle ? (0, map_styles_to_class_names_1.mapStylesToClassNames)(props?.styles?.subtitle) : null), "data-sb-field-path": ".subtitle" }, props.subtitle)), + props.content && (React.createElement(markdown_to_jsx_1.default, { options: { forceBlock: true, forceWrapper: true }, className: (0, classnames_1.default)('sb-markdown', 'md:text-lg', props?.styles?.content ? (0, map_styles_to_class_names_1.mapStylesToClassNames)(props?.styles?.content) : null), "data-sb-field-path": ".content" }, props.content)), + props.author && React.createElement("div", null, props.author), + props.rating && React.createElement("div", null, props.rating), + React.createElement("div", { className: "my-3 flex-1 px-4 w-full" }, itemActions(props)))))))); +} +exports.default = Item; +function itemActions(props) { + const actions = props.actions || []; + if (actions.length === 0) { + return null; + } + const styles = props.styles || {}; + const Action = (0, components_registry_1.getComponent)('Action'); + return (React.createElement("div", { className: (0, classnames_1.default)('flex', 'flex-wrap', 'items-center', '-mx-2', styles.actions ? (0, map_styles_to_class_names_1.mapStylesToClassNames)(styles.actions) : null), "data-sb-field-path": ".actions" }, actions.map((action, index) => (React.createElement(Action, { key: index, ...action, className: "mb-3 mx-2 lg:whitespace-nowrap", annotationPrefix: `.${index}` }))))); +} +//# sourceMappingURL=index.js.map \ No newline at end of file diff --git a/dist/components/Item/index.js.map b/dist/components/Item/index.js.map new file mode 100644 index 00000000..cbab8366 --- /dev/null +++ b/dist/components/Item/index.js.map @@ -0,0 +1 @@ +{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Item/index.tsx"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/models/FeaturedItemsSection.yaml b/models/FeaturedItemsSection.yaml new file mode 100644 index 00000000..ddfc723a --- /dev/null +++ b/models/FeaturedItemsSection.yaml @@ -0,0 +1,128 @@ +type: object +name: FeaturedItemsSection +label: Featured Items section +labelField: title +extends: + - Section +groups: + - sectionComponent +fieldGroups: + - name: styles + label: Styles + - name: settings + label: Settings +fields: + - type: string + name: title + label: Title + default: Featured items section + - type: string + name: subtitle + label: Subtitle + default: Featured items section example subtitle + - type: list + name: items + label: Items + items: + type: model + models: + - ItemBlock + default: + - type: ItemBlock + title: The quick, brown fox jumps over a lazy dog + subtitle: Section subtitle + text: 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae. explicabo.' + author: Earnest Hemingway + rating: 5 + - type: list + name: actions + label: Actions + items: + type: model + models: + - Button + - Link + default: + - type: Button + label: Apply Now + url: '#' + style: primary + - type: Button + label: Learn More + url: '#' + style: secondary + - type: enum + name: columns + label: Items per row + group: styles + options: + - label: '2' + value: 2 + - label: '3' + value: 3 + - label: '4' + value: 4 + default: 3 + - type: style + name: styles + styles: + self: + height: ['auto', 'screen'] + width: ['narrow', 'wide', 'full'] + margin: ['tw0:36'] + padding: ['tw4:36'] + justifyContent: ['flex-start', 'flex-end', 'center'] + borderRadius: '*' + borderWidth: ['0:8'] + borderStyle: '*' + borderColor: + - value: 'border-primary' + label: 'Primary color' + color: '$primary' + - value: 'border-secondary' + label: 'Secondary color' + color: '$secondary' + - value: 'border-dark' + label: 'Dark color' + color: '$dark' + - value: 'border-complementary' + label: 'Complementary color' + color: '$complementary' + - value: 'border-complementary-alt' + label: 'Complementary alt color' + color: '$complementaryAlt' + title: + fontWeight: ['400', '700'] + fontStyle: ['normal', 'italic'] + textAlign: ['left', 'center', 'right'] + margin: ['twy0:12'] + subtitle: + fontWeight: ['400', '700'] + fontStyle: ['normal', 'italic'] + textAlign: ['left', 'center', 'right'] + margin: ['twy0:12'] + actions: + justifyContent: ['flex-start', 'flex-end', 'center'] + default: + self: + height: auto + width: wide + margin: ['mt-0', 'mb-0', 'ml-0', 'mr-0'] + padding: ['pt-12', 'pb-12', 'pl-4', 'pr-4'] + justifyContent: center + borderRadius: none + borderWidth: 0 + borderStyle: none + borderColor: border-dark + title: + fontWeight: 700 + fontStyle: normal + textAlign: left + margin: ['mt-0', 'mb-4'] + subtitle: + fontWeight: 400 + fontStyle: normal + textAlign: left + margin: ['mt-0', 'mb-6'] + actions: + justifyContent: flex-start diff --git a/models/ItemBlock.yaml b/models/ItemBlock.yaml new file mode 100644 index 00000000..c4ca791a --- /dev/null +++ b/models/ItemBlock.yaml @@ -0,0 +1,107 @@ +type: object +name: ItemBlock +label: Item +labelField: title +fieldGroups: + - name: styles + label: Styles + - name: settings + label: Settings +fields: + - type: string + name: elementId + group: settings + label: Element ID + description: The unique ID for an HTML element, must not contain whitespace + default: '' + - type: string + name: title + label: Title + default: Item block + - type: string + name: subtitle + label: Subtitle + default: Item block example subtitle + - type: markdown + name: text + label: Text + default: 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae. explicabo.' + - type: string + name: author + label: Author + default: Earnest Hemingway + - type: enum + name: rating + label: Rating + options: + - label: '1' + value: 1 + - label: '2' + value: 2 + - label: '3' + value: 3 + - label: '4' + value: 4 + - label: '5' + value: 5 + default: 1 + - type: model + name: featuredImage + label: Featured image + models: + - ImageBlock + default: + type: ImageBlock + url: /images/post-1.jpeg + altText: Post thumbnail image + - type: list + name: actions + label: Actions + items: + type: model + models: + - Button + - Link + default: + - type: Button + label: Apply Now + url: '#' + style: primary + - type: Button + label: Learn More + url: '#' + style: secondary + - type: style + name: styles + styles: + title: + fontWeight: ['400', '700'] + fontStyle: ['normal', 'italic'] + textAlign: ['left', 'center', 'right'] + margin: ['twy0:12'] + subtitle: + fontWeight: ['400', '700'] + fontStyle: ['normal', 'italic'] + textAlign: ['left', 'center', 'right'] + margin: ['twy0:12'] + text: + textAlign: ['left', 'center', 'right'] + margin: ['twy0:12'] + actions: + justifyContent: ['flex-start', 'flex-end', 'center'] + default: + title: + fontWeight: '700' + fontStyle: normal + textAlign: left + margin: ['mt-0', 'mb-4'] + subtitle: + fontWeight: '400' + fontStyle: normal + textAlign: left + margin: ['mt-0', 'mb-6'] + text: + textAlign: left + margin: ['mt-0', 'mb-8'] + actions: + justifyContent: flex-start diff --git a/src/components-manifest.json b/src/components-manifest.json index a953e236..5a689566 100644 --- a/src/components-manifest.json +++ b/src/components-manifest.json @@ -24,6 +24,11 @@ "modelName": "EmailFormControl", "isDynamic": true }, + "FeaturedItemsSection": { + "path": "components/FeaturedItemsSection", + "modelName": "FeaturedItemsSection", + "isDynamic": true + }, "FeaturedPeopleSection": { "path": "components/FeaturedPeopleSection", "modelName": "FeaturedPeopleSection", @@ -59,6 +64,11 @@ "modelName": "ImageBlock", "isDynamic": true }, + "ItemBlock": { + "path": "components/ItemBlock", + "modelName": "ItemBlock", + "isDynamic": true + }, "MediaGallerySection": { "path": "components/MediaGallerySection", "modelName": "MediaGallerySection", diff --git a/src/components/FeaturedItemsSection/featured-items-section.stories.tsx b/src/components/FeaturedItemsSection/featured-items-section.stories.tsx new file mode 100644 index 00000000..330b9075 --- /dev/null +++ b/src/components/FeaturedItemsSection/featured-items-section.stories.tsx @@ -0,0 +1,215 @@ +import React from 'react'; +import FeaturedItemsSection from './index'; + +export default { + title: 'Components/FeaturedItemsSection', + component: FeaturedItemsSection, + argTypes: { + type: { table: { disable: true } }, + elementId: { + defaultValue: '' + }, + colors: { + options: ['colors-a', 'colors-b', 'colors-c', 'colors-d', 'colors-e', 'colors-f', 'colors-g', 'colors-h', 'colors-i'], + defaultValue: 'colors-a', + control: { type: 'select' } + }, + columns: { + options: [2, 3, 4], + defaultValue: 4, + control: { type: 'select' } + } + } +}; + +const Template = (args) => ; + +const args = { + type: 'FeaturedItemsSection', + elementId: '', + title: 'Featured items section', + subtitle: 'Featured items section example subtitle', + actions: [ + { + type: 'Button', + url: '#', + label: 'Apply Now', + style: 'primary' + }, + { + type: 'Button', + url: '#', + label: 'Learn more', + style: 'secondary' + } + ], + columns: 4, + items: [ + { + type: 'Item', + title: 'The quick, brown fox jumps over a lazy dog', + subtitle: 'Section subtitle', + author: 'Earnest Hemingway', + text: 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae. explicabo.', + featuredImage: { + type: 'ImageBlock', + url: '/images/post-1.jpeg', + altText: 'Post Image' + }, + styles: { + title: { + fontWeight: 700, + fontStyle: 'normal', + textAlign: 'left', + margin: ['mt-4', 'mb-0'] + }, + subtitle: { + fontWeight: 400, + fontStyle: 'normal', + textAlign: 'left', + margin: ['mt-0', 'mb-4'] + }, + text: { + textAlign: 'left', + margin: ['mt-0', 'mb-4'] + }, + actions: { + justifyContent: 'flex-start' + } + } + }, + { + type: 'Item', + title: 'The quick, brown fox jumps over a lazy dog', + subtitle: 'Section subtitle', + author: 'Earnest Hemingway', + text: 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae. explicabo.', + featuredImage: { + type: 'ImageBlock', + url: '/images/post-1.jpeg', + altText: 'Post Image' + }, + styles: { + title: { + fontWeight: 700, + fontStyle: 'normal', + textAlign: 'left', + margin: ['mt-4', 'mb-0'] + }, + subtitle: { + fontWeight: 400, + fontStyle: 'normal', + textAlign: 'left', + margin: ['mt-0', 'mb-4'] + }, + text: { + textAlign: 'left', + margin: ['mt-0', 'mb-4'] + }, + actions: { + justifyContent: 'flex-start' + } + } + }, + { + type: 'Item', + title: 'The quick, brown fox jumps over a lazy dog', + subtitle: 'Section subtitle', + author: 'Earnest Hemingway', + text: 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae. explicabo.', + featuredImage: { + type: 'ImageBlock', + url: '/images/post-1.jpeg', + altText: 'Post Image' + }, + styles: { + title: { + fontWeight: 700, + fontStyle: 'normal', + textAlign: 'left', + margin: ['mt-4', 'mb-0'] + }, + subtitle: { + fontWeight: 400, + fontStyle: 'normal', + textAlign: 'left', + margin: ['mt-0', 'mb-4'] + }, + text: { + textAlign: 'left', + margin: ['mt-0', 'mb-4'] + }, + actions: { + justifyContent: 'flex-start' + } + } + }, + { + type: 'Item', + title: 'The quick, brown fox jumps over a lazy dog', + subtitle: 'Section subtitle', + author: 'Earnest Hemingway', + text: 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae. explicabo.', + featuredImage: { + type: 'ImageBlock', + url: '/images/post-1.jpeg', + altText: 'Post Image' + }, + styles: { + title: { + fontWeight: 700, + fontStyle: 'normal', + textAlign: 'left', + margin: ['mt-4', 'mb-0'] + }, + subtitle: { + fontWeight: 400, + fontStyle: 'normal', + textAlign: 'left', + margin: ['mt-0', 'mb-4'] + }, + text: { + textAlign: 'left', + margin: ['mt-0', 'mb-4'] + }, + actions: { + justifyContent: 'flex-start' + } + } + } + ], + styles: { + self: { + height: 'auto', + width: 'wide', + margin: ['mt-0', 'mb-0', 'ml-0', 'mr-0'], + padding: ['pt-12', 'pb-12', 'pl-4', 'pr-4'], + alignItems: 'center', + justifyContent: 'center', + flexDirection: 'row', + borderRadius: 'none', + borderWidth: 0, + borderStyle: 'none', + borderColor: 'border-neutral' + }, + title: { + fontWeight: 700, + fontStyle: 'normal', + textAlign: 'left', + margin: ['mt-0', 'mb-2'] + }, + subtitle: { + fontWeight: 400, + fontStyle: 'normal', + textAlign: 'left', + margin: ['mt-0', 'mb-12'] + }, + actions: { + justifyContent: 'flex-start' + } + } +}; + +export const Primary = Template.bind({}); +Primary.storyName = 'Featured item with items'; +Primary.args = args; diff --git a/src/components/FeaturedItemsSection/index.tsx b/src/components/FeaturedItemsSection/index.tsx new file mode 100644 index 00000000..beb99f4f --- /dev/null +++ b/src/components/FeaturedItemsSection/index.tsx @@ -0,0 +1,115 @@ +import * as React from 'react'; +import classNames from 'classnames'; +import { getComponent } from '../../components-registry'; +import { mapStylesToClassNames as mapStyles } from '../../utils/map-styles-to-class-names'; +import ItemBlock from '../ItemBlock'; + +export default function FeaturedItemsSection(props) { + const cssId = props.elementId || null; + const colors = props.colors || 'colors-a'; + const sectionStyles = props.styles?.self || {}; + const sectionBorderWidth = sectionStyles.borderWidth ? sectionStyles.borderWidth : 0; + return ( +
+
+
+ {props.title && ( +

+ {props.title} +

+ )} + {props.subtitle && ( +

+ {props.subtitle} +

+ )} + {props?.items && ( +
+ {props.items.map((item, index) => ( + + ))} +
+ )} + {featuredItemActions(props)} +
+
+
+ ); +} + +function featuredItemActions(props) { + const actions = props.actions || []; + if (actions.length === 0) { + return null; + } + const styles = props.styles || {}; + const Action = getComponent('Action'); + return ( +
+ {actions.map((action, index) => ( + + ))} +
+ ); +} + +function mapColStyles(columns) { + switch (columns) { + case 4: + return 'md:grid-cols-4'; + case 3: + return 'md:grid-cols-3'; + case 2: + return 'md:grid-cols-2'; + } + return null; +} + +function mapMinHeightStyles(height) { + switch (height) { + case 'auto': + return 'min-h-0'; + case 'screen': + return 'min-h-screen'; + } + return null; +} + +function mapMaxWidthStyles(width) { + switch (width) { + case 'narrow': + return 'max-w-screen-md'; + case 'wide': + return 'max-w-screen-xl'; + case 'full': + return 'max-w-full'; + } + return null; +} diff --git a/src/components/ItemBlock/index.tsx b/src/components/ItemBlock/index.tsx new file mode 100644 index 00000000..8f276f18 --- /dev/null +++ b/src/components/ItemBlock/index.tsx @@ -0,0 +1,64 @@ +import * as React from 'react'; +import classNames from 'classnames'; +import Markdown from 'markdown-to-jsx'; +import { getComponent } from '../../components-registry'; +import { mapStylesToClassNames as mapStyles } from '../../utils/map-styles-to-class-names'; +import { ImageBlock } from '..'; + +export default function ItemBlock(props) { + const cssId = props.elementId || null; + return ( +
+ {props.featuredImage && ( +
+ +
+ )} + {props.title && ( +

+ {props.title} +

+ )} + {props.subtitle && ( +

+ {props.subtitle} +

+ )} + {props.text && ( + + {props.text} + + )} + {props.author && ( +
+ {props.author} +
+ )} + {props.rating &&
{props.rating}
} + {itemActions(props)} +
+ ); +} + +function itemActions(props) { + const actions = props.actions || []; + if (actions.length === 0) { + return null; + } + const styles = props.styles || {}; + const Action = getComponent('Action'); + return ( +
+ {actions.map((action, index) => ( + + ))} +
+ ); +} diff --git a/src/components/ItemBlock/item-block.stories.tsx b/src/components/ItemBlock/item-block.stories.tsx new file mode 100644 index 00000000..1d88ba4d --- /dev/null +++ b/src/components/ItemBlock/item-block.stories.tsx @@ -0,0 +1,61 @@ +import React from 'react'; +import ItemBlock from './index'; + +export default { + title: 'Blocks/ItemBlock', + component: ItemBlock +}; + +const Template = (args) => ; + +const args = { + type: 'ItemBlock', + title: 'Item block', + subtitle: 'Item block example subtitle', + author: 'Earnest Hemingway', + text: 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae. explicabo.', + featuredImage: { + type: 'ImageBlock', + url: '/images/post-1.jpeg', + altText: 'Post Image' + }, + actions: [ + { + type: 'Button', + url: '#', + label: 'Apply Now', + style: 'primary' + }, + { + type: 'Button', + url: '#', + label: 'Learn more', + style: 'secondary' + } + ], + styles: { + title: { + fontWeight: 700, + fontStyle: 'normal', + textAlign: 'left', + margin: ['mt-4', 'mb-0'] + }, + subtitle: { + fontWeight: 400, + fontStyle: 'normal', + textAlign: 'left', + margin: ['mt-0', 'mb-4'] + }, + text: { + textAlign: 'left', + margin: ['mt-0', 'mb-4'] + }, + actions: { + justifyContent: 'flex-start' + } + } +}; + +export const Primary = Template.bind({}); +Primary.storyName = 'Item with content'; +Primary.args = args; diff --git a/src/components/index.ts b/src/components/index.ts index a77b01d0..575c1877 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -3,6 +3,7 @@ import CheckboxFormControl from './CheckboxFormControl'; import ContactSection from './ContactSection'; import CtaSection from './CtaSection'; import EmailFormControl from './EmailFormControl'; +import FeaturedItemsSection from './FeaturedItemsSection'; import FeaturedPeopleSection from './FeaturedPeopleSection'; import FeaturedPostsSection from './FeaturedPostsSection'; import Footer from './Footer'; @@ -10,6 +11,8 @@ import FormBlock from './FormBlock'; import Header from './Header'; import HeroSection from './HeroSection'; import ImageBlock from './ImageBlock'; +import ItemBlock from './ItemBlock'; +import MediaGallerySection from './MediaGallerySection'; import PostFeedSection from './PostFeedSection'; import QuoteSection from './QuoteSection'; import Social from './Social'; @@ -19,7 +22,6 @@ import TextareaFormControl from './TextareaFormControl'; import TextFormControl from './TextFormControl'; import TextSection from './TextSection'; import VideoBlock from './VideoBlock'; -import MediaGallerySection from './MediaGallerySection'; export { Action, @@ -27,6 +29,7 @@ export { ContactSection, CtaSection, EmailFormControl, + FeaturedItemsSection, FeaturedPeopleSection, FeaturedPostsSection, Footer, @@ -34,6 +37,8 @@ export { Header, HeroSection, ImageBlock, + ItemBlock, + MediaGallerySection, PostFeedSection, QuoteSection, Social, @@ -42,6 +47,5 @@ export { TextareaFormControl, TextFormControl, TextSection, - VideoBlock, - MediaGallerySection + VideoBlock }; diff --git a/src/layouts/PageLayout/page-layout.stories.tsx b/src/layouts/PageLayout/page-layout.stories.tsx index 99173b73..a334ee4b 100644 --- a/src/layouts/PageLayout/page-layout.stories.tsx +++ b/src/layouts/PageLayout/page-layout.stories.tsx @@ -4,6 +4,7 @@ import * as HeaderStories from '../../components/Header/header.stories'; import * as FooterStories from '../../components/Footer/footer.stories'; import * as ContactSectionStories from '../../components/ContactSection/contact-section.stories'; import * as CtaSectionStories from '../../components/CtaSection/cta-section.stories'; +import * as FeaturedItemsStories from '../../components/FeaturedItemsSection/featured-items-section.stories'; import * as FeaturedPeopleSectionStories from '../../components/FeaturedPeopleSection/featured-people-section.stories'; import * as FeaturedPostsSectionStories from '../../components/FeaturedPostsSection/featured-posts-section.stories'; import * as HeroSectionStories from '../../components/HeroSection/hero-section.stories'; @@ -39,6 +40,7 @@ Primary.args = { sections: [ ContactSectionStories.Primary.args, CtaSectionStories.Primary.args, + FeaturedItemsStories.Primary.args, FeaturedPeopleSectionStories.Primary.args, FeaturedPostsSectionStories.Primary.args, HeroSectionStories.Primary.args,