@times-components/save-star-web 0.9.32 → 0.10.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/styles/index.js +1 -1
- package/package.json +6 -6
- 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.10.0](https://github.com/newsuk/times-components/compare/@times-components/save-star-web@0.9.32...@times-components/save-star-web@0.10.0) (2023-04-18)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **TMRX-753:** article page typography updates ([#3318](https://github.com/newsuk/times-components/issues/3318)) ([43a193a](https://github.com/newsuk/times-components/commit/43a193a88a8d1cfbb8389628af37f244849eb110))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [0.9.32](https://github.com/newsuk/times-components/compare/@times-components/save-star-web@0.9.31...@times-components/save-star-web@0.9.32) (2023-04-06)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @times-components/save-star-web
|
package/dist/styles/index.js
CHANGED
|
@@ -25,7 +25,7 @@ const styles = {
|
|
|
25
25
|
},
|
|
26
26
|
label: _objectSpread(_objectSpread({}, (0, _tsStyleguide.fontFactory)({
|
|
27
27
|
font: "supporting",
|
|
28
|
-
fontSize: "
|
|
28
|
+
fontSize: "saveAndShare"
|
|
29
29
|
})), {}, {
|
|
30
30
|
color: _tsStyleguide.colours.functional.secondary,
|
|
31
31
|
marginRight: (0, _tsStyleguide.spacing)(2),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/save-star-web",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.10.0",
|
|
4
4
|
"description": "Save Star for Web",
|
|
5
5
|
"main": "dist/save-star-web",
|
|
6
6
|
"dev": "src/save-star-web",
|
|
@@ -32,13 +32,13 @@
|
|
|
32
32
|
},
|
|
33
33
|
"homepage": "https://github.com/newsuk/times-components#readme",
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@times-components/icons": "2.20.
|
|
36
|
-
"@times-components/link": "3.12.
|
|
35
|
+
"@times-components/icons": "2.20.6",
|
|
36
|
+
"@times-components/link": "3.12.5",
|
|
37
37
|
"@times-components/provider": "1.35.8",
|
|
38
38
|
"@times-components/provider-queries": "2.18.2",
|
|
39
39
|
"@times-components/tracking": "2.19.4",
|
|
40
|
-
"@times-components/ts-styleguide": "1.
|
|
41
|
-
"@times-components/utils": "6.16.
|
|
40
|
+
"@times-components/ts-styleguide": "1.43.0",
|
|
41
|
+
"@times-components/utils": "6.16.6",
|
|
42
42
|
"prop-types": "15.7.2",
|
|
43
43
|
"react-apollo": "2.5.5",
|
|
44
44
|
"styled-components": "4.3.2"
|
|
@@ -73,5 +73,5 @@
|
|
|
73
73
|
"publishConfig": {
|
|
74
74
|
"access": "public"
|
|
75
75
|
},
|
|
76
|
-
"gitHead": "
|
|
76
|
+
"gitHead": "44bf2bd8f5f03338105febd22619c1afc6b9eb15"
|
|
77
77
|
}
|
package/rnw.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports=function(e){var t={};function r(o){if(t[o])return t[o].exports;var n=t[o]={i:o,l:!1,exports:{}};return e[o].call(n.exports,n,n.exports,r),n.l=!0,n.exports}return r.m=e,r.c=t,r.d=function(e,t,o){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},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 o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(o,n,function(t){return e[t]}.bind(null,n));return o},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=11)}([function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("@times-components/provider-queries/rnw")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/icons/rnw")},function(e,t){e.exports=require("react-apollo")},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/tracking/rnw")},function(e,t){e.exports=require("@times-components/provider/rnw")},function(e,t,r){"use strict";r.r(t);var o=r(0),n=r.n(o),i=(r(4),r(1));function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach((function(t){l(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const u={activityLoader:{backgroundColor:i.colours.functional.whiteGrey,borderRadius:9999,height:40,marginLeft:Object(i.spacing)(1),overflow:"hidden",width:40},label:a(a({},Object(i.fontFactory)({font:"supporting",fontSize:"
|
|
1
|
+
module.exports=function(e){var t={};function r(o){if(t[o])return t[o].exports;var n=t[o]={i:o,l:!1,exports:{}};return e[o].call(n.exports,n,n.exports,r),n.l=!0,n.exports}return r.m=e,r.c=t,r.d=function(e,t,o){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},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 o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(o,n,function(t){return e[t]}.bind(null,n));return o},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=11)}([function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("@times-components/provider-queries/rnw")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/icons/rnw")},function(e,t){e.exports=require("react-apollo")},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/tracking/rnw")},function(e,t){e.exports=require("@times-components/provider/rnw")},function(e,t,r){"use strict";r.r(t);var o=r(0),n=r.n(o),i=(r(4),r(1));function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach((function(t){l(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const u={activityLoader:{backgroundColor:i.colours.functional.whiteGrey,borderRadius:9999,height:40,marginLeft:Object(i.spacing)(1),overflow:"hidden",width:40},label:a(a({},Object(i.fontFactory)({font:"supporting",fontSize:"saveAndShare"})),{},{color:i.colours.functional.secondary,marginRight:Object(i.spacing)(2),transform:[{translateY:"9%"}],textAlign:"right"}),link:{base:"\n margin-left: ".concat(Object(i.spacing)(1),";\n cursor: pointer;\n \n &, > * {\n display: flex;\n align-items: center;\n justify-content: center;\n height: ").concat(40,"px;\n width: ").concat(40,"px;\n border-radius: ").concat(40,"px;\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: ").concat(i.colours.functional.whiteGrey,";\n }\n &:active {\n background-color: ").concat(i.colours.functional.keyline,";\n }\n ")},save:{fillColour:i.colours.functional.action,strokeColour:i.colours.functional.secondary},svgIcon:{fillColour:i.colours.functional.secondary,hoverFillColour:i.colours.functional.brandColour},unsave:{fillColour:i.colours.functional.white,strokeColour:i.colours.functional.secondary}};var s=u,f=r(7),d=r.n(f),p=r(8),v=r.n(p),m=r(3),y=r(5),b=r(9);const g=d()(m.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 h(e){let t=e.onSave,r=e.articleId,i=e.savedStatus,c=e.colour,a=e.hoverColour,l=e.isLoading;function f(e){e.preventDefault(),t({articleId:r,savedStatus:i})}function d(){const e=(e=>e.saveStatus?u.save:u.unsave)({saveStatus:i}),t=e.fillColour,r=e.strokeColour;return n.a.createElement(v.a,{onPress:f,responsiveLinkStyles:s.link,url:""},n.a.createElement(g,{colour:c,hoverColour:a},n.a.createElement(y.IconStar,{fillColour:t,strokeColour:r,title:i?"Remove from My Articles":"Save to My Articles",height:18})))}return n.a.createElement(o.Fragment,null,n.a.createElement(m.TcText,{style:Object(m.checkStylesForUnits)(s.label)},i?"Saved":"Save"),l?n.a.createElement(g,{colour:c,hoverColour:a},n.a.createElement(y.IconActivityIndicator,{style:s.activityLoader})):d())}h.defaultProps={colour:s.svgIcon.fillColour,hoverColour:s.svgIcon.hoverFillColour};var O,k=(O=h,Object(b.withTrackEvents)(O,{analyticsEvents:[{actionName:"Pressed",eventName:"onSave",getAttrs:e=>({articleId:e.articleId,savedStatus:!e.savedStatus}),trackingName:"ArticleSaveToMyArticles"}]})),j=r(6),w=r(10),S=r(2);function P(e,t,r,o,n,i,c){try{var a=e[i](c),l=a.value}catch(e){return void r(e)}a.done?t(l):Promise.resolve(l).then(o,n)}function x(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function C(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?x(Object(r),!0).forEach((function(t){E(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function E(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function I(e,t){let r=t.id,o=t.isBookmarked;const n=e.readQuery({query:S.articleBookmarked,variables:{id:r}});e.writeQuery({query:S.articleBookmarked,variables:{id:r},data:C(C({},n),{},{article:C(C({},n.article),{},{isBookmarked:o})})})}function q(e,t){let r=t.data.saveBookmarks;(void 0===r?[]:r).forEach(t=>function(e,t){I(e,{id:t,isBookmarked:!0})}(e,t.id))}function B(e,t){let r=t.data.unsaveBookmarks;(void 0===r?[]:r).forEach(t=>function(e,t){I(e,{id:t,isBookmarked:!1})}(e,t))}var M=function(e){let t=e.articleId,r=e.children;return n.a.createElement(w.ArticleBookmarked,{id:t,debounceTimeMs:0},e=>{let o=e.isLoading,i=e.article;const c=i&&Boolean(i.isBookmarked);return n.a.createElement(j.Mutation,{mutation:S.saveBookmarks,update:q},(e,i)=>{let a=i.loading;return n.a.createElement(j.Mutation,{mutation:S.unsaveBookmarks,update:B},(n,i)=>{let l=i.loading;return r({savedStatus:c,toggleSaved(){return(r=function*(){const r={variables:{id:t}};c?yield n(r):yield e(r)},function(){var e=this,t=arguments;return new Promise((function(o,n){var i=r.apply(e,t);function c(e){P(i,o,n,c,a,"next",e)}function a(e){P(i,o,n,c,a,"throw",e)}c(void 0)}))})();var r},isLoading:o||a||l})})})})};function A(e){let t=e.colour,r=e.hoverColour,o=e.articleId;return n.a.createElement(M,{articleId:o},e=>{let i=e.isLoading,c=e.toggleSaved,a=e.savedStatus;return n.a.createElement(k,{colour:t,hoverColour:r,articleId:o,savedStatus:a,onSave:c,isLoading:i})})}A.defaultProps={colour:s.svgIcon.fillColour,hoverColour:s.svgIcon.hoverFillColour};t.default=A}]);
|