@times-components/message-bar 0.4.22 → 0.4.23

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.4.23](https://github.com/newsuk/times-components/compare/@times-components/message-bar@0.4.22...@times-components/message-bar@0.4.23) (2022-05-16)
+
+**Note:** Version bump only for package @times-components/message-bar
+
+
+
+
+
 ## [0.4.22](https://github.com/newsuk/times-components/compare/@times-components/message-bar@0.4.21...@times-components/message-bar@0.4.22) (2022-05-12)
 
 **Note:** Version bump only for package @times-components/message-bar

package/dist/styles/shared.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.sharedStyle=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _styleguide=require("@times-components/styleguide");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var height=50;var messageBarBody={maxWidth:1182,width:"100%",flexDirection:"row",alignItems:"center",height:height,flexGrow:1,flexShrink:0,marginHorizontal:"auto"};var messageBarCloseButton={alignItems:"center",backgroundColor:_styleguide.colours.functional.transparentWhite,borderRadius:14,height:28,justifyContent:"center",marginLeft:"auto",marginRight:20,width:28};var messageBarText=function messageBarText(scale){return _objectSpread(_objectSpread({color:_styleguide.colours.functional.white},(0,_styleguide.fontFactory)({font:"headline",fontSize:"secondary",scale:scale})),{},{marginLeft:20});};var sharedStyle=function sharedStyle(scale){return{messageBarBodyContainer:{backgroundColor:_styleguide.colours.functional.articleFlagUpdated,shadowColor:"rgba(0, 0, 0, 0.2)",shadowOffset:{height:2,width:0},shadowRadius:5,zIndex:10},messageBarBody:messageBarBody,messageBarCloseButton:messageBarCloseButton,messageBarText:_objectSpread({},messageBarText(scale)),messageManager:{flex:1,width:"100%",zIndex:10}};};exports.sharedStyle=sharedStyle;var smallBreakpointStyles=function smallBreakpointStyles(scale){return _objectSpread(_objectSpread({},sharedStyle(scale)),{},{messageBarCloseButton:_objectSpread(_objectSpread({},messageBarCloseButton),{},{marginRight:10}),messageBarText:_objectSpread(_objectSpread({},messageBarText(scale)),{},{marginLeft:10})});};var mediumBreakpointStyles=function mediumBreakpointStyles(scale){return _objectSpread(_objectSpread({},sharedStyle(scale)),{},{messageBarCloseButton:_objectSpread(_objectSpread({},messageBarCloseButton),{},{marginRight:10}),messageBarText:_objectSpread(_objectSpread({},messageBarText(scale)),{},{marginLeft:60})});};var wideBreakpointStyles=function wideBreakpointStyles(scale){return _objectSpread(_objectSpread({},sharedStyle(scale)),{},{messageBarBody:_objectSpread(_objectSpread({},messageBarBody),{},{maxWidth:1024})});};var hugeBreakpointStyles=function hugeBreakpointStyles(scale){return _objectSpread({},sharedStyle(scale));};var stylesResolver={small:smallBreakpointStyles,medium:mediumBreakpointStyles,wide:wideBreakpointStyles,huge:hugeBreakpointStyles};var _default=function _default(scale){var breakpoint=arguments.length>1&&arguments[1]!==undefined?arguments[1]:"huge";return stylesResolver[breakpoint](scale);};exports.default=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.sharedStyle=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _tsStyleguide=require("@times-components/ts-styleguide");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var height=50;var messageBarBody={maxWidth:1182,width:"100%",flexDirection:"row",alignItems:"center",height:height,flexGrow:1,flexShrink:0,marginHorizontal:"auto"};var messageBarCloseButton={alignItems:"center",backgroundColor:_tsStyleguide.colours.functional.transparentWhite,borderRadius:14,height:28,justifyContent:"center",marginLeft:"auto",marginRight:20,width:28};var messageBarText=function messageBarText(scale){return _objectSpread(_objectSpread({color:_tsStyleguide.colours.functional.white},(0,_tsStyleguide.fontFactory)({font:"headline",fontSize:"secondary",scale:scale})),{},{marginLeft:20});};var sharedStyle=function sharedStyle(scale){return{messageBarBodyContainer:{backgroundColor:_tsStyleguide.colours.functional.articleFlagUpdated,shadowColor:"rgba(0, 0, 0, 0.2)",shadowOffset:{height:2,width:0},shadowRadius:5,zIndex:10},messageBarBody:messageBarBody,messageBarCloseButton:messageBarCloseButton,messageBarText:_objectSpread({},messageBarText(scale)),messageManager:{flex:1,width:"100%",zIndex:10}};};exports.sharedStyle=sharedStyle;var smallBreakpointStyles=function smallBreakpointStyles(scale){return _objectSpread(_objectSpread({},sharedStyle(scale)),{},{messageBarCloseButton:_objectSpread(_objectSpread({},messageBarCloseButton),{},{marginRight:10}),messageBarText:_objectSpread(_objectSpread({},messageBarText(scale)),{},{marginLeft:10})});};var mediumBreakpointStyles=function mediumBreakpointStyles(scale){return _objectSpread(_objectSpread({},sharedStyle(scale)),{},{messageBarCloseButton:_objectSpread(_objectSpread({},messageBarCloseButton),{},{marginRight:10}),messageBarText:_objectSpread(_objectSpread({},messageBarText(scale)),{},{marginLeft:60})});};var wideBreakpointStyles=function wideBreakpointStyles(scale){return _objectSpread(_objectSpread({},sharedStyle(scale)),{},{messageBarBody:_objectSpread(_objectSpread({},messageBarBody),{},{maxWidth:1024})});};var hugeBreakpointStyles=function hugeBreakpointStyles(scale){return _objectSpread({},sharedStyle(scale));};var stylesResolver={small:smallBreakpointStyles,medium:mediumBreakpointStyles,wide:wideBreakpointStyles,huge:hugeBreakpointStyles};var _default=function _default(scale){var breakpoint=arguments.length>1&&arguments[1]!==undefined?arguments[1]:"huge";return stylesResolver[breakpoint](scale);};exports.default=_default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/message-bar",
-  "version": "0.4.22",
+  "version": "0.4.23",
   "description": "A component for showing user notifications",
   "main": "dist/index",
   "dev": "src/index",
@@ -39,7 +39,7 @@
     "@times-components/eslint-config-thetimes": "0.8.18",
     "@times-components/jest-configurator": "2.8.0",
     "@times-components/jest-serializer": "3.2.29",
-    "@times-components/storybook": "4.2.22",
+    "@times-components/storybook": "4.2.23",
     "@times-components/test-utils": "2.3.10",
     "@times-components/webpack-configurator": "2.0.29",
     "enzyme": "3.9.0",
@@ -64,13 +64,13 @@
     "react-native-web": "0.11.4"
   },
   "dependencies": {
-    "@times-components/icons": "2.16.33",
-    "@times-components/responsive": "0.12.0",
-    "@times-components/styleguide": "3.38.52",
+    "@times-components/icons": "2.16.34",
+    "@times-components/responsive": "0.12.1",
+    "@times-components/ts-styleguide": "1.36.2",
     "prop-types": "15.7.2"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e926b7a5463c90161222c3c0e9e2a88951063d3a"
+  "gitHead": "48de1df19cdc2d2bf38d2a3d5ba95cb547e6961d"
 }

