@fdmg/fd-saved-articles
Version:
FD-themed saved articles
1 lines • 8.22 kB
JavaScript
module.exports=function(n){var e={};function t(a){if(e[a])return e[a].exports;var l=e[a]={i:a,l:!1,exports:{}};return n[a].call(l.exports,l,l.exports,t),l.l=!0,l.exports}return t.m=n,t.c=e,t.d=function(n,e,a){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:a})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var a=Object.create(null);if(t.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var l in n)t.d(a,l,function(e){return n[e]}.bind(null,l));return a},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s=0)}([function(n,e,t){n.exports=t(1)},function(n,e,t){"use strict";var a=this&&this.__makeTemplateObject||function(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n},l=this&&this.__importStar||function(n){if(n&&n.__esModule)return n;var e={};if(null!=n)for(var t in n)Object.hasOwnProperty.call(n,t)&&(e[t]=n[t]);return e.default=n,e};Object.defineProperty(e,"__esModule",{value:!0});var r=l(t(2)),i=l(t(3)),o=l(t(4)),s=t(5);e.default=function(n){var e=r.useState(!1),t=e[0],a=e[1],l=function(e){n.onDelete&&n.onDelete(e.currentTarget.getAttribute("data-uuid"))};return r.default.createElement(r.default.Fragment,null,r.default.createElement(m,null),r.default.createElement(i.default,{cardStyle:n.cardStyle,className:"fd-saved-articles"+(n.className?" "+n.className:"")+(t?" show-all":"")},r.default.createElement(o.default,{textStyle:"card-h",className:"fd-saved-articles-h"},r.default.createElement("h3",null,n.title?n.title:"Bewaarde artikelen")),r.default.createElement("nav",null,n.items.map(function(n,e){return e>4?null:r.default.createElement("div",{className:"news-item",key:n.id},r.default.createElement("a",{href:n.url},r.default.createElement("time",null,n.dateTime),r.default.createElement("span",null,n.label)),r.default.createElement("i",{className:"icon-times","data-uuid":n.id,onClick:l}))})),n.items.length>4?r.default.createElement(r.default.Fragment,null,r.default.createElement("nav",{className:"optional-content"},n.items.map(function(n,e){return e<=4?null:r.default.createElement("div",{className:"news-item",key:n.id},r.default.createElement("a",{href:n.url},r.default.createElement("time",null,n.dateTime),r.default.createElement("span",null,n.label)),r.default.createElement("i",{className:"icon-times","data-uuid":n.id,onClick:l}))})),r.default.createElement("span",{className:"show-less",onClick:function(){a(!1)}},r.default.createElement("i",{className:"icon-chevron-up"}),r.default.createElement("div",null,"Toon minder")),r.default.createElement("span",{className:"show-more",onClick:function(){a(!0)}},r.default.createElement("div",null,"Toon meer"),r.default.createElement("i",{className:"icon-chevron-down"}))):null))};var d=s.css(c||(c=a(["\n.fd-saved-articles {\n .card-h.fd-saved-articles-h,\n .news-item > a {\n padding: 12px 10px;\n @media only screen and (min-width: 641px) {\n padding: 12px;\n }\n @media only screen and (min-width: 861px) {\n padding: 12px 15px;\n }\n }\n\n .news-item {\n display: flex;\n align-items: stretch;\n border-top: 1px solid rgba(0,0,0,0.1);\n &:hover a {\n color: #49a4a2;\n }\n i {\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 44px;\n cursor: pointer;\n &:hover {\n background: rgba(0,0,0,0.04);\n }\n }\n }\n a {\n text-decoration: none;\n flex: 1 1 auto;\n font-family: 'ProximaNovaRegular', sans-serif;\n line-height: 1.2em;\n color: #191919;\n font-size: 1rem;\n @media only screen and (min-width: 641px) {\n font-size: 1.0625rem;\n }\n }\n time {\n color: #677381;\n display: block;\n font-size: 13px;\n @media only screen and (min-width: 641px) {\n font-size: 14px;\n }\n }\n\n i {\n color: #677381;\n display: flex;\n align-content: center;\n justify-content: center;\n user-select: none;\n }\n\n .show-less,\n .optional-content {\n display: none;\n }\n\n .show-more {\n display: flex;\n }\n\n &.show-all {\n .show-less {\n display: flex;\n }\n .optional-content {\n display: block;\n }\n .show-more {\n display: none;\n }\n }\n\n .show-more, .show-less {\n user-select: none;\n border-top: 1px solid rgba(0,0,0,0.1);\n flex-direction: column;\n justify-content: center;\n cursor: pointer;\n padding: .5rem;\n font-family: 'ProximaNovaRegular',Helvetica,sans-serif;\n font-size: 1rem;\n @media only screen and (min-width: 641px) {\n font-size: 1.0625rem;\n }\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n div {\n text-align: center;\n }\n }\n}\n"],["\n.fd-saved-articles {\n .card-h.fd-saved-articles-h,\n .news-item > a {\n padding: 12px 10px;\n @media only screen and (min-width: 641px) {\n padding: 12px;\n }\n @media only screen and (min-width: 861px) {\n padding: 12px 15px;\n }\n }\n\n .news-item {\n display: flex;\n align-items: stretch;\n border-top: 1px solid rgba(0,0,0,0.1);\n &:hover a {\n color: #49a4a2;\n }\n i {\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 44px;\n cursor: pointer;\n &:hover {\n background: rgba(0,0,0,0.04);\n }\n }\n }\n a {\n text-decoration: none;\n flex: 1 1 auto;\n font-family: 'ProximaNovaRegular', sans-serif;\n line-height: 1.2em;\n color: #191919;\n font-size: 1rem;\n @media only screen and (min-width: 641px) {\n font-size: 1.0625rem;\n }\n }\n time {\n color: #677381;\n display: block;\n font-size: 13px;\n @media only screen and (min-width: 641px) {\n font-size: 14px;\n }\n }\n\n i {\n color: #677381;\n display: flex;\n align-content: center;\n justify-content: center;\n user-select: none;\n }\n\n .show-less,\n .optional-content {\n display: none;\n }\n\n .show-more {\n display: flex;\n }\n\n &.show-all {\n .show-less {\n display: flex;\n }\n .optional-content {\n display: block;\n }\n .show-more {\n display: none;\n }\n }\n\n .show-more, .show-less {\n user-select: none;\n border-top: 1px solid rgba(0,0,0,0.1);\n flex-direction: column;\n justify-content: center;\n cursor: pointer;\n padding: .5rem;\n font-family: 'ProximaNovaRegular',Helvetica,sans-serif;\n font-size: 1rem;\n @media only screen and (min-width: 641px) {\n font-size: 1.0625rem;\n }\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n div {\n text-align: center;\n }\n }\n}\n"])));e.SavedArticlesStyle=s.css(u||(u=a(["\n","\n","\n","\n"],["\n","\n","\n","\n"])),i.getAllCardStyles(),o.getAllTextStyles(["card-h"]),d);var c,u,f,m=s.createGlobalStyle(f||(f=a(["",""],["",""])),e.SavedArticlesStyle)},function(n,e){n.exports=require("react")},function(n,e){n.exports=require("@fdmg/fd-card")},function(n,e){n.exports=require("@fdmg/fd-typography")},function(n,e){n.exports=require("styled-components")}]);