six-widget-support - npm Package Compare versions

Comparing version 3.0.28 to 3.1.0

CHANGELOG.md

@@ -5,2 +5,7 @@ # Change Log
 
+## [3.1.0] - 2017-08-31
+### Changed
+- Updated translations
+- Adds ability to wrap the spinner component in a custom component
+
 ## [3.0.28] - 2017-08-22
@@ -7,0 +12,0 @@ ### Changed

lib/index.js

@@ -1,1 +0,1 @@
-"use strict";function e(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}function t(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var r={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.copyObject=exports.debounce=exports.Flash=exports.ChangeDecorator=exports.getChangeClass=exports.getDisplayClass=exports.displayMode=exports.resizeAware=exports.ClickEventDecorator=exports.addGlobalWidget=exports.addGlobalSDK=exports.defer=exports.widget=exports.withData=void 0;var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},i=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),u=require("react"),c=t(u),l=require("prop-types"),p=t(l),d=require("react-dom"),f=e(d),b=require("./globals"),h=require("./event-decorators"),y=require("./change-decorator"),m=t(y),g=require("./flash"),v=t(g),x=require("./responsive"),w=t(x),D=require("./spinner"),C=t(D),O=require("./context-provider"),j=t(O),_=require("./util"),E=Object.prototype.hasOwnProperty,k=function(e){return function(t,l){var d,f;return f=d=function(p){function d(){n(this,d);var e=o(this,(d.__proto__||Object.getPrototypeOf(d)).call(this));return e.unsubscribeFns={},e}return s(d,u.Component),i(d,null,[{key:"getComponentDef",value:function(){return t.getComponentDef&&t.getComponentDef()}}]),i(d,[{key:"componentDidMount",value:function(){this.isStillMounted=!0,this.subscribe(this.props,this.props,this.context,this.context)}},{key:"componentWillReceiveProps",value:function(e,t){this.props.session!==e.session&&this.unsubscribe(),this.subscribe(e,this.props,t,this.context)}},{key:"componentWillUnmount",value:function(){this.isStillMounted=!1,this.unsubscribe()}},{key:"unsubscribe",value:function(){var e=this;Object.keys(this.unsubscribeFns).forEach(function(t){e.unsubscribeFns[t](),delete e.unsubscribeFns[t]})}},{key:"subscribe",value:function(r,n,o,s){var a=this,i=l||{widget:{name:t.getName&&t.getName()||t.displayName||"unknown",version:t.getVersion&&t.getVersion()||t.displayVersion||"0"}},u=e(n),c=e(r),p=o&&o.i18n&&o.i18n.locale,d=p!==(s&&s.i18n&&s.i18n.locale);Object.assign(i,{locale:p});var f=r.session.withContext(i);this.cachedData=this.cachedData||{},Object.keys(u).forEach(function(e){var t=c[e];if(d||t!==u[e]){delete a.cachedData[e],a.isStillMounted&&!d&&a.setState({data:a.cachedData});var r=u[e]&&a.unsubscribeFns[u[e]];r&&(r(),delete a.unsubscribeFns[u[e]])}}),Object.keys(c).forEach(function(e){var t=c[e];if(!a.unsubscribeFns[t]){var r=f.subscribe(t,function(t,r){t||(a.cachedData[e]=r),a.subscriberDataTimeout||(a.subscriberDataTimeout=setTimeout(function(){a.isStillMounted&&a.setState({data:a.cachedData,error:t}),a.subscriberDataTimeout=null},0))});a.unsubscribeFns[t]=r}})}},{key:"render",value:function(){var e=this.props,n=(e.subscriptionFn,e.spinner),o=r(e,["subscriptionFn","spinner"]),s=this.state?this.state.data:{},i=t.displayName||t.getComponentDef&&t.getComponentDef().displayName||"six-unknown-widget";return(0,_.isEmpty)(s)?this.state&&this.state.error?this.state.error.httpStatusCode>=400&&this.state.error.httpStatusCode<500?c.default.createElement(C.default,{name:"message",message:"An error occurred",className:"six-error",widget:i}):c.default.createElement(C.default,{name:"message-ellipsis",message:"An error occurred, retrying",className:"six-error",widget:i}):c.default.createElement(C.default,{name:n,widget:i}):c.default.createElement(t,a({},o,s,{error:this.state&&this.state.error}))}}]),d}(),d.displayName="six-with-data",d.defaultProps={spinner:"spinner-pulse"},d.contextTypes={i18n:p.default.object},f}};exports.withData=k;var S=function(e){return e.nodeType&&1===e.nodeType},F=exports.widget=function(e){return function(t,r,n){var o=S(r)?r:document.getElementById(r);if(!o)throw new Error("Could not find element with id "+r+" (widget also accepts an Element)");var s=void 0;t&&t._internal&&t._internal._context&&(s=t._internal._context.locale);var i=c.default.createElement(e,a({session:t},n));f.render(c.default.createElement(j.default,a({session:t,locale:s},n,{componentDef:e.getComponentDef&&e.getComponentDef()}),i),o);var u=function(){f.unmountComponentAtNode(o)};return u._ref=i,u}},q=exports.defer=function(e){window.setTimeout(e,0)};exports.addGlobalSDK=b.addGlobalSDK,exports.addGlobalWidget=b.addGlobalWidget,exports.ClickEventDecorator=h.ClickEventDecorator,exports.resizeAware=w.default,exports.displayMode=x.displayMode,exports.getDisplayClass=x.getDisplayClass,exports.getChangeClass=y.getChangeClass,exports.ChangeDecorator=m.default,exports.Flash=v.default,exports.debounce=_.debounce,exports.copyObject=_.copyObject,exports.default={widget:F,withData:k,defer:q,addGlobalSDK:b.addGlobalSDK,addGlobalWidget:b.addGlobalWidget};
+"use strict";function e(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}function t(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var r={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.copyObject=exports.debounce=exports.Flash=exports.ChangeDecorator=exports.getChangeClass=exports.getDisplayClass=exports.displayMode=exports.resizeAware=exports.ClickEventDecorator=exports.addGlobalWidget=exports.addGlobalSDK=exports.defer=exports.widget=exports.withData=void 0;var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},i=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),u=require("react"),l=t(u),c=require("prop-types"),p=t(c),d=require("react-dom"),f=e(d),b=require("./globals"),h=require("./event-decorators"),m=require("./change-decorator"),y=t(m),g=require("./flash"),v=t(g),x=require("./responsive"),w=t(x),D=require("./spinner"),C=t(D),O=require("./context-provider"),E=t(O),j=require("./util"),_=Object.prototype.hasOwnProperty,k=function(e){return function(t,c,d){var f,b;return d||function(e){return e&&e.children},b=f=function(p){function d(){n(this,d);var e=o(this,(d.__proto__||Object.getPrototypeOf(d)).call(this));return e.unsubscribeFns={},e}return s(d,u.Component),i(d,null,[{key:"getComponentDef",value:function(){return t.getComponentDef&&t.getComponentDef()}}]),i(d,[{key:"componentDidMount",value:function(){this.isStillMounted=!0,this.subscribe(this.props,this.props,this.context,this.context)}},{key:"componentWillReceiveProps",value:function(e,t){this.props.session!==e.session&&this.unsubscribe(),this.subscribe(e,this.props,t,this.context)}},{key:"componentWillUnmount",value:function(){this.isStillMounted=!1,this.unsubscribe()}},{key:"unsubscribe",value:function(){var e=this;Object.keys(this.unsubscribeFns).forEach(function(t){e.unsubscribeFns[t](),delete e.unsubscribeFns[t]})}},{key:"subscribe",value:function(r,n,o,s){var a=this,i=c||{widget:{name:t.getName&&t.getName()||t.displayName||"unknown",version:t.getVersion&&t.getVersion()||t.displayVersion||"0"}},u=e(n),l=e(r),p=o&&o.i18n&&o.i18n.locale,d=p!==(s&&s.i18n&&s.i18n.locale);Object.assign(i,{locale:p});var f=r.session.withContext(i);this.cachedData=this.cachedData||{},Object.keys(u).forEach(function(e){var t=l[e];if(d||t!==u[e]){delete a.cachedData[e],a.isStillMounted&&!d&&a.setState({data:a.cachedData});var r=u[e]&&a.unsubscribeFns[u[e]];r&&(r(),delete a.unsubscribeFns[u[e]])}}),Object.keys(l).forEach(function(e){var t=l[e];if(!a.unsubscribeFns[t]){var r=f.subscribe(t,function(t,r){t||(a.cachedData[e]=r),a.subscriberDataTimeout||(a.subscriberDataTimeout=setTimeout(function(){a.isStillMounted&&a.setState({data:a.cachedData,error:t}),a.subscriberDataTimeout=null},0))});a.unsubscribeFns[t]=r}})}},{key:"render",value:function(){var e=this.props,n=(e.subscriptionFn,e.spinner),o=r(e,["subscriptionFn","spinner"]),s=this.state?this.state.data:{},i=t.displayName||t.getComponentDef&&t.getComponentDef().displayName||"six-unknown-widget";return(0,j.isEmpty)(s)?this.state&&this.state.error?this.state.error.httpStatusCode>=400&&this.state.error.httpStatusCode<500?l.default.createElement("spinnerWrapper",null,l.default.createElement(C.default,{name:"message",message:"An error occurred",className:"six-error",widget:i})):l.default.createElement("spinnerWrapper",null,l.default.createElement(C.default,{name:"message-ellipsis",message:"An error occurred, retrying",className:"six-error",widget:i})):l.default.createElement("spinnerWrapper",null,l.default.createElement(C.default,{name:n,widget:i})):l.default.createElement(t,a({},o,s,{error:this.state&&this.state.error}))}}]),d}(),f.displayName="six-with-data",f.defaultProps={spinner:"spinner-pulse"},f.contextTypes={i18n:p.default.object},b}};exports.withData=k;var S=function(e){return e.nodeType&&1===e.nodeType},F=exports.widget=function(e){return function(t,r,n){var o=S(r)?r:document.getElementById(r);if(!o)throw new Error("Could not find element with id "+r+" (widget also accepts an Element)");var s=void 0;t&&t._internal&&t._internal._context&&(s=t._internal._context.locale);var i=l.default.createElement(e,a({session:t},n));f.render(l.default.createElement(E.default,a({session:t,locale:s},n,{componentDef:e.getComponentDef&&e.getComponentDef()}),i),o);var u=function(){f.unmountComponentAtNode(o)};return u._ref=i,u}},q=exports.defer=function(e){window.setTimeout(e,0)};exports.addGlobalSDK=b.addGlobalSDK,exports.addGlobalWidget=b.addGlobalWidget,exports.ClickEventDecorator=h.ClickEventDecorator,exports.resizeAware=w.default,exports.displayMode=x.displayMode,exports.getDisplayClass=x.getDisplayClass,exports.getChangeClass=m.getChangeClass,exports.ChangeDecorator=y.default,exports.Flash=v.default,exports.debounce=j.debounce,exports.copyObject=j.copyObject,exports.default={widget:F,withData:k,defer:q,addGlobalSDK:b.addGlobalSDK,addGlobalWidget:b.addGlobalWidget};

lib/meta-version.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={version:"3.0.28",git:{short:"31479a9",long:"31479a9f00f6055c9df3401263914e0e152fcae0",branch:"master"}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={version:"3.1.0",git:{short:"30625c1",long:"30625c1c299a50bab089bec63787d67907354840",branch:"master"}};

package.json

 {
   "name": "six-widget-support",
-  "version": "3.0.28",
+  "version": "3.1.0",
   "description": "Common functionality for SIX Widgets",
@@ -16,3 +16,3 @@ "main": "lib/index.js",
     "intl-locales-supported": "^1.0.0",
-    "six-widget-buildsupport": "^4.0.5"
+    "six-widget-buildsupport": "^4.0.7"
   },
@@ -28,4 +28,4 @@ "peerDependencies": {
     "intl": "1.1.0",
-    "six-widget-translations": "^0.1.45"
+    "six-widget-translations": "^0.1.46"
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

92043

increased by0.33%

Dependency changes

• Updatedsix-widget-translations@^0.1.46