package/rnw.js

@@ -1 +1 @@
-module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var a=t[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,r),a.l=!0,a.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 a in e)r.d(n,a,function(t){return e[t]}.bind(null,a));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=14)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@babel/runtime/helpers/classCallCheck")},function(e,t){e.exports=require("@babel/runtime/helpers/createClass")},function(e,t){e.exports=require("@babel/runtime/helpers/assertThisInitialized")},function(e,t){e.exports=require("@babel/runtime/helpers/inherits")},function(e,t){e.exports=require("@babel/runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("@babel/runtime/helpers/getPrototypeOf")},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/View")},function(e,t){e.exports=require("prop-types")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(11)),o=n(r(17)),u=n(r(18));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 s(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,a.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=function(e,t){return o.default.create(s(s({},(0,u.default)(e,t)),{},{messageManager:s(s({},(0,u.default)(e,t).messageManager),{},{position:"fixed",left:0})}))};t.default=l},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 a=n(r(2)),o=n(r(3)),u=n(r(4)),i=n(r(5)),s=n(r(6)),l=n(r(7)),f=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=b(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=a?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(n,o,u):n[o]=e[o]}n.default=e,r&&r.set(e,n);return n}(r(1)),c=n(r(8)),d=n(r(20)),p=n(r(21)),m=n(r(22)),y=(n(r(9)),r(23)),g=n(r(10));function b(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(b=function(e){return e?r:t})(e)}function v(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=(0,l.default)(e);if(t){var a=(0,l.default)(this).constructor;r=Reflect.construct(n,arguments,a)}else r=n.apply(this,arguments);return(0,s.default)(this,r)}}var h=function(e){(0,i.default)(r,e);var t=v(r);function r(e){var n;return(0,a.default)(this,r),(n=t.call(this,e)).state={yValue:new p.default.Value(0)},n.animateClosed=n.animateClosed.bind((0,u.default)(n)),n.animateOpen=n.animateOpen.bind((0,u.default)(n)),n.close=n.close.bind((0,u.default)(n)),n}return(0,o.default)(r,[{key:"componentDidMount",value:function(){var e=this,t=this.props,r=t.delay,n=t.close;this.animateOpen((function(){})),this.timeout=setTimeout((function(){e.animateClosed((function(){n()}))}),r)}},{key:"componentDidUpdate",value:function(e){var t=this,r=this.props.message,n=e.message,a=e.delay,o=e.close;n===r&&(clearTimeout(this.timeout),this.timeout=setTimeout((function(){t.animateClosed((function(){o()}))}),a))}},{key:"componentWillUnmount",value:function(){this.timeout&&clearTimeout(this.timeout)}},{key:"animateOpen",value:function(e){var t=this.state.yValue;p.default.spring(t,{toValue:1}).start(e)}},{key:"animateClosed",value:function(e){var t=this.state.yValue;p.default.spring(t,{toValue:0}).start(e)}},{key:"close",value:function(){var e=this.props.close;clearTimeout(this.timeout),this.timeout=null,this.animateClosed((function(){e()}))}},{key:"render",value:function(){var e=this.props,t=e.message,r=e.scale,n=e.animate,a=e.breakpoint,o=this.state.yValue,u=(0,g.default)(r,a);return f.default.createElement(p.default.View,{style:n&&{transform:[{translateY:o.interpolate({inputRange:[0,1],outputRange:[-100,0]})}]}},f.default.createElement(c.default,{"data-testid":"message-bar",style:u.messageBarBodyContainer},f.default.createElement(c.default,{style:u.messageBarBody},f.default.createElement(d.default,{style:u.messageBarText},t),f.default.createElement(c.default,{style:u.messageBarCloseButton},f.default.createElement(m.default,{onPress:this.close},f.default.createElement(y.CloseIcon,{width:"28",height:"28"}))))))}}]),r}(f.Component);t.default=h},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(1)).default.createContext({message:null,showMessage:function(){}});t.default=a},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"MessageManager",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"MessageBar",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"MessageContext",{enumerable:!0,get:function(){return u.default}});var a=n(r(15)),o=n(r(12)),u=n(r(13))},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(2)),o=n(r(3)),u=n(r(4)),i=n(r(5)),s=n(r(6)),l=n(r(7)),f=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=b(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=a?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(n,o,u):n[o]=e[o]}n.default=e,r&&r.set(e,n);return n}(r(1)),c=n(r(8)),d=n(r(9)),p=r(16),m=n(r(10)),y=n(r(12)),g=n(r(13));function b(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(b=function(e){return e?r:t})(e)}function v(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=(0,l.default)(e);if(t){var a=(0,l.default)(this).constructor;r=Reflect.construct(n,arguments,a)}else r=n.apply(this,arguments);return(0,s.default)(this,r)}}var h=function(e){(0,i.default)(r,e);var t=v(r);function r(e){var n;return(0,a.default)(this,r),(n=t.call(this,e)).state={message:null,showMessage:function(e){return n.addMessage(e)},offsetTop:0},n.addMessage=n.addMessage.bind((0,u.default)(n)),n.removeMessage=n.removeMessage.bind((0,u.default)(n)),n.onLayout=n.onLayout.bind((0,u.default)(n)),n}return(0,o.default)(r,[{key:"onLayout",value:function(e){var t=e.nativeEvent.layout.y;this.setState({offsetTop:t})}},{key:"removeMessage",value:function(){this.setState({message:null})}},{key:"addMessage",value:function(e){this.setState({message:e})}},{key:"render",value:function(){var e=this,t=this.props,r=t.scale,n=t.children,a=t.delay,o=t.animate,u=this.state,i=u.message,s=u.offsetTop,l=(0,m.default)(r),d=s?{position:"fixed",top:s,height:i?50:0}:{};return f.default.createElement(c.default,null,f.default.createElement(c.default,{style:[l.messageManager,d]},i&&f.default.createElement(p.ResponsiveContext.Consumer,null,(function(t){var n=t.editionBreakpoint;return f.default.createElement(y.default,{animate:o,close:e.removeMessage,delay:a,message:i,scale:r,breakpoint:n})}))),f.default.createElement(c.default,{onLayout:this.onLayout},f.default.createElement(g.default.Provider,{value:this.state},n)))}}]),r}(f.Component),O=(d.default.string,d.default.node,d.default.number,d.default.bool,h);t.default=O},function(e,t){e.exports=require("@times-components/responsive/rnw")},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/StyleSheet")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.sharedStyle=void 0;var a=n(r(11)),o=r(19);function u(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 i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){(0,a.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var s={maxWidth:1182,width:"100%",flexDirection:"row",alignItems:"center",height:50,flexGrow:1,flexShrink:0,marginHorizontal:"auto"},l={alignItems:"center",backgroundColor:o.colours.functional.transparentWhite,borderRadius:14,height:28,justifyContent:"center",marginLeft:"auto",marginRight:20,width:28},f=function(e){return i(i({color:o.colours.functional.white},(0,o.fontFactory)({font:"headline",fontSize:"secondary",scale:e})),{},{marginLeft:20})},c=function(e){return{messageBarBodyContainer:{backgroundColor:o.colours.functional.articleFlagUpdated,shadowColor:"rgba(0, 0, 0, 0.2)",shadowOffset:{height:2,width:0},shadowRadius:5,zIndex:10},messageBarBody:s,messageBarCloseButton:l,messageBarText:i({},f(e)),messageManager:{flex:1,width:"100%",zIndex:10}}};t.sharedStyle=c;var d={small:function(e){return i(i({},c(e)),{},{messageBarCloseButton:i(i({},l),{},{marginRight:10}),messageBarText:i(i({},f(e)),{},{marginLeft:10})})},medium:function(e){return i(i({},c(e)),{},{messageBarCloseButton:i(i({},l),{},{marginRight:10}),messageBarText:i(i({},f(e)),{},{marginLeft:60})})},wide:function(e){return i(i({},c(e)),{},{messageBarBody:i(i({},s),{},{maxWidth:1024})})},huge:function(e){return i({},c(e))}};t.default=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"huge";return d[t](e)}},function(e,t){e.exports=require("@times-components/styleguide/rnw")},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/Text")},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/Animated")},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/TouchableOpacity")},function(e,t){e.exports=require("@times-components/icons/rnw")}]);
+module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var a=t[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,r),a.l=!0,a.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 a in e)r.d(n,a,function(t){return e[t]}.bind(null,a));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=14)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@babel/runtime/helpers/classCallCheck")},function(e,t){e.exports=require("@babel/runtime/helpers/createClass")},function(e,t){e.exports=require("@babel/runtime/helpers/assertThisInitialized")},function(e,t){e.exports=require("@babel/runtime/helpers/inherits")},function(e,t){e.exports=require("@babel/runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("@babel/runtime/helpers/getPrototypeOf")},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/View")},function(e,t){e.exports=require("prop-types")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(11)),o=n(r(17)),u=n(r(18));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 s(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,a.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=function(e,t){return o.default.create(s(s({},(0,u.default)(e,t)),{},{messageManager:s(s({},(0,u.default)(e,t).messageManager),{},{position:"fixed",left:0})}))};t.default=l},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 a=n(r(2)),o=n(r(3)),u=n(r(4)),i=n(r(5)),s=n(r(6)),l=n(r(7)),f=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=b(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=a?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(n,o,u):n[o]=e[o]}n.default=e,r&&r.set(e,n);return n}(r(1)),c=n(r(8)),d=n(r(20)),p=n(r(21)),m=n(r(22)),y=(n(r(9)),r(23)),g=n(r(10));function b(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(b=function(e){return e?r:t})(e)}function v(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=(0,l.default)(e);if(t){var a=(0,l.default)(this).constructor;r=Reflect.construct(n,arguments,a)}else r=n.apply(this,arguments);return(0,s.default)(this,r)}}var h=function(e){(0,i.default)(r,e);var t=v(r);function r(e){var n;return(0,a.default)(this,r),(n=t.call(this,e)).state={yValue:new p.default.Value(0)},n.animateClosed=n.animateClosed.bind((0,u.default)(n)),n.animateOpen=n.animateOpen.bind((0,u.default)(n)),n.close=n.close.bind((0,u.default)(n)),n}return(0,o.default)(r,[{key:"componentDidMount",value:function(){var e=this,t=this.props,r=t.delay,n=t.close;this.animateOpen((function(){})),this.timeout=setTimeout((function(){e.animateClosed((function(){n()}))}),r)}},{key:"componentDidUpdate",value:function(e){var t=this,r=this.props.message,n=e.message,a=e.delay,o=e.close;n===r&&(clearTimeout(this.timeout),this.timeout=setTimeout((function(){t.animateClosed((function(){o()}))}),a))}},{key:"componentWillUnmount",value:function(){this.timeout&&clearTimeout(this.timeout)}},{key:"animateOpen",value:function(e){var t=this.state.yValue;p.default.spring(t,{toValue:1}).start(e)}},{key:"animateClosed",value:function(e){var t=this.state.yValue;p.default.spring(t,{toValue:0}).start(e)}},{key:"close",value:function(){var e=this.props.close;clearTimeout(this.timeout),this.timeout=null,this.animateClosed((function(){e()}))}},{key:"render",value:function(){var e=this.props,t=e.message,r=e.scale,n=e.animate,a=e.breakpoint,o=this.state.yValue,u=(0,g.default)(r,a);return f.default.createElement(p.default.View,{style:n&&{transform:[{translateY:o.interpolate({inputRange:[0,1],outputRange:[-100,0]})}]}},f.default.createElement(c.default,{"data-testid":"message-bar",style:u.messageBarBodyContainer},f.default.createElement(c.default,{style:u.messageBarBody},f.default.createElement(d.default,{style:u.messageBarText},t),f.default.createElement(c.default,{style:u.messageBarCloseButton},f.default.createElement(m.default,{onPress:this.close},f.default.createElement(y.CloseIcon,{width:"28",height:"28"}))))))}}]),r}(f.Component);t.default=h},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(1)).default.createContext({message:null,showMessage:function(){}});t.default=a},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"MessageManager",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"MessageBar",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"MessageContext",{enumerable:!0,get:function(){return u.default}});var a=n(r(15)),o=n(r(12)),u=n(r(13))},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(2)),o=n(r(3)),u=n(r(4)),i=n(r(5)),s=n(r(6)),l=n(r(7)),f=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=b(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=a?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(n,o,u):n[o]=e[o]}n.default=e,r&&r.set(e,n);return n}(r(1)),c=n(r(8)),d=n(r(9)),p=r(16),m=n(r(10)),y=n(r(12)),g=n(r(13));function b(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(b=function(e){return e?r:t})(e)}function v(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=(0,l.default)(e);if(t){var a=(0,l.default)(this).constructor;r=Reflect.construct(n,arguments,a)}else r=n.apply(this,arguments);return(0,s.default)(this,r)}}var h=function(e){(0,i.default)(r,e);var t=v(r);function r(e){var n;return(0,a.default)(this,r),(n=t.call(this,e)).state={message:null,showMessage:function(e){return n.addMessage(e)},offsetTop:0},n.addMessage=n.addMessage.bind((0,u.default)(n)),n.removeMessage=n.removeMessage.bind((0,u.default)(n)),n.onLayout=n.onLayout.bind((0,u.default)(n)),n}return(0,o.default)(r,[{key:"onLayout",value:function(e){var t=e.nativeEvent.layout.y;this.setState({offsetTop:t})}},{key:"removeMessage",value:function(){this.setState({message:null})}},{key:"addMessage",value:function(e){this.setState({message:e})}},{key:"render",value:function(){var e=this,t=this.props,r=t.scale,n=t.children,a=t.delay,o=t.animate,u=this.state,i=u.message,s=u.offsetTop,l=(0,m.default)(r),d=s?{position:"fixed",top:s,height:i?50:0}:{};return f.default.createElement(c.default,null,f.default.createElement(c.default,{style:[l.messageManager,d]},i&&f.default.createElement(p.ResponsiveContext.Consumer,null,(function(t){var n=t.editionBreakpoint;return f.default.createElement(y.default,{animate:o,close:e.removeMessage,delay:a,message:i,scale:r,breakpoint:n})}))),f.default.createElement(c.default,{onLayout:this.onLayout},f.default.createElement(g.default.Provider,{value:this.state},n)))}}]),r}(f.Component),O=(d.default.string,d.default.node,d.default.number,d.default.bool,h);t.default=O},function(e,t){e.exports=require("@times-components/responsive/rnw")},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/StyleSheet")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.sharedStyle=void 0;var a=n(r(11)),o=r(19);function u(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 i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){(0,a.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var s={maxWidth:1182,width:"100%",flexDirection:"row",alignItems:"center",height:50,flexGrow:1,flexShrink:0,marginHorizontal:"auto"},l={alignItems:"center",backgroundColor:o.colours.functional.transparentWhite,borderRadius:14,height:28,justifyContent:"center",marginLeft:"auto",marginRight:20,width:28},f=function(e){return i(i({color:o.colours.functional.white},(0,o.fontFactory)({font:"headline",fontSize:"secondary",scale:e})),{},{marginLeft:20})},c=function(e){return{messageBarBodyContainer:{backgroundColor:o.colours.functional.articleFlagUpdated,shadowColor:"rgba(0, 0, 0, 0.2)",shadowOffset:{height:2,width:0},shadowRadius:5,zIndex:10},messageBarBody:s,messageBarCloseButton:l,messageBarText:i({},f(e)),messageManager:{flex:1,width:"100%",zIndex:10}}};t.sharedStyle=c;var d={small:function(e){return i(i({},c(e)),{},{messageBarCloseButton:i(i({},l),{},{marginRight:10}),messageBarText:i(i({},f(e)),{},{marginLeft:10})})},medium:function(e){return i(i({},c(e)),{},{messageBarCloseButton:i(i({},l),{},{marginRight:10}),messageBarText:i(i({},f(e)),{},{marginLeft:60})})},wide:function(e){return i(i({},c(e)),{},{messageBarBody:i(i({},s),{},{maxWidth:1024})})},huge:function(e){return i({},c(e))}};t.default=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"huge";return d[t](e)}},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/Text")},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/Animated")},function(e,t){e.exports=require("react-native-web/dist/cjs/exports/TouchableOpacity")},function(e,t){e.exports=require("@times-components/icons/rnw")}]);