@quintype/arrow 3.15.1-perf.4 → 3.15.1-perf.5

package/package.json

@@ -1 +1 @@
-{"name":"@quintype/arrow","version":"3.15.1-perf.4","engines":{"node":">=12.0.0"},"description":"Quintype's UI Component Library for Publisher Apps","main":"cjs/index.js","module":"esm/index.js","repository":{"type":"git","url":"git+https://github.com/quintype/quintype-node-arrow.git"},"author":"dev-core@quintype.com","license":"ISC","bugs":{"url":"https://github.com/quintype/quintype-node-arrow/issues"},"peerDependencies":{"@babel/runtime":"^7.18.3","date-fns":"^2.28.0","date-fns-tz":"^1.3.1","lodash":"^4.0.0","react":">= 16.8.0","react-dom":">= 16.8.0","react-redux":">= 7.0.0","axios":"^0.19.2","@quintype/components":"^3.0.0","intersection-observer":"^0.11.0","react-image-lightbox":"^5.1.4","react-timeago":"^4.4.0"},"dependencies":{},"homepage":"https://github.com/quintype/quintype-node-arrow#readme"}
+{"name":"@quintype/arrow","version":"3.15.1-perf.5","engines":{"node":">=12.0.0"},"description":"Quintype's UI Component Library for Publisher Apps","main":"cjs/index.js","module":"esm/index.js","repository":{"type":"git","url":"git+https://github.com/quintype/quintype-node-arrow.git"},"author":"dev-core@quintype.com","license":"ISC","bugs":{"url":"https://github.com/quintype/quintype-node-arrow/issues"},"peerDependencies":{"@babel/runtime":"^7.18.3","date-fns":"^2.28.0","date-fns-tz":"^1.3.1","lodash":"^4.0.0","react":">= 16.8.0","react-dom":">= 16.8.0","react-redux":">= 7.0.0","axios":"^0.19.2","@quintype/components":"^3.0.0","intersection-observer":"^0.11.0","react-image-lightbox":"^5.1.4","react-timeago":"^4.4.0"},"dependencies":{},"homepage":"https://github.com/quintype/quintype-node-arrow#readme"}

package/atoms/Author/index.js

