@times-components/interactive-wrapper 0.8.18 → 0.8.19

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.8.19](https://github.com/newsuk/times-components/compare/@times-components/interactive-wrapper@0.8.18...@times-components/interactive-wrapper@0.8.19) (2021-12-02)
+
+**Note:** Version bump only for package @times-components/interactive-wrapper
+
+
+
+
+
 ## [0.8.18](https://github.com/newsuk/times-components/compare/@times-components/interactive-wrapper@0.8.17...@times-components/interactive-wrapper@0.8.18) (2021-11-25)
 
 **Note:** Version bump only for package @times-components/interactive-wrapper

package/dist/interactive-wrapper.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.polyfillWCIfNecessary=polyfillWCIfNecessary;exports.default=void 0;var _regenerator=_interopRequireDefault(require("@babel/runtime/regenerator"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));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 _propTypes=_interopRequireDefault(require("prop-types"));var _image=require("@times-components/image");var _jsxFileName="/home/circleci/project/packages/interactive-wrapper/src/interactive-wrapper.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;}}function ensureElement(selector,createElement){if(document.body.querySelector(selector)){return Promise.resolve(null);}return new Promise(function(resolve,reject){var element=createElement();element.onload=resolve;element.onerror=reject;document.body.appendChild(element);});}function ensureScript(src){return ensureElement("script[src=\""+src+"\"]",function(){var script=document.createElement("script");script.setAttribute("async","async");script.setAttribute("src",src);return script;});}function ensureImport(src){return ensureElement("link[href=\""+src+"\"]",function(){var link=document.createElement("link");link.setAttribute("href",src);link.setAttribute("rel","import");return link;});}function polyfillWCIfNecessary(){var htmlImportsSupported=("import"in document.createElement("link"));var registerElementSupported=!!document.registerElement;if(!htmlImportsSupported||!registerElementSupported){return Promise.all([ensureScript("https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/0.7.24/webcomponents-lite.min.js"),new Promise(function(resolve){window.addEventListener("WebComponentsReady",resolve);})]);}return Promise.resolve();}var InteractiveWrapper=function(_Component){(0,_inherits2.default)(InteractiveWrapper,_Component);var _super=_createSuper(InteractiveWrapper);function InteractiveWrapper(props){var _this;(0,_classCallCheck2.default)(this,InteractiveWrapper);_this=_super.call(this,props);_this.placeholder=_react.default.createRef(null);_this.component=_react.default.createRef(null);return _this;}(0,_createClass2.default)(InteractiveWrapper,[{key:"componentDidMount",value:function componentDidMount(){var _this2=this;var fetchPolyfill=this.props.fetchPolyfill;fetchPolyfill().then(function(){_this2.insertComponent();});}},{key:"componentDidUpdate",value:function componentDidUpdate(){this.insertComponent();}},{key:"insertComponent",value:function insertComponent(){var _this$props,attributes,element,source,placeholder,component,newElement;return _regenerator.default.async(function insertComponent$(_context){while(1){switch(_context.prev=_context.next){case 0:_this$props=this.props,attributes=_this$props.attributes,element=_this$props.element,source=_this$props.source;placeholder=this.placeholder.current;component=this.component.current;component.innerHTML="";placeholder.style.cssText+="display: block !important";component.innerHTML="";newElement=document.createElement(element);Object.keys(attributes).forEach(function(key){return newElement.setAttribute(key,attributes[key]);});component.appendChild(newElement);newElement.outerHTML+="";placeholder.style.cssText+="display: none !important";_context.next=13;return _regenerator.default.awrap(ensureImport(source));case 13:case"end":return _context.stop();}}},null,this,null,Promise);}},{key:"render",value:function render(){return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement("div",{ref:this.placeholder,style:{height:150,position:"relative"},__source:{fileName:_jsxFileName,lineNumber:114,columnNumber:9}},_react.default.createElement(_image.Placeholder,{__source:{fileName:_jsxFileName,lineNumber:118,columnNumber:11}})),_react.default.createElement("div",{ref:this.component,__source:{fileName:_jsxFileName,lineNumber:120,columnNumber:9}}));}}]);return InteractiveWrapper;}(_react.Component);exports.default=InteractiveWrapper;InteractiveWrapper.propTypes={attributes:_propTypes.default.object,element:_propTypes.default.string.isRequired,source:_propTypes.default.string.isRequired,fetchPolyfill:_propTypes.default.func};InteractiveWrapper.defaultProps={attributes:{},fetchPolyfill:polyfillWCIfNecessary};

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@times-components/interactive-wrapper",
-  "version": "0.8.18",
+  "version": "0.8.19",
   "description": "Wrapper for legacy Interactive components",
