@times-components/save-star-web 0.6.112 → 0.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/save-star-with-tracking.js +1 -1
- package/package.json +3 -9
- package/rnw.js +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [0.7.0](https://github.com/newsuk/times-components/compare/@times-components/save-star-web@0.6.112...@times-components/save-star-web@0.7.0) (2022-07-04)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **TDP-1695:** updated save star web to remove use new Active Icon a… ([#3007](https://github.com/newsuk/times-components/issues/3007)) ([612a69d](https://github.com/newsuk/times-components/commit/612a69d6e835dc2441c97cf40752070043967de8))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [0.6.112](https://github.com/newsuk/times-components/compare/@times-components/save-star-web@0.6.111...@times-components/save-star-web@0.6.112) (2022-06-22)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @times-components/save-star-web
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireWildcard(require("react"));var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _link=_interopRequireDefault(require("@times-components/link"));var _utils=require("@times-components/utils");var _propTypes=_interopRequireDefault(require("prop-types"));var _icons=require("@times-components/icons");var _styles=_interopRequireWildcard(require("./styles"));var _withTrackEvents=_interopRequireDefault(require("./tracking/with-track-events"));var _jsxFileName="/home/circleci/project/packages/save-star-web/src/save-star-with-tracking.js";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var IconContainer=(0,_styledComponents.default)(_utils.HoverIcon).withConfig({displayName:"save-star-with-tracking__IconContainer",componentId:"sc-1swm7v2-0"})(["width:auto;height:100%;display:flex;align-items:center;justify-content:center;"]);function SaveStar(_ref){var onSave=_ref.onSave,articleId=_ref.articleId,savedStatus=_ref.savedStatus,colour=_ref.colour,hoverColour=_ref.hoverColour,isLoading=_ref.isLoading;function onSaveButtonPress(e){e.preventDefault();onSave({articleId:articleId,savedStatus:savedStatus});}function renderSaveButton(){var _getStyles=(0,_styles.getStyles)({saveStatus:savedStatus}),fillColour=_getStyles.fillColour,strokeColour=_getStyles.strokeColour;return _react.default.createElement(_link.default,{onPress:onSaveButtonPress,responsiveLinkStyles:_styles.default.link,url:"",__source:{fileName:_jsxFileName,lineNumber:40,columnNumber:7}},_react.default.createElement(IconContainer,{colour:colour,hoverColour:hoverColour,__source:{fileName:_jsxFileName,lineNumber:45,columnNumber:9}},_react.default.createElement(_icons.IconStar,{fillColour:fillColour,strokeColour:strokeColour,title:savedStatus?"Remove from My Articles":"Save to My Articles",height:18,__source:{fileName:_jsxFileName,lineNumber:46,columnNumber:11}})));}function renderActivity(){if(isLoading){return _react.default.createElement(IconContainer,{colour:colour,hoverColour:hoverColour,__source:{fileName:_jsxFileName,lineNumber:62,columnNumber:9}},_react.default.createElement(_icons.IconActivityIndicator,{style:_styles.default.activityLoader,__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:11}}));}return renderSaveButton();}return _react.default.createElement(_react.Fragment,{__source:{fileName:_jsxFileName,lineNumber:72,columnNumber:5}},_react.default.createElement(_utils.TcText,{style:(0,_utils.checkStylesForUnits)(_styles.default.label),__source:{fileName:_jsxFileName,lineNumber:73,columnNumber:7}},savedStatus?"Saved":"Save"),renderActivity());}SaveStar.propTypes={articleId:_propTypes.default.string.isRequired,colour:_propTypes.default.string,hoverColour:_propTypes.default.string,savedStatus:_propTypes.default.bool.isRequired,onSave:_propTypes.default.func.isRequired,isLoading:_propTypes.default.bool.isRequired};SaveStar.defaultProps={colour:_styles.default.svgIcon.fillColour,hoverColour:_styles.default.svgIcon.hoverFillColour};var _default=(0,_withTrackEvents.default)(SaveStar);exports.default=_default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/save-star-web",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.7.0",
|
|
4
4
|
"description": "Save Star for Web",
|
|
5
5
|
"main": "dist/save-star-web",
|
|
6
6
|
"dev": "src/save-star-web",
|
|
@@ -21,10 +21,7 @@
|
|
|
21
21
|
"url": "git+https://github.com/newsuk/times-components.git"
|
|
22
22
|
},
|
|
23
23
|
"keywords": [
|
|
24
|
-
"react-native-web",
|
|
25
24
|
"react",
|
|
26
|
-
"native",
|
|
27
|
-
"web",
|
|
28
25
|
"save-star-web",
|
|
29
26
|
"component"
|
|
30
27
|
],
|
|
@@ -61,7 +58,6 @@
|
|
|
61
58
|
"prettier": "1.14.3",
|
|
62
59
|
"react": "16.9.0",
|
|
63
60
|
"react-dom": "16.9.0",
|
|
64
|
-
"react-native": "0.61.5",
|
|
65
61
|
"react-test-renderer": "16.9.0",
|
|
66
62
|
"webpack": "4.30.0",
|
|
67
63
|
"webpack-cli": "3.3.1"
|
|
@@ -72,12 +68,10 @@
|
|
|
72
68
|
},
|
|
73
69
|
"peerDependencies": {
|
|
74
70
|
"react": ">=16.9",
|
|
75
|
-
"react-dom": ">=16.9"
|
|
76
|
-
"react-native": ">=0.59",
|
|
77
|
-
"react-native-web": "0.11.4"
|
|
71
|
+
"react-dom": ">=16.9"
|
|
78
72
|
},
|
|
79
73
|
"publishConfig": {
|
|
80
74
|
"access": "public"
|
|
81
75
|
},
|
|
82
|
-
"gitHead": "
|
|
76
|
+
"gitHead": "00050cd299385dd73f943aad82edc3cefdfb3532"
|
|
83
77
|
}
|
package/rnw.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=5)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("prop-types")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.getStyles=void 0;var o=n(r(4)),a=r(6);function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var l={activityLoader:{backgroundColor:a.colours.functional.whiteGrey,borderRadius:9999,height:40,marginLeft:(0,a.spacing)(1),overflow:"hidden",width:40},label:u(u({},(0,a.fontFactory)({font:"supporting",fontSize:"meta"})),{},{color:a.colours.functional.secondary,marginRight:(0,a.spacing)(2),transform:[{translateY:"9%"}],textAlign:"right"}),link:{base:"\n margin-left: "+(0,a.spacing)(1)+";\n cursor: pointer;\n \n &, > * {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 40px;\n width: 40px;\n border-radius: 40px;\n }\n \n > * {\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n justify-content: center;\n }\n\n &:hover {\n background-color: "+a.colours.functional.whiteGrey+";\n }\n &:active {\n background-color: "+a.colours.functional.keyline+";\n }\n "},save:{fillColour:a.colours.functional.action,strokeColour:a.colours.functional.secondary},svgIcon:{fillColour:a.colours.functional.secondary,hoverFillColour:a.colours.functional.brandColour},unsave:{fillColour:a.colours.functional.white,strokeColour:a.colours.functional.secondary}};t.getStyles=function(e){return e.saveStatus?l.save:l.unsave};var c=l;t.default=c},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)),a=(n(r(2)),n(r(3))),i=n(r(7)),u=n(r(
|
|
1
|
+
module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=5)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("prop-types")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.getStyles=void 0;var o=n(r(4)),a=r(6);function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var l={activityLoader:{backgroundColor:a.colours.functional.whiteGrey,borderRadius:9999,height:40,marginLeft:(0,a.spacing)(1),overflow:"hidden",width:40},label:u(u({},(0,a.fontFactory)({font:"supporting",fontSize:"meta"})),{},{color:a.colours.functional.secondary,marginRight:(0,a.spacing)(2),transform:[{translateY:"9%"}],textAlign:"right"}),link:{base:"\n margin-left: "+(0,a.spacing)(1)+";\n cursor: pointer;\n \n &, > * {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 40px;\n width: 40px;\n border-radius: 40px;\n }\n \n > * {\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n justify-content: center;\n }\n\n &:hover {\n background-color: "+a.colours.functional.whiteGrey+";\n }\n &:active {\n background-color: "+a.colours.functional.keyline+";\n }\n "},save:{fillColour:a.colours.functional.action,strokeColour:a.colours.functional.secondary},svgIcon:{fillColour:a.colours.functional.secondary,hoverFillColour:a.colours.functional.brandColour},unsave:{fillColour:a.colours.functional.white,strokeColour:a.colours.functional.secondary}};t.getStyles=function(e){return e.saveStatus?l.save:l.unsave};var c=l;t.default=c},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)),a=(n(r(2)),n(r(3))),i=n(r(7)),u=n(r(14));function l(e){var t=e.colour,r=e.hoverColour,n=e.articleId;return o.default.createElement(u.default,{articleId:n},(function(e){var a=e.isLoading,u=e.toggleSaved,l=e.savedStatus;return o.default.createElement(i.default,{colour:t,hoverColour:r,articleId:n,savedStatus:l,onSave:u,isLoading:a})}))}l.defaultProps={colour:a.default.svgIcon.fillColour,hoverColour:a.default.svgIcon.hoverFillColour};var c=l;t.default=c},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=d(r(1)),a=n(r(8)),i=n(r(9)),u=r(10),l=(n(r(2)),r(11)),c=d(r(3)),s=n(r(12));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(f=function(e){return e?r:t})(e)}function d(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=f(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(n,a,i):n[a]=e[a]}return n.default=e,r&&r.set(e,n),n}var p=(0,a.default)(u.HoverIcon).withConfig({displayName:"save-star-with-tracking__IconContainer",componentId:"sc-1swm7v2-0"})(["width:auto;height:100%;display:flex;align-items:center;justify-content:center;"]);function v(e){var t,r,n,a=e.onSave,s=e.articleId,f=e.savedStatus,d=e.colour,v=e.hoverColour,y=e.isLoading;function m(e){e.preventDefault(),a({articleId:s,savedStatus:f})}return o.default.createElement(o.Fragment,null,o.default.createElement(u.TcText,{style:(0,u.checkStylesForUnits)(c.default.label)},f?"Saved":"Save"),y?o.default.createElement(p,{colour:d,hoverColour:v},o.default.createElement(l.IconActivityIndicator,{style:c.default.activityLoader})):(t=(0,c.getStyles)({saveStatus:f}),r=t.fillColour,n=t.strokeColour,o.default.createElement(i.default,{onPress:m,responsiveLinkStyles:c.default.link,url:""},o.default.createElement(p,{colour:d,hoverColour:v},o.default.createElement(l.IconStar,{fillColour:r,strokeColour:n,title:f?"Remove from My Articles":"Save to My Articles",height:18})))))}v.defaultProps={colour:c.default.svgIcon.fillColour,hoverColour:c.default.svgIcon.hoverFillColour};var y=(0,s.default)(v);t.default=y},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/link/rnw")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("@times-components/icons/rnw")},function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(13);t.default=function(e){return(0,n.withTrackEvents)(e,{analyticsEvents:[{actionName:"Pressed",eventName:"onSave",getAttrs:function(e){return{articleId:e.articleId,savedStatus:!e.savedStatus}},trackingName:"ArticleSaveToMyArticles"}]})}},function(e,t){e.exports=require("@times-components/tracking/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(15)),a=n(r(4)),i=n(r(1)),u=(n(r(2)),r(16)),l=r(17),c=r(18);function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach((function(t){(0,a.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function d(e,t){var r=t.id,n=t.isBookmarked,o=e.readQuery({query:c.articleBookmarked,variables:{id:r}});e.writeQuery({query:c.articleBookmarked,variables:{id:r},data:f(f({},o),{},{article:f(f({},o.article),{},{isBookmarked:n})})})}function p(e,t){var r=t.data.saveBookmarks;(void 0===r?[]:r).forEach((function(t){return function(e,t){d(e,{id:t,isBookmarked:!0})}(e,t.id)}))}function v(e,t){var r=t.data.unsaveBookmarks;(void 0===r?[]:r).forEach((function(t){return function(e,t){d(e,{id:t,isBookmarked:!1})}(e,t)}))}var y=function(e){var t=e.articleId,r=e.children;return i.default.createElement(l.ArticleBookmarked,{id:t,debounceTimeMs:0},(function(e){var n=e.isLoading,a=e.article,l=a&&Boolean(a.isBookmarked);return i.default.createElement(u.Mutation,{mutation:c.saveBookmarks,update:p},(function(e,a){var s=a.loading;return i.default.createElement(u.Mutation,{mutation:c.unsaveBookmarks,update:v},(function(a,i){var u=i.loading;return r({savedStatus:l,toggleSaved:function(){var r;return o.default.async((function(n){for(;;)switch(n.prev=n.next){case 0:if(r={variables:{id:t}},!l){n.next=6;break}return n.next=4,o.default.awrap(a(r));case 4:n.next=8;break;case 6:return n.next=8,o.default.awrap(e(r));case 8:case"end":return n.stop()}}),null,null,null,Promise)},isLoading:n||s||u})}))}))}))};t.default=y},function(e,t){e.exports=require("@babel/runtime/regenerator")},function(e,t){e.exports=require("react-apollo")},function(e,t){e.exports=require("@times-components/provider/rnw")},function(e,t){e.exports=require("@times-components/provider-queries/rnw")}]);
|