@zendeskgarden/react-loaders - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

CHANGELOG.md

@@ -6,2 +6,11 @@ # Change Log
 
+<a name="0.1.2"></a>
+## [0.1.2](https://github.com/zendeskgarden/react-components/compare/@zendeskgarden/react-loaders@0.1.1...@zendeskgarden/react-loaders@0.1.2) (2018-09-25)
+
+**Note:** Version bump only for package @zendeskgarden/react-loaders
+
+
+
+
+
 <a name="0.1.1"></a>
@@ -8,0 +17,0 @@ ## [0.1.1](https://github.com/zendeskgarden/react-components/compare/@zendeskgarden/react-loaders@0.1.0...@zendeskgarden/react-loaders@0.1.1) (2018-08-22)

dist/index.js

@@ -497,3 +497,4 @@ /*!
 }).withConfig({
-  displayName: 'styled-elements__StyledCircle'
+  displayName: 'styled-elements__StyledCircle',
+  componentId: 'sc-19dhio6-0'
 })(['will-change:transform;']);
@@ -509,3 +510,3 @@
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': "0.1.1",
+  'data-garden-version': "0.1.2",
   xmlns: 'http://www.w3.org/2000/svg',
@@ -518,3 +519,4 @@ width: 80,
 }).withConfig({
-  displayName: 'styled-elements__StyledSvg'
+  displayName: 'styled-elements__StyledSvg',
+  componentId: 'sc-19dhio6-1'
 })(['width:1em;height:0.9em;color:', ';font-size:', ';', ';'], function (props) {
@@ -558,3 +560,4 @@ return props.color || 'inherit';
 }).withConfig({
-  displayName: 'styled-elements__LoadingPlaceholder'
+  displayName: 'styled-elements__LoadingPlaceholder',
+  componentId: 'sc-19dhio6-2'
 })(['display:inline;width:1em;height:0.9em;font-size:', ';'], function (props) {
@@ -561,0 +564,0 @@ return props.fontSize;

dist/umd/bundle.min.js

@@ -7,3 +7,3 @@ /*!
  */
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("rop-types"),require("styled-components"),require("@zendeskgarden/react-theming")):"function"==typeof define&&define.amd?define(["react","prop-types","styled-components","@zendeskgarden/react-theming"],t):"object"==typeof exports?exports.GardenLoaders=t(require("react"),require("rop-types"),require("styled-components"),require("@zendeskgarden/react-theming")):e.GardenLoaders=t(e.React,e.PropTypes,e.styled,e.GardenTheming)}(window,function(e,t,r,n){return 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=2)}([function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(3);Object.defineProperty(t,"Dots",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(n).default}})},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=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},o=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}}(),i=f(r(0)),a=f(r(1)),u=r(4),l=r(6);function f(e){return e&&e.__esModule?e:{default:e}}function c(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}var s=function(e){function t(){var e,r,n;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);for(var o=arguments.length,i=Array(o),a=0;a<o;a++)i[a]=arguments[a];return r=n=c(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(i))),n.state={frame:0,delayComplete:!1,timestamp:0},n.performAnimationFrame=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=n.props.velocity,r=t;t<-1?r=-.9:t>1&&(r=1),n.setState(function(t){var n=1e3+1e3*r,o=(e-t.timestamp)/n;return{frame:t.frame+o%u.KEYFRAME_MAX,timestamp:e}},function(){n.animationFrame=requestAnimationFrame(n.performAnimationFrame)})},n.retrieveFrame=function(e){var t=2*u.KEYFRAME_MAX;return(n.state.frame+e*t)%t},c(n,r)}return function(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)}(t,i.default.Component),o(t,[{key:"componentDidMount",value:function(){var e=this,t=this.props.delayMS;this.renderingDelayTimeout=setTimeout(function(){e.setState({delayComplete:!0},function(){e.performAnimationFrame()})},t)}},{key:"componentWillUnmount",value:function(){clearTimeout(this.renderingDelayTimeout),cancelAnimationFrame(this.animationFrame)}},{key:"render",value:function(){var e=this.props,t=e.size,r=e.color,o=e.delayMS,a=function(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}(e,["size","color","delayMS"]);if(!this.state.delayComplete&&0!==o)return i.default.createElement(l.LoadingPlaceholder,{fontSize:t}," ");var f=this.retrieveFrame(0),c=this.retrieveFrame(1/3),s=this.retrieveFrame(2/3);return i.default.createElement(l.StyledSVG,n({fontSize:t,color:r},a),i.default.createElement(l.StyledCircle,{transform:"translate("+(0,u.retrieveXCoordinate)(f)+" "+(0,u.retrieveYCoordinate)(f)+")"}),i.default.createElement(l.StyledCircle,{transform:"translate("+(0,u.retrieveXCoordinate)(c)+" "+(0,u.retrieveYCoordinate)(c)+")"}),i.default.createElement(l.StyledCircle,{transform:"translate("+(0,u.retrieveXCoordinate)(s)+" "+(0,u.retrieveYCoordinate)(s)+")"}))}}]),t}();s.propTypes={size:a.default.any,velocity:a.default.number,color:a.default.string,delayMS:a.default.number},s.defaultProps={size:"inherit",color:"inherit",velocity:.05,delayMS:750},t.default=s},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.KEYFRAME_MAX=t.KEYFRAME_5=t.KEYFRAME_4=t.KEYFRAME_3=t.KEYFRAME_2=t.KEYFRAME_1=void 0,t.retrieveXCoordinate=function(e){var t=void 0,r=e%f;if(r<o)return c;if(r<i){var a=r-o,l=i-o,s=(0,n.easeInOutCubic)(a/l);t=c-s*c}else if(r<u)t=0;else{var d=r-u,p=f-u;t=c*(d/p)}e>=f&&(t=2*c-t);return t},t.retrieveYCoordinate=function(e){var t=e%f;if(t<o)return t/o*-1*(d-s)+d;if(t<a)return s;if(t<u){var r=t-a,i=u-a;return r/i*(d-s)+s}if(t<l){var c=t-u,p=l-u,y=(0,n.easeOutCubic)(c/p);return d-y*d}var m=t-l,v=f-l;return(0,n.easeInCubic)(m/v)*d};var n=r(5),o=t.KEYFRAME_1=.166666667,i=t.KEYFRAME_2=.55,a=t.KEYFRAME_3=1.166666667,u=t.KEYFRAME_4=1.333333333,l=t.KEYFRAME_5=1.533333333,f=t.KEYFRAME_MAX=1.766666667,c=31,s=27,d=s+5},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.easeInCubic=function(e){return e*e*e},t.easeOutCubic=function(e){var t=e-1;return t*t*t+1},t.easeInOutCubic=function(e){return e<.5?4*e*e*e:(e-1)*(2*e-2)*(2*e-2)+1}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.LoadingPlaceholder=t.StyledSVG=t.StyledCircle=void 0;var n=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},o=l(r(0)),i=l(r(1)),a=l(r(7)),u=r(8);function l(e){return e&&e.__esModule?e:{default:e}}(t.StyledCircle=a.default.circle.attrs({cx:9,cy:9,r:9,transform:function(e){return e.transform}}).withConfig({displayName:"styled-elements__StyledCircle"})(["will-change:transform;"])).propTypes={transform:i.default.string};var f=a.default.svg.attrs({"data-garden-id":"loaders.dots","data-garden-version":"0.1.1",xmlns:"http://www.w3.org/2000/svg",width:80,height:72,focusable:"false",viewBox:"0 0 80 72",role:"progressbar"}).withConfig({displayName:"styled-elements__StyledSvg"})(["width:1em;height:0.9em;color:",";font-size:",";",";"],function(e){return e.color||"inherit"},function(e){return e.fontSize||"inherit"},function(e){return(0,u.retrieveTheme)("loaders.dots",e)});f.propTypes={color:i.default.string,fontSize:i.default.any};var c=function(e){var t=e.children,r=e.fontSize,i=function(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}(e,["children","fontSize"]);return o.default.createElement(f,n({fontSize:r},i),o.default.createElement("g",{fill:"currentColor"},t))};t.StyledSVG=c,c.propTypes={children:i.default.node,fontSize:i.default.any},(t.LoadingPlaceholder=a.default.div.attrs({role:"progressbar"}).withConfig({displayName:"styled-elements__LoadingPlaceholder"})(["display:inline;width:1em;height:0.9em;font-size:",";"],function(e){return e.fontSize})).propTypes={fontSize:i.default.any}},function(e,t){e.exports=r},function(e,t){e.exports=n}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("rop-types"),require("styled-components"),require("@zendeskgarden/react-theming")):"function"==typeof define&&define.amd?define(["react","prop-types","styled-components","@zendeskgarden/react-theming"],t):"object"==typeof exports?exports.GardenLoaders=t(require("react"),require("rop-types"),require("styled-components"),require("@zendeskgarden/react-theming")):e.GardenLoaders=t(e.React,e.PropTypes,e.styled,e.GardenTheming)}(window,function(r,n,o,i){return function(r){var n={};function o(e){if(n[e])return n[e].exports;var t=n[e]={i:e,l:!1,exports:{}};return r[e].call(t.exports,t,t.exports,o),t.l=!0,t.exports}return o.m=r,o.c=n,o.d=function(e,t,r){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(o.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)o.d(r,n,function(e){return t[e]}.bind(null,n));return r},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=2)}([function(e,t){e.exports=r},function(e,t){e.exports=n},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(3);Object.defineProperty(t,"Dots",{enumerable:!0,get:function(){return(e=n,e&&e.__esModule?e:{default:e}).default;var e}})},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var l=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},n=function(){function n(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(e,t,r){return t&&n(e.prototype,t),r&&n(e,r),e}}(),f=i(r(0)),o=i(r(1)),c=r(4),s=r(6);function i(e){return e&&e.__esModule?e:{default:e}}function u(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}var a=function(e){function a(){var e,t,r;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a);for(var n=arguments.length,o=Array(n),i=0;i<n;i++)o[i]=arguments[i];return(t=r=u(this,(e=a.__proto__||Object.getPrototypeOf(a)).call.apply(e,[this].concat(o)))).state={frame:0,delayComplete:!1,timestamp:0},r.performAnimationFrame=function(){var n=0<arguments.length&&void 0!==arguments[0]?arguments[0]:0,e=r.props.velocity,o=e;e<-1?o=-.9:1<e&&(o=1),r.setState(function(e){var t=1e3+1e3*o,r=(n-e.timestamp)/t;return{frame:e.frame+r%c.KEYFRAME_MAX,timestamp:n}},function(){r.animationFrame=requestAnimationFrame(r.performAnimationFrame)})},r.retrieveFrame=function(e){var t=2*c.KEYFRAME_MAX;return(r.state.frame+e*t)%t},u(r,t)}return function(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)}(a,f.default.Component),n(a,[{key:"componentDidMount",value:function(){var e=this,t=this.props.delayMS;this.renderingDelayTimeout=setTimeout(function(){e.setState({delayComplete:!0},function(){e.performAnimationFrame()})},t)}},{key:"componentWillUnmount",value:function(){clearTimeout(this.renderingDelayTimeout),cancelAnimationFrame(this.animationFrame)}},{key:"render",value:function(){var e=this.props,t=e.size,r=e.color,n=e.delayMS,o=function(e,t){var r={};for(var n in e)0<=t.indexOf(n)||Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r}(e,["size","color","delayMS"]);if(!this.state.delayComplete&&0!==n)return f.default.createElement(s.LoadingPlaceholder,{fontSize:t}," ");var i=this.retrieveFrame(0),a=this.retrieveFrame(1/3),u=this.retrieveFrame(2/3);return f.default.createElement(s.StyledSVG,l({fontSize:t,color:r},o),f.default.createElement(s.StyledCircle,{transform:"translate("+(0,c.retrieveXCoordinate)(i)+" "+(0,c.retrieveYCoordinate)(i)+")"}),f.default.createElement(s.StyledCircle,{transform:"translate("+(0,c.retrieveXCoordinate)(a)+" "+(0,c.retrieveYCoordinate)(a)+")"}),f.default.createElement(s.StyledCircle,{transform:"translate("+(0,c.retrieveXCoordinate)(u)+" "+(0,c.retrieveYCoordinate)(u)+")"}))}}]),a}();a.propTypes={size:o.default.any,velocity:o.default.number,color:o.default.string,delayMS:o.default.number},a.defaultProps={size:"inherit",color:"inherit",velocity:.05,delayMS:750},t.default=a},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.KEYFRAME_MAX=t.KEYFRAME_5=t.KEYFRAME_4=t.KEYFRAME_3=t.KEYFRAME_2=t.KEYFRAME_1=void 0,t.retrieveXCoordinate=function(e){var t=void 0,r=e%y;{if(r<c)return m;if(r<l){var n=r-c,o=l-c,i=(0,f.easeInOutCubic)(n/o);t=m-i*m}else if(r<d)t=0;else{var a=r-d,u=y-d;t=m*(a/u)}}y<=e&&(t=2*m-t);return t},t.retrieveYCoordinate=function(e){var t=e%y;{if(t<c)return t/c*-1*(h-v)+h;if(t<s)return v;if(t<d){var r=t-s,n=d-s;return r/n*(h-v)+v}if(t<p){var o=t-d,i=p-d,a=(0,f.easeOutCubic)(o/i);return h-a*h}}var u=t-p,l=y-p;return(0,f.easeInCubic)(u/l)*h};var f=r(5),c=t.KEYFRAME_1=.166666667,l=t.KEYFRAME_2=.55,s=t.KEYFRAME_3=1.166666667,d=t.KEYFRAME_4=1.333333333,p=t.KEYFRAME_5=1.533333333,y=t.KEYFRAME_MAX=1.766666667,m=31,v=27,h=v+5},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.easeInCubic=function(e){return e*e*e},t.easeOutCubic=function(e){var t=e-1;return t*t*t+1},t.easeInOutCubic=function(e){return e<.5?4*e*e*e:(e-1)*(2*e-2)*(2*e-2)+1}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.LoadingPlaceholder=t.StyledSVG=t.StyledCircle=void 0;var o=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=l(r(0)),n=l(r(1)),a=l(r(7)),u=r(8);function l(e){return e&&e.__esModule?e:{default:e}}(t.StyledCircle=a.default.circle.attrs({cx:9,cy:9,r:9,transform:function(e){return e.transform}}).withConfig({displayName:"styled-elements__StyledCircle",componentId:"sc-19dhio6-0"})(["will-change:transform;"])).propTypes={transform:n.default.string};var f="loaders.dots",c=a.default.svg.attrs({"data-garden-id":f,"data-garden-version":"0.1.2",xmlns:"http://www.w3.org/2000/svg",width:80,height:72,focusable:"false",viewBox:"0 0 80 72",role:"progressbar"}).withConfig({displayName:"styled-elements__StyledSvg",componentId:"sc-19dhio6-1"})(["width:1em;height:0.9em;color:",";font-size:",";",";"],function(e){return e.color||"inherit"},function(e){return e.fontSize||"inherit"},function(e){return(0,u.retrieveTheme)(f,e)});c.propTypes={color:n.default.string,fontSize:n.default.any};var s=function(e){var t=e.children,r=e.fontSize,n=function(e,t){var r={};for(var n in e)0<=t.indexOf(n)||Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r}(e,["children","fontSize"]);return i.default.createElement(c,o({fontSize:r},n),i.default.createElement("g",{fill:"currentColor"},t))};(t.StyledSVG=s).propTypes={children:n.default.node,fontSize:n.default.any},(t.LoadingPlaceholder=a.default.div.attrs({role:"progressbar"}).withConfig({displayName:"styled-elements__LoadingPlaceholder",componentId:"sc-19dhio6-2"})(["display:inline;width:1em;height:0.9em;font-size:",";"],function(e){return e.fontSize})).propTypes={fontSize:n.default.any}},function(e,t){e.exports=o},function(e,t){e.exports=i}])});
 //# sourceMappingURL=bundle.min.js.map

package.json

@@ -11,3 +11,3 @@ {
   },
-  "version": "0.1.1",
+  "version": "0.1.2",
   "main": "./dist/index.js",
@@ -33,3 +33,3 @@ "files": [
   "devDependencies": {
-    "@zendeskgarden/css-variables": "5.0.4",
+    "@zendeskgarden/css-variables": "5.1.0",
     "@zendeskgarden/react-theming": "^3.1.1"
@@ -47,3 +47,4 @@ },
   "zendeskgarden:library": "GardenLoaders",
-  "zendeskgarden:src": "src/index.js"
+  "zendeskgarden:src": "src/index.js",
+  "gitHead": "c907f6d4aa2e6355d2e0109d08507da75a1a9e86"
 }

No alert changes

Improved metrics

Total package byte prevSize

84590

increased by14.78%

Number of package files

8

increased by14.29%

Lines of code

512

increased by0.59%

No dependency changes