-  "main": "dist/interactive-wrapper.web",
-  "dev": "src/interactive-wrapper.web",
+  "main": "dist/interactive-wrapper",
+  "dev": "src/interactive-wrapper",
   "scripts": {
     "depcheck": "depcheck --ignores='@babel/*,babel-*,depcheck,eslint,identity-obj-proxy,jest,prettier,webpack*' --ignore-bin-package=false --skip-missing",
     "fmt": "eslint . --fix && prettier --write '**/*.*'",
@@ -36,12 +36,12 @@
   "homepage": "https://github.com/newsuk/times-components#readme",
   "devDependencies": {
     "@babel/core": "7.4.4",
-    "@times-components/eslint-config-thetimes": "0.8.17",
-    "@times-components/jest-configurator": "2.7.3",
-    "@times-components/jest-serializer": "3.2.27",
-    "@times-components/storybook": "4.1.67",
-    "@times-components/test-utils": "2.3.9",
-    "@times-components/webpack-configurator": "2.0.28",
+    "@times-components/eslint-config-thetimes": "0.8.18",
+    "@times-components/jest-configurator": "2.7.4",
+    "@times-components/jest-serializer": "3.2.28",
+    "@times-components/storybook": "4.1.68",
+    "@times-components/test-utils": "2.3.10",
+    "@times-components/webpack-configurator": "2.0.29",
     "babel-jest": "24.8.0",
     "enzyme": "3.9.0",
     "eslint": "5.9.0",
@@ -54,7 +54,7 @@
     "webpack-cli": "3.3.1"
   },
   "dependencies": {
-    "@times-components/image": "6.8.7",
+    "@times-components/image": "6.8.8",
     "prop-types": "15.7.2"
   },
   "resolutions": {
@@ -70,5 +70,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e4ffceaf25ca396380a235406bf49c846731b2b4"
+  "gitHead": "eec604346ec793e27892f0522ab81cafde40fd9e"
 }

package/dist/interactive-wrapper.web.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.polyfillWCIfNecessary=polyfillWCIfNecessary;exports.default=void 0;var _regenerator=_interopRequireDefault(require("@babel/runtime/regenerator"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));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 _propTypes=_interopRequireDefault(require("prop-types"));var _image=require("@times-components/image");var _jsxFileName="/home/circleci/project/packages/interactive-wrapper/src/interactive-wrapper.web.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;}}function ensureElement(selector,createElement){if(document.body.querySelector(selector)){return Promise.resolve(null);}return new Promise(function(resolve,reject){var element=createElement();element.onload=resolve;element.onerror=reject;document.body.appendChild(element);});}function ensureScript(src){return ensureElement("script[src=\""+src+"\"]",function(){var script=document.createElement("script");script.setAttribute("async","async");script.setAttribute("src",src);return script;});}function ensureImport(src){return ensureElement("link[href=\""+src+"\"]",function(){var link=document.createElement("link");link.setAttribute("href",src);link.setAttribute("rel","import");return link;});}function polyfillWCIfNecessary(){var htmlImportsSupported=("import"in document.createElement("link"));var registerElementSupported=!!document.registerElement;if(!htmlImportsSupported||!registerElementSupported){return Promise.all([ensureScript("https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/0.7.24/webcomponents-lite.min.js"),new Promise(function(resolve){window.addEventListener("WebComponentsReady",resolve);})]);}return Promise.resolve();}var InteractiveWrapper=function(_Component){(0,_inherits2.default)(InteractiveWrapper,_Component);var _super=_createSuper(InteractiveWrapper);function InteractiveWrapper(props){var _this;(0,_classCallCheck2.default)(this,InteractiveWrapper);_this=_super.call(this,props);_this.placeholder=_react.default.createRef(null);_this.component=_react.default.createRef(null);return _this;}(0,_createClass2.default)(InteractiveWrapper,[{key:"componentDidMount",value:function componentDidMount(){var _this2=this;var fetchPolyfill=this.props.fetchPolyfill;fetchPolyfill().then(function(){_this2.insertComponent();});}},{key:"componentDidUpdate",value:function componentDidUpdate(){this.insertComponent();}},{key:"insertComponent",value:function insertComponent(){var _this$props,attributes,element,source,placeholder,component,newElement;return _regenerator.default.async(function insertComponent$(_context){while(1){switch(_context.prev=_context.next){case 0:_this$props=this.props,attributes=_this$props.attributes,element=_this$props.element,source=_this$props.source;placeholder=this.placeholder.current;component=this.component.current;component.innerHTML="";placeholder.style.cssText+="display: block !important";component.innerHTML="";newElement=document.createElement(element);Object.keys(attributes).forEach(function(key){return newElement.setAttribute(key,attributes[key]);});component.appendChild(newElement);newElement.outerHTML+="";placeholder.style.cssText+="display: none !important";_context.next=13;return _regenerator.default.awrap(ensureImport(source));case 13:case"end":return _context.stop();}}},null,this,null,Promise);}},{key:"render",value:function render(){return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement("div",{ref:this.placeholder,style:{height:150,position:"relative"},__source:{fileName:_jsxFileName,lineNumber:114,columnNumber:9}},_react.default.createElement(_image.Placeholder,{__source:{fileName:_jsxFileName,lineNumber:118,columnNumber:11}})),_react.default.createElement("div",{ref:this.component,__source:{fileName:_jsxFileName,lineNumber:120,columnNumber:9}}));}}]);return InteractiveWrapper;}(_react.Component);exports.default=InteractiveWrapper;InteractiveWrapper.propTypes={attributes:_propTypes.default.object,element:_propTypes.default.string.isRequired,source:_propTypes.default.string.isRequired,fetchPolyfill:_propTypes.default.func};InteractiveWrapper.defaultProps={attributes:{},fetchPolyfill:polyfillWCIfNecessary};