@twreporter/react-components 8.17.0-rc.13 → 8.17.0-rc.15

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.17.0-rc.15](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.17.0-rc.14...@twreporter/react-components@8.17.0-rc.15) (2023-05-09)
+
+
+### Bug Fixes
+
+* change image width ([8fabb25](https://github.com/twreporter/twreporter-npm-packages/commit/8fabb254101f39019e39db1c0dc9a3d2bf5403da))
+
+
+
+
+
+# [8.17.0-rc.14](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.17.0-rc.13...@twreporter/react-components@8.17.0-rc.14) (2023-05-09)
+
+
+### Bug Fixes
+
+* listing-page style ([47493e8](https://github.com/twreporter/twreporter-npm-packages/commit/47493e8dca634122e85371cc208155ec37407e61))
+
+
+
+
+
 # [8.17.0-rc.13](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.17.0-rc.12...@twreporter/react-components@8.17.0-rc.13) (2023-05-08)
 
 

package/lib/empty-state/index.js

@@ -52,20 +52,6 @@ var GuideContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "sc-4ba2ko-4"
 })(["display:flex;align-items:baseline;color:", ";svg{background-color:", ";width:18px;height:18px;margin:0 4px;transform:translateY(3px);}"], _color.colorGrayscale.gray600, _color.colorGrayscale.gray600);
 
-var getImageUrl = function getImageUrl(style, releaseBranch) {
-  switch (style) {
-    case _enums.Style.DEFAULT:
-    default:
-      return "https://www.twreporter.org/assets/empty-state/".concat(releaseBranch, "/seek.png");
-
-    case _enums.Style.PENCIL:
-      return "https://www.twreporter.org/assets/empty-state/".concat(releaseBranch, "/pencil.png");
-
-    case _enums.Style.UNDER_CONSTRUCTION:
-      return "https://www.twreporter.org/assets/empty-state/".concat(releaseBranch, "/under_construction.png");
-  }
-};
-
 var EmptyState = function EmptyState(_ref) {
   var _ref$releaseBranch = _ref.releaseBranch,
       releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch.BRANCH.master : _ref$releaseBranch,
@@ -83,9 +69,30 @@ var EmptyState = function EmptyState(_ref) {
       buttonText = _ref$buttonText === void 0 ? '' : _ref$buttonText,
       _ref$buttonUrl = _ref.buttonUrl,
       buttonUrl = _ref$buttonUrl === void 0 ? '/' : _ref$buttonUrl;
+  var imageUrl = '';
+  var imageWidth = '';
+
+  switch (style) {
+    case _enums.Style.DEFAULT:
+    default:
+      imageUrl = "https://www.twreporter.org/assets/empty-state/".concat(releaseBranch, "/seek.png");
+      imageWidth = '170';
+      break;
+
+    case _enums.Style.PENCIL:
+      imageUrl = "https://www.twreporter.org/assets/empty-state/".concat(releaseBranch, "/pencil.png");
+      imageWidth = '232';
+      break;
+
+    case _enums.Style.UNDER_CONSTRUCTION:
+      imageUrl = "https://www.twreporter.org/assets/empty-state/".concat(releaseBranch, "/under_construction.png");
+      imageWidth = '177';
+      break;
+  }
+
   return /*#__PURE__*/_react["default"].createElement(OuterContainer, null, /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement("img", {
-    src: getImageUrl(style, releaseBranch),
-    width: "170"
+    src: imageUrl,
+    width: imageWidth
   }), /*#__PURE__*/_react["default"].createElement(TextContainer, null, /*#__PURE__*/_react["default"].createElement(_paragraph.P1, {
     text: title,
     weight: _paragraph.P1.Weight.BOLD

package/lib/listing-page/components/card-list.js

@@ -39,7 +39,7 @@ var _get = _interopRequireDefault(require("lodash/get"));
 
 var _map = _interopRequireDefault(require("lodash/map"));
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -65,7 +65,7 @@ var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var Item = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "card-list__Item",
   componentId: "yvf001-2"
-})(["margin-bottom:24px;&:hover{opacity:0.7;}&:last-child{margin-bottom:0;}width:100%;", ""], _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: ", "%;\n  "])), _mockupSpec["default"].mobile.cardWidth / _mockupSpec["default"].mobile.maxWidth * 100));
+})(["margin-bottom:24px;&:hover{opacity:0.7;}&:last-child{margin-bottom:0;}width:100%;"]);
 
 var StyledDivider = /*#__PURE__*/(0, _styledComponents["default"])(_divider["default"]).withConfig({
   displayName: "card-list__StyledDivider",
@@ -75,7 +75,7 @@ var StyledDivider = /*#__PURE__*/(0, _styledComponents["default"])(_divider["def
 var FlexItem = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "card-list__FlexItem",
   componentId: "yvf001-4"
-})(["width:", "px;margin:0 auto;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;", " ", " ", ""], _mockupSpec["default"].hd.maxWidth, _mediaQuery["default"].desktopOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: ", "px;\n  "])), _mockupSpec["default"].desktop.maxWidth), _mediaQuery["default"].tabletOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: ", "px;\n  "])), _mockupSpec["default"].tablet.maxWidth), _mediaQuery["default"].mobileOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    width: 100%;\n    justify-content: center;\n  "]))));
+})(["width:", "px;margin:0 auto;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;", " ", " ", ""], _mockupSpec["default"].hd.maxWidth, _mediaQuery["default"].desktopOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: ", "px;\n  "])), _mockupSpec["default"].desktop.maxWidth), _mediaQuery["default"].tabletOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: ", "px;\n  "])), _mockupSpec["default"].tablet.maxWidth), _mediaQuery["default"].mobileOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: 100%;\n    justify-content: center;\n  "]))));
 
 var Content = (0, _isFetchingWrapper["default"])(FlexItem);
 

