@twreporter/react-components 8.27.2-rc.1 → 8.28.0-rc.0

package/lib/footer/icon-list.js

@@ -1,94 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _styles = _interopRequireDefault(require("./constants/styles"));
-
-var _paths = require("./constants/paths");
-
-var _icons = _interopRequireDefault(require("./constants/icons"));
-
-var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
-var _map = _interopRequireDefault(require("lodash/map"));
-
-var _templateObject, _templateObject2, _templateObject3;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var _ = {
-  map: _map["default"]
-};
-
-var IconLink = /*#__PURE__*/_styledComponents["default"].a.withConfig({
-  displayName: "icon-list__IconLink",
-  componentId: "sc-1pjab65-0"
-})(["text-decoration:none !important;position:relative;display:inline-block;margin-right:11px;", " ", ""], _mediaQuery["default"].tabletAndAbove(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: ", "px;\n    height: ", "px;  \n  "])), _styles["default"].icon.width.tabletAndAbove, _styles["default"].icon.height.tabletAndAbove), _mediaQuery["default"].mobileOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    margin-right: 0;\n    width: 30px;\n    height: 30px;\n  "]))));
-
-var ShowOnHover = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "icon-list__ShowOnHover",
-  componentId: "sc-1pjab65-1"
-})(["display:none;", ":hover &{display:block;}"], IconLink);
-
-var HideOnHover = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "icon-list__HideOnHover",
-  componentId: "sc-1pjab65-2"
-})(["display:block;", ":hover &{display:none;}"], IconLink);
-
-var Icons = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "icon-list__Icons",
-  componentId: "sc-1pjab65-3"
-})(["margin-top:20px;transform:translateX(-5px);opacity:0.8;", ""], _mediaQuery["default"].mobileOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n  "]))));
-
-var Icon = function Icon(_ref) {
-  var icon = _ref.icon;
-  var iconHref = icon.link;
-  var iconTarget = icon.target;
-  var iconSlug = icon.slug;
-  var iconSrc = "".concat(_paths.assets).concat(icon.slug, "-logo-default.svg");
-  var iconHoverSrc = "".concat(_paths.assets).concat(icon.slug, "-logo-hover.svg");
-  return /*#__PURE__*/_react["default"].createElement(IconLink, {
-    href: iconHref,
-    target: iconTarget
-  }, /*#__PURE__*/_react["default"].createElement(HideOnHover, null, /*#__PURE__*/_react["default"].createElement("img", {
-    alt: iconSlug,
-    src: iconSrc
-  })), /*#__PURE__*/_react["default"].createElement(ShowOnHover, null, /*#__PURE__*/_react["default"].createElement("img", {
-    alt: iconSlug,
-    src: iconHoverSrc
-  })));
-};
-
-Icon.propTypes = {
-  icon: _propTypes["default"].shape({
-    link: _propTypes["default"].string,
-    slug: _propTypes["default"].string,
-    target: _propTypes["default"].string
-  }).isRequired
-};
-Icon.defaultProps = {
-  icon: {}
-};
-
-var IconList = function IconList() {
-  return /*#__PURE__*/_react["default"].createElement(Icons, null, _.map(_icons["default"], function (icon) {
-    return /*#__PURE__*/_react["default"].createElement(Icon, {
-      key: icon.slug,
-      icon: icon
-    });
-  }));
-};
-
-var _default = IconList;
-exports["default"] = _default;