@@ -1,170 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _getClassName = require('babel-plugin-react-css-modules/dist/browser/getClassName');
-var React = require('react');
-var PropTypes = require('prop-types');
-var lodash = require('lodash');
-var components = require('@quintype/components');
-require('@babel/runtime/helpers/asyncToGenerator');
-require('@babel/runtime/helpers/typeof');
-require('@babel/runtime/regenerator');
-require('react-timeago');
-require('date-fns-tz');
-var reactRedux = require('react-redux');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _getClassName__default = /*#__PURE__*/_interopDefaultLegacy(_getClassName);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
-var StateContext = /*#__PURE__*/React.createContext(); // eslint-disable-next-line react/display-name
-var useStateValue = function useStateValue() {
-  return React.useContext(StateContext);
-};
-
-var hexToRGB = function hexToRGB(hex) {
-  var r = parseInt(hex.slice(1, 3), 16);
-  var g = parseInt(hex.slice(3, 5), 16);
-  var b = parseInt(hex.slice(5, 7), 16);
-  return {
-    r: r,
-    g: g,
-    b: b
-  };
-};
-var getLuminanceOfColor = function getLuminanceOfColor(hex) {
-  var _hexToRGB = hexToRGB(hex),
-      r = _hexToRGB.r,
-      g = _hexToRGB.g,
-      b = _hexToRGB.b;
-
-  return r * 0.299 + g * 0.587 + b * 0.114;
-};
-var rgbToHex = function rgbToHex() {
-  var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "rgba(255, 255, 255, 0)";
-  var rgba = color.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
-  return rgba && rgba.length === 4 ? "#" + ("0" + parseInt(rgba[1], 10).toString(16)).slice(-2) + ("0" + parseInt(rgba[2], 10).toString(16)).slice(-2) + ("0" + parseInt(rgba[3], 10).toString(16)).slice(-2) : color;
-};
-var getTextColor = function getTextColor() {
-  var theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "rgb(255,255,255)";
-  var isRegexCheck = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(theme);
-  var getHexValue = !isRegexCheck ? rgbToHex(theme) : theme;
-  var textColor = getLuminanceOfColor(getHexValue) < 155 ? "light" : "dark";
-  return textColor;
-};
-PropTypes__default["default"].shape({
-  "sketches-host": PropTypes__default["default"].string,
-  "cdn-name": PropTypes__default["default"].string,
-  "cdn-image": PropTypes__default["default"].string
-});
-PropTypes__default["default"].shape({
-  headline: PropTypes__default["default"].string,
-  "last-published-at": PropTypes__default["default"].number,
-  subheadline: PropTypes__default["default"].string
-});
-
-var _styleModuleImportMap = {
-  "./author.m.css": {
-    "author": "author-m_author__WRuLm",
-    "author-image": "author-m_author-image__3q2oc",
-    "author-name": "author-m_author-name__3WP-O",
-    "bottom-fix": "author-m_bottom-fix__223TT",
-    "prefix": "author-m_prefix__YSInK",
-    "rtl-image": "author-m_rtl-image__2nglD",
-    "ltr-image": "author-m_ltr-image__3bc0L",
-    "dark": "author-m_dark__2TTlp",
-    "light": "author-m_light__3y8_x"
-  }
-};
-
-var AuthorBase = function AuthorBase(_ref) {
-  var story = _ref.story,
-      hideAuthorImage = _ref.hideAuthorImage,
-      isBottom = _ref.isBottom,
-      _ref$prefix = _ref.prefix,
-      prefix = _ref$prefix === void 0 ? "" : _ref$prefix,
-      _ref$config = _ref.config,
-      config = _ref$config === void 0 ? {} : _ref$config;
-  var configData = useStateValue() || {};
-  var isAuthor = lodash.get(configData, ["showAuthor"], true);
-
-  var _get = lodash.get(story, ["authors", "0"], ""),
-      avatarUrl = _get["avatar-url"],
-      avatarS3Key = _get["avatar-s3-key"],
-      authorName = _get.name,
-      slug = _get.slug;
-
-  var isBottomClasses = isBottom ? "bottom-fix" : "";
-  var textColor = getTextColor(configData.theme);
-  var mountAt = lodash.get(config, ["mountAt"], "");
-
-  var authorImage = function authorImage(dir) {
-    if (!avatarUrl && !avatarS3Key) {
-      return null;
-    }
-
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      "data-test-id": "author-image",
-      className: _getClassName__default["default"]("author-image ".concat(dir, "-image"), _styleModuleImportMap)
-    }, /*#__PURE__*/React__default["default"].createElement("figure", null, avatarS3Key ? /*#__PURE__*/React__default["default"].createElement(components.ResponsiveImage, {
-      slug: avatarS3Key,
-      "aspect-ratio": [1, 1],
-      defaultWidth: 400,
-      imgParams: {
-        auto: ["format", "compress"]
-      },
-      alt: authorName
-    }) : /*#__PURE__*/React__default["default"].createElement("img", {
-      src: avatarUrl
-    })));
-  };
-
-  var isPrefix = function isPrefix(dir) {
-    if (prefix) {
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "arr-author-prefix " + _getClassName__default["default"]("prefix ".concat(textColor), _styleModuleImportMap)
-      }, prefix);
-    }
-
-    return !hideAuthorImage && authorImage(dir);
-  };
-
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isAuthor && /*#__PURE__*/React__default["default"].createElement(components.Link, {
-    href: "".concat(mountAt, "/author/") + slug,
-    "aria-label": "author-name",
-    className: "author-name arr-author-name arrow-component " + _getClassName__default["default"]("author ".concat(isBottomClasses), _styleModuleImportMap)
-  }, isPrefix("ltr"), /*#__PURE__*/React__default["default"].createElement("div", {
-    "data-test-id": "author-name",
-    className: "author-name " + _getClassName__default["default"]("author-name ".concat(textColor), _styleModuleImportMap)
-  }, authorName || story["author-name"]), !prefix && isPrefix("rtl")));
-};
-
-function mapStateToProps(state) {
-  return {
-    config: lodash.get(state, ["qt", "config"], {})
-  };
-}
-
-var Author = reactRedux.connect(mapStateToProps)(AuthorBase);
-AuthorBase.propTypes = {
-  /** The Story Object from the API response */
-  story: PropTypes__default["default"].object.isRequired,
-
-  /** Hide Author Avatar Image */
-  hideAuthorImage: PropTypes__default["default"].bool,
-  // fix Author bottom of the storyCard
-  isBottom: PropTypes__default["default"].bool,
-  // fix prefix before the author name
-  prefix: PropTypes__default["default"].string,
-  config: PropTypes__default["default"].object
-};
-AuthorBase.defaultProps = {
-  hideAuthorImage: false,
-  isBottom: false,
-  prefix: ""
-};
-
-exports.Author = Author;

package/atoms/Author/styles.arrow.css

@@ -1 +0,0 @@
-.author-m_author__GP-nT{align-items:center;color:var(--arrow-c-mono4);display:flex;margin-bottom:var(--arrow-spacing-xs)}.author-m_author-image__vpWED{border-radius:100%;height:var(--arrow-spacing-l);margin-right:var(--arrow-spacing-xs);overflow:hidden;width:var(--arrow-spacing-l)}.author-m_author-image__vpWED figure,.author-m_author-image__vpWED img{height:100%;width:100%}.author-m_author-name__H-L6p{margin:auto var(--arrow-spacing-xs) auto 0}.author-m_bottom-fix__iLW5j{margin-top:auto}.author-m_prefix__fXK6f{margin:auto var(--arrow-spacing-xxs) auto 0}.author-m_rtl-image__fPZig{display:none}html[dir=rtl] .author-m_author-name__H-L6p{margin-right:0}html[dir=rtl] .author-m_prefix__fXK6f{margin-left:var(--arrow-spacing-xxs);margin-right:0}html[dir=rtl] .author-m_ltr-image__ZBPrO{display:none}html[dir=rtl] .author-m_rtl-image__fPZig{display:block}.author-m_dark__tes5T{color:var(--arrow-c-mono4)}.author-m_light__KyiCD{color:var(--arrow-c-invert-mono4)}