@times-components/message-bar 0.5.2 → 0.6.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/message-bar.js +1 -1
- package/dist/message-manager.js +1 -1
- package/dist/styles/index.js +1 -1
- package/dist/styles/shared.js +1 -1
- package/package.json +9 -12
- 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.6.0](https://github.com/newsuk/times-components/compare/@times-components/message-bar@0.5.2...@times-components/message-bar@0.6.0) (2022-07-12)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **TDP-1419:** Remove react-native from message-bar package ([#2997](https://github.com/newsuk/times-components/issues/2997)) ([a9c9081](https://github.com/newsuk/times-components/commit/a9c9081234e2ec8c917f51558fd6d959341e146e))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [0.5.2](https://github.com/newsuk/times-components/compare/@times-components/message-bar@0.5.1...@times-components/message-bar@0.5.2) (2022-07-11)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @times-components/message-bar
|
package/dist/message-bar.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));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 _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _react=_interopRequireWildcard(require("react"));var _utils=require("@times-components/utils");var _propTypes=_interopRequireDefault(require("prop-types"));var _icons=require("@times-components/icons");var _styles=_interopRequireWildcard(require("./styles"));var _jsxFileName="/home/circleci/project/packages/message-bar/src/message-bar.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;}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2.default)(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2.default)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return(0,_possibleConstructorReturn2.default)(this,result);};}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}var MessageBar=function(_Component){(0,_inherits2.default)(MessageBar,_Component);var _super=_createSuper(MessageBar);function MessageBar(props){var _this;(0,_classCallCheck2.default)(this,MessageBar);_this=_super.call(this,props);_this.closeMessage=_this.closeMessage.bind((0,_assertThisInitialized2.default)(_this));_this.state={closeActive:false};return _this;}(0,_createClass2.default)(MessageBar,[{key:"componentDidMount",value:function componentDidMount(){var _this2=this;var delay=this.props.delay;this.timeout=setTimeout(function(){_this2.closeMessage();},delay);}},{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){var _this3=this;var newMessage=this.props.message;var message=prevProps.message,delay=prevProps.delay;if(message===newMessage){clearTimeout(this.timeout);this.timeout=setTimeout(function(){_this3.closeMessage();},delay);}}},{key:"componentWillUnmount",value:function componentWillUnmount(){if(this.timeout){clearTimeout(this.timeout);}}},{key:"closeMessage",value:function closeMessage(){var close=this.props.close;this.setState({closeActive:true});this.timeout=setTimeout(function(){close();},250);}},{key:"render",value:function render(){var _this$props=this.props,message=_this$props.message,scale=_this$props.scale,breakpoint=_this$props.breakpoint;var styles=(0,_styles.default)(scale,breakpoint);var closeActive=this.state.closeActive;return _react.default.createElement(_styles.StyledAnimation,{"data-testid":"Styled Animation",className:closeActive?" close":"",__source:{fileName:_jsxFileName,lineNumber:54,columnNumber:7}},_react.default.createElement(_utils.TcView,{"data-testid":"message-bar",style:styles.messageBarBodyContainer,__source:{fileName:_jsxFileName,lineNumber:58,columnNumber:9}},_react.default.createElement(_utils.TcView,{style:styles.messageBarBody,__source:{fileName:_jsxFileName,lineNumber:62,columnNumber:11}},_react.default.createElement(_utils.TcText,{style:styles.messageBarText,__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:13}},message),_react.default.createElement(_styles.CloseButton,{style:styles.messageBarCloseButton,className:closeActive?" active":"",onClick:this.closeMessage,__source:{fileName:_jsxFileName,lineNumber:64,columnNumber:13}},_react.default.createElement(_icons.CloseIcon,{width:28,height:28,onClick:this.closeMessage,__source:{fileName:_jsxFileName,lineNumber:69,columnNumber:15}})))));}}]);return MessageBar;}(_react.Component);MessageBar.propTypes={breakpoint:_propTypes.default.string.isRequired,close:_propTypes.default.func.isRequired,delay:_propTypes.default.number.isRequired,message:_propTypes.default.string.isRequired,scale:_propTypes.default.string.isRequired};var _default=MessageBar;exports.default=_default;
|
package/dist/message-manager.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));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 _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _react=_interopRequireWildcard(require("react"));var _utils=require("@times-components/utils");var _propTypes=_interopRequireDefault(require("prop-types"));var _responsive=require("@times-components/responsive");var _styles=_interopRequireDefault(require("./styles"));var _messageBar=_interopRequireDefault(require("./message-bar"));var _messageContext=_interopRequireDefault(require("./message-context"));var _jsxFileName="/home/circleci/project/packages/message-bar/src/message-manager.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;}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;}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2.default)(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2.default)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return(0,_possibleConstructorReturn2.default)(this,result);};}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}var MessageManager=function(_Component){(0,_inherits2.default)(MessageManager,_Component);var _super=_createSuper(MessageManager);function MessageManager(props){var _this;(0,_classCallCheck2.default)(this,MessageManager);_this=_super.call(this,props);_this.state={message:null,showMessage:function showMessage(message){return _this.addMessage(message);},offsetTop:0};_this.addMessage=_this.addMessage.bind((0,_assertThisInitialized2.default)(_this));_this.removeMessage=_this.removeMessage.bind((0,_assertThisInitialized2.default)(_this));_this.onLayout=_this.onLayout.bind((0,_assertThisInitialized2.default)(_this));return _this;}(0,_createClass2.default)(MessageManager,[{key:"onLayout",value:function onLayout(e){var y=e.nativeEvent.layout.y;this.setState({offsetTop:y});}},{key:"removeMessage",value:function removeMessage(){this.setState({message:null});}},{key:"addMessage",value:function addMessage(message){this.setState({message:message});}},{key:"render",value:function render(){var _this2=this;var _this$props=this.props,scale=_this$props.scale,children=_this$props.children,delay=_this$props.delay;var _this$state=this.state,message=_this$state.message,offsetTop=_this$state.offsetTop;var styles=(0,_styles.default)(scale);var offsetStyle=offsetTop?{position:"fixed",top:offsetTop,height:message?50:0}:{};return _react.default.createElement(_utils.TcView,{__source:{fileName:_jsxFileName,lineNumber:60,columnNumber:7}},_react.default.createElement(_utils.TcView,{style:_objectSpread(_objectSpread({},styles.messageManager),{},{offsetStyle:offsetStyle}),__source:{fileName:_jsxFileName,lineNumber:61,columnNumber:9}},message&&_react.default.createElement(_responsive.ResponsiveContext.Consumer,{__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:13}},function(_ref){var editionBreakpoint=_ref.editionBreakpoint;return _react.default.createElement(_messageBar.default,{close:_this2.removeMessage,delay:delay,message:message,scale:scale,breakpoint:editionBreakpoint,__source:{fileName:_jsxFileName,lineNumber:65,columnNumber:17}});})),_react.default.createElement(_utils.TcView,{onLayout:this.onLayout,__source:{fileName:_jsxFileName,lineNumber:76,columnNumber:9}},_react.default.createElement(_messageContext.default.Provider,{value:this.state,__source:{fileName:_jsxFileName,lineNumber:77,columnNumber:11}},children)));}}]);return MessageManager;}(_react.Component);{var string=_propTypes.default.string,node=_propTypes.default.node,number=_propTypes.default.number;MessageManager.propTypes={children:node.isRequired,delay:number.isRequired,scale:string.isRequired};}var _default=MessageManager;exports.default=_default;
|
package/dist/styles/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.CloseButton=exports.StyledAnimation=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _utils=require("@times-components/utils");var _shared=_interopRequireDefault(require("./shared"));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;}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 styles=function styles(scale,breakpoint){return _objectSpread(_objectSpread({},(0,_shared.default)(scale,breakpoint)),{},{messageManager:_objectSpread(_objectSpread({},(0,_shared.default)(scale,breakpoint).messageManager),{},{position:"fixed",left:0})});};var AnimationIn=(0,_styledComponents.keyframes)(["0%{transform:translateY(-51px)}90%{transform:translateY(5px)}100%{transform:translateY(0px)}"]);var AnimationOut=(0,_styledComponents.keyframes)(["0%{transform:translateY(0px)}100%{transform:translateY(-51px)}"]);var StyledAnimation=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"styles__StyledAnimation",componentId:"sc-1oz68ne-0"})(["animation-name:",";animation-duration:0.25s;animation-timing-function:ease-in-out;&.close{transform:translateY(-51px);animation-name:",";animation-duration:0.25s;}"],AnimationIn,AnimationOut);exports.StyledAnimation=StyledAnimation;var CloseButton=_styledComponents.default.button.withConfig({displayName:"styles__CloseButton",componentId:"sc-1oz68ne-1"})(["cursor:pointer;&.active{opacity:0.5;}:active{opacity:0.5;}"]);exports.CloseButton=CloseButton;var _default=styles;exports.default=_default;
|
package/dist/styles/shared.js
CHANGED
|
@@ -1 +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 _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;
|
|
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 _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,padding:0,display:"inherit",border:"0px"};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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/message-bar",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.0",
|
|
4
4
|
"description": "A component for showing user notifications",
|
|
5
5
|
"main": "dist/index",
|
|
6
6
|
"dev": "src/index",
|
|
@@ -21,9 +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
25
|
"web",
|
|
28
26
|
"message-bar",
|
|
29
27
|
"component"
|
|
@@ -39,7 +37,7 @@
|
|
|
39
37
|
"@times-components/eslint-config-thetimes": "0.8.18",
|
|
40
38
|
"@times-components/jest-configurator": "2.8.0",
|
|
41
39
|
"@times-components/jest-serializer": "3.2.30",
|
|
42
|
-
"@times-components/storybook": "4.2.
|
|
40
|
+
"@times-components/storybook": "4.2.26",
|
|
43
41
|
"@times-components/test-utils": "2.3.10",
|
|
44
42
|
"@times-components/webpack-configurator": "2.0.29",
|
|
45
43
|
"enzyme": "3.9.0",
|
|
@@ -48,7 +46,6 @@
|
|
|
48
46
|
"prettier": "1.14.3",
|
|
49
47
|
"react": "16.9.0",
|
|
50
48
|
"react-dom": "16.9.0",
|
|
51
|
-
"react-native": "0.61.5",
|
|
52
49
|
"react-test-renderer": "16.9.0",
|
|
53
50
|
"webpack": "4.30.0",
|
|
54
51
|
"webpack-cli": "3.3.1"
|
|
@@ -59,18 +56,18 @@
|
|
|
59
56
|
},
|
|
60
57
|
"peerDependencies": {
|
|
61
58
|
"react": ">=16.9",
|
|
62
|
-
"react-dom": ">=16.9"
|
|
63
|
-
"react-native": ">=0.59",
|
|
64
|
-
"react-native-web": "0.11.4"
|
|
59
|
+
"react-dom": ">=16.9"
|
|
65
60
|
},
|
|
66
61
|
"dependencies": {
|
|
67
|
-
"@times-components/icons": "2.18.
|
|
62
|
+
"@times-components/icons": "2.18.3",
|
|
68
63
|
"@times-components/responsive": "0.12.3",
|
|
69
|
-
"@times-components/ts-styleguide": "1.36.
|
|
70
|
-
"
|
|
64
|
+
"@times-components/ts-styleguide": "1.36.5",
|
|
65
|
+
"@times-components/utils": "6.13.0",
|
|
66
|
+
"prop-types": "15.7.2",
|
|
67
|
+
"styled-components": "4.3.2"
|
|
71
68
|
},
|
|
72
69
|
"publishConfig": {
|
|
73
70
|
"access": "public"
|
|
74
71
|
},
|
|
75
|
-
"gitHead": "
|
|
72
|
+
"gitHead": "5260e577a9bad2476bf51d1a4d5dad02369194fa"
|
|
76
73
|
}
|
package/rnw.js
CHANGED
|
@@ -1 +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/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")}]);
|
|
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=14)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/utils/rnw")},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("prop-types")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.CloseButton=t.StyledAnimation=void 0;var o=n(r(1)),a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=s(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]}n.default=e,r&&r.set(e,n);return n}(r(17)),i=r(3),u=n(r(18));function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(s=function(e){return e?r:t})(e)}function l(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 c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?l(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var f=(0,a.keyframes)(["0%{transform:translateY(-51px)}90%{transform:translateY(5px)}100%{transform:translateY(0px)}"]),p=(0,a.keyframes)(["0%{transform:translateY(0px)}100%{transform:translateY(-51px)}"]),d=(0,a.default)(i.TcView).withConfig({displayName:"styles__StyledAnimation",componentId:"sc-1oz68ne-0"})(["animation-name:",";animation-duration:0.25s;animation-timing-function:ease-in-out;&.close{transform:translateY(-51px);animation-name:",";animation-duration:0.25s;}"],f,p);t.StyledAnimation=d;var y=a.default.button.withConfig({displayName:"styles__CloseButton",componentId:"sc-1oz68ne-1"})(["cursor:pointer;&.active{opacity:0.5;}:active{opacity:0.5;}"]);t.CloseButton=y;var m=function(e,t){return c(c({},(0,u.default)(e,t)),{},{messageManager:c(c({},(0,u.default)(e,t).messageManager),{},{position:"fixed",left:0})})};t.default=m},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(4)),a=n(r(5)),i=n(r(6)),u=n(r(7)),s=n(r(8)),l=n(r(9)),c=m(r(2)),f=r(3),p=(n(r(10)),r(20)),d=m(r(11));function y(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(y=function(e){return e?r:t})(e)}function m(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=y(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}function g(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 o=(0,l.default)(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return(0,s.default)(this,r)}}var b=function(e){(0,u.default)(r,e);var t=g(r);function r(e){var n;return(0,o.default)(this,r),(n=t.call(this,e)).closeMessage=n.closeMessage.bind((0,i.default)(n)),n.state={closeActive:!1},n}return(0,a.default)(r,[{key:"componentDidMount",value:function(){var e=this,t=this.props.delay;this.timeout=setTimeout((function(){e.closeMessage()}),t)}},{key:"componentDidUpdate",value:function(e){var t=this,r=this.props.message,n=e.message,o=e.delay;n===r&&(clearTimeout(this.timeout),this.timeout=setTimeout((function(){t.closeMessage()}),o))}},{key:"componentWillUnmount",value:function(){this.timeout&&clearTimeout(this.timeout)}},{key:"closeMessage",value:function(){var e=this.props.close;this.setState({closeActive:!0}),this.timeout=setTimeout((function(){e()}),250)}},{key:"render",value:function(){var e=this.props,t=e.message,r=e.scale,n=e.breakpoint,o=(0,d.default)(r,n),a=this.state.closeActive;return c.default.createElement(d.StyledAnimation,{"data-testid":"Styled Animation",className:a?" close":""},c.default.createElement(f.TcView,{"data-testid":"message-bar",style:o.messageBarBodyContainer},c.default.createElement(f.TcView,{style:o.messageBarBody},c.default.createElement(f.TcText,{style:o.messageBarText},t),c.default.createElement(d.CloseButton,{style:o.messageBarCloseButton,className:a?" active":"",onClick:this.closeMessage},c.default.createElement(p.CloseIcon,{width:28,height:28,onClick:this.closeMessage})))))}}]),r}(c.Component);t.default=b},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(2)).default.createContext({message:null,showMessage:function(){}});t.default=o},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"MessageManager",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"MessageBar",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"MessageContext",{enumerable:!0,get:function(){return i.default}});var o=n(r(15)),a=n(r(12)),i=n(r(13))},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(4)),i=n(r(5)),u=n(r(6)),s=n(r(7)),l=n(r(8)),c=n(r(9)),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=v(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]}n.default=e,r&&r.set(e,n);return n}(r(2)),p=r(3),d=n(r(10)),y=r(16),m=n(r(11)),g=n(r(12)),b=n(r(13));function v(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(v=function(e){return e?r:t})(e)}function h(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 O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function j(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,c.default)(e);if(t){var o=(0,c.default)(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return(0,l.default)(this,r)}}var w=function(e){(0,s.default)(r,e);var t=j(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,i.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,o=t.delay,a=this.state,i=a.message,u=a.offsetTop,s=(0,m.default)(r),l=u?{position:"fixed",top:u,height:i?50:0}:{};return f.default.createElement(p.TcView,null,f.default.createElement(p.TcView,{style:O(O({},s.messageManager),{},{offsetStyle:l})},i&&f.default.createElement(y.ResponsiveContext.Consumer,null,(function(t){var n=t.editionBreakpoint;return f.default.createElement(g.default,{close:e.removeMessage,delay:o,message:i,scale:r,breakpoint:n})}))),f.default.createElement(p.TcView,{onLayout:this.onLayout},f.default.createElement(b.default.Provider,{value:this.state},n)))}}]),r}(f.Component),P=(d.default.string,d.default.node,d.default.number,w);t.default=P},function(e,t){e.exports=require("@times-components/responsive/rnw")},function(e,t){e.exports=require("styled-components")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.sharedStyle=void 0;var o=n(r(1)),a=r(19);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 s={maxWidth:1182,width:"100%",flexDirection:"row",alignItems:"center",height:50,flexGrow:1,flexShrink:0,marginHorizontal:"auto"},l={alignItems:"center",backgroundColor:a.colours.functional.transparentWhite,borderRadius:14,height:28,justifyContent:"center",marginLeft:"auto",marginRight:20,width:28,padding:0,display:"inherit",border:"0px"},c=function(e){return u(u({color:a.colours.functional.white},(0,a.fontFactory)({font:"headline",fontSize:"secondary",scale:e})),{},{marginLeft:20})},f=function(e){return{messageBarBodyContainer:{backgroundColor:a.colours.functional.articleFlagUpdated,shadowColor:"rgba(0, 0, 0, 0.2)",shadowOffset:{height:2,width:0},shadowRadius:5,zIndex:10},messageBarBody:s,messageBarCloseButton:l,messageBarText:u({},c(e)),messageManager:{flex:1,width:"100%",zIndex:10}}};t.sharedStyle=f;var p={small:function(e){return u(u({},f(e)),{},{messageBarCloseButton:u(u({},l),{},{marginRight:10}),messageBarText:u(u({},c(e)),{},{marginLeft:10})})},medium:function(e){return u(u({},f(e)),{},{messageBarCloseButton:u(u({},l),{},{marginRight:10}),messageBarText:u(u({},c(e)),{},{marginLeft:60})})},wide:function(e){return u(u({},f(e)),{},{messageBarBody:u(u({},s),{},{maxWidth:1024})})},huge:function(e){return u({},f(e))}};t.default=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"huge";return p[t](e)}},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("@times-components/icons/rnw")}]);
|