package/lib/listing-page/components/page-content.js

@@ -11,7 +11,7 @@ var _predefinedCss = require("../constants/predefined-css");
 
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
 
-var _templateObject, _templateObject2;
+var _templateObject, _templateObject2, _templateObject3;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +25,9 @@ var styles = {
     // %
     tablet: 698,
     // px
-    desktop: 922 // px
+    desktop: 922,
+    // px
+    hd: 1130 // px
 
   },
   titlePadding: 0,
@@ -38,7 +40,7 @@ var styles = {
 var PageContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "page-content__PageContent",
   componentId: "sc-10tix5l-0"
-})(["min-width:", "px;width:", "%;", " ", " margin:0 auto;", ""], styles.contentWidth.min, styles.contentWidth.mobile, _mediaQuery["default"].tabletOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: ", "px;\n  "])), styles.contentWidth.tablet), _mediaQuery["default"].desktopAndAbove(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: ", "px;\n  "])), styles.contentWidth.desktop), _predefinedCss.resetLinkStyle);
+})(["min-width:", "px;width:", "%;", " ", " ", " margin:0 auto;", ""], styles.contentWidth.min, styles.contentWidth.mobile, _mediaQuery["default"].tabletOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: ", "px;\n  "])), styles.contentWidth.tablet), _mediaQuery["default"].desktopOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: ", "px;\n  "])), styles.contentWidth.desktop), _mediaQuery["default"].hdOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: ", "px;\n  "])), styles.contentWidth.hd), _predefinedCss.resetLinkStyle);
 
 var _default = PageContent;
 exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-components",
-  "version": "8.17.0-rc.13",
+  "version": "8.17.0-rc.15",
   "main": "lib/index.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
   "author": "twreporter <developer@twreporter.org>",
@@ -45,5 +45,5 @@
     "babel-loader": "^8.2.4",
     "chromatic": "^6.5.4"
   },
-  "gitHead": "bffadabdb9612f1993807283d9db3ea6d81eecba"
+  "gitHead": "7bee7752aeebcedad22369fb97506763c8642dbe